Skip to content

Commit 89c1ed0

Browse files
jeverhart-dialpadjeverhart-dialpad
authored
chore(docs): NO-JIRA update UI kit links and status (#1137)
1 parent 6e7cd04 commit 89c1ed0

File tree

3 files changed

+60
-58
lines changed

3 files changed

+60
-58
lines changed

‎apps/dialtone-documentation/docs/.vuepress/theme/assets/less/dialtone-docs.less‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -848,6 +848,10 @@ a.header-anchor {
848848

849849
// UI Kits variant: keeps description visible and stays 2-column longer
850850
&--ui-kits {
851+
.dialtone-wall__details {
852+
gap: var(--dt-size-500);
853+
}
854+
851855
.dialtone-wall__description {
852856
display: block;
853857
color: var(--dt-color-foreground-tertiary);

‎apps/dialtone-documentation/docs/.vuepress/views/UiKitsOverview.vue‎

Lines changed: 46 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -24,57 +24,55 @@
2424
{{ kit.description }}
2525
</div>
2626
</dt-stack>
27-
<div>
28-
<span class="d-btn d-btn--muted d-btn--sm d-mln12 d-mbn12">
29-
<span class="d-btn__icon d-btn__icon--left">
30-
<svg
31-
class="d-icon d-icon--size-200"
32-
viewBox="0 0 24 24"
33-
xmlns="http://www.w3.org/2000/svg"
34-
aria-hidden="true"
35-
>
36-
<path
37-
d="M4.61824 20.4293L4.00072 3.92089C3.98032 3.37568 4.397 2.91362 4.93974
38-
2.87959L18.9352 2.00199C19.4877 1.96735 19.9635 2.38859 19.998 2.94286C19.9993
39-
2.96374 20 2.98466 20 3.00558V20.9945C20 21.5498 19.5513 22 18.9978 22C18.9828
40-
22 18.9678 21.9997 18.9528 21.999L5.57482 21.3962C5.0538 21.3727 4.6378 20.9522
41-
4.61824 20.4293Z"
42-
fill="#FF4785"
43-
/>
44-
<path
45-
d="M15.8555 4.42657L15.9531 2.14956L17.9154 2L17.9999 4.34821C18.0028
46-
4.42993 17.9369 4.49849 17.8527 4.50135C17.8166 4.50257 17.7813 4.49135
47-
17.7529 4.46968L16.9962 3.89144L16.1003 4.55068C16.0331 4.6001 15.9374
48-
4.58735 15.8864 4.5222C15.865 4.49478 15.854 4.46096 15.8555 4.42657ZM13.346
49-
9.44092C13.346 9.82708 16.0275 9.642 16.3875 9.37075C16.3875 6.74106 14.9328
50-
5.3592 12.2692 5.3592C9.60547 5.3592 8.11304 6.76256 8.11304 8.8676C8.11304
51-
12.5339 13.2137 12.604 13.2137 14.6038C13.2137 15.1652 12.9304 15.4985 12.3069
52-
15.4985C11.4946 15.4985 11.1735 15.096 11.2112 13.7278C11.2112 13.4309 8.11304
53-
13.3384 8.01859 13.7278C7.77806 17.0436 9.90773 18 12.3447 18C14.7062 18 16.5575
54-
16.779 16.5575 14.5687C16.5575 10.6393 11.3813 10.7446 11.3813 8.79743C11.3813
55-
8.00804 11.9858 7.90279 12.3447 7.90279C12.7226 7.90279 13.4026 7.96739 13.346
56-
9.44092Z"
57-
fill="white"
58-
/>
59-
</svg>
60-
</span>
61-
<span class="d-btn__label">View in Storybook</span>
62-
</span>
63-
</div>
27+
<dt-stack direction="row" gap="300" class="d-ai-center">
28+
<svg
29+
class="d-icon d-icon--size-200"
30+
viewBox="0 0 24 24"
31+
xmlns="http://www.w3.org/2000/svg"
32+
aria-hidden="true"
33+
>
34+
<path
35+
d="M4.61824 20.4293L4.00072 3.92089C3.98032 3.37568 4.397 2.91362 4.93974
36+
2.87959L18.9352 2.00199C19.4877 1.96735 19.9635 2.38859 19.998 2.94286C19.9993
37+
2.96374 20 2.98466 20 3.00558V20.9945C20 21.5498 19.5513 22 18.9978 22C18.9828
38+
22 18.9678 21.9997 18.9528 21.999L5.57482 21.3962C5.0538 21.3727 4.6378 20.9522
39+
4.61824 20.4293Z"
40+
fill="#FF4785"
41+
/>
42+
<path
43+
d="M15.8555 4.42657L15.9531 2.14956L17.9154 2L17.9999 4.34821C18.0028
44+
4.42993 17.9369 4.49849 17.8527 4.50135C17.8166 4.50257 17.7813 4.49135
45+
17.7529 4.46968L16.9962 3.89144L16.1003 4.55068C16.0331 4.6001 15.9374
46+
4.58735 15.8864 4.5222C15.865 4.49478 15.854 4.46096 15.8555 4.42657ZM13.346
47+
9.44092C13.346 9.82708 16.0275 9.642 16.3875 9.37075C16.3875 6.74106 14.9328
48+
5.3592 12.2692 5.3592C9.60547 5.3592 8.11304 6.76256 8.11304 8.8676C8.11304
49+
12.5339 13.2137 12.604 13.2137 14.6038C13.2137 15.1652 12.9304 15.4985 12.3069
50+
15.4985C11.4946 15.4985 11.1735 15.096 11.2112 13.7278C11.2112 13.4309 8.11304
51+
13.3384 8.01859 13.7278C7.77806 17.0436 9.90773 18 12.3447 18C14.7062 18 16.5575
52+
16.779 16.5575 14.5687C16.5575 10.6393 11.3813 10.7446 11.3813 8.79743C11.3813
53+
8.00804 11.9858 7.90279 12.3447 7.90279C12.7226 7.90279 13.4026 7.96739 13.346
54+
9.44092Z"
55+
fill="white"
56+
/>
57+
</svg>
58+
<span class="d-fs-125 d-fw-semibold d-fc-secondary">View in Storybook</span>
59+
</dt-stack>
6460
</dt-stack>
6561
</a>
6662
<div v-else class="dialtone-wall__item">
67-
<div class="dialtone-wall__details">
68-
<div class="dialtone-wall__title">
69-
<span class="dialtone-wall__title-text">{{ kit.text }}</span>
70-
<span class="d-badge d-tt-capitalize">
71-
{{ kit.status }}
72-
</span>
73-
</div>
74-
<div class="dialtone-wall__description">
75-
{{ kit.description }}
76-
</div>
77-
</div>
63+
<dt-stack direction="column" class="dialtone-wall__details">
64+
<dt-stack direction="column" gap="400">
65+
<div class="dialtone-wall__title">
66+
<span class="dialtone-wall__title-text">{{ kit.text }}</span>
67+
<span class="d-badge d-tt-capitalize">
68+
{{ kit.status }}
69+
</span>
70+
</div>
71+
<div class="dialtone-wall__description">
72+
{{ kit.description }}
73+
</div>
74+
</dt-stack>
75+
</dt-stack>
7876
</div>
7977
</template>
8078
</div>

‎apps/dialtone-documentation/docs/_data/site-nav.json‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -135,32 +135,32 @@
135135
"description": "Fieldsets for settings and admin pages. Includes text inputs, textareas, and repeating multi-field variants.",
136136
"status": "beta"
137137
},
138-
{
139-
"text": "AnalyticsKit",
140-
"link": "https://uikits.dialpad.com/analyticskit/",
141-
"github_url": "https://github.com/dialpad/dialpad-uikits/tree/main/packages/analyticskit",
142-
"description": "Data visualization widgets for dashboards. Features dynamic charts, data tables, and metric summaries.",
143-
"status": "planned"
144-
},
145138
{
146139
"text": "CallbarKit",
147140
"link": "https://uikits.dialpad.com/callbarkit/",
148141
"github_url": "https://github.com/dialpad/dialpad-uikits/tree/main/packages/callbarkit",
149142
"description": "Specialized building blocks for meeting and telephony controls. Includes callbar buttons, banners, and timers.",
150-
"status": "planned"
143+
"status": "beta"
151144
},
152145
{
153146
"text": "NavigationKit",
154147
"link": "https://uikits.dialpad.com/navigationkit/",
155148
"github_url": "https://github.com/dialpad/dialpad-uikits/tree/main/packages/navigationkit",
156149
"description": "Components appearing in the application shell (top and left navigation). Houses contact rows, unread pills, and menu buttons.",
157-
"status": "planned"
150+
"status": "beta"
158151
},
159152
{
160153
"text": "WorkflowKit",
161154
"link": "https://uikits.dialpad.com/workflowkit/",
162155
"github_url": "https://github.com/dialpad/dialpad-uikits/tree/main/packages/workflowkit",
163-
"description": "Visual workflow builder components. Centered around the IVR Node for telephony routing.",
156+
"description": "Visual workflow builder components. Currently used for card-based steps in the IVR Workflow configuration.",
157+
"status": "beta"
158+
},
159+
{
160+
"text": "AnalyticsKit",
161+
"link": "https://uikits.dialpad.com/analyticskit/",
162+
"github_url": "https://github.com/dialpad/dialpad-uikits/tree/main/packages/analyticskit",
163+
"description": "Data visualization widgets for dashboards. Features dynamic charts, data tables, and metric summaries.",
164164
"status": "planned"
165165
}
166166
]

0 commit comments

Comments
 (0)