@dialpad/dialtone 7.0.0 → 7.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/build/less/components/badge.less +0 -1
- package/lib/build/less/dialtone-globals.less +0 -2
- package/lib/build/less/themes/default.less +0 -1
- package/lib/build/less/utilities/borders.less +6 -6
- package/lib/build/less/variables/typography.less +4 -3
- package/lib/dist/css/dialtone.css +11 -15
- package/lib/dist/css/dialtone.min.css +1 -1
- package/package.json +1 -1
|
@@ -29,10 +29,8 @@ body {
|
|
|
29
29
|
color: var(--base--text-color);
|
|
30
30
|
font-size: var(--base--font-size); // [2]
|
|
31
31
|
font-family: var(--base--font-family);
|
|
32
|
-
font-feature-settings: var(--base--font-feature-settings);
|
|
33
32
|
line-height: var(--base--line-height);
|
|
34
33
|
background-color: var(--base--background-color);
|
|
35
|
-
font-kerning: normal;
|
|
36
34
|
-webkit-text-size-adjust: 100%; // [3]
|
|
37
35
|
}
|
|
38
36
|
|
|
@@ -122,42 +122,42 @@
|
|
|
122
122
|
.d-baw4 { border-width: var(--su4) !important; }
|
|
123
123
|
.d-baw6 { border-width: var(--su6) !important; }
|
|
124
124
|
|
|
125
|
-
// -- Top Border
|
|
125
|
+
// -- Top Border width
|
|
126
126
|
.d-btw0 { border-top-width: var(--su0) !important; }
|
|
127
127
|
.d-btw1 { border-top-width: var(--su1) !important; }
|
|
128
128
|
.d-btw2 { border-top-width: var(--su2) !important; }
|
|
129
129
|
.d-btw4 { border-top-width: var(--su4) !important; }
|
|
130
130
|
.d-btw6 { border-top-width: var(--su6) !important; }
|
|
131
131
|
|
|
132
|
-
// -- Right Border
|
|
132
|
+
// -- Right Border width
|
|
133
133
|
.d-brw0 { border-right-width: var(--su0) !important; }
|
|
134
134
|
.d-brw1 { border-right-width: var(--su1) !important; }
|
|
135
135
|
.d-brw2 { border-right-width: var(--su2) !important; }
|
|
136
136
|
.d-brw4 { border-right-width: var(--su4) !important; }
|
|
137
137
|
.d-brw6 { border-right-width: var(--su6) !important; }
|
|
138
138
|
|
|
139
|
-
// -- Bottom Border
|
|
139
|
+
// -- Bottom Border width
|
|
140
140
|
.d-bbw0 { border-bottom-width: var(--su0) !important; }
|
|
141
141
|
.d-bbw1 { border-bottom-width: var(--su1) !important; }
|
|
142
142
|
.d-bbw2 { border-bottom-width: var(--su2) !important; }
|
|
143
143
|
.d-bbw4 { border-bottom-width: var(--su4) !important; }
|
|
144
144
|
.d-bbw6 { border-bottom-width: var(--su6) !important; }
|
|
145
145
|
|
|
146
|
-
// -- Left Border
|
|
146
|
+
// -- Left Border width
|
|
147
147
|
.d-blw0 { border-left-width: var(--su0) !important; }
|
|
148
148
|
.d-blw1 { border-left-width: var(--su1) !important; }
|
|
149
149
|
.d-blw2 { border-left-width: var(--su2) !important; }
|
|
150
150
|
.d-blw4 { border-left-width: var(--su4) !important; }
|
|
151
151
|
.d-blw6 { border-left-width: var(--su6) !important; }
|
|
152
152
|
|
|
153
|
-
// -- X Border
|
|
153
|
+
// -- X Border width
|
|
154
154
|
.d-bxw0 { .d-brw0(); .d-blw0(); }
|
|
155
155
|
.d-bxw1 { .d-brw1(); .d-blw1(); }
|
|
156
156
|
.d-bxw2 { .d-brw2(); .d-blw2(); }
|
|
157
157
|
.d-bxw4 { .d-brw4(); .d-blw4(); }
|
|
158
158
|
.d-bxw6 { .d-brw6(); .d-blw6(); }
|
|
159
159
|
|
|
160
|
-
// -- Y Border
|
|
160
|
+
// -- Y Border width
|
|
161
161
|
.d-byw0 { .d-btw0(); .d-bbw0(); }
|
|
162
162
|
.d-byw1 { .d-btw1(); .d-bbw1(); }
|
|
163
163
|
.d-byw2 { .d-btw2(); .d-bbw2(); }
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
// $ FONT FAMILY
|
|
20
20
|
// ----------------------------------------------------------------------------
|
|
21
21
|
@define-ff-custom-name: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono,
|
|
22
|
-
'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
|
23
|
-
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
22
|
+
'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif,
|
|
23
|
+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
24
24
|
@define-ff-mono: @ff-sf-mono;
|
|
25
25
|
@define-ff-mono-name: 'SFMono';
|
|
26
26
|
@define-ff-marketing: @ff-archivo;
|
|
@@ -66,7 +66,8 @@
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
@ff-custom: @define-ff-custom-name;
|
|
69
|
-
@ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
|
|
69
|
+
@ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif,
|
|
70
|
+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
70
71
|
@ff-mono: @define-ff-mono-name, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
|
|
71
72
|
@ff-marketing: @define-ff-marketing-name, @ff-sans;
|
|
72
73
|
@ff-marketing-semi-expanded: @define-ff-marketing-semi-expanded-name, @ff-sans;
|
|
@@ -628,7 +628,6 @@ body {
|
|
|
628
628
|
--badge--bgc: var(--green-400);
|
|
629
629
|
}
|
|
630
630
|
.d-badge--red-300 {
|
|
631
|
-
--badge--fc: var(--white);
|
|
632
631
|
--badge--bgc: var(--red-300);
|
|
633
632
|
}
|
|
634
633
|
.d-banner {
|
|
@@ -19409,22 +19408,22 @@ body.theme-dark .d\:d-bgg-to-0 {
|
|
|
19409
19408
|
font-weight: 700;
|
|
19410
19409
|
}
|
|
19411
19410
|
.d-ff-custom {
|
|
19412
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
|
|
19411
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
|
|
19413
19412
|
}
|
|
19414
19413
|
.d-ff-sans {
|
|
19415
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19414
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19416
19415
|
}
|
|
19417
19416
|
.d-ff-mono {
|
|
19418
19417
|
font-family: 'SFMono', SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;
|
|
19419
19418
|
}
|
|
19420
19419
|
.d-ff-marketing {
|
|
19421
|
-
font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19420
|
+
font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19422
19421
|
}
|
|
19423
19422
|
.d-ff-marketing-semi-expanded {
|
|
19424
|
-
font-family: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19423
|
+
font-family: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19425
19424
|
}
|
|
19426
19425
|
.d-ff-marketing-expanded {
|
|
19427
|
-
font-family: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19426
|
+
font-family: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
19428
19427
|
}
|
|
19429
19428
|
.d-ff-unset {
|
|
19430
19429
|
font-family: unset !important;
|
|
@@ -19909,10 +19908,8 @@ body {
|
|
|
19909
19908
|
color: var(--base--text-color);
|
|
19910
19909
|
font-size: var(--base--font-size);
|
|
19911
19910
|
font-family: var(--base--font-family);
|
|
19912
|
-
font-feature-settings: var(--base--font-feature-settings);
|
|
19913
19911
|
line-height: var(--base--line-height);
|
|
19914
19912
|
background-color: var(--base--background-color);
|
|
19915
|
-
font-kerning: normal;
|
|
19916
19913
|
-webkit-text-size-adjust: 100%;
|
|
19917
19914
|
}
|
|
19918
19915
|
.d-svg {
|
|
@@ -20346,12 +20343,12 @@ body {
|
|
|
20346
20343
|
--grid-columns: 12;
|
|
20347
20344
|
--grid-column-width: minmax(min-content, 24rem);
|
|
20348
20345
|
--grid-column-auto: 1fr;
|
|
20349
|
-
--ff-custom: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
20350
|
-
--ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20346
|
+
--ff-custom: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
20347
|
+
--ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20351
20348
|
--ff-mono: 'SFMono', SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
|
|
20352
|
-
--ff-marketing: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20353
|
-
--ff-marketing-semi-expanded: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20354
|
-
--ff-marketing-expanded: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20349
|
+
--ff-marketing: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20350
|
+
--ff-marketing-semi-expanded: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20351
|
+
--ff-marketing-expanded: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
20355
20352
|
--fs-100: 1.2rem;
|
|
20356
20353
|
--fs-200: 1.5rem;
|
|
20357
20354
|
--fs-300: 1.9rem;
|
|
@@ -20444,8 +20441,7 @@ body {
|
|
|
20444
20441
|
--nav-background-color: hsl(var(--nav-background-color-h) var(--nav-background-color-s) var(--nav-background-color-l));
|
|
20445
20442
|
--topbar-height: var(--su64);
|
|
20446
20443
|
--base--font-size: var(--fs-200);
|
|
20447
|
-
--base--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
20448
|
-
--base--font-feature-settings: 'calt' 0;
|
|
20444
|
+
--base--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
20449
20445
|
--base--line-height: var(--lh-300);
|
|
20450
20446
|
--base--corner-radius: 0.25em;
|
|
20451
20447
|
--theme-topbar-color: hsl(var(--theme-topbar-color-hsl));
|