@czi-sds/components 22.13.3 → 22.15.0
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/dist/index.cjs.d.ts +189 -47
- package/dist/index.cjs.js +2415 -1279
- package/dist/index.esm.d.ts +189 -47
- package/dist/index.esm.js +2417 -1281
- package/dist/tailwind.json +570 -432
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/variables.css +232 -78
- package/dist/variables.scss +184 -78
- package/package.json +2 -2
package/dist/variables.css
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
@media (prefers-color-scheme: light) {
|
|
2
2
|
:root {
|
|
3
|
-
--sds-border-accent-default: 1px solid #
|
|
4
|
-
--sds-border-accent-focused: 1px solid #
|
|
5
|
-
--sds-border-accent-hover: 1px solid #
|
|
6
|
-
--sds-border-accent-open: 1px solid #
|
|
7
|
-
--sds-border-accent-pressed: 1px solid #
|
|
8
|
-
--sds-border-accent-selected: 1px solid #
|
|
3
|
+
--sds-border-accent-default: 1px solid #6e4ff9;
|
|
4
|
+
--sds-border-accent-focused: 1px solid #6e4ff9;
|
|
5
|
+
--sds-border-accent-hover: 1px solid #4e18cc;
|
|
6
|
+
--sds-border-accent-open: 1px solid #6e4ff9;
|
|
7
|
+
--sds-border-accent-pressed: 1px solid #330296;
|
|
8
|
+
--sds-border-accent-selected: 1px solid #6e4ff9;
|
|
9
9
|
--sds-border-base-default: 1px solid #969696;
|
|
10
10
|
--sds-border-base-disabled: 1px solid #c3c3c3;
|
|
11
11
|
--sds-border-base-divider: 1px solid #dfdfdf;
|
|
12
|
+
--sds-border-base-divider-on-dark: 1px solid #3b3b3b;
|
|
12
13
|
--sds-border-base-divider-inverse: 1px solid #767676;
|
|
13
14
|
--sds-border-base-hover: 1px solid #000000;
|
|
14
15
|
--sds-border-base-inverse: 1px solid #ffffff;
|
|
@@ -57,6 +58,14 @@
|
|
|
57
58
|
--sds-color-primitive-gray-700: #3b3b3b;
|
|
58
59
|
--sds-color-primitive-gray-800: #1b1b1b;
|
|
59
60
|
--sds-color-primitive-gray-900: #000000;
|
|
61
|
+
--sds-color-primitive-indigo-100: #f1f0ff;
|
|
62
|
+
--sds-color-primitive-indigo-200: #dcd9ff;
|
|
63
|
+
--sds-color-primitive-indigo-300: #beb5ff;
|
|
64
|
+
--sds-color-primitive-indigo-400: #9d8bff;
|
|
65
|
+
--sds-color-primitive-indigo-500: #6e4ff9;
|
|
66
|
+
--sds-color-primitive-indigo-600: #4e18cc;
|
|
67
|
+
--sds-color-primitive-indigo-700: #330296;
|
|
68
|
+
--sds-color-primitive-indigo-800: #1d004d;
|
|
60
69
|
--sds-color-primitive-green-100: #ebf9ed;
|
|
61
70
|
--sds-color-primitive-green-200: #b9ecc3;
|
|
62
71
|
--sds-color-primitive-green-300: #7fd693;
|
|
@@ -91,73 +100,93 @@
|
|
|
91
100
|
--sds-color-primitive-yellow-800: #541700;
|
|
92
101
|
--sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);
|
|
93
102
|
--sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);
|
|
94
|
-
--sds-color-semantic-accent-border: #
|
|
95
|
-
--sds-color-semantic-accent-border-focus: #
|
|
96
|
-
--sds-color-semantic-accent-border-hover: #
|
|
97
|
-
--sds-color-semantic-accent-border-open: #
|
|
98
|
-
--sds-color-semantic-accent-border-pressed: #
|
|
99
|
-
--sds-color-semantic-accent-border-selected: #
|
|
100
|
-
--sds-color-semantic-accent-fill-hover: #
|
|
101
|
-
--sds-color-semantic-accent-fill-pressed: #
|
|
102
|
-
--sds-color-semantic-accent-fill-primary: #
|
|
103
|
-
--sds-color-semantic-accent-ornament: #
|
|
104
|
-
--sds-color-semantic-accent-ornament-focus: #
|
|
105
|
-
--sds-color-semantic-accent-ornament-hover: #
|
|
106
|
-
--sds-color-semantic-accent-ornament-open: #
|
|
107
|
-
--sds-color-semantic-accent-ornament-pressed: #
|
|
108
|
-
--sds-color-semantic-accent-ornament-selected: #
|
|
109
|
-
--sds-color-semantic-accent-surface-primary: #
|
|
110
|
-
--sds-color-semantic-accent-surface-secondary: #
|
|
111
|
-
--sds-color-semantic-accent-text-action: #
|
|
112
|
-
--sds-color-semantic-accent-text-action-hover: #
|
|
113
|
-
--sds-color-semantic-accent-text-action-pressed: #
|
|
103
|
+
--sds-color-semantic-accent-border: #6e4ff9;
|
|
104
|
+
--sds-color-semantic-accent-border-focus: #6e4ff9;
|
|
105
|
+
--sds-color-semantic-accent-border-hover: #4e18cc;
|
|
106
|
+
--sds-color-semantic-accent-border-open: #6e4ff9;
|
|
107
|
+
--sds-color-semantic-accent-border-pressed: #330296;
|
|
108
|
+
--sds-color-semantic-accent-border-selected: #6e4ff9;
|
|
109
|
+
--sds-color-semantic-accent-fill-hover: #4e18cc;
|
|
110
|
+
--sds-color-semantic-accent-fill-pressed: #330296;
|
|
111
|
+
--sds-color-semantic-accent-fill-primary: #6e4ff9;
|
|
112
|
+
--sds-color-semantic-accent-ornament: #6e4ff9;
|
|
113
|
+
--sds-color-semantic-accent-ornament-focus: #6e4ff9;
|
|
114
|
+
--sds-color-semantic-accent-ornament-hover: #4e18cc;
|
|
115
|
+
--sds-color-semantic-accent-ornament-open: #6e4ff9;
|
|
116
|
+
--sds-color-semantic-accent-ornament-pressed: #330296;
|
|
117
|
+
--sds-color-semantic-accent-ornament-selected: #6e4ff9;
|
|
118
|
+
--sds-color-semantic-accent-surface-primary: #6e4ff9;
|
|
119
|
+
--sds-color-semantic-accent-surface-secondary: #f1f0ff;
|
|
120
|
+
--sds-color-semantic-accent-text-action: #6e4ff9;
|
|
121
|
+
--sds-color-semantic-accent-text-action-hover: #4e18cc;
|
|
122
|
+
--sds-color-semantic-accent-text-action-pressed: #330296;
|
|
114
123
|
--sds-color-semantic-base-background-primary: #ffffff;
|
|
124
|
+
--sds-color-semantic-base-background-primary-dark: #000000;
|
|
115
125
|
--sds-color-semantic-base-background-primary-inverse: #000000;
|
|
116
|
-
--sds-color-semantic-base-background-secondary: #
|
|
126
|
+
--sds-color-semantic-base-background-secondary: #ededed66;
|
|
127
|
+
--sds-color-semantic-base-background-secondary-on-dark: #3b3b3b9E;
|
|
117
128
|
--sds-color-semantic-base-background-secondary-inverse: #3b3b3b;
|
|
118
129
|
--sds-color-semantic-base-background-tertiary: #ededed;
|
|
119
130
|
--sds-color-semantic-base-border-on-fill: #ffffff;
|
|
120
131
|
--sds-color-semantic-base-border-primary: #767676;
|
|
121
132
|
--sds-color-semantic-base-border-primary-disabled: #c3c3c3;
|
|
133
|
+
--sds-color-semantic-base-border-primary-disabled-on-dark: #767676;
|
|
122
134
|
--sds-color-semantic-base-border-primary-disabled-inverse: #767676;
|
|
123
135
|
--sds-color-semantic-base-border-primary-hover: #000000;
|
|
136
|
+
--sds-color-semantic-base-border-primary-hover-on-dark: #ffffff;
|
|
124
137
|
--sds-color-semantic-base-border-primary-hover-inverse: #ffffff;
|
|
138
|
+
--sds-color-semantic-base-border-primary-on-dark: #c3c3c3;
|
|
125
139
|
--sds-color-semantic-base-border-primary-inverse: #c3c3c3;
|
|
126
140
|
--sds-color-semantic-base-border-primary-pressed: #000000;
|
|
141
|
+
--sds-color-semantic-base-border-primary-pressed-on-dark: #ffffff;
|
|
127
142
|
--sds-color-semantic-base-border-primary-pressed-inverse: #ffffff;
|
|
128
143
|
--sds-color-semantic-base-border-secondary: #c3c3c3;
|
|
129
144
|
--sds-color-semantic-base-divider: #dfdfdf;
|
|
130
|
-
--sds-color-semantic-base-divider-
|
|
145
|
+
--sds-color-semantic-base-divider-on-dark: #3b3b3b;
|
|
146
|
+
--sds-color-semantic-base-divider-inverse: #3b3b3b;
|
|
131
147
|
--sds-color-semantic-base-fill-disabled: #dfdfdf;
|
|
132
148
|
--sds-color-semantic-base-fill-hover: #c3c3c333;
|
|
149
|
+
--sds-color-semantic-base-fill-hover-on-dark: #c3c3c357;
|
|
133
150
|
--sds-color-semantic-base-fill-hover-inverse: #c3c3c357;
|
|
134
151
|
--sds-color-semantic-base-fill-open: #c3c3c333;
|
|
152
|
+
--sds-color-semantic-base-fill-open-on-dark: #c3c3c357;
|
|
135
153
|
--sds-color-semantic-base-fill-open-inverse: #c3c3c357;
|
|
136
154
|
--sds-color-semantic-base-fill-pressed: #c3c3c333;
|
|
155
|
+
--sds-color-semantic-base-fill-pressed-on-dark: #c3c3c357;
|
|
137
156
|
--sds-color-semantic-base-fill-pressed-inverse: #c3c3c357;
|
|
138
157
|
--sds-color-semantic-base-fill-primary: #ffffff;
|
|
139
158
|
--sds-color-semantic-base-fill-selected: #000000;
|
|
140
159
|
--sds-color-semantic-base-ornament-disabled: #c3c3c3;
|
|
160
|
+
--sds-color-semantic-base-ornament-disabled-on-dark: #767676;
|
|
141
161
|
--sds-color-semantic-base-ornament-disabled-inverse: #767676;
|
|
142
162
|
--sds-color-semantic-base-ornament-on-fill: #ffffff;
|
|
143
163
|
--sds-color-semantic-base-ornament-primary: #000000;
|
|
164
|
+
--sds-color-semantic-base-ornament-primary-on-dark: #ffffff;
|
|
144
165
|
--sds-color-semantic-base-ornament-primary-inverse: #ffffff;
|
|
145
166
|
--sds-color-semantic-base-ornament-secondary: #767676;
|
|
146
167
|
--sds-color-semantic-base-ornament-secondary-hover: #000000;
|
|
168
|
+
--sds-color-semantic-base-ornament-secondary-hover-on-dark: #ffffff;
|
|
147
169
|
--sds-color-semantic-base-ornament-secondary-hover-inverse: #ffffff;
|
|
170
|
+
--sds-color-semantic-base-ornament-secondary-on-dark: #c3c3c3;
|
|
148
171
|
--sds-color-semantic-base-ornament-secondary-inverse: #c3c3c3;
|
|
149
172
|
--sds-color-semantic-base-ornament-secondary-pressed: #000000;
|
|
173
|
+
--sds-color-semantic-base-ornament-secondary-pressed-on-dark: #ffffff;
|
|
150
174
|
--sds-color-semantic-base-ornament-secondary-pressed-inverse: #ffffff;
|
|
151
175
|
--sds-color-semantic-base-surface: #ffffff;
|
|
176
|
+
--sds-color-semantic-base-surface-on-dark: #000000;
|
|
152
177
|
--sds-color-semantic-base-surface-inverse: #000000;
|
|
153
178
|
--sds-color-semantic-base-text-disabled: #c3c3c3;
|
|
179
|
+
--sds-color-semantic-base-text-disabled-on-dark: #767676;
|
|
154
180
|
--sds-color-semantic-base-text-disabled-inverse: #767676;
|
|
155
181
|
--sds-color-semantic-base-text-on-fill: #ffffff;
|
|
156
182
|
--sds-color-semantic-base-text-primary: #000000;
|
|
183
|
+
--sds-color-semantic-base-text-primary-on-dark: #ffffff;
|
|
157
184
|
--sds-color-semantic-base-text-primary-inverse: #ffffff;
|
|
158
185
|
--sds-color-semantic-base-text-secondary: #767676;
|
|
186
|
+
--sds-color-semantic-base-text-secondary-on-dark: #c3c3c3;
|
|
159
187
|
--sds-color-semantic-base-text-secondary-inverse: #c3c3c3;
|
|
160
188
|
--sds-color-semantic-base-text-tertiary: #a5a5a5;
|
|
189
|
+
--sds-color-semantic-base-text-tertiary-on-dark: #969696;
|
|
161
190
|
--sds-color-semantic-base-text-tertiary-inverse: #969696;
|
|
162
191
|
--sds-color-semantic-beta-border: #6526b5;
|
|
163
192
|
--sds-color-semantic-beta-fill-hover: #6526b5;
|
|
@@ -295,6 +324,18 @@
|
|
|
295
324
|
--sds-font-body-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
296
325
|
--sds-font-body-xxxs-600-letter-spacing: 0.06px;
|
|
297
326
|
--sds-font-body-xxxs-600-letter-spacing-narrow: 0.06px;
|
|
327
|
+
--sds-font-body-xxxxs-400-font: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
328
|
+
--sds-font-body-xxxxs-400-font-narrow: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
329
|
+
--sds-font-body-xxxxs-400-letter-spacing: 0.06px;
|
|
330
|
+
--sds-font-body-xxxxs-400-letter-spacing-narrow: 0.06px;
|
|
331
|
+
--sds-font-body-xxxxs-500-font: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
332
|
+
--sds-font-body-xxxxs-500-font-narrow: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
333
|
+
--sds-font-body-xxxxs-500-letter-spacing: 0.06px;
|
|
334
|
+
--sds-font-body-xxxxs-500-letter-spacing-narrow: 0.06px;
|
|
335
|
+
--sds-font-body-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
336
|
+
--sds-font-body-xxxxs-600-font-narrow: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
337
|
+
--sds-font-body-xxxxs-600-letter-spacing: 0.06px;
|
|
338
|
+
--sds-font-body-xxxxs-600-letter-spacing-narrow: 0.06px;
|
|
298
339
|
--sds-font-caps-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
299
340
|
--sds-font-caps-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
300
341
|
--sds-font-caps-xxs-600-letter-spacing: 0.4px;
|
|
@@ -491,6 +532,24 @@
|
|
|
491
532
|
--sds-font-link-xxxs-600-letter-spacing-narrow: 0.06px;
|
|
492
533
|
--sds-font-link-xxxs-600-text-decoration: underline;
|
|
493
534
|
--sds-font-link-xxxs-600-text-decoration-narrow: underline;
|
|
535
|
+
--sds-font-link-xxxxs-400-font: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
536
|
+
--sds-font-link-xxxxs-400-font-narrow: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
537
|
+
--sds-font-link-xxxxs-400-letter-spacing: 0.06px;
|
|
538
|
+
--sds-font-link-xxxxs-400-letter-spacing-narrow: 0.06px;
|
|
539
|
+
--sds-font-link-xxxxs-400-text-decoration: underline;
|
|
540
|
+
--sds-font-link-xxxxs-400-text-decoration-narrow: underline;
|
|
541
|
+
--sds-font-link-xxxxs-500-font: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
542
|
+
--sds-font-link-xxxxs-500-font-narrow: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
543
|
+
--sds-font-link-xxxxs-500-letter-spacing: 0.06px;
|
|
544
|
+
--sds-font-link-xxxxs-500-letter-spacing-narrow: 0.06px;
|
|
545
|
+
--sds-font-link-xxxxs-500-text-decoration: underline;
|
|
546
|
+
--sds-font-link-xxxxs-500-text-decoration-narrow: underline;
|
|
547
|
+
--sds-font-link-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
548
|
+
--sds-font-link-xxxxs-600-font-narrow: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
549
|
+
--sds-font-link-xxxxs-600-letter-spacing: 0.06px;
|
|
550
|
+
--sds-font-link-xxxxs-600-letter-spacing-narrow: 0.06px;
|
|
551
|
+
--sds-font-link-xxxxs-600-text-decoration: underline;
|
|
552
|
+
--sds-font-link-xxxxs-600-text-decoration-narrow: underline;
|
|
494
553
|
--sds-font-tabular-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
495
554
|
--sds-font-tabular-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
496
555
|
--sds-font-tabular-s-400-font-variant-numeric: tabular-nums;
|
|
@@ -563,6 +622,24 @@
|
|
|
563
622
|
--sds-font-tabular-xxxs-600-font-variant-numeric-narrow: tabular-nums;
|
|
564
623
|
--sds-font-tabular-xxxs-600-letter-spacing: -0.25px;
|
|
565
624
|
--sds-font-tabular-xxxs-600-letter-spacing-narrow: -0.25px;
|
|
625
|
+
--sds-font-tabular-xxxxs-400-font: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
626
|
+
--sds-font-tabular-xxxxs-400-font-narrow: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
627
|
+
--sds-font-tabular-xxxxs-400-font-variant-numeric: tabular-nums;
|
|
628
|
+
--sds-font-tabular-xxxxs-400-font-variant-numeric-narrow: tabular-nums;
|
|
629
|
+
--sds-font-tabular-xxxxs-400-letter-spacing: -0.25px;
|
|
630
|
+
--sds-font-tabular-xxxxs-400-letter-spacing-narrow: -0.25px;
|
|
631
|
+
--sds-font-tabular-xxxxs-500-font: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
632
|
+
--sds-font-tabular-xxxxs-500-font-narrow: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
633
|
+
--sds-font-tabular-xxxxs-500-font-variant-numeric: tabular-nums;
|
|
634
|
+
--sds-font-tabular-xxxxs-500-font-variant-numeric-narrow: tabular-nums;
|
|
635
|
+
--sds-font-tabular-xxxxs-500-letter-spacing: -0.25px;
|
|
636
|
+
--sds-font-tabular-xxxxs-500-letter-spacing-narrow: -0.25px;
|
|
637
|
+
--sds-font-tabular-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
638
|
+
--sds-font-tabular-xxxxs-600-font-narrow: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
639
|
+
--sds-font-tabular-xxxxs-600-font-variant-numeric: tabular-nums;
|
|
640
|
+
--sds-font-tabular-xxxxs-600-font-variant-numeric-narrow: tabular-nums;
|
|
641
|
+
--sds-font-tabular-xxxxs-600-letter-spacing: -0.25px;
|
|
642
|
+
--sds-font-tabular-xxxxs-600-letter-spacing-narrow: -0.25px;
|
|
566
643
|
--sds-font-title-s-700-font: 700 32px/40px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
567
644
|
--sds-font-title-s-700-font-narrow: 700 26px/34px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
568
645
|
--sds-font-title-s-700-letter-spacing: 0px;
|
|
@@ -599,15 +676,16 @@
|
|
|
599
676
|
|
|
600
677
|
@media (prefers-color-scheme: dark) {
|
|
601
678
|
:root {
|
|
602
|
-
--sds-border-accent-default: 1px solid #
|
|
603
|
-
--sds-border-accent-focused: 1px solid #
|
|
604
|
-
--sds-border-accent-hover: 1px solid #
|
|
605
|
-
--sds-border-accent-open: 1px solid #
|
|
606
|
-
--sds-border-accent-pressed: 1px solid #
|
|
607
|
-
--sds-border-accent-selected: 1px solid #
|
|
679
|
+
--sds-border-accent-default: 1px solid #beb5ff;
|
|
680
|
+
--sds-border-accent-focused: 1px solid #beb5ff;
|
|
681
|
+
--sds-border-accent-hover: 1px solid #dcd9ff;
|
|
682
|
+
--sds-border-accent-open: 1px solid #beb5ff;
|
|
683
|
+
--sds-border-accent-pressed: 1px solid #f1f0ff;
|
|
684
|
+
--sds-border-accent-selected: 1px solid #beb5ff;
|
|
608
685
|
--sds-border-base-default: 1px solid #aaaaaa;
|
|
609
686
|
--sds-border-base-disabled: 1px solid #696969;
|
|
610
687
|
--sds-border-base-divider: 1px solid #494949;
|
|
688
|
+
--sds-border-base-divider-on-dark: 1px solid #494949;
|
|
611
689
|
--sds-border-base-divider-inverse: 1px solid #cdcdcd;
|
|
612
690
|
--sds-border-base-hover: 1px solid #ffffff;
|
|
613
691
|
--sds-border-base-inverse: 1px solid #000000;
|
|
@@ -656,6 +734,14 @@
|
|
|
656
734
|
--sds-color-primitive-gray-700: #ededed;
|
|
657
735
|
--sds-color-primitive-gray-800: #fafafa;
|
|
658
736
|
--sds-color-primitive-gray-900: #ffffff;
|
|
737
|
+
--sds-color-primitive-indigo-100: #1d004d;
|
|
738
|
+
--sds-color-primitive-indigo-200: #330296;
|
|
739
|
+
--sds-color-primitive-indigo-300: #521ec9;
|
|
740
|
+
--sds-color-primitive-indigo-400: #6e4ff9;
|
|
741
|
+
--sds-color-primitive-indigo-500: #9785ff;
|
|
742
|
+
--sds-color-primitive-indigo-600: #beb5ff;
|
|
743
|
+
--sds-color-primitive-indigo-700: #dcd9ff;
|
|
744
|
+
--sds-color-primitive-indigo-800: #f1f0ff;
|
|
659
745
|
--sds-color-primitive-green-100: #082608;
|
|
660
746
|
--sds-color-primitive-green-200: #063617;
|
|
661
747
|
--sds-color-primitive-green-300: #10632e;
|
|
@@ -690,74 +776,94 @@
|
|
|
690
776
|
--sds-color-primitive-yellow-800: #ffe6a8;
|
|
691
777
|
--sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);
|
|
692
778
|
--sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);
|
|
693
|
-
--sds-color-semantic-accent-border: #
|
|
694
|
-
--sds-color-semantic-accent-border-focus: #
|
|
695
|
-
--sds-color-semantic-accent-border-hover: #
|
|
696
|
-
--sds-color-semantic-accent-border-open: #
|
|
697
|
-
--sds-color-semantic-accent-border-pressed: #
|
|
698
|
-
--sds-color-semantic-accent-border-selected: #
|
|
699
|
-
--sds-color-semantic-accent-fill-hover: #
|
|
700
|
-
--sds-color-semantic-accent-fill-pressed: #
|
|
701
|
-
--sds-color-semantic-accent-fill-primary: #
|
|
702
|
-
--sds-color-semantic-accent-ornament: #
|
|
703
|
-
--sds-color-semantic-accent-ornament-focus: #
|
|
704
|
-
--sds-color-semantic-accent-ornament-hover: #
|
|
705
|
-
--sds-color-semantic-accent-ornament-open: #
|
|
706
|
-
--sds-color-semantic-accent-ornament-pressed: #
|
|
707
|
-
--sds-color-semantic-accent-ornament-selected: #
|
|
708
|
-
--sds-color-semantic-accent-surface-primary: #
|
|
709
|
-
--sds-color-semantic-accent-surface-secondary: #
|
|
710
|
-
--sds-color-semantic-accent-text-action: #
|
|
711
|
-
--sds-color-semantic-accent-text-action-hover: #
|
|
712
|
-
--sds-color-semantic-accent-text-action-pressed: #
|
|
779
|
+
--sds-color-semantic-accent-border: #beb5ff;
|
|
780
|
+
--sds-color-semantic-accent-border-focus: #beb5ff;
|
|
781
|
+
--sds-color-semantic-accent-border-hover: #dcd9ff;
|
|
782
|
+
--sds-color-semantic-accent-border-open: #beb5ff;
|
|
783
|
+
--sds-color-semantic-accent-border-pressed: #f1f0ff;
|
|
784
|
+
--sds-color-semantic-accent-border-selected: #beb5ff;
|
|
785
|
+
--sds-color-semantic-accent-fill-hover: #dcd9ff;
|
|
786
|
+
--sds-color-semantic-accent-fill-pressed: #f1f0ff;
|
|
787
|
+
--sds-color-semantic-accent-fill-primary: #6e4ff9;
|
|
788
|
+
--sds-color-semantic-accent-ornament: #beb5ff;
|
|
789
|
+
--sds-color-semantic-accent-ornament-focus: #beb5ff;
|
|
790
|
+
--sds-color-semantic-accent-ornament-hover: #dcd9ff;
|
|
791
|
+
--sds-color-semantic-accent-ornament-open: #beb5ff;
|
|
792
|
+
--sds-color-semantic-accent-ornament-pressed: #f1f0ff;
|
|
793
|
+
--sds-color-semantic-accent-ornament-selected: #beb5ff;
|
|
794
|
+
--sds-color-semantic-accent-surface-primary: #6e4ff9;
|
|
795
|
+
--sds-color-semantic-accent-surface-secondary: #1d004d;
|
|
796
|
+
--sds-color-semantic-accent-text-action: #beb5ff;
|
|
797
|
+
--sds-color-semantic-accent-text-action-hover: #dcd9ff;
|
|
798
|
+
--sds-color-semantic-accent-text-action-pressed: #f1f0ff;
|
|
713
799
|
--sds-color-semantic-base-background-primary: #101010;
|
|
714
|
-
--sds-color-semantic-base-background-primary-
|
|
715
|
-
--sds-color-semantic-base-background-
|
|
716
|
-
--sds-color-semantic-base-background-secondary
|
|
717
|
-
--sds-color-semantic-base-background-
|
|
718
|
-
--sds-color-semantic-base-
|
|
800
|
+
--sds-color-semantic-base-background-primary-dark: #101010;
|
|
801
|
+
--sds-color-semantic-base-background-primary-inverse: #101010;
|
|
802
|
+
--sds-color-semantic-base-background-secondary: #33333399;
|
|
803
|
+
--sds-color-semantic-base-background-secondary-on-dark: #33333399;
|
|
804
|
+
--sds-color-semantic-base-background-secondary-inverse: #33333399;
|
|
805
|
+
--sds-color-semantic-base-background-tertiary: #333333;
|
|
806
|
+
--sds-color-semantic-base-border-on-fill: #ffffff;
|
|
719
807
|
--sds-color-semantic-base-border-primary: #cdcdcd;
|
|
720
808
|
--sds-color-semantic-base-border-primary-disabled: #696969;
|
|
721
|
-
--sds-color-semantic-base-border-primary-disabled-
|
|
809
|
+
--sds-color-semantic-base-border-primary-disabled-on-dark: #696969;
|
|
810
|
+
--sds-color-semantic-base-border-primary-disabled-inverse: #696969;
|
|
722
811
|
--sds-color-semantic-base-border-primary-hover: #ffffff;
|
|
723
|
-
--sds-color-semantic-base-border-primary-hover-
|
|
724
|
-
--sds-color-semantic-base-border-primary-inverse: #
|
|
812
|
+
--sds-color-semantic-base-border-primary-hover-on-dark: #ffffff;
|
|
813
|
+
--sds-color-semantic-base-border-primary-hover-inverse: #ffffff;
|
|
814
|
+
--sds-color-semantic-base-border-primary-on-dark: #cdcdcd;
|
|
815
|
+
--sds-color-semantic-base-border-primary-inverse: #cdcdcd;
|
|
725
816
|
--sds-color-semantic-base-border-primary-pressed: #ffffff;
|
|
726
|
-
--sds-color-semantic-base-border-primary-pressed-
|
|
817
|
+
--sds-color-semantic-base-border-primary-pressed-on-dark: #ffffff;
|
|
818
|
+
--sds-color-semantic-base-border-primary-pressed-inverse: #ffffff;
|
|
727
819
|
--sds-color-semantic-base-border-secondary: #696969;
|
|
728
820
|
--sds-color-semantic-base-divider: #494949;
|
|
729
|
-
--sds-color-semantic-base-divider-
|
|
821
|
+
--sds-color-semantic-base-divider-on-dark: #494949;
|
|
822
|
+
--sds-color-semantic-base-divider-inverse: #494949;
|
|
730
823
|
--sds-color-semantic-base-fill-disabled: #494949;
|
|
731
|
-
--sds-color-semantic-base-fill-hover: #
|
|
732
|
-
--sds-color-semantic-base-fill-hover-
|
|
733
|
-
--sds-color-semantic-base-fill-
|
|
734
|
-
--sds-color-semantic-base-fill-open
|
|
735
|
-
--sds-color-semantic-base-fill-
|
|
736
|
-
--sds-color-semantic-base-fill-
|
|
824
|
+
--sds-color-semantic-base-fill-hover: #69696952;
|
|
825
|
+
--sds-color-semantic-base-fill-hover-on-dark: #69696952;
|
|
826
|
+
--sds-color-semantic-base-fill-hover-inverse: #69696952;
|
|
827
|
+
--sds-color-semantic-base-fill-open: #69696952;
|
|
828
|
+
--sds-color-semantic-base-fill-open-on-dark: #69696952;
|
|
829
|
+
--sds-color-semantic-base-fill-open-inverse: #69696952;
|
|
830
|
+
--sds-color-semantic-base-fill-pressed: #69696952;
|
|
831
|
+
--sds-color-semantic-base-fill-pressed-on-dark: #69696952;
|
|
832
|
+
--sds-color-semantic-base-fill-pressed-inverse: #69696952;
|
|
737
833
|
--sds-color-semantic-base-fill-primary: #333333;
|
|
738
834
|
--sds-color-semantic-base-fill-selected: #ffffff;
|
|
739
835
|
--sds-color-semantic-base-ornament-disabled: #696969;
|
|
740
|
-
--sds-color-semantic-base-ornament-disabled-
|
|
836
|
+
--sds-color-semantic-base-ornament-disabled-on-dark: #696969;
|
|
837
|
+
--sds-color-semantic-base-ornament-disabled-inverse: #696969;
|
|
741
838
|
--sds-color-semantic-base-ornament-on-fill: #ffffff;
|
|
742
839
|
--sds-color-semantic-base-ornament-primary: #ffffff;
|
|
840
|
+
--sds-color-semantic-base-ornament-primary-on-dark: #ffffff;
|
|
743
841
|
--sds-color-semantic-base-ornament-primary-inverse: #000000;
|
|
744
842
|
--sds-color-semantic-base-ornament-secondary: #cdcdcd;
|
|
745
843
|
--sds-color-semantic-base-ornament-secondary-hover: #ffffff;
|
|
746
|
-
--sds-color-semantic-base-ornament-secondary-hover-
|
|
747
|
-
--sds-color-semantic-base-ornament-secondary-inverse: #
|
|
844
|
+
--sds-color-semantic-base-ornament-secondary-hover-on-dark: #ffffff;
|
|
845
|
+
--sds-color-semantic-base-ornament-secondary-hover-inverse: #ffffff;
|
|
846
|
+
--sds-color-semantic-base-ornament-secondary-on-dark: #cdcdcd;
|
|
847
|
+
--sds-color-semantic-base-ornament-secondary-inverse: #cdcdcd;
|
|
748
848
|
--sds-color-semantic-base-ornament-secondary-pressed: #ffffff;
|
|
749
|
-
--sds-color-semantic-base-ornament-secondary-pressed-
|
|
849
|
+
--sds-color-semantic-base-ornament-secondary-pressed-on-dark: #ffffff;
|
|
850
|
+
--sds-color-semantic-base-ornament-secondary-pressed-inverse: #ffffff;
|
|
750
851
|
--sds-color-semantic-base-surface: #333333;
|
|
751
|
-
--sds-color-semantic-base-surface-
|
|
852
|
+
--sds-color-semantic-base-surface-on-dark: #333333;
|
|
853
|
+
--sds-color-semantic-base-surface-inverse: #333333;
|
|
752
854
|
--sds-color-semantic-base-text-disabled: #696969;
|
|
753
|
-
--sds-color-semantic-base-text-disabled-
|
|
855
|
+
--sds-color-semantic-base-text-disabled-on-dark: #696969;
|
|
856
|
+
--sds-color-semantic-base-text-disabled-inverse: #696969;
|
|
754
857
|
--sds-color-semantic-base-text-on-fill: #ffffff;
|
|
755
858
|
--sds-color-semantic-base-text-primary: #ffffff;
|
|
859
|
+
--sds-color-semantic-base-text-primary-on-dark: #ffffff;
|
|
756
860
|
--sds-color-semantic-base-text-primary-inverse: #000000;
|
|
757
861
|
--sds-color-semantic-base-text-secondary: #cdcdcd;
|
|
758
|
-
--sds-color-semantic-base-text-secondary-
|
|
862
|
+
--sds-color-semantic-base-text-secondary-on-dark: #cdcdcd;
|
|
863
|
+
--sds-color-semantic-base-text-secondary-inverse: #cdcdcd;
|
|
759
864
|
--sds-color-semantic-base-text-tertiary: #949494;
|
|
760
|
-
--sds-color-semantic-base-text-tertiary-
|
|
865
|
+
--sds-color-semantic-base-text-tertiary-on-dark: #949494;
|
|
866
|
+
--sds-color-semantic-base-text-tertiary-inverse: #949494;
|
|
761
867
|
--sds-color-semantic-beta-border: #cebef8;
|
|
762
868
|
--sds-color-semantic-beta-fill-hover: #e4dcfc;
|
|
763
869
|
--sds-color-semantic-beta-fill-pressed: #f0ebfe;
|
|
@@ -894,6 +1000,18 @@
|
|
|
894
1000
|
--sds-font-body-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
895
1001
|
--sds-font-body-xxxs-600-letter-spacing: 0.06px;
|
|
896
1002
|
--sds-font-body-xxxs-600-letter-spacing-narrow: 0.06px;
|
|
1003
|
+
--sds-font-body-xxxxs-400-font: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1004
|
+
--sds-font-body-xxxxs-400-font-narrow: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1005
|
+
--sds-font-body-xxxxs-400-letter-spacing: 0.06px;
|
|
1006
|
+
--sds-font-body-xxxxs-400-letter-spacing-narrow: 0.06px;
|
|
1007
|
+
--sds-font-body-xxxxs-500-font: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1008
|
+
--sds-font-body-xxxxs-500-font-narrow: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1009
|
+
--sds-font-body-xxxxs-500-letter-spacing: 0.06px;
|
|
1010
|
+
--sds-font-body-xxxxs-500-letter-spacing-narrow: 0.06px;
|
|
1011
|
+
--sds-font-body-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1012
|
+
--sds-font-body-xxxxs-600-font-narrow: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1013
|
+
--sds-font-body-xxxxs-600-letter-spacing: 0.06px;
|
|
1014
|
+
--sds-font-body-xxxxs-600-letter-spacing-narrow: 0.06px;
|
|
897
1015
|
--sds-font-caps-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
898
1016
|
--sds-font-caps-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
899
1017
|
--sds-font-caps-xxs-600-letter-spacing: 0.4px;
|
|
@@ -1090,6 +1208,24 @@
|
|
|
1090
1208
|
--sds-font-link-xxxs-600-letter-spacing-narrow: 0.06px;
|
|
1091
1209
|
--sds-font-link-xxxs-600-text-decoration: underline;
|
|
1092
1210
|
--sds-font-link-xxxs-600-text-decoration-narrow: underline;
|
|
1211
|
+
--sds-font-link-xxxxs-400-font: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1212
|
+
--sds-font-link-xxxxs-400-font-narrow: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1213
|
+
--sds-font-link-xxxxs-400-letter-spacing: 0.06px;
|
|
1214
|
+
--sds-font-link-xxxxs-400-letter-spacing-narrow: 0.06px;
|
|
1215
|
+
--sds-font-link-xxxxs-400-text-decoration: underline;
|
|
1216
|
+
--sds-font-link-xxxxs-400-text-decoration-narrow: underline;
|
|
1217
|
+
--sds-font-link-xxxxs-500-font: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1218
|
+
--sds-font-link-xxxxs-500-font-narrow: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1219
|
+
--sds-font-link-xxxxs-500-letter-spacing: 0.06px;
|
|
1220
|
+
--sds-font-link-xxxxs-500-letter-spacing-narrow: 0.06px;
|
|
1221
|
+
--sds-font-link-xxxxs-500-text-decoration: underline;
|
|
1222
|
+
--sds-font-link-xxxxs-500-text-decoration-narrow: underline;
|
|
1223
|
+
--sds-font-link-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1224
|
+
--sds-font-link-xxxxs-600-font-narrow: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1225
|
+
--sds-font-link-xxxxs-600-letter-spacing: 0.06px;
|
|
1226
|
+
--sds-font-link-xxxxs-600-letter-spacing-narrow: 0.06px;
|
|
1227
|
+
--sds-font-link-xxxxs-600-text-decoration: underline;
|
|
1228
|
+
--sds-font-link-xxxxs-600-text-decoration-narrow: underline;
|
|
1093
1229
|
--sds-font-tabular-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1094
1230
|
--sds-font-tabular-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1095
1231
|
--sds-font-tabular-s-400-font-variant-numeric: tabular-nums;
|
|
@@ -1162,6 +1298,24 @@
|
|
|
1162
1298
|
--sds-font-tabular-xxxs-600-font-variant-numeric-narrow: tabular-nums;
|
|
1163
1299
|
--sds-font-tabular-xxxs-600-letter-spacing: -0.25px;
|
|
1164
1300
|
--sds-font-tabular-xxxs-600-letter-spacing-narrow: -0.25px;
|
|
1301
|
+
--sds-font-tabular-xxxxs-400-font: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1302
|
+
--sds-font-tabular-xxxxs-400-font-narrow: 400 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1303
|
+
--sds-font-tabular-xxxxs-400-font-variant-numeric: tabular-nums;
|
|
1304
|
+
--sds-font-tabular-xxxxs-400-font-variant-numeric-narrow: tabular-nums;
|
|
1305
|
+
--sds-font-tabular-xxxxs-400-letter-spacing: -0.25px;
|
|
1306
|
+
--sds-font-tabular-xxxxs-400-letter-spacing-narrow: -0.25px;
|
|
1307
|
+
--sds-font-tabular-xxxxs-500-font: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1308
|
+
--sds-font-tabular-xxxxs-500-font-narrow: 500 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1309
|
+
--sds-font-tabular-xxxxs-500-font-variant-numeric: tabular-nums;
|
|
1310
|
+
--sds-font-tabular-xxxxs-500-font-variant-numeric-narrow: tabular-nums;
|
|
1311
|
+
--sds-font-tabular-xxxxs-500-letter-spacing: -0.25px;
|
|
1312
|
+
--sds-font-tabular-xxxxs-500-letter-spacing-narrow: -0.25px;
|
|
1313
|
+
--sds-font-tabular-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1314
|
+
--sds-font-tabular-xxxxs-600-font-narrow: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1315
|
+
--sds-font-tabular-xxxxs-600-font-variant-numeric: tabular-nums;
|
|
1316
|
+
--sds-font-tabular-xxxxs-600-font-variant-numeric-narrow: tabular-nums;
|
|
1317
|
+
--sds-font-tabular-xxxxs-600-letter-spacing: -0.25px;
|
|
1318
|
+
--sds-font-tabular-xxxxs-600-letter-spacing-narrow: -0.25px;
|
|
1165
1319
|
--sds-font-title-s-700-font: 700 32px/40px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1166
1320
|
--sds-font-title-s-700-font-narrow: 700 26px/34px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
1167
1321
|
--sds-font-title-s-700-letter-spacing: 0px;
|