@czi-sds/components 20.8.0 → 21.1.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.
Files changed (10) hide show
  1. package/README.md +2 -2
  2. package/dist/index.cjs.d.ts +157 -293
  3. package/dist/index.cjs.js +1483 -1139
  4. package/dist/index.esm.d.ts +157 -293
  5. package/dist/index.esm.js +1348 -1007
  6. package/dist/tailwind.json +318 -128
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/dist/variables.css +567 -251
  9. package/dist/variables.scss +452 -142
  10. package/package.json +4 -5
package/dist/variables.scss CHANGED
@@ -1,250 +1,560 @@
1
- $sds-border-negative-default: 1px solid #DC132C;
2
- $sds-border-base-divider: 1px solid #EAEAEA;
3
- $sds-border-base-table: 1px solid #CCCCCC;
4
- $sds-border-base-disabled: 1px solid #CCCCCC;
5
- $sds-border-base-default: 1px solid #999999;
6
- $sds-border-base-black: 1px dashed #000000;
1
+ $sds-border-accent-default: 1px solid #1a6cef;
2
+ $sds-border-accent-default-dark: 1px solid #a2c9ff;
3
+ $sds-border-accent-focused: 1px solid #1a6cef;
4
+ $sds-border-accent-focused-dark: 1px solid #a2c9ff;
5
+ $sds-border-accent-open: 1px solid #1a6cef;
6
+ $sds-border-accent-open-dark: 1px solid #a2c9ff;
7
+ $sds-border-accent-selected: 1px solid #1a6cef;
8
+ $sds-border-accent-selected-dark: 1px solid #a2c9ff;
9
+ $sds-border-accent-hover: 1px solid #0041b9;
10
+ $sds-border-accent-hover-dark: 1px solid #cde3ff;
11
+ $sds-border-accent-pressed: 1px solid #002d90;
12
+ $sds-border-accent-pressed-dark: 1px solid #e2eeff;
13
+ $sds-border-base-default: 1px solid #969696;
14
+ $sds-border-base-default-dark: 1px solid #aaaaaa;
15
+ $sds-border-base-disabled: 1px solid #c3c3c3;
16
+ $sds-border-base-disabled-dark: 1px solid #696969;
17
+ $sds-border-base-divider: 1px solid #dfdfdf;
18
+ $sds-border-base-divider-dark: 1px solid #494949;
7
19
  $sds-border-base-hover: 1px dashed #000000;
8
- $sds-border-base-dashed: 1px dashed #999999;
20
+ $sds-border-base-hover-dark: 1px dashed #ffffff;
21
+ $sds-border-base-pressed: 1px dashed #000000;
22
+ $sds-border-base-pressed-dark: 1px dashed #ffffff;
23
+ $sds-border-base-table: 1px solid #c3c3c3;
24
+ $sds-border-base-table-dark: 1px solid #696969;
25
+ $sds-border-beta-default: 1px solid #8b54e2;
26
+ $sds-border-beta-default-dark: 1px solid #cebef8;
27
+ $sds-border-info-default: 1px solid #1a6cef;
28
+ $sds-border-info-default-dark: 1px solid #a2c9ff;
9
29
  $sds-border-link-dashed: 1px dashed;
30
+ $sds-border-link-dashed-dark: 1px dashed;
10
31
  $sds-border-link-solid: 1px solid;
11
- $sds-border-accent-disabled: 1px solid #A6C9FF;
12
- $sds-border-accent-default: 1px solid #0B68F8;
13
- $sds-border-accent-hover: 1px solid #0142A4;
14
- $sds-border-accent-dashed: 2px dashed #0B68F8;
15
- $sds-border-info-default: 1px solid #0B68F8;
16
- $sds-border-beta-default: 1px solid #7A41CE;
17
- $sds-border-positive-default: 1px solid #3CB371;
18
- $sds-border-notice-default: 1px solid #F5A623;
19
- $sds-border-neutral-default: 1px solid #999999;
32
+ $sds-border-link-solid-dark: 1px solid;
33
+ $sds-border-negative-default: 1px solid #db2131;
34
+ $sds-border-negative-default-dark: 1px solid #FF9385;
35
+ $sds-border-neutral-default: 1px solid #969696;
36
+ $sds-border-neutral-default-dark: 1px solid #aaaaaa;
20
37
  $sds-border-none: none;
21
- $sds-color-primitive-common-black: #000000;
22
- $sds-color-primitive-common-white: #FFFFFF;
23
- $sds-color-primitive-blue-100: #F5F9FF;
24
- $sds-color-primitive-blue-200: #E9F1FF;
25
- $sds-color-primitive-blue-300: #A6C9FF;
26
- $sds-color-primitive-blue-400: #0B68F8;
27
- $sds-color-primitive-blue-500: #0142A4;
28
- $sds-color-primitive-blue-600: #002660;
29
- $sds-color-primitive-gray-100: #F8F8F8;
30
- $sds-color-primitive-gray-200: #EAEAEA;
31
- $sds-color-primitive-gray-300: #CCCCCC;
32
- $sds-color-primitive-gray-400: #999999;
33
- $sds-color-primitive-gray-500: #767676;
34
- $sds-color-primitive-gray-600: #545454;
35
- $sds-color-primitive-green-100: #ECF5F0;
36
- $sds-color-primitive-green-200: #E6F7ED;
37
- $sds-color-primitive-green-400: #3CB371;
38
- $sds-color-primitive-green-500: #349A61;
39
- $sds-color-primitive-green-600: #1C7F48;
40
- $sds-color-primitive-purple-100: #F4F0F9;
41
- $sds-color-primitive-purple-200: #F0EBF6;
42
- $sds-color-primitive-purple-400: #7A41CE;
43
- $sds-color-primitive-purple-500: #703CBE;
44
- $sds-color-primitive-purple-600: #693BAC;
45
- $sds-color-primitive-red-100: #FEF2F2;
46
- $sds-color-primitive-red-200: #F8E8E8;
47
- $sds-color-primitive-red-400: #DC132C;
48
- $sds-color-primitive-red-500: #C61128;
49
- $sds-color-primitive-red-600: #B70016;
50
- $sds-color-primitive-yellow-100: #FCF6EC;
51
- $sds-color-primitive-yellow-200: #FFF3E1;
52
- $sds-color-primitive-yellow-400: #F5A623;
53
- $sds-color-primitive-yellow-500: #D8921F;
54
- $sds-color-primitive-yellow-600: #946314;
38
+ $sds-border-none-dark: none;
39
+ $sds-border-notice-default: 1px solid #da9900;
40
+ $sds-border-notice-default-dark: 1px solid #cf8e00;
41
+ $sds-border-positive-default: 1px solid #238444;
42
+ $sds-border-positive-default-dark: 1px solid #85d898;
43
+ $sds-color-primitive-blue-100: #e2eeff;
44
+ $sds-color-primitive-blue-100-dark: #002573;
45
+ $sds-color-primitive-blue-200: #cce1ff;
46
+ $sds-color-primitive-blue-200-dark: #0048c5;
47
+ $sds-color-primitive-blue-300: #9dc6ff;
48
+ $sds-color-primitive-blue-300-dark: #2573f4;
49
+ $sds-color-primitive-blue-400: #6ca6ff;
50
+ $sds-color-primitive-blue-400-dark: #5b9aff;
51
+ $sds-color-primitive-blue-500: #1a6cef;
52
+ $sds-color-primitive-blue-500-dark: #a2c9ff;
53
+ $sds-color-primitive-blue-600: #0041b9;
54
+ $sds-color-primitive-blue-600-dark: #cde3ff;
55
+ $sds-color-primitive-blue-700: #002d90;
56
+ $sds-color-primitive-blue-700-dark: #e2eeff;
57
+ $sds-color-primitive-blue-800: #00114a;
58
+ $sds-color-primitive-blue-800-dark: #f7faff;
59
+ $sds-color-primitive-gray-50: #ffffff;
60
+ $sds-color-primitive-gray-50-dark: #000000;
61
+ $sds-color-primitive-gray-75: #fafafa;
62
+ $sds-color-primitive-gray-75-dark: #101010;
63
+ $sds-color-primitive-gray-100: #f3f3f3;
64
+ $sds-color-primitive-gray-100-dark: #333333;
65
+ $sds-color-primitive-gray-200: #dfdfdf;
66
+ $sds-color-primitive-gray-200-dark: #494949;
67
+ $sds-color-primitive-gray-300: #c3c3c3;
68
+ $sds-color-primitive-gray-300-dark: #696969;
69
+ $sds-color-primitive-gray-400: #a5a5a5;
70
+ $sds-color-primitive-gray-400-dark: #9b9b9b;
71
+ $sds-color-primitive-gray-500: #969696;
72
+ $sds-color-primitive-gray-500-dark: #aaaaaa;
73
+ $sds-color-primitive-gray-600: #6c6c6c;
74
+ $sds-color-primitive-gray-600-dark: #cdcdcd;
75
+ $sds-color-primitive-gray-700: #3b3b3b;
76
+ $sds-color-primitive-gray-700-dark: #ededed;
77
+ $sds-color-primitive-gray-800: #1b1b1b;
78
+ $sds-color-primitive-gray-800-dark: #fafafa;
79
+ $sds-color-primitive-gray-900: #000000;
80
+ $sds-color-primitive-gray-900-dark: #ffffff;
81
+ $sds-color-primitive-green-100: #daf4de;
82
+ $sds-color-primitive-green-100-dark: #053918;
83
+ $sds-color-primitive-green-200: #b9ecc3;
84
+ $sds-color-primitive-green-200-dark: #12612e;
85
+ $sds-color-primitive-green-300: #7fd693;
86
+ $sds-color-primitive-green-300-dark: #288b49;
87
+ $sds-color-primitive-green-400: #50b96d;
88
+ $sds-color-primitive-green-400-dark: #43ae63;
89
+ $sds-color-primitive-green-500: #238444;
90
+ $sds-color-primitive-green-500-dark: #85d898;
91
+ $sds-color-primitive-green-600: #105b2b;
92
+ $sds-color-primitive-green-600-dark: #bcecc5;
93
+ $sds-color-primitive-green-700: #07431d;
94
+ $sds-color-primitive-green-700-dark: #daf4de;
95
+ $sds-color-primitive-green-800: #001f00;
96
+ $sds-color-primitive-green-800-dark: #f7fbf6;
97
+ $sds-color-primitive-purple-100: #efeafe;
98
+ $sds-color-primitive-purple-100-dark: #4b0190;
99
+ $sds-color-primitive-purple-200: #e4dbfc;
100
+ $sds-color-primitive-purple-200-dark: #6b2ebc;
101
+ $sds-color-primitive-purple-300: #cbbaf8;
102
+ $sds-color-primitive-purple-300-dark: #905de6;
103
+ $sds-color-primitive-purple-400: #b296f2;
104
+ $sds-color-primitive-purple-400-dark: #aa89ef;
105
+ $sds-color-primitive-purple-500: #8b54e2;
106
+ $sds-color-primitive-purple-500-dark: #cebef8;
107
+ $sds-color-primitive-purple-600: #6526b5;
108
+ $sds-color-primitive-purple-600-dark: #e4dcfc;
109
+ $sds-color-primitive-purple-700: #490092;
110
+ $sds-color-primitive-purple-700-dark: #f0ebfe;
111
+ $sds-color-primitive-purple-800: #1a004c;
112
+ $sds-color-primitive-purple-800-dark: #fbf9ff;
113
+ $sds-color-primitive-red-100: #ffe8e6;
114
+ $sds-color-primitive-red-100-dark: #630008;
115
+ $sds-color-primitive-red-200: #ffd6d2;
116
+ $sds-color-primitive-red-200-dark: #A30000;
117
+ $sds-color-primitive-red-300: #ffafa8;
118
+ $sds-color-primitive-red-300-dark: #E52722;
119
+ $sds-color-primitive-red-400: #ff7e78;
120
+ $sds-color-primitive-red-400-dark: #FF695B;
121
+ $sds-color-primitive-red-500: #db2131;
122
+ $sds-color-primitive-red-500-dark: #FF9385;
123
+ $sds-color-primitive-red-600: #980013;
124
+ $sds-color-primitive-red-600-dark: #FFBDB3;
125
+ $sds-color-primitive-red-700: #6f0008;
126
+ $sds-color-primitive-red-700-dark: #FFD8D1;
127
+ $sds-color-primitive-red-800: #340000;
128
+ $sds-color-primitive-red-800-dark: #FFF1EE;
129
+ $sds-color-primitive-yellow-100: #ffefcf;
130
+ $sds-color-primitive-yellow-100-dark: #552300;
131
+ $sds-color-primitive-yellow-200: #ffdb97;
132
+ $sds-color-primitive-yellow-200-dark: #834500;
133
+ $sds-color-primitive-yellow-300: #ffca5c;
134
+ $sds-color-primitive-yellow-300-dark: #985a00;
135
+ $sds-color-primitive-yellow-400: #fab700;
136
+ $sds-color-primitive-yellow-400-dark: #ac6c00;
137
+ $sds-color-primitive-yellow-500: #da9900;
138
+ $sds-color-primitive-yellow-500-dark: #cf8e00;
139
+ $sds-color-primitive-yellow-600: #b77800;
140
+ $sds-color-primitive-yellow-600-dark: #efad00;
141
+ $sds-color-primitive-yellow-700: #7c3e00;
142
+ $sds-color-primitive-yellow-700-dark: #ffdc9a;
143
+ $sds-color-primitive-yellow-800: #541700;
144
+ $sds-color-primitive-yellow-800-dark: #fcf2e3;
55
145
  $sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);
146
+ $sds-color-primitive-overlay-100-dark: rgba(0, 0, 0, 0.08);
56
147
  $sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);
57
- $sds-color-semantic-text-base-primary: #000000;
58
- $sds-color-semantic-text-base-secondary: #767676;
59
- $sds-color-semantic-text-base-disabled: #CCCCCC;
60
- $sds-color-semantic-text-base-on-fill: #FFFFFF;
61
- $sds-color-semantic-text-base-on-fill-disabled: #999999;
62
- $sds-color-semantic-text-base-accent: #002660;
63
- $sds-color-semantic-text-action-default: #0B68F8;
64
- $sds-color-semantic-text-action-hover: #0142A4;
65
- $sds-color-semantic-text-action-pressed: #002660;
66
- $sds-color-semantic-text-beta: #693BAC;
67
- $sds-color-semantic-text-info: #002660;
68
- $sds-color-semantic-text-negative: #B70016;
69
- $sds-color-semantic-text-neutral: #545454;
70
- $sds-color-semantic-text-notice: #946314;
71
- $sds-color-semantic-text-positive: #1C7F48;
72
- $sds-color-semantic-component-base-fill: #FFFFFF;
73
- $sds-color-semantic-component-base-fill-hover: #F8F8F8;
74
- $sds-color-semantic-component-base-fill-pressed: #F8F8F8;
75
- $sds-color-semantic-component-base-fill-open: #F8F8F8;
76
- $sds-color-semantic-component-base-fill-selected: #000000;
77
- $sds-color-semantic-component-base-fill-disabled: #CCCCCC;
78
- $sds-color-semantic-component-base-on-fill-disabled: #999999;
79
- $sds-color-semantic-component-base-surface: #FFFFFF;
80
- $sds-color-semantic-component-base-surface-primary: #FFFFFF;
81
- $sds-color-semantic-component-base-surface-secondary: #F8F8F8;
82
- $sds-color-semantic-component-base-surface-tertiary: #EAEAEA;
83
- $sds-color-semantic-component-base-divider: #EAEAEA;
84
- $sds-color-semantic-component-base-border: #999999;
85
- $sds-color-semantic-component-base-border-hover: #000000;
86
- $sds-color-semantic-component-base-border-disabled: #CCCCCC;
87
- $sds-color-semantic-component-base-border-pressed: #000000;
88
- $sds-color-semantic-component-base-border-table: #CCCCCC;
89
- $sds-color-semantic-component-base-icon: #767676;
90
- $sds-color-semantic-component-base-icon-hover: #000000;
91
- $sds-color-semantic-component-base-icon-pressed: #000000;
92
- $sds-color-semantic-component-base-icon-disabled: #CCCCCC;
93
- $sds-color-semantic-component-accent-fill: #0B68F8;
94
- $sds-color-semantic-component-accent-fill-hover: #0142A4;
95
- $sds-color-semantic-component-accent-fill-pressed: #002660;
96
- $sds-color-semantic-component-accent-fill-on-fill: #FFFFFF;
97
- $sds-color-semantic-component-accent-fill-disabled: #A6C9FF;
98
- $sds-color-semantic-component-accent-surface: #E9F1FF;
99
- $sds-color-semantic-component-accent-border: #0B68F8;
100
- $sds-color-semantic-component-accent-border-hover: #0142A4;
101
- $sds-color-semantic-component-accent-border-open: #0B68F8;
102
- $sds-color-semantic-component-accent-border-focus: #0B68F8;
103
- $sds-color-semantic-component-accent-border-pressed: #002660;
104
- $sds-color-semantic-component-accent-border-selected: #0B68F8;
105
- $sds-color-semantic-component-accent-border-disabled: #A6C9FF;
106
- $sds-color-semantic-component-accent-icon: #0B68F8;
107
- $sds-color-semantic-component-beta-fill: #7A41CE;
108
- $sds-color-semantic-component-beta-fill-hover: #703CBE;
109
- $sds-color-semantic-component-beta-fill-pressed: #693BAC;
110
- $sds-color-semantic-component-beta-fill-on-fill: #FFFFFF;
111
- $sds-color-semantic-component-beta-surface: #F0EBF6;
112
- $sds-color-semantic-component-beta-border: #7A41CE;
113
- $sds-color-semantic-component-beta-icon: #7A41CE;
114
- $sds-color-semantic-component-info-fill: #0B68F8;
115
- $sds-color-semantic-component-info-fill-hover: #0142A4;
116
- $sds-color-semantic-component-info-fill-pressed: #002660;
117
- $sds-color-semantic-component-info-fill-on-fill: #FFFFFF;
118
- $sds-color-semantic-component-info-surface: #E9F1FF;
119
- $sds-color-semantic-component-info-border: #0B68F8;
120
- $sds-color-semantic-component-info-icon: #0B68F8;
121
- $sds-color-semantic-component-negative-fill: #DC132C;
122
- $sds-color-semantic-component-negative-fill-hover: #C61128;
123
- $sds-color-semantic-component-negative-fill-pressed: #B70016;
124
- $sds-color-semantic-component-negative-fill-on-fill: #FFFFFF;
125
- $sds-color-semantic-component-negative-surface: #F8E8E8;
126
- $sds-color-semantic-component-negative-border: #DC132C;
127
- $sds-color-semantic-component-negative-icon: #DC132C;
128
- $sds-color-semantic-component-neutral-fill: #999999;
129
- $sds-color-semantic-component-neutral-fill-hover: #767676;
130
- $sds-color-semantic-component-neutral-fill-pressed: #545454;
131
- $sds-color-semantic-component-neutral-fill-on-fill: #FFFFFF;
132
- $sds-color-semantic-component-neutral-surface: #EAEAEA;
133
- $sds-color-semantic-component-neutral-border: #999999;
134
- $sds-color-semantic-component-neutral-icon: #999999;
135
- $sds-color-semantic-component-notice-fill: #F5A623;
136
- $sds-color-semantic-component-notice-fill-hover: #D8921F;
137
- $sds-color-semantic-component-notice-fill-pressed: #946314;
138
- $sds-color-semantic-component-notice-fill-on-fill: #FFFFFF;
139
- $sds-color-semantic-component-notice-surface: #FFF3E1;
140
- $sds-color-semantic-component-notice-border: #F5A623;
141
- $sds-color-semantic-component-notice-icon: #F5A623;
142
- $sds-color-semantic-component-positive-fill: #3CB371;
143
- $sds-color-semantic-component-positive-fill-hover: #349A61;
144
- $sds-color-semantic-component-positive-fill-pressed: #1C7F48;
145
- $sds-color-semantic-component-positive-fill-on-fill: #FFFFFF;
146
- $sds-color-semantic-component-positive-surface: #E6F7ED;
147
- $sds-color-semantic-component-positive-border: #3CB371;
148
- $sds-color-semantic-component-positive-icon: #3CB371;
148
+ $sds-color-primitive-overlay-200-dark: rgba(0, 0, 0, 0.03);
149
+ $sds-color-semantic-base-border: #969696;
150
+ $sds-color-semantic-base-border-dark: #aaaaaa;
151
+ $sds-color-semantic-base-border-disabled: #c3c3c3;
152
+ $sds-color-semantic-base-border-disabled-dark: #696969;
153
+ $sds-color-semantic-base-border-hover: #000000;
154
+ $sds-color-semantic-base-border-hover-dark: #ffffff;
155
+ $sds-color-semantic-base-border-pressed: #000000;
156
+ $sds-color-semantic-base-border-pressed-dark: #ffffff;
157
+ $sds-color-semantic-base-border-table: #c3c3c3;
158
+ $sds-color-semantic-base-border-table-dark: #696969;
159
+ $sds-color-semantic-base-divider: #dfdfdf;
160
+ $sds-color-semantic-base-divider-dark: #494949;
161
+ $sds-color-semantic-base-fill-disabled: #dfdfdf;
162
+ $sds-color-semantic-base-fill-disabled-dark: #494949;
163
+ $sds-color-semantic-base-fill-hover: #c3c3c347;
164
+ $sds-color-semantic-base-fill-hover-dark: #69696947;
165
+ $sds-color-semantic-base-fill-open: #c3c3c347;
166
+ $sds-color-semantic-base-fill-open-dark: #69696947;
167
+ $sds-color-semantic-base-fill-pressed: #c3c3c347;
168
+ $sds-color-semantic-base-fill-pressed-dark: #69696947;
169
+ $sds-color-semantic-base-fill-primary: #ffffff;
170
+ $sds-color-semantic-base-fill-primary-dark: #000000;
171
+ $sds-color-semantic-base-fill-selected: #000000;
172
+ $sds-color-semantic-base-fill-selected-dark: #ffffff;
173
+ $sds-color-semantic-base-icon-disabled: #c3c3c3;
174
+ $sds-color-semantic-base-icon-disabled-dark: #696969;
175
+ $sds-color-semantic-base-icon-primary: #969696;
176
+ $sds-color-semantic-base-icon-primary-dark: #aaaaaa;
177
+ $sds-color-semantic-base-icon-primary-hover: #000000;
178
+ $sds-color-semantic-base-icon-primary-hover-dark: #ffffff;
179
+ $sds-color-semantic-base-icon-primary-inverse: #ffffff;
180
+ $sds-color-semantic-base-icon-primary-inverse-dark: #000000;
181
+ $sds-color-semantic-base-icon-primary-inverse-hover: #a5a5a5;
182
+ $sds-color-semantic-base-icon-primary-inverse-hover-dark: #9b9b9b;
183
+ $sds-color-semantic-base-icon-primary-inverse-pressed: #a5a5a5;
184
+ $sds-color-semantic-base-icon-primary-inverse-pressed-dark: #9b9b9b;
185
+ $sds-color-semantic-base-icon-primary-pressed: #000000;
186
+ $sds-color-semantic-base-icon-primary-pressed-dark: #ffffff;
187
+ $sds-color-semantic-base-icon-secondary: #000000;
188
+ $sds-color-semantic-base-icon-secondary-dark: #ffffff;
189
+ $sds-color-semantic-base-surface-background: #ffffff;
190
+ $sds-color-semantic-base-surface-background-dark: #000000;
191
+ $sds-color-semantic-base-surface-primary: #ffffff;
192
+ $sds-color-semantic-base-surface-primary-dark: #000000;
193
+ $sds-color-semantic-base-surface-primary-inverse: #000000;
194
+ $sds-color-semantic-base-surface-primary-inverse-dark: #ffffff;
195
+ $sds-color-semantic-base-surface-secondary: #f3f3f3;
196
+ $sds-color-semantic-base-surface-secondary-dark: #333333;
197
+ $sds-color-semantic-base-surface-tertiary: #dfdfdf;
198
+ $sds-color-semantic-base-surface-tertiary-dark: #494949;
199
+ $sds-color-semantic-base-text-disabled: #c3c3c3;
200
+ $sds-color-semantic-base-text-disabled-dark: #696969;
201
+ $sds-color-semantic-base-text-primary: #000000;
202
+ $sds-color-semantic-base-text-primary-dark: #ffffff;
203
+ $sds-color-semantic-base-text-primary-inverse: #ffffff;
204
+ $sds-color-semantic-base-text-primary-inverse-dark: #000000;
205
+ $sds-color-semantic-base-text-secondary: #6c6c6c;
206
+ $sds-color-semantic-base-text-secondary-dark: #cdcdcd;
207
+ $sds-color-semantic-base-text-secondary-inverse: #c3c3c3;
208
+ $sds-color-semantic-base-text-secondary-inverse-dark: #696969;
209
+ $sds-color-semantic-accent-border: #1a6cef;
210
+ $sds-color-semantic-accent-border-dark: #a2c9ff;
211
+ $sds-color-semantic-accent-border-focus: #1a6cef;
212
+ $sds-color-semantic-accent-border-focus-dark: #a2c9ff;
213
+ $sds-color-semantic-accent-border-hover: #0041b9;
214
+ $sds-color-semantic-accent-border-hover-dark: #cde3ff;
215
+ $sds-color-semantic-accent-border-open: #1a6cef;
216
+ $sds-color-semantic-accent-border-open-dark: #a2c9ff;
217
+ $sds-color-semantic-accent-border-pressed: #002d90;
218
+ $sds-color-semantic-accent-border-pressed-dark: #e2eeff;
219
+ $sds-color-semantic-accent-border-selected: #1a6cef;
220
+ $sds-color-semantic-accent-border-selected-dark: #a2c9ff;
221
+ $sds-color-semantic-accent-fill-hover: #0041b9;
222
+ $sds-color-semantic-accent-fill-hover-dark: #cde3ff;
223
+ $sds-color-semantic-accent-fill-pressed: #002d90;
224
+ $sds-color-semantic-accent-fill-pressed-dark: #e2eeff;
225
+ $sds-color-semantic-accent-fill-primary: #1a6cef;
226
+ $sds-color-semantic-accent-fill-primary-dark: #a2c9ff;
227
+ $sds-color-semantic-accent-icon: #1a6cef;
228
+ $sds-color-semantic-accent-icon-dark: #a2c9ff;
229
+ $sds-color-semantic-accent-icon-focus: #1a6cef;
230
+ $sds-color-semantic-accent-icon-focus-dark: #a2c9ff;
231
+ $sds-color-semantic-accent-icon-hover: #0041b9;
232
+ $sds-color-semantic-accent-icon-hover-dark: #cde3ff;
233
+ $sds-color-semantic-accent-icon-open: #1a6cef;
234
+ $sds-color-semantic-accent-icon-open-dark: #a2c9ff;
235
+ $sds-color-semantic-accent-icon-pressed: #002d90;
236
+ $sds-color-semantic-accent-icon-pressed-dark: #e2eeff;
237
+ $sds-color-semantic-accent-icon-selected: #1a6cef;
238
+ $sds-color-semantic-accent-icon-selected-dark: #a2c9ff;
239
+ $sds-color-semantic-accent-surface-primary: #e2eeff;
240
+ $sds-color-semantic-accent-surface-primary-dark: #002573;
241
+ $sds-color-semantic-accent-surface-secondary: #1a6cef;
242
+ $sds-color-semantic-accent-surface-secondary-dark: #a2c9ff;
243
+ $sds-color-semantic-accent-text-action: #1a6cef;
244
+ $sds-color-semantic-accent-text-action-dark: #a2c9ff;
245
+ $sds-color-semantic-accent-text-action-hover: #0041b9;
246
+ $sds-color-semantic-accent-text-action-hover-dark: #cde3ff;
247
+ $sds-color-semantic-accent-text-action-pressed: #002d90;
248
+ $sds-color-semantic-accent-text-action-pressed-dark: #e2eeff;
249
+ $sds-color-semantic-beta-border: #8b54e2;
250
+ $sds-color-semantic-beta-border-dark: #cebef8;
251
+ $sds-color-semantic-beta-fill-hover: #6526b5;
252
+ $sds-color-semantic-beta-fill-hover-dark: #e4dcfc;
253
+ $sds-color-semantic-beta-fill-pressed: #490092;
254
+ $sds-color-semantic-beta-fill-pressed-dark: #f0ebfe;
255
+ $sds-color-semantic-beta-fill-primary: #8b54e2;
256
+ $sds-color-semantic-beta-fill-primary-dark: #cebef8;
257
+ $sds-color-semantic-beta-fill-secondary: #efeafe;
258
+ $sds-color-semantic-beta-fill-secondary-dark: #4b0190;
259
+ $sds-color-semantic-beta-ornament: #6526b5;
260
+ $sds-color-semantic-beta-ornament-dark: #e4dcfc;
261
+ $sds-color-semantic-beta-surface-primary: #efeafe;
262
+ $sds-color-semantic-beta-surface-primary-dark: #4b0190;
263
+ $sds-color-semantic-beta-surface-secondary: #8b54e2;
264
+ $sds-color-semantic-beta-surface-secondary-dark: #cebef8;
265
+ $sds-color-semantic-beta-text: #6526b5;
266
+ $sds-color-semantic-beta-text-dark: #e4dcfc;
267
+ $sds-color-semantic-info-border: #1a6cef;
268
+ $sds-color-semantic-info-border-dark: #a2c9ff;
269
+ $sds-color-semantic-info-fill-hover: #0041b9;
270
+ $sds-color-semantic-info-fill-hover-dark: #cde3ff;
271
+ $sds-color-semantic-info-fill-pressed: #002d90;
272
+ $sds-color-semantic-info-fill-pressed-dark: #e2eeff;
273
+ $sds-color-semantic-info-fill-primary: #1a6cef;
274
+ $sds-color-semantic-info-fill-primary-dark: #a2c9ff;
275
+ $sds-color-semantic-info-fill-secondary: #e2eeff;
276
+ $sds-color-semantic-info-fill-secondary-dark: #002573;
277
+ $sds-color-semantic-info-ornament: #0041b9;
278
+ $sds-color-semantic-info-ornament-dark: #cde3ff;
279
+ $sds-color-semantic-info-surface-primary: #e2eeff;
280
+ $sds-color-semantic-info-surface-primary-dark: #002573;
281
+ $sds-color-semantic-info-surface-secondary: #1a6cef;
282
+ $sds-color-semantic-info-surface-secondary-dark: #a2c9ff;
283
+ $sds-color-semantic-info-text: #0041b9;
284
+ $sds-color-semantic-info-text-dark: #cde3ff;
285
+ $sds-color-semantic-negative-border: #db2131;
286
+ $sds-color-semantic-negative-border-dark: #FF9385;
287
+ $sds-color-semantic-negative-fill-hover: #980013;
288
+ $sds-color-semantic-negative-fill-hover-dark: #FFBDB3;
289
+ $sds-color-semantic-negative-fill-pressed: #6f0008;
290
+ $sds-color-semantic-negative-fill-pressed-dark: #FFD8D1;
291
+ $sds-color-semantic-negative-fill-primary: #db2131;
292
+ $sds-color-semantic-negative-fill-primary-dark: #FF9385;
293
+ $sds-color-semantic-negative-fill-secondary: #ffe8e6;
294
+ $sds-color-semantic-negative-fill-secondary-dark: #630008;
295
+ $sds-color-semantic-negative-ornament: #980013;
296
+ $sds-color-semantic-negative-ornament-dark: #FFBDB3;
297
+ $sds-color-semantic-negative-surface-primary: #ffe8e6;
298
+ $sds-color-semantic-negative-surface-primary-dark: #630008;
299
+ $sds-color-semantic-negative-surface-secondary: #db2131;
300
+ $sds-color-semantic-negative-surface-secondary-dark: #FF9385;
301
+ $sds-color-semantic-negative-text: #980013;
302
+ $sds-color-semantic-negative-text-dark: #FFBDB3;
303
+ $sds-color-semantic-neutral-border: #969696;
304
+ $sds-color-semantic-neutral-border-dark: #aaaaaa;
305
+ $sds-color-semantic-neutral-fill-hover: #6c6c6c;
306
+ $sds-color-semantic-neutral-fill-hover-dark: #cdcdcd;
307
+ $sds-color-semantic-neutral-fill-pressed: #3b3b3b;
308
+ $sds-color-semantic-neutral-fill-pressed-dark: #ededed;
309
+ $sds-color-semantic-neutral-fill-primary: #969696;
310
+ $sds-color-semantic-neutral-fill-primary-dark: #aaaaaa;
311
+ $sds-color-semantic-neutral-fill-secondary: #f3f3f3;
312
+ $sds-color-semantic-neutral-fill-secondary-dark: #333333;
313
+ $sds-color-semantic-neutral-ornament: #3b3b3b;
314
+ $sds-color-semantic-neutral-ornament-dark: #ededed;
315
+ $sds-color-semantic-neutral-surface-primary: #dfdfdf;
316
+ $sds-color-semantic-neutral-surface-primary-dark: #494949;
317
+ $sds-color-semantic-neutral-surface-secondary: #969696;
318
+ $sds-color-semantic-neutral-surface-secondary-dark: #aaaaaa;
319
+ $sds-color-semantic-neutral-text: #3b3b3b;
320
+ $sds-color-semantic-neutral-text-dark: #ededed;
321
+ $sds-color-semantic-notice-border: #da9900;
322
+ $sds-color-semantic-notice-border-dark: #cf8e00;
323
+ $sds-color-semantic-notice-fill-hover: #b77800;
324
+ $sds-color-semantic-notice-fill-hover-dark: #efad00;
325
+ $sds-color-semantic-notice-fill-pressed: #7c3e00;
326
+ $sds-color-semantic-notice-fill-pressed-dark: #ffdc9a;
327
+ $sds-color-semantic-notice-fill-primary: #da9900;
328
+ $sds-color-semantic-notice-fill-primary-dark: #cf8e00;
329
+ $sds-color-semantic-notice-fill-secondary: #ffefcf;
330
+ $sds-color-semantic-notice-fill-secondary-dark: #552300;
331
+ $sds-color-semantic-notice-ornament: #b77800;
332
+ $sds-color-semantic-notice-ornament-dark: #efad00;
333
+ $sds-color-semantic-notice-surface-primary: #ffefcf;
334
+ $sds-color-semantic-notice-surface-primary-dark: #552300;
335
+ $sds-color-semantic-notice-surface-secondary: #da9900;
336
+ $sds-color-semantic-notice-surface-secondary-dark: #cf8e00;
337
+ $sds-color-semantic-notice-text: #b77800;
338
+ $sds-color-semantic-notice-text-dark: #efad00;
339
+ $sds-color-semantic-positive-border: #238444;
340
+ $sds-color-semantic-positive-border-dark: #85d898;
341
+ $sds-color-semantic-positive-fill-hover: #105b2b;
342
+ $sds-color-semantic-positive-fill-hover-dark: #bcecc5;
343
+ $sds-color-semantic-positive-fill-pressed: #07431d;
344
+ $sds-color-semantic-positive-fill-pressed-dark: #daf4de;
345
+ $sds-color-semantic-positive-fill-primary: #238444;
346
+ $sds-color-semantic-positive-fill-primary-dark: #85d898;
347
+ $sds-color-semantic-positive-fill-secondary: #daf4de;
348
+ $sds-color-semantic-positive-fill-secondary-dark: #053918;
349
+ $sds-color-semantic-positive-ornament: #105b2b;
350
+ $sds-color-semantic-positive-ornament-dark: #bcecc5;
351
+ $sds-color-semantic-positive-surface-primary: #daf4de;
352
+ $sds-color-semantic-positive-surface-primary-dark: #053918;
353
+ $sds-color-semantic-positive-surface-secondary: #238444;
354
+ $sds-color-semantic-positive-surface-secondary-dark: #85d898;
355
+ $sds-color-semantic-positive-text: #105b2b;
356
+ $sds-color-semantic-positive-text-dark: #bcecc5;
149
357
  $sds-corner-l: 20px;
358
+ $sds-corner-l-dark: 20px;
150
359
  $sds-corner-m: 4px;
360
+ $sds-corner-m-dark: 4px;
151
361
  $sds-corner-s: 2px;
362
+ $sds-corner-s-dark: 2px;
152
363
  $sds-corner-none: 0px;
364
+ $sds-corner-none-dark: 0px;
153
365
  $sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3);
366
+ $sds-drop-shadow-l-dark: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3);
154
367
  $sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15);
368
+ $sds-drop-shadow-m-dark: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15);
155
369
  $sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25);
370
+ $sds-drop-shadow-s-dark: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25);
156
371
  $sds-drop-shadow-none: none;
372
+ $sds-drop-shadow-none-dark: none;
157
373
  $sds-font-color: black;
374
+ $sds-font-color-dark: black;
158
375
  $sds-font-font-family-body: "Inter", sans-serif;
376
+ $sds-font-font-family-body-dark: "Inter", sans-serif;
159
377
  $sds-font-font-family-caps: "Inter", sans-serif;
378
+ $sds-font-font-family-caps-dark: "Inter", sans-serif;
160
379
  $sds-font-font-family-code: "IBM Plex Mono", monospace;
380
+ $sds-font-font-family-code-dark: "IBM Plex Mono", monospace;
161
381
  $sds-font-font-family-header: "Inter", sans-serif;
382
+ $sds-font-font-family-header-dark: "Inter", sans-serif;
162
383
  $sds-font-font-family-tabular: "Inter", sans-serif;
384
+ $sds-font-font-family-tabular-dark: "Inter", sans-serif;
163
385
  $sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;
386
+ $sds-font-body-xxxs-400-font-dark: 400 11px/16px "Inter", sans-serif;
164
387
  $sds-font-body-xxxs-400-letter-spacing: 0.1px;
388
+ $sds-font-body-xxxs-400-letter-spacing-dark: 0.1px;
165
389
  $sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
390
+ $sds-font-body-xxxs-600-font-dark: 600 11px/16px "Inter", sans-serif;
166
391
  $sds-font-body-xxxs-600-letter-spacing: 0.1px;
392
+ $sds-font-body-xxxs-600-letter-spacing-dark: 0.1px;
167
393
  $sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;
394
+ $sds-font-body-xxs-400-font-dark: 400 12px/18px "Inter", sans-serif;
168
395
  $sds-font-body-xxs-400-letter-spacing: 0.1px;
396
+ $sds-font-body-xxs-400-letter-spacing-dark: 0.1px;
169
397
  $sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;
398
+ $sds-font-body-xxs-600-font-dark: 600 12px/18px "Inter", sans-serif;
170
399
  $sds-font-body-xxs-600-letter-spacing: 0.1px;
400
+ $sds-font-body-xxs-600-letter-spacing-dark: 0.1px;
171
401
  $sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;
402
+ $sds-font-body-xs-400-font-dark: 400 13px/20px "Inter", sans-serif;
172
403
  $sds-font-body-xs-400-letter-spacing: 0.08px;
404
+ $sds-font-body-xs-400-letter-spacing-dark: 0.08px;
173
405
  $sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;
406
+ $sds-font-body-xs-600-font-dark: 600 13px/20px "Inter", sans-serif;
174
407
  $sds-font-body-xs-600-letter-spacing: 0.08px;
408
+ $sds-font-body-xs-600-letter-spacing-dark: 0.08px;
175
409
  $sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;
410
+ $sds-font-body-s-400-font-dark: 400 14px/24px "Inter", sans-serif;
176
411
  $sds-font-body-s-400-letter-spacing: 0.08px;
412
+ $sds-font-body-s-400-letter-spacing-dark: 0.08px;
177
413
  $sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;
414
+ $sds-font-body-s-600-font-dark: 600 14px/24px "Inter", sans-serif;
178
415
  $sds-font-body-s-600-letter-spacing: 0.08px;
416
+ $sds-font-body-s-600-letter-spacing-dark: 0.08px;
179
417
  $sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;
418
+ $sds-font-body-m-400-font-dark: 400 16px/26px "Inter", sans-serif;
180
419
  $sds-font-body-m-400-letter-spacing: 0px;
420
+ $sds-font-body-m-400-letter-spacing-dark: 0px;
181
421
  $sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;
422
+ $sds-font-body-m-600-font-dark: 600 16px/26px "Inter", sans-serif;
182
423
  $sds-font-body-m-600-letter-spacing: 0px;
424
+ $sds-font-body-m-600-letter-spacing-dark: 0px;
183
425
  $sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;
426
+ $sds-font-body-l-400-font-dark: 400 18px/28px "Inter", sans-serif;
184
427
  $sds-font-body-l-400-letter-spacing: 0px;
428
+ $sds-font-body-l-400-letter-spacing-dark: 0px;
185
429
  $sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;
430
+ $sds-font-body-l-600-font-dark: 600 18px/28px "Inter", sans-serif;
186
431
  $sds-font-body-l-600-letter-spacing: 0px;
432
+ $sds-font-body-l-600-letter-spacing-dark: 0px;
187
433
  $sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;
434
+ $sds-font-caps-xxxxs-600-font-dark: 600 10px/14px "Inter", sans-serif;
188
435
  $sds-font-caps-xxxxs-600-letter-spacing: 0.5px;
436
+ $sds-font-caps-xxxxs-600-letter-spacing-dark: 0.5px;
189
437
  $sds-font-caps-xxxxs-600-text-transform: uppercase;
438
+ $sds-font-caps-xxxxs-600-text-transform-dark: uppercase;
190
439
  $sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
440
+ $sds-font-caps-xxxs-600-font-dark: 600 11px/16px "Inter", sans-serif;
191
441
  $sds-font-caps-xxxs-600-letter-spacing: 0.5px;
442
+ $sds-font-caps-xxxs-600-letter-spacing-dark: 0.5px;
192
443
  $sds-font-caps-xxxs-600-text-transform: uppercase;
444
+ $sds-font-caps-xxxs-600-text-transform-dark: uppercase;
193
445
  $sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;
446
+ $sds-font-caps-xxs-600-font-dark: 600 12px/18px "Inter", sans-serif;
194
447
  $sds-font-caps-xxs-600-letter-spacing: 0.5px;
448
+ $sds-font-caps-xxs-600-letter-spacing-dark: 0.5px;
195
449
  $sds-font-caps-xxs-600-text-transform: uppercase;
450
+ $sds-font-caps-xxs-600-text-transform-dark: uppercase;
196
451
  $sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
452
+ $sds-font-header-xxxs-600-font-dark: 600 11px/16px "Inter", sans-serif;
197
453
  $sds-font-header-xxxs-600-letter-spacing: 0.1px;
454
+ $sds-font-header-xxxs-600-letter-spacing-dark: 0.1px;
198
455
  $sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;
456
+ $sds-font-header-xxs-600-font-dark: 600 12px/18px "Inter", sans-serif;
199
457
  $sds-font-header-xxs-600-letter-spacing: 0.1px;
458
+ $sds-font-header-xxs-600-letter-spacing-dark: 0.1px;
200
459
  $sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;
460
+ $sds-font-header-xs-600-font-dark: 600 13px/18px "Inter", sans-serif;
201
461
  $sds-font-header-xs-600-letter-spacing: 0.08px;
462
+ $sds-font-header-xs-600-letter-spacing-dark: 0.08px;
202
463
  $sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;
464
+ $sds-font-header-s-600-font-dark: 600 14px/20px "Inter", sans-serif;
203
465
  $sds-font-header-s-600-letter-spacing: 0.08px;
466
+ $sds-font-header-s-600-letter-spacing-dark: 0.08px;
204
467
  $sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;
468
+ $sds-font-header-m-600-font-dark: 600 16px/22px "Inter", sans-serif;
205
469
  $sds-font-header-m-600-letter-spacing: 0px;
470
+ $sds-font-header-m-600-letter-spacing-dark: 0px;
206
471
  $sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;
472
+ $sds-font-header-l-600-font-dark: 600 18px/24px "Inter", sans-serif;
207
473
  $sds-font-header-l-600-letter-spacing: 0px;
474
+ $sds-font-header-l-600-letter-spacing-dark: 0px;
208
475
  $sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;
476
+ $sds-font-header-xl-600-font-dark: 600 22px/30px "Inter", sans-serif;
209
477
  $sds-font-header-xl-600-letter-spacing: 0px;
478
+ $sds-font-header-xl-600-letter-spacing-dark: 0px;
210
479
  $sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;
480
+ $sds-font-header-xxl-600-font-dark: 600 26px/34px "Inter", sans-serif;
211
481
  $sds-font-header-xxl-600-letter-spacing: 0px;
482
+ $sds-font-header-xxl-600-letter-spacing-dark: 0px;
212
483
  $sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;
484
+ $sds-font-tabular-xs-400-font-dark: 400 13px/20px "Inter", sans-serif;
213
485
  $sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;
486
+ $sds-font-tabular-xs-400-font-variant-numeric-dark: tabular-nums;
214
487
  $sds-font-tabular-xs-400-letter-spacing: 0px;
488
+ $sds-font-tabular-xs-400-letter-spacing-dark: 0px;
215
489
  $sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;
490
+ $sds-font-tabular-xs-600-font-dark: 600 13px/20px "Inter", sans-serif;
216
491
  $sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;
492
+ $sds-font-tabular-xs-600-font-variant-numeric-dark: tabular-nums;
217
493
  $sds-font-tabular-xs-600-letter-spacing: 0px;
494
+ $sds-font-tabular-xs-600-letter-spacing-dark: 0px;
218
495
  $sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;
496
+ $sds-font-tabular-s-400-font-dark: 400 14px/24px "Inter", sans-serif;
219
497
  $sds-font-tabular-s-400-font-variant-numeric: tabular-nums;
498
+ $sds-font-tabular-s-400-font-variant-numeric-dark: tabular-nums;
220
499
  $sds-font-tabular-s-400-letter-spacing: 0px;
500
+ $sds-font-tabular-s-400-letter-spacing-dark: 0px;
221
501
  $sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;
502
+ $sds-font-tabular-s-600-font-dark: 600 14px/24px "Inter", sans-serif;
222
503
  $sds-font-tabular-s-600-font-variant-numeric: tabular-nums;
504
+ $sds-font-tabular-s-600-font-variant-numeric-dark: tabular-nums;
223
505
  $sds-font-tabular-s-600-letter-spacing: 0px;
506
+ $sds-font-tabular-s-600-letter-spacing-dark: 0px;
224
507
  $sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;
508
+ $sds-font-code-xs-400-font-dark: 400 13px/20px "IBM Plex Mono", monospace;
225
509
  $sds-font-code-xs-400-letter-spacing: 0px;
510
+ $sds-font-code-xs-400-letter-spacing-dark: 0px;
226
511
  $sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;
512
+ $sds-font-code-xs-600-font-dark: 600 13px/20px "IBM Plex Mono", monospace;
227
513
  $sds-font-code-xs-600-letter-spacing: 0px;
514
+ $sds-font-code-xs-600-letter-spacing-dark: 0px;
228
515
  $sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;
516
+ $sds-font-code-s-400-font-dark: 400 14px/24px "IBM Plex Mono", monospace;
229
517
  $sds-font-code-s-400-letter-spacing: 0px;
518
+ $sds-font-code-s-400-letter-spacing-dark: 0px;
230
519
  $sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;
520
+ $sds-font-code-s-600-font-dark: 600 14px/24px "IBM Plex Mono", monospace;
231
521
  $sds-font-code-s-600-letter-spacing: 0px;
522
+ $sds-font-code-s-600-letter-spacing-dark: 0px;
232
523
  $sds-icon-size-input-height: 16px;
524
+ $sds-icon-size-input-height-dark: 16px;
233
525
  $sds-icon-size-input-width: 16px;
526
+ $sds-icon-size-input-width-dark: 16px;
234
527
  $sds-icon-size-xs-height: 12px;
528
+ $sds-icon-size-xs-height-dark: 12px;
235
529
  $sds-icon-size-xs-width: 12px;
530
+ $sds-icon-size-xs-width-dark: 12px;
236
531
  $sds-icon-size-s-height: 16px;
532
+ $sds-icon-size-s-height-dark: 16px;
237
533
  $sds-icon-size-s-width: 16px;
534
+ $sds-icon-size-s-width-dark: 16px;
238
535
  $sds-icon-size-l-height: 24px;
536
+ $sds-icon-size-l-height-dark: 24px;
239
537
  $sds-icon-size-l-width: 24px;
538
+ $sds-icon-size-l-width-dark: 24px;
240
539
  $sds-icon-size-xl-height: 32px;
540
+ $sds-icon-size-xl-height-dark: 32px;
241
541
  $sds-icon-size-xl-width: 32px;
542
+ $sds-icon-size-xl-width-dark: 32px;
242
543
  $sds-space-default: 12px;
544
+ $sds-space-default-dark: 12px;
243
545
  $sds-space-xxxs: 2px;
546
+ $sds-space-xxxs-dark: 2px;
244
547
  $sds-space-xxs: 4px;
548
+ $sds-space-xxs-dark: 4px;
245
549
  $sds-space-xs: 6px;
550
+ $sds-space-xs-dark: 6px;
246
551
  $sds-space-s: 8px;
552
+ $sds-space-s-dark: 8px;
247
553
  $sds-space-m: 12px;
554
+ $sds-space-m-dark: 12px;
248
555
  $sds-space-l: 16px;
556
+ $sds-space-l-dark: 16px;
249
557
  $sds-space-xl: 24px;
558
+ $sds-space-xl-dark: 24px;
250
559
  $sds-space-xxl: 40px;
560
+ $sds-space-xxl-dark: 40px;