Skip to content

Commit 149c763

Browse files
francisrupertfrancisrupert
authored
docs(dialtone-vue): DLT-3226 update documentation and consuming code to numeric size scale (#1158)
1 parent 725bd41 commit 149c763

168 files changed

Lines changed: 1256 additions & 1163 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/BaseColor.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<dt-text
55
as="h4"
66
kind="headline"
7-
size="lg"
7+
:size="400"
88
class="d-tt-capitalize"
99
text-box-trim="start"
1010
tabindex="-1"

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/BaseIcon.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,11 @@
4040
<dt-stack gap="500">
4141
<dt-stack direction="row" gap="300">
4242
<dt-stack class="d-fl-grow5">
43-
<dt-text kind="label" size="sm">
43+
<dt-text kind="label" :size="200">
4444
Name
4545
</dt-text>
4646
<dt-stack direction="row" justify="between">
47-
<dt-text kind="body" size="md" density="200">
47+
<dt-text kind="body" :size="300" density="200">
4848
{{ name }}
4949
</dt-text>
5050
</dt-stack>
@@ -64,10 +64,10 @@
6464
</dt-stack>
6565
<dt-stack direction="row" align="center">
6666
<dt-stack class="d-fl-grow5">
67-
<dt-text kind="label" size="sm">
67+
<dt-text kind="label" :size="200">
6868
Description
6969
</dt-text>
70-
<dt-text kind="body" size="md" density="200">
70+
<dt-text kind="body" :size="300" density="200">
7171
{{ desc }}
7272
</dt-text>
7373
</dt-stack>
@@ -79,7 +79,7 @@
7979
label="SVG"
8080
readonly
8181
tabindex="-1"
82-
size="sm"
82+
:size="200"
8383
:value="rawSvg"
8484
/>
8585
</div>
@@ -96,7 +96,7 @@
9696
label="Vue"
9797
tabindex="-1"
9898
readonly
99-
size="sm"
99+
:size="200"
100100
:value="`<${vue} />`"
101101
/>
102102
</div>

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/BlogPost.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,23 +18,23 @@
1818
</component>
1919
<dt-stack as="section" direction="row" gap="400">
2020
<dt-avatar
21-
size="md"
21+
:size="300"
2222
:seed="author"
2323
:full-name="author"
2424
/>
2525
<dt-stack>
26-
<dt-text size="sm" kind="label" tone="secondary" density="200">
26+
<dt-text :size="200" kind="label" tone="secondary" density="200">
2727
{{ author }}
2828
</dt-text>
29-
<dt-text as="time" size="sm" kind="body" tone="tertiary">
29+
<dt-text as="time" :size="200" kind="body" tone="tertiary">
3030
{{ format(posted, 'MMMM do, y') }}
3131
</dt-text>
3232
</dt-stack>
3333
</dt-stack>
3434
<dt-text
3535
v-if="excerpt"
3636
as="p"
37-
:size="isPreview ? 'md' : 'lg'"
37+
:size="isPreview ? 300 : 400"
3838
kind="body"
3939
tone="tertiary"
4040
class="d-mt8"

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/ButtonVariantsTable.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ const kindDescriptions = {
3434
<div class="d-mb4">
3535
{{ importance }}
3636
</div>
37-
<dt-text kind="body" size="sm" density="200" class="d-tt-none">
37+
<dt-text kind="body" :size="200" density="200" class="d-tt-none">
3838
{{ importanceDescriptions[importance] }}
3939
</dt-text>
4040
</th>
@@ -46,7 +46,7 @@ const kindDescriptions = {
4646
<a class="d-link d-fs-100 d-fw-medium d-d-block d-mb4 d-tt-uppercase" :href="`#${kind}`">
4747
<strong>{{ kind }}</strong>
4848
</a>
49-
<dt-text kind="body" size="sm" density="200">
49+
<dt-text kind="body" :size="200" density="200">
5050
{{ kindDescriptions[kind] }}
5151
</dt-text>
5252
</th>

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/ClampedTableWrapper.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
v-dt-tooltip="`Clear`"
1919
kind="muted"
2020
importance="clear"
21-
size="xs"
21+
:size="100"
2222
aria-label="Clear search"
2323
@click="clearSearch"
2424
>
@@ -32,7 +32,7 @@
3232
</div>
3333
<dt-empty-state
3434
v-if="showEmptyState"
35-
size="sm"
35+
:size="200"
3636
:header-text="`No results found`"
3737
class="d-w100p d-ba d-bc-subtle d-bar8 d-pt32"
3838
>
@@ -58,7 +58,7 @@
5858
class="dialtone-doc-table-clamped__more-btn d-bgc-secondary d-bs-sm"
5959
kind="muted"
6060
importance="outlined"
61-
size="xs"
61+
:size="100"
6262
@click="() => handleExpand(scrollRef)"
6363
>
6464
{{ buttonLabel }}

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/CodeExampleTabs.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<dt-tab-group
33
class="code-example-tab-group"
44
activation-mode="auto"
5-
size="xs"
5+
:size="100"
66
@change="selectedPanelId = $event.selected"
77
>
88
<template #tabs>
@@ -68,7 +68,7 @@
6868
class="code-example-tab-group__more-btn d-bgc-secondary d-bs-sm"
6969
kind="muted"
7070
importance="outlined"
71-
size="xs"
71+
:size="100"
7272
@click="expandCodeBlocks"
7373
>
7474
Show all

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/ComponentAccessibleTable.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
<dt-text
4040
as="span"
4141
kind="code"
42-
size="xs"
42+
:size="100"
4343
class="d-docsite-code"
4444
>
4545
{{ item }}
@@ -49,7 +49,7 @@
4949
<dt-text
5050
as="code"
5151
kind="code"
52-
size="xs"
52+
:size="100"
5353
class="code-example--inline"
5454
>
5555
{{ applies }}
@@ -58,7 +58,7 @@
5858
<td>
5959
<dt-text
6060
kind="body"
61-
size="xs"
61+
:size="100"
6262
>
6363
{{ description }}
6464
</dt-text>

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/ComponentClassTable.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
<dt-text
4242
as="span"
4343
kind="code"
44-
size="xs"
44+
:size="100"
4545
class="d-docsite-code"
4646
>
4747
{{ className.startsWith('data-') ? className : `.${className}` }}
@@ -51,7 +51,7 @@
5151
<dt-text
5252
as="code"
5353
kind="code"
54-
size="xs"
54+
:size="100"
5555
class="code-example--inline"
5656
>
5757
{{ applies }}
@@ -60,7 +60,7 @@
6060
<td>
6161
<dt-text
6262
kind="body"
63-
size="xs"
63+
:size="100"
6464
>
6565
{{ description }}
6666
</dt-text>

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/ComponentVueApiTable.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
>
4747
<th scope="row">
4848
<dt-stack gap="300">
49-
<dt-text as="code" kind="code" size="xs" class="d-docsite-code">
49+
<dt-text as="code" kind="code" :size="100" class="d-docsite-code">
5050
{{ item.name }}
5151
</dt-text>
5252
<dt-text
@@ -67,7 +67,7 @@
6767
</th>
6868

6969
<td v-if="withDefault">
70-
<dt-text v-if="item.defaultValue" as="code" kind="code" size="xs" class="d-docsite-code">
70+
<dt-text v-if="item.defaultValue" as="code" kind="code" :size="100" class="d-docsite-code">
7171
{{ item.defaultValue }}
7272
</dt-text>
7373
</td>
@@ -85,22 +85,22 @@
8585
v-for="(value, index) in item.values"
8686
:key="`${item.name} ${value}`"
8787
>
88-
<dt-text v-if="index > 0" tone="muted" as="span" kind="body" size="xs">
88+
<dt-text v-if="index > 0" tone="muted" as="span" kind="body" :size="100">
8989
|
9090
</dt-text>
91-
<dt-text as="code" kind="code" size="xs" class="d-docsite-code">
91+
<dt-text as="code" kind="code" :size="100" class="d-docsite-code">
9292
"{{ value }}"
9393
</dt-text>
9494
</template>
9595
</dt-stack>
96-
<dt-text v-else-if="item.type" as="code" kind="code" size="xs" class="d-docsite-code">
96+
<dt-text v-else-if="item.type" as="code" kind="code" :size="100" class="d-docsite-code">
9797
{{ item.type }}
9898
</dt-text>
9999
<dt-text
100100
v-if="item.description"
101101
as="p"
102102
kind="body"
103-
size="sm"
103+
:size="200"
104104
wrap="balance"
105105
>
106106
<markdown-render
@@ -111,7 +111,7 @@
111111
v-if="item.deprecated && item.deprecatedMessage"
112112
as="p"
113113
kind="body"
114-
size="sm"
114+
:size="200"
115115
tone="critical"
116116
>
117117
{{ item.deprecatedMessage }}

‎apps/dialtone-documentation/docs/.vuepress/baseComponents/CopyButton.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<dt-button
33
:aria-label="ariaLabel"
4-
size="xs"
4+
:size="100"
55
importance="clear"
66
kind="muted"
77
@click="copyToClipboard"

0 commit comments

Comments
 (0)