@carbon/themes 10.53.2 → 11.0.0-rc.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 (45) hide show
  1. package/es/index.js +1725 -1163
  2. package/index.scss +3 -3
  3. package/lib/index.js +1716 -1333
  4. package/package.json +8 -8
  5. package/scss/{modules/_config.scss → _config.scss} +0 -0
  6. package/scss/{modules/_theme.scss → _theme.scss} +0 -0
  7. package/scss/{modules/_themes.scss → _themes.scss} +0 -0
  8. package/scss/_tokens.scss +1 -1
  9. package/scss/{modules/_utilities.scss → _utilities.scss} +0 -0
  10. package/scss/compat/generated/_tokens.scss +2 -2
  11. package/scss/generated/_themes.scss +401 -2924
  12. package/scss/generated/_tokens.scss +300 -3171
  13. package/src/g10.js +145 -225
  14. package/src/g100.js +148 -220
  15. package/src/g90.js +147 -221
  16. package/src/index.js +7 -12
  17. package/src/{next/tokens → tokens}/Token.js +0 -0
  18. package/src/{next/tokens → tokens}/TokenFormat.js +0 -0
  19. package/src/{next/tokens → tokens}/TokenGroup.js +0 -0
  20. package/src/{next/tokens → tokens}/TokenSet.js +0 -0
  21. package/src/{next/tokens → tokens}/index.js +0 -0
  22. package/src/{next/tokens → tokens}/v11TokenGroup.js +0 -0
  23. package/src/{next/tokens → tokens}/v11TokenSet.js +0 -0
  24. package/src/{v9.js → v10/g10.js} +98 -70
  25. package/src/v10/g100.js +339 -0
  26. package/src/v10/g90.js +341 -0
  27. package/src/{next → v10}/index.js +4 -3
  28. package/{metadata.yml → src/v10/metadata.yml} +0 -0
  29. package/src/{tokens.js → v10/tokens.js} +0 -0
  30. package/src/v10/white.js +343 -0
  31. package/src/white.js +145 -225
  32. package/umd/index.js +1719 -1336
  33. package/scss/_mixins.scss +0 -39
  34. package/scss/_theme-maps.scss +0 -9
  35. package/scss/generated/_mixins.scss +0 -3622
  36. package/scss/index.scss +0 -8
  37. package/scss/modules/_tokens.scss +0 -8
  38. package/scss/modules/generated/_themes.scss +0 -432
  39. package/scss/modules/generated/_tokens.scss +0 -308
  40. package/scss/themes.scss +0 -10
  41. package/src/g80.js +0 -351
  42. package/src/next/g10.js +0 -268
  43. package/src/next/g100.js +0 -276
  44. package/src/next/g90.js +0 -275
  45. package/src/next/white.js +0 -271
package/scss/generated/_themes.scss CHANGED
@@ -6,2950 +6,427 @@
6
6
  // LICENSE file in the root directory of this source tree.
7
7
  //
8
8
 
9
- $carbon--theme--white: (
10
- interactive-01: #0f62fe,
11
- interactive-02: #393939,
12
- interactive-03: #0f62fe,
13
- interactive-04: #0f62fe,
14
- ui-background: #ffffff,
15
- ui-01: #f4f4f4,
16
- ui-02: #ffffff,
17
- ui-03: #e0e0e0,
18
- ui-04: #8d8d8d,
19
- ui-05: #161616,
20
- text-01: #161616,
21
- text-02: #525252,
22
- text-03: #a8a8a8,
23
- text-04: #ffffff,
24
- text-05: #6f6f6f,
25
- text-error: #da1e28,
26
- icon-01: #161616,
27
- icon-02: #525252,
28
- icon-03: #ffffff,
29
- link-01: #0f62fe,
30
- link-02: #0043ce,
31
- inverse-link: #78a9ff,
9
+ @use 'sass:map';
10
+ @use '@carbon/layout';
11
+ @use '@carbon/type';
12
+ @use '../utilities';
13
+
14
+ $white: (
15
+ background: #ffffff,
16
+ background-active: rgba(141, 141, 141, 0.5),
17
+ background-brand: #0f62fe,
18
+ background-hover: rgba(141, 141, 141, 0.12),
19
+ background-inverse: #393939,
20
+ background-inverse-hover: #474747,
21
+ background-selected: rgba(141, 141, 141, 0.2),
22
+ background-selected-hover: rgba(141, 141, 141, 0.32),
23
+ border-disabled: #c6c6c6,
24
+ border-interactive: #0f62fe,
25
+ border-inverse: #161616,
26
+ border-strong-01: #8d8d8d,
27
+ border-strong-02: #8d8d8d,
28
+ border-strong-03: #8d8d8d,
29
+ border-subtle-00: #e0e0e0,
30
+ border-subtle-01: #e0e0e0,
31
+ border-subtle-02: #e0e0e0,
32
+ border-subtle-03: #e0e0e0,
33
+ border-subtle-selected-01: #c6c6c6,
34
+ border-subtle-selected-02: #c6c6c6,
35
+ border-subtle-selected-03: #c6c6c6,
32
36
  field-01: #f4f4f4,
33
37
  field-02: #ffffff,
34
- inverse-01: #ffffff,
35
- inverse-02: #393939,
36
- support-01: #da1e28,
37
- support-02: #198038,
38
- support-03: #f1c21b,
39
- support-04: #0043ce,
40
- inverse-support-01: #fa4d56,
41
- inverse-support-02: #42be65,
42
- inverse-support-03: #f1c21b,
43
- inverse-support-04: #4589ff,
44
- overlay-01: rgba(22, 22, 22, 0.5),
45
- danger-01: #da1e28,
46
- danger-02: #da1e28,
38
+ field-03: #f4f4f4,
39
+ field-hover-01: #e8e8e8,
40
+ field-hover-02: #e8e8e8,
41
+ field-hover-03: #e8e8e8,
47
42
  focus: #0f62fe,
48
- inverse-focus-ui: #ffffff,
49
- hover-primary: #0353e9,
50
- active-primary: #002d9c,
51
- hover-primary-text: #0043ce,
52
- hover-secondary: #4c4c4c,
53
- active-secondary: #6f6f6f,
54
- hover-tertiary: #0353e9,
55
- active-tertiary: #002d9c,
56
- hover-ui: #e5e5e5,
57
- hover-light-ui: #e5e5e5,
58
- active-ui: #c6c6c6,
59
- active-light-ui: #c6c6c6,
60
- selected-ui: #e0e0e0,
61
- selected-light-ui: #e0e0e0,
62
- inverse-hover-ui: #4c4c4c,
63
- hover-selected-ui: #cacaca,
64
- hover-danger: #b81921,
65
- active-danger: #750e13,
66
- hover-row: #e5e5e5,
67
- visited-link: #8a3ffc,
68
- disabled-01: #f4f4f4,
69
- disabled-02: #c6c6c6,
70
- disabled-03: #8d8d8d,
43
+ focus-inset: #ffffff,
44
+ focus-inverse: #ffffff,
71
45
  highlight: #d0e2ff,
72
- decorative-01: #e0e0e0,
73
- button-separator: #e0e0e0,
74
- skeleton-01: #e5e5e5,
75
- skeleton-02: #c6c6c6,
76
- background: #ffffff,
77
- layer: #f4f4f4,
78
- layer-accent: #e0e0e0,
79
- layer-accent-active: #a8a8a8,
80
- layer-accent-hover: #d1d1d1,
81
- field: #f4f4f4,
82
- background-inverse: #393939,
83
- background-brand: #0f62fe,
46
+ icon-disabled: rgba(22, 22, 22, 0.25),
47
+ icon-inverse: #ffffff,
48
+ icon-on-color: #ffffff,
49
+ icon-on-color-disabled: #8d8d8d,
50
+ icon-primary: #161616,
51
+ icon-secondary: #525252,
84
52
  interactive: #0f62fe,
85
- border-subtle: #e0e0e0,
86
- border-strong: #8d8d8d,
87
- border-inverse: #161616,
88
- border-interactive: #0f62fe,
89
- text-primary: #161616,
90
- text-secondary: #525252,
91
- text-placeholder: #a8a8a8,
92
- text-helper: #6f6f6f,
93
- text-on-color: #ffffff,
94
- text-inverse: #ffffff,
53
+ layer-01: #f4f4f4,
54
+ layer-02: #ffffff,
55
+ layer-03: #f4f4f4,
56
+ layer-accent-01: #e0e0e0,
57
+ layer-accent-02: #e0e0e0,
58
+ layer-accent-03: #e0e0e0,
59
+ layer-accent-active-01: #a8a8a8,
60
+ layer-accent-active-02: #a8a8a8,
61
+ layer-accent-active-03: #a8a8a8,
62
+ layer-accent-hover-01: #d1d1d1,
63
+ layer-accent-hover-02: #d1d1d1,
64
+ layer-accent-hover-03: #d1d1d1,
65
+ layer-active-01: #c6c6c6,
66
+ layer-active-02: #c6c6c6,
67
+ layer-active-03: #c6c6c6,
68
+ layer-hover-01: #e8e8e8,
69
+ layer-hover-02: #e8e8e8,
70
+ layer-hover-03: #e8e8e8,
71
+ layer-selected-01: #e0e0e0,
72
+ layer-selected-02: #e0e0e0,
73
+ layer-selected-03: #e0e0e0,
74
+ layer-selected-disabled: #8d8d8d,
75
+ layer-selected-hover-01: #d1d1d1,
76
+ layer-selected-hover-02: #d1d1d1,
77
+ layer-selected-hover-03: #d1d1d1,
78
+ layer-selected-inverse: #161616,
79
+ link-inverse: #78a9ff,
80
+ link-inverse-active: #f4f4f4,
81
+ link-inverse-hover: #a6c8ff,
95
82
  link-primary: #0f62fe,
83
+ link-primary-hover: #0043ce,
96
84
  link-secondary: #0043ce,
97
85
  link-visited: #8a3ffc,
98
- link-inverse: #78a9ff,
99
- icon-primary: #161616,
100
- icon-secondary: #525252,
101
- icon-on-color: #ffffff,
102
- icon-inverse: #ffffff,
86
+ overlay: rgba(22, 22, 22, 0.5),
87
+ shadow: rgba(0, 0, 0, 0.3),
88
+ skeleton-background: #e8e8e8,
89
+ skeleton-element: #c6c6c6,
90
+ support-caution-major: #ff832b,
91
+ support-caution-minor: #f1c21b,
92
+ support-caution-undefined: #8a3ffc,
103
93
  support-error: #da1e28,
104
- support-success: #198038,
105
- support-warning: #f1c21b,
106
- support-info: #0043ce,
107
94
  support-error-inverse: #fa4d56,
95
+ support-info: #0043ce,
96
+ support-info-inverse: #4589ff,
97
+ support-success: #24a148,
108
98
  support-success-inverse: #42be65,
99
+ support-warning: #f1c21b,
109
100
  support-warning-inverse: #f1c21b,
110
- support-info-inverse: #4589ff,
111
- overlay: rgba(22, 22, 22, 0.5),
101
+ text-disabled: rgba(22, 22, 22, 0.25),
102
+ text-error: #da1e28,
103
+ text-helper: #6f6f6f,
104
+ text-inverse: #ffffff,
105
+ text-on-color: #ffffff,
106
+ text-on-color-disabled: #8d8d8d,
107
+ text-placeholder: rgba(22, 22, 22, 0.4),
108
+ text-primary: #161616,
109
+ text-secondary: #525252,
112
110
  toggle-off: #8d8d8d,
113
- shadow: rgba(0, 0, 0, 0.3),
114
- button-primary: #0f62fe,
115
- button-secondary: #393939,
116
- button-tertiary: #0f62fe,
117
- button-danger-primary: #da1e28,
118
- button-danger-secondary: #da1e28,
119
- background-active: #c6c6c6,
120
- layer-active: #c6c6c6,
121
- button-danger-active: #750e13,
122
- button-primary-active: #002d9c,
123
- button-secondary-active: #6f6f6f,
124
- button-tertiary-active: #002d9c,
111
+ ) !default;
112
+ $white: utilities.merge(
113
+ $white,
114
+ layout.$spacing,
115
+ layout.$fluid-spacing,
116
+ type.$tokens
117
+ );
118
+
119
+ $g10: (
120
+ background: #f4f4f4,
121
+ background-active: rgba(141, 141, 141, 0.5),
122
+ background-brand: #0f62fe,
123
+ background-hover: rgba(141, 141, 141, 0.12),
124
+ background-inverse: #393939,
125
+ background-inverse-hover: #474747,
126
+ background-selected: rgba(141, 141, 141, 0.2),
127
+ background-selected-hover: rgba(141, 141, 141, 0.32),
128
+ border-disabled: #c6c6c6,
129
+ border-interactive: #0f62fe,
130
+ border-inverse: #161616,
131
+ border-strong-01: #8d8d8d,
132
+ border-strong-02: #8d8d8d,
133
+ border-strong-03: #8d8d8d,
134
+ border-subtle-00: #e0e0e0,
135
+ border-subtle-01: #e0e0e0,
136
+ border-subtle-02: #e0e0e0,
137
+ border-subtle-03: #e0e0e0,
138
+ border-subtle-selected-01: #c6c6c6,
139
+ border-subtle-selected-02: #c6c6c6,
140
+ border-subtle-selected-03: #c6c6c6,
141
+ field-01: #ffffff,
142
+ field-02: #f4f4f4,
143
+ field-03: #ffffff,
144
+ field-hover-01: #e8e8e8,
145
+ field-hover-02: #e8e8e8,
146
+ field-hover-03: #e8e8e8,
147
+ focus: #0f62fe,
125
148
  focus-inset: #ffffff,
126
149
  focus-inverse: #ffffff,
127
- background-hover: #e5e5e5,
128
- layer-hover: #e5e5e5,
129
- field-hover: #e5e5e5,
130
- background-inverse-hover: #4c4c4c,
131
- link-primary-hover: #0043ce,
132
- button-danger-hover: #b81921,
133
- button-primary-hover: #0353e9,
134
- button-secondary-hover: #4c4c4c,
135
- button-tertiary-hover: #0353e9,
136
- background-selected: #e0e0e0,
137
- background-selected-hover: #cacaca,
138
- layer-selected: #e0e0e0,
139
- layer-selected-hover: #cacaca,
140
- layer-selected-inverse: #161616,
141
- border-subtle-selected: #c6c6c6,
142
- border-disabled: #f4f4f4,
143
- text-disabled: #c6c6c6,
144
- button-disabled: #c6c6c6,
145
- icon-disabled: #c6c6c6,
146
- text-on-color-disabled: #8d8d8d,
150
+ highlight: #d0e2ff,
151
+ icon-disabled: rgba(22, 22, 22, 0.25),
152
+ icon-inverse: #ffffff,
153
+ icon-on-color: #ffffff,
147
154
  icon-on-color-disabled: #8d8d8d,
155
+ icon-primary: #161616,
156
+ icon-secondary: #525252,
157
+ interactive: #0f62fe,
158
+ layer-01: #ffffff,
159
+ layer-02: #f4f4f4,
160
+ layer-03: #ffffff,
161
+ layer-accent-01: #e0e0e0,
162
+ layer-accent-02: #e0e0e0,
163
+ layer-accent-03: #e0e0e0,
164
+ layer-accent-active-01: #a8a8a8,
165
+ layer-accent-active-02: #a8a8a8,
166
+ layer-accent-active-03: #a8a8a8,
167
+ layer-accent-hover-01: #d1d1d1,
168
+ layer-accent-hover-02: #d1d1d1,
169
+ layer-accent-hover-03: #d1d1d1,
170
+ layer-active-01: #c6c6c6,
171
+ layer-active-02: #c6c6c6,
172
+ layer-active-03: #c6c6c6,
173
+ layer-hover-01: #e8e8e8,
174
+ layer-hover-02: #e8e8e8,
175
+ layer-hover-03: #e8e8e8,
176
+ layer-selected-01: #e0e0e0,
177
+ layer-selected-02: #e0e0e0,
178
+ layer-selected-03: #e0e0e0,
148
179
  layer-selected-disabled: #8d8d8d,
149
- skeleton-background: #e5e5e5,
180
+ layer-selected-hover-01: #d1d1d1,
181
+ layer-selected-hover-02: #d1d1d1,
182
+ layer-selected-hover-03: #d1d1d1,
183
+ layer-selected-inverse: #161616,
184
+ link-inverse: #78a9ff,
185
+ link-inverse-active: #f4f4f4,
186
+ link-inverse-hover: #a6c8ff,
187
+ link-primary: #0f62fe,
188
+ link-primary-hover: #0043ce,
189
+ link-secondary: #0043ce,
190
+ link-visited: #8a3ffc,
191
+ overlay: rgba(22, 22, 22, 0.5),
192
+ shadow: rgba(0, 0, 0, 0.3),
193
+ skeleton-background: #e8e8e8,
150
194
  skeleton-element: #c6c6c6,
151
- brand-01: #0f62fe,
152
- brand-02: #393939,
153
- brand-03: #0f62fe,
154
- active-01: #c6c6c6,
155
- hover-field: #e5e5e5,
156
- danger: #da1e28,
157
- caption-01: (
158
- font-size: 0.75rem,
159
- font-weight: 400,
160
- line-height: 1.33333,
161
- letter-spacing: 0.32px,
162
- ),
163
- caption-02: (
164
- font-size: 0.875rem,
165
- font-weight: 400,
166
- line-height: 1.28572,
167
- letter-spacing: 0.32px,
168
- ),
169
- label-01: (
170
- font-size: 0.75rem,
171
- font-weight: 400,
172
- line-height: 1.33333,
173
- letter-spacing: 0.32px,
174
- ),
175
- label-02: (
176
- font-size: 0.875rem,
177
- font-weight: 400,
178
- line-height: 1.28572,
179
- letter-spacing: 0.16px,
180
- ),
181
- helper-text-01: (
182
- font-size: 0.75rem,
183
- line-height: 1.33333,
184
- letter-spacing: 0.32px,
185
- ),
186
- helper-text-02: (
187
- font-size: 0.875rem,
188
- line-height: 1.28572,
189
- letter-spacing: 0.16px,
190
- ),
191
- body-short-01: (
192
- font-size: 0.875rem,
193
- font-weight: 400,
194
- line-height: 1.28572,
195
- letter-spacing: 0.16px,
196
- ),
197
- body-long-01: (
198
- font-size: 0.875rem,
199
- font-weight: 400,
200
- line-height: 1.42857,
201
- letter-spacing: 0.16px,
202
- ),
203
- body-short-02: (
204
- font-size: 1rem,
205
- font-weight: 400,
206
- line-height: 1.375,
207
- letter-spacing: 0,
208
- ),
209
- body-long-02: (
210
- font-size: 1rem,
211
- font-weight: 400,
212
- line-height: 1.5,
213
- letter-spacing: 0,
214
- ),
215
- code-01: (
216
- font-family:
217
- unquote(
218
- "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
219
- ),
220
- font-size: 0.75rem,
221
- font-weight: 400,
222
- line-height: 1.33333,
223
- letter-spacing: 0.32px,
224
- ),
225
- code-02: (
226
- font-family:
227
- unquote(
228
- "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
229
- ),
230
- font-size: 0.875rem,
231
- font-weight: 400,
232
- line-height: 1.42857,
233
- letter-spacing: 0.32px,
234
- ),
235
- heading-01: (
236
- font-size: 0.875rem,
237
- font-weight: 600,
238
- line-height: 1.42857,
239
- letter-spacing: 0.16px,
240
- ),
241
- productive-heading-01: (
242
- font-size: 0.875rem,
243
- font-weight: 600,
244
- line-height: 1.28572,
245
- letter-spacing: 0.16px,
246
- ),
247
- heading-02: (
248
- font-size: 1rem,
249
- font-weight: 600,
250
- line-height: 1.5,
251
- letter-spacing: 0,
252
- ),
253
- productive-heading-02: (
254
- font-size: 1rem,
255
- font-weight: 600,
256
- line-height: 1.375,
257
- letter-spacing: 0,
258
- ),
259
- productive-heading-03: (
260
- font-size: 1.25rem,
261
- font-weight: 400,
262
- line-height: 1.4,
263
- letter-spacing: 0,
264
- ),
265
- productive-heading-04: (
266
- font-size: 1.75rem,
267
- font-weight: 400,
268
- line-height: 1.28572,
269
- letter-spacing: 0,
270
- ),
271
- productive-heading-05: (
272
- font-size: 2rem,
273
- font-weight: 400,
274
- line-height: 1.25,
275
- letter-spacing: 0,
276
- ),
277
- productive-heading-06: (
278
- font-size: 2.625rem,
279
- font-weight: 300,
280
- line-height: 1.199,
281
- letter-spacing: 0,
282
- ),
283
- productive-heading-07: (
284
- font-size: 3.375rem,
285
- font-weight: 300,
286
- line-height: 1.199,
287
- letter-spacing: 0,
288
- ),
289
- expressive-heading-01: (
290
- font-size: 0.875rem,
291
- font-weight: 600,
292
- line-height: 1.25,
293
- letter-spacing: 0.16px,
294
- ),
295
- expressive-heading-02: (
296
- font-size: 1rem,
297
- font-weight: 600,
298
- line-height: 1.5,
299
- letter-spacing: 0,
300
- ),
301
- expressive-heading-03: (
302
- font-size: 1.25rem,
303
- font-weight: 400,
304
- line-height: 1.4,
305
- letter-spacing: 0,
306
- breakpoints: (
307
- xlg: (
308
- font-size: 1.25rem,
309
- line-height: 1.25,
310
- ),
311
- max: (
312
- font-size: 1.5rem,
313
- line-height: 1.334,
314
- ),
315
- ),
316
- ),
317
- expressive-heading-04: (
318
- font-size: 1.75rem,
319
- font-weight: 400,
320
- line-height: 1.28572,
321
- letter-spacing: 0,
322
- breakpoints: (
323
- xlg: (
324
- font-size: 1.75rem,
325
- line-height: 1.25,
326
- ),
327
- max: (
328
- font-size: 2rem,
329
- ),
330
- ),
331
- ),
332
- expressive-heading-05: (
333
- font-size: 2rem,
334
- font-weight: 400,
335
- line-height: 1.25,
336
- letter-spacing: 0,
337
- breakpoints: (
338
- md: (
339
- font-size: 2.25rem,
340
- font-weight: 300,
341
- line-height: 1.22,
342
- letter-spacing: 0,
343
- ),
344
- lg: (
345
- font-size: 2.625rem,
346
- font-weight: 300,
347
- line-height: 1.19,
348
- letter-spacing: 0,
349
- ),
350
- xlg: (
351
- font-size: 3rem,
352
- font-weight: 300,
353
- line-height: 1.17,
354
- letter-spacing: 0,
355
- ),
356
- max: (
357
- font-size: 3.75rem,
358
- font-weight: 300,
359
- letter-spacing: 0,
360
- ),
361
- ),
362
- ),
363
- expressive-heading-06: (
364
- font-size: 2rem,
365
- font-weight: 600,
366
- line-height: 1.25,
367
- letter-spacing: 0,
368
- breakpoints: (
369
- md: (
370
- font-size: 2.25rem,
371
- font-weight: 600,
372
- line-height: 1.22,
373
- letter-spacing: 0,
374
- ),
375
- lg: (
376
- font-size: 2.625rem,
377
- font-weight: 600,
378
- line-height: 1.19,
379
- letter-spacing: 0,
380
- ),
381
- xlg: (
382
- font-size: 3rem,
383
- font-weight: 600,
384
- line-height: 1.17,
385
- letter-spacing: 0,
386
- ),
387
- max: (
388
- font-size: 3.75rem,
389
- font-weight: 600,
390
- letter-spacing: 0,
391
- ),
392
- ),
393
- ),
394
- expressive-paragraph-01: (
395
- font-size: 1.5rem,
396
- font-weight: 300,
397
- line-height: 1.334,
398
- letter-spacing: 0,
399
- breakpoints: (
400
- lg: (
401
- font-size: 1.75rem,
402
- line-height: 1.28572,
403
- ),
404
- max: (
405
- font-size: 2rem,
406
- line-height: 1.25,
407
- ),
408
- ),
409
- ),
410
- quotation-01: (
411
- font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
412
- font-size: 1.25rem,
413
- font-weight: 400,
414
- line-height: 1.3,
415
- letter-spacing: 0,
416
- breakpoints: (
417
- md: (
418
- font-size: 1.25rem,
419
- font-weight: 400,
420
- letter-spacing: 0,
421
- ),
422
- lg: (
423
- font-size: 1.5rem,
424
- font-weight: 400,
425
- line-height: 1.334,
426
- letter-spacing: 0,
427
- ),
428
- xlg: (
429
- font-size: 1.75rem,
430
- font-weight: 400,
431
- line-height: 1.28572,
432
- letter-spacing: 0,
433
- ),
434
- max: (
435
- font-size: 2rem,
436
- font-weight: 400,
437
- line-height: 1.25,
438
- letter-spacing: 0,
439
- ),
440
- ),
441
- ),
442
- quotation-02: (
443
- font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
444
- font-size: 2rem,
445
- font-weight: 300,
446
- line-height: 1.25,
447
- letter-spacing: 0,
448
- breakpoints: (
449
- md: (
450
- font-size: 2.25rem,
451
- line-height: 1.22,
452
- ),
453
- lg: (
454
- font-size: 2.625rem,
455
- line-height: 1.19,
456
- ),
457
- xlg: (
458
- font-size: 3rem,
459
- line-height: 1.17,
460
- ),
461
- max: (
462
- font-size: 3.75rem,
463
- ),
464
- ),
465
- ),
466
- display-01: (
467
- font-size: 2.625rem,
468
- font-weight: 300,
469
- line-height: 1.19,
470
- letter-spacing: 0,
471
- breakpoints: (
472
- md: (
473
- font-size: 2.625rem,
474
- ),
475
- lg: (
476
- font-size: 3.375rem,
477
- ),
478
- xlg: (
479
- font-size: 3.75rem,
480
- line-height: 1.17,
481
- ),
482
- max: (
483
- font-size: 4.75rem,
484
- line-height: 1.13,
485
- ),
486
- ),
487
- ),
488
- display-02: (
489
- font-size: 2.625rem,
490
- font-weight: 600,
491
- line-height: 1.19,
492
- letter-spacing: 0,
493
- breakpoints: (
494
- md: (
495
- font-size: 2.625rem,
496
- ),
497
- lg: (
498
- font-size: 3.375rem,
499
- ),
500
- xlg: (
501
- font-size: 3.75rem,
502
- line-height: 1.16,
503
- ),
504
- max: (
505
- font-size: 4.75rem,
506
- line-height: 1.13,
507
- ),
508
- ),
509
- ),
510
- display-03: (
511
- font-size: 2.625rem,
512
- font-weight: 300,
513
- line-height: 1.19,
514
- letter-spacing: 0,
515
- breakpoints: (
516
- md: (
517
- font-size: 4.25rem,
518
- line-height: 1.15,
519
- ),
520
- lg: (
521
- font-size: 5.75rem,
522
- line-height: 1.11,
523
- letter-spacing: -0.64px,
524
- ),
525
- xlg: (
526
- font-size: 7.625rem,
527
- line-height: 1.07,
528
- ),
529
- max: (
530
- font-size: 9.75rem,
531
- line-height: 1.05,
532
- letter-spacing: -0.96px,
533
- ),
534
- ),
535
- ),
536
- display-04: (
537
- font-size: 2.625rem,
538
- font-weight: 600,
539
- line-height: 1.19,
540
- letter-spacing: 0,
541
- breakpoints: (
542
- md: (
543
- font-size: 4.25rem,
544
- line-height: 1.15,
545
- ),
546
- lg: (
547
- font-size: 5.75rem,
548
- line-height: 1.11,
549
- letter-spacing: -0.64px,
550
- ),
551
- xlg: (
552
- font-size: 7.625rem,
553
- line-height: 1.07,
554
- letter-spacing: -0.64px,
555
- ),
556
- max: (
557
- font-size: 9.75rem,
558
- line-height: 1.05,
559
- letter-spacing: -0.96px,
560
- ),
561
- ),
562
- ),
563
- legal-01: (
564
- font-size: 0.75rem,
565
- font-weight: 400,
566
- line-height: 1.33333,
567
- letter-spacing: 0.32px,
568
- ),
569
- legal-02: (
570
- font-size: 0.875rem,
571
- font-weight: 400,
572
- line-height: 1.28572,
573
- letter-spacing: 0.16px,
574
- ),
575
- body-compact-01: (
576
- font-size: 0.875rem,
577
- font-weight: 400,
578
- line-height: 1.28572,
579
- letter-spacing: 0.16px,
580
- ),
581
- body-compact-02: (
582
- font-size: 1rem,
583
- font-weight: 400,
584
- line-height: 1.375,
585
- letter-spacing: 0,
586
- ),
587
- body-01: (
588
- font-size: 0.875rem,
589
- font-weight: 400,
590
- line-height: 1.42857,
591
- letter-spacing: 0.16px,
592
- ),
593
- body-02: (
594
- font-size: 1rem,
595
- font-weight: 400,
596
- line-height: 1.5,
597
- letter-spacing: 0,
598
- ),
599
- heading-compact-01: (
600
- font-size: 0.875rem,
601
- font-weight: 600,
602
- line-height: 1.28572,
603
- letter-spacing: 0.16px,
604
- ),
605
- heading-compact-02: (
606
- font-size: 1rem,
607
- font-weight: 600,
608
- line-height: 1.375,
609
- letter-spacing: 0,
610
- ),
611
- heading-03: (
612
- font-size: 1.25rem,
613
- font-weight: 400,
614
- line-height: 1.4,
615
- letter-spacing: 0,
616
- ),
617
- heading-04: (
618
- font-size: 1.75rem,
619
- font-weight: 400,
620
- line-height: 1.28572,
621
- letter-spacing: 0,
622
- ),
623
- heading-05: (
624
- font-size: 2rem,
625
- font-weight: 400,
626
- line-height: 1.25,
627
- letter-spacing: 0,
628
- ),
629
- heading-06: (
630
- font-size: 2.625rem,
631
- font-weight: 300,
632
- line-height: 1.199,
633
- letter-spacing: 0,
634
- ),
635
- heading-07: (
636
- font-size: 3.375rem,
637
- font-weight: 300,
638
- line-height: 1.199,
639
- letter-spacing: 0,
640
- ),
641
- fluid-heading-03: (
642
- font-size: 1.25rem,
643
- font-weight: 400,
644
- line-height: 1.4,
645
- letter-spacing: 0,
646
- breakpoints: (
647
- xlg: (
648
- font-size: 1.25rem,
649
- line-height: 1.25,
650
- ),
651
- max: (
652
- font-size: 1.5rem,
653
- line-height: 1.334,
654
- ),
655
- ),
656
- ),
657
- fluid-heading-04: (
658
- font-size: 1.75rem,
659
- font-weight: 400,
660
- line-height: 1.28572,
661
- letter-spacing: 0,
662
- breakpoints: (
663
- xlg: (
664
- font-size: 1.75rem,
665
- line-height: 1.25,
666
- ),
667
- max: (
668
- font-size: 2rem,
669
- ),
670
- ),
671
- ),
672
- fluid-heading-05: (
673
- font-size: 2rem,
674
- font-weight: 400,
675
- line-height: 1.25,
676
- letter-spacing: 0,
677
- breakpoints: (
678
- md: (
679
- font-size: 2.25rem,
680
- font-weight: 300,
681
- line-height: 1.22,
682
- letter-spacing: 0,
683
- ),
684
- lg: (
685
- font-size: 2.625rem,
686
- font-weight: 300,
687
- line-height: 1.19,
688
- letter-spacing: 0,
689
- ),
690
- xlg: (
691
- font-size: 3rem,
692
- font-weight: 300,
693
- line-height: 1.17,
694
- letter-spacing: 0,
695
- ),
696
- max: (
697
- font-size: 3.75rem,
698
- font-weight: 300,
699
- letter-spacing: 0,
700
- ),
701
- ),
702
- ),
703
- fluid-heading-06: (
704
- font-size: 2rem,
705
- font-weight: 600,
706
- line-height: 1.25,
707
- letter-spacing: 0,
708
- breakpoints: (
709
- md: (
710
- font-size: 2.25rem,
711
- font-weight: 600,
712
- line-height: 1.22,
713
- letter-spacing: 0,
714
- ),
715
- lg: (
716
- font-size: 2.625rem,
717
- font-weight: 600,
718
- line-height: 1.19,
719
- letter-spacing: 0,
720
- ),
721
- xlg: (
722
- font-size: 3rem,
723
- font-weight: 600,
724
- line-height: 1.17,
725
- letter-spacing: 0,
726
- ),
727
- max: (
728
- font-size: 3.75rem,
729
- font-weight: 600,
730
- letter-spacing: 0,
731
- ),
732
- ),
733
- ),
734
- fluid-paragraph-01: (
735
- font-size: 1.5rem,
736
- font-weight: 300,
737
- line-height: 1.334,
738
- letter-spacing: 0,
739
- breakpoints: (
740
- lg: (
741
- font-size: 1.75rem,
742
- line-height: 1.28572,
743
- ),
744
- max: (
745
- font-size: 2rem,
746
- line-height: 1.25,
747
- ),
748
- ),
749
- ),
750
- fluid-quotation-01: (
751
- font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
752
- font-size: 1.25rem,
753
- font-weight: 400,
754
- line-height: 1.3,
755
- letter-spacing: 0,
756
- breakpoints: (
757
- md: (
758
- font-size: 1.25rem,
759
- font-weight: 400,
760
- letter-spacing: 0,
761
- ),
762
- lg: (
763
- font-size: 1.5rem,
764
- font-weight: 400,
765
- line-height: 1.334,
766
- letter-spacing: 0,
767
- ),
768
- xlg: (
769
- font-size: 1.75rem,
770
- font-weight: 400,
771
- line-height: 1.28572,
772
- letter-spacing: 0,
773
- ),
774
- max: (
775
- font-size: 2rem,
776
- font-weight: 400,
777
- line-height: 1.25,
778
- letter-spacing: 0,
779
- ),
780
- ),
781
- ),
782
- fluid-quotation-02: (
783
- font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
784
- font-size: 2rem,
785
- font-weight: 300,
786
- line-height: 1.25,
787
- letter-spacing: 0,
788
- breakpoints: (
789
- md: (
790
- font-size: 2.25rem,
791
- line-height: 1.22,
792
- ),
793
- lg: (
794
- font-size: 2.625rem,
795
- line-height: 1.19,
796
- ),
797
- xlg: (
798
- font-size: 3rem,
799
- line-height: 1.17,
800
- ),
801
- max: (
802
- font-size: 3.75rem,
803
- ),
804
- ),
805
- ),
806
- fluid-display-01: (
807
- font-size: 2.625rem,
808
- font-weight: 300,
809
- line-height: 1.19,
810
- letter-spacing: 0,
811
- breakpoints: (
812
- md: (
813
- font-size: 2.625rem,
814
- ),
815
- lg: (
816
- font-size: 3.375rem,
817
- ),
818
- xlg: (
819
- font-size: 3.75rem,
820
- line-height: 1.17,
821
- ),
822
- max: (
823
- font-size: 4.75rem,
824
- line-height: 1.13,
825
- ),
826
- ),
827
- ),
828
- fluid-display-02: (
829
- font-size: 2.625rem,
830
- font-weight: 600,
831
- line-height: 1.19,
832
- letter-spacing: 0,
833
- breakpoints: (
834
- md: (
835
- font-size: 2.625rem,
836
- ),
837
- lg: (
838
- font-size: 3.375rem,
839
- ),
840
- xlg: (
841
- font-size: 3.75rem,
842
- line-height: 1.16,
843
- ),
844
- max: (
845
- font-size: 4.75rem,
846
- line-height: 1.13,
847
- ),
848
- ),
849
- ),
850
- fluid-display-03: (
851
- font-size: 2.625rem,
852
- font-weight: 300,
853
- line-height: 1.19,
854
- letter-spacing: 0,
855
- breakpoints: (
856
- md: (
857
- font-size: 4.25rem,
858
- line-height: 1.15,
859
- ),
860
- lg: (
861
- font-size: 5.75rem,
862
- line-height: 1.11,
863
- letter-spacing: -0.64px,
864
- ),
865
- xlg: (
866
- font-size: 7.625rem,
867
- line-height: 1.07,
868
- ),
869
- max: (
870
- font-size: 9.75rem,
871
- line-height: 1.05,
872
- letter-spacing: -0.96px,
873
- ),
874
- ),
875
- ),
876
- fluid-display-04: (
877
- font-size: 2.625rem,
878
- font-weight: 600,
879
- line-height: 1.19,
880
- letter-spacing: 0,
881
- breakpoints: (
882
- md: (
883
- font-size: 4.25rem,
884
- line-height: 1.15,
885
- ),
886
- lg: (
887
- font-size: 5.75rem,
888
- line-height: 1.11,
889
- letter-spacing: -0.64px,
890
- ),
891
- xlg: (
892
- font-size: 7.625rem,
893
- line-height: 1.07,
894
- letter-spacing: -0.64px,
895
- ),
896
- max: (
897
- font-size: 9.75rem,
898
- line-height: 1.05,
899
- letter-spacing: -0.96px,
900
- ),
901
- ),
902
- ),
903
- spacing-01: 0.125rem,
904
- spacing-02: 0.25rem,
905
- spacing-03: 0.5rem,
906
- spacing-04: 0.75rem,
907
- spacing-05: 1rem,
908
- spacing-06: 1.5rem,
909
- spacing-07: 2rem,
910
- spacing-08: 2.5rem,
911
- spacing-09: 3rem,
912
- spacing-10: 4rem,
913
- spacing-11: 5rem,
914
- spacing-12: 6rem,
915
- spacing-13: 10rem,
916
- fluid-spacing-01: 0,
917
- fluid-spacing-02: 2vw,
918
- fluid-spacing-03: 5vw,
919
- fluid-spacing-04: 10vw,
920
- layout-01: 1rem,
921
- layout-02: 1.5rem,
922
- layout-03: 2rem,
923
- layout-04: 3rem,
924
- layout-05: 4rem,
925
- layout-06: 6rem,
926
- layout-07: 10rem,
927
- container-01: 1.5rem,
928
- container-02: 2rem,
929
- container-03: 2.5rem,
930
- container-04: 3rem,
931
- container-05: 4rem,
932
- size-xsmall: 1.5rem,
933
- size-small: 2rem,
934
- size-medium: 2.5rem,
935
- size-large: 3rem,
936
- size-xlarge: 4rem,
937
- size-2XLarge: 5rem,
938
- icon-size-01: 1rem,
939
- icon-size-02: 1.25rem,
940
- ) !default;
941
-
942
- /// Carbon's g10 color theme
943
- /// @type Map
944
- /// @access public
945
- /// @group @carbon/themes
946
- $carbon--theme--g10: map-merge(
947
- $carbon--theme--white,
948
- (
949
- ui-background: #f4f4f4,
950
- ui-01: #ffffff,
951
- ui-02: #f4f4f4,
952
- field-01: #ffffff,
953
- field-02: #f4f4f4,
954
- disabled-01: #ffffff,
955
- background: #f4f4f4,
956
- layer: #ffffff,
957
- field: #ffffff,
958
- border-disabled: #ffffff,
959
- )
960
- ) !default;
961
-
962
- /// Carbon's g80 color theme
963
- /// @type Map
964
- /// @access public
965
- /// @group @carbon/themes
966
- $carbon--theme--g80: map-merge(
967
- $carbon--theme--white,
968
- (
969
- background: #393939,
970
- layer: #525252,
971
- layer-accent: #6f6f6f,
972
- layer-accent-active: #525252,
973
- layer-accent-hover: #5e5e5e,
974
- field: #525252,
975
- background-inverse: #f4f4f4,
976
- interactive: #78a9ff,
977
- border-subtle: #6f6f6f,
978
- border-strong: #a8a8a8,
979
- border-inverse: #f4f4f4,
980
- border-interactive: #4589ff,
981
- text-primary: #f4f4f4,
982
- text-secondary: #c6c6c6,
983
- text-placeholder: #6f6f6f,
984
- text-helper: #a8a8a8,
985
- text-error: #ffb3b8,
986
- text-inverse: #161616,
987
- link-primary: #78a9ff,
988
- link-secondary: #a6c8ff,
989
- link-visited: #be95ff,
990
- link-inverse: #0f62fe,
991
- icon-primary: #f4f4f4,
992
- icon-secondary: #c6c6c6,
993
- icon-inverse: #161616,
994
- support-error: #ff8389,
995
- support-success: #42be65,
996
- support-info: #4589ff,
997
- support-error-inverse: #da1e28,
998
- support-success-inverse: #24a148,
999
- support-info-inverse: #0f62fe,
1000
- overlay: rgba(0, 0, 0, 0.65),
1001
- shadow: rgba(0, 0, 0, 0.8),
1002
- button-secondary: #6f6f6f,
1003
- button-tertiary: #ffffff,
1004
- button-danger-secondary: #ff8389,
1005
- button-separator: #161616,
1006
- background-active: #525252,
1007
- layer-active: #6f6f6f,
1008
- button-secondary-active: #525252,
1009
- button-tertiary-active: #c6c6c6,
1010
- focus: #ffffff,
1011
- focus-inset: #161616,
1012
- focus-inverse: #0f62fe,
1013
- highlight: #0043ce,
1014
- background-hover: #474747,
1015
- layer-hover: #636363,
1016
- field-hover: #636363,
1017
- background-inverse-hover: #e8e8e8,
1018
- link-primary-hover: #a6c8ff,
1019
- button-primary-hover: #0151e4,
1020
- button-secondary-hover: #5e5e5e,
1021
- button-tertiary-hover: #ffffff,
1022
- background-selected: #525252,
1023
- background-selected-hover: #636363,
1024
- layer-selected: #6f6f6f,
1025
- layer-selected-hover: #616161,
1026
- layer-selected-inverse: #f4f4f4,
1027
- border-subtle-selected: #8d8d8d,
1028
- border-disabled: #525252,
1029
- text-disabled: #8d8d8d,
1030
- button-disabled: #8d8d8d,
1031
- icon-disabled: #8d8d8d,
1032
- text-on-color-disabled: #c6c6c6,
1033
- icon-on-color-disabled: #c6c6c6,
1034
- layer-selected-disabled: #c6c6c6,
1035
- skeleton-background: #474747,
1036
- skeleton-element: #6f6f6f,
1037
- interactive-02: #6f6f6f,
1038
- interactive-03: #ffffff,
1039
- interactive-04: #78a9ff,
1040
- ui-background: #393939,
1041
- ui-01: #525252,
1042
- ui-02: #525252,
1043
- ui-03: #6f6f6f,
1044
- ui-04: #a8a8a8,
1045
- ui-05: #f4f4f4,
1046
- text-01: #f4f4f4,
1047
- text-02: #c6c6c6,
1048
- text-03: #6f6f6f,
1049
- text-05: #a8a8a8,
1050
- icon-01: #f4f4f4,
1051
- icon-02: #c6c6c6,
1052
- link-01: #78a9ff,
1053
- link-02: #a6c8ff,
1054
- inverse-link: #0f62fe,
1055
- field-01: #525252,
1056
- field-02: #6f6f6f,
1057
- inverse-01: #161616,
1058
- inverse-02: #f4f4f4,
1059
- support-01: #ff8389,
1060
- support-02: #42be65,
1061
- support-04: #4589ff,
1062
- inverse-support-01: #da1e28,
1063
- inverse-support-02: #24a148,
1064
- inverse-support-04: #0f62fe,
1065
- overlay-01: rgba(0, 0, 0, 0.65),
1066
- danger-02: #ff8389,
1067
- inverse-focus-ui: #0f62fe,
1068
- hover-primary: #0151e4,
1069
- hover-primary-text: #a6c8ff,
1070
- hover-secondary: #5e5e5e,
1071
- active-secondary: #525252,
1072
- hover-tertiary: #ffffff,
1073
- active-tertiary: #c6c6c6,
1074
- hover-ui: #474747,
1075
- hover-light-ui: #5e5e5e,
1076
- active-ui: #525252,
1077
- active-light-ui: #8d8d8d,
1078
- selected-ui: #525252,
1079
- selected-light-ui: #8d8d8d,
1080
- inverse-hover-ui: #e8e8e8,
1081
- hover-selected-ui: #616161,
1082
- hover-row: #636363,
1083
- visited-link: #be95ff,
1084
- disabled-01: #525252,
1085
- disabled-02: #8d8d8d,
1086
- disabled-03: #c6c6c6,
1087
- decorative-01: #6f6f6f,
1088
- skeleton-01: #474747,
1089
- skeleton-02: #6f6f6f,
1090
- brand-02: #6f6f6f,
1091
- brand-03: #ffffff,
1092
- active-01: #525252,
1093
- hover-field: #474747,
1094
- )
1095
- ) !default;
1096
-
1097
- /// Carbon's g90 color theme
1098
- /// @type Map
1099
- /// @access public
1100
- /// @group @carbon/themes
1101
- $carbon--theme--g90: map-merge(
1102
- $carbon--theme--white,
1103
- (
1104
- interactive-02: #6f6f6f,
1105
- interactive-03: #ffffff,
1106
- interactive-04: #4589ff,
1107
- ui-background: #262626,
1108
- ui-01: #393939,
1109
- ui-02: #525252,
1110
- ui-03: #525252,
1111
- ui-05: #f4f4f4,
1112
- text-01: #f4f4f4,
1113
- text-02: #c6c6c6,
1114
- text-03: #6f6f6f,
1115
- text-05: #8d8d8d,
1116
- text-error: #ffb3b8,
1117
- icon-01: #f4f4f4,
1118
- icon-02: #c6c6c6,
1119
- link-01: #78a9ff,
1120
- link-02: #a6c8ff,
1121
- inverse-link: #0f62fe,
1122
- field-01: #393939,
1123
- field-02: #525252,
1124
- inverse-01: #161616,
1125
- inverse-02: #f4f4f4,
1126
- support-01: #ff8389,
1127
- support-02: #42be65,
1128
- support-04: #4589ff,
1129
- inverse-support-01: #da1e28,
1130
- inverse-support-02: #24a148,
1131
- inverse-support-04: #0f62fe,
1132
- overlay-01: rgba(0, 0, 0, 0.65),
1133
- danger-02: #ff8389,
1134
- focus: #ffffff,
1135
- inverse-focus-ui: #0f62fe,
1136
- hover-primary-text: #a6c8ff,
1137
- hover-secondary: #606060,
1138
- active-secondary: #393939,
1139
- hover-tertiary: #f4f4f4,
1140
- active-tertiary: #c6c6c6,
1141
- hover-ui: #4c4c4c,
1142
- hover-light-ui: #656565,
1143
- active-ui: #6f6f6f,
1144
- active-light-ui: #8d8d8d,
1145
- selected-ui: #525252,
1146
- selected-light-ui: #6f6f6f,
1147
- inverse-hover-ui: #e5e5e5,
1148
- hover-selected-ui: #656565,
1149
- hover-row: #4c4c4c,
1150
- visited-link: #be95ff,
1151
- disabled-01: #393939,
1152
- disabled-02: #6f6f6f,
1153
- disabled-03: #a8a8a8,
1154
- highlight: #0043ce,
1155
- decorative-01: #6f6f6f,
1156
- button-separator: #161616,
1157
- skeleton-01: #353535,
1158
- skeleton-02: #525252,
1159
- background: #262626,
1160
- layer: #393939,
1161
- layer-accent: #525252,
1162
- layer-accent-active: #8d8d8d,
1163
- layer-accent-hover: #636363,
1164
- field: #393939,
1165
- background-inverse: #f4f4f4,
1166
- interactive: #4589ff,
1167
- border-subtle: #525252,
1168
- border-inverse: #f4f4f4,
1169
- border-interactive: #4589ff,
1170
- text-primary: #f4f4f4,
1171
- text-secondary: #c6c6c6,
1172
- text-placeholder: #6f6f6f,
1173
- text-helper: #8d8d8d,
1174
- text-inverse: #161616,
1175
- link-primary: #78a9ff,
1176
- link-secondary: #a6c8ff,
1177
- link-visited: #be95ff,
1178
- link-inverse: #0f62fe,
1179
- icon-primary: #f4f4f4,
1180
- icon-secondary: #c6c6c6,
1181
- icon-inverse: #161616,
1182
- support-error: #ff8389,
1183
- support-success: #42be65,
1184
- support-info: #4589ff,
1185
- support-error-inverse: #da1e28,
1186
- support-success-inverse: #24a148,
1187
- support-info-inverse: #0f62fe,
1188
- overlay: rgba(0, 0, 0, 0.65),
1189
- shadow: rgba(0, 0, 0, 0.8),
1190
- button-secondary: #6f6f6f,
1191
- button-tertiary: #ffffff,
1192
- button-danger-secondary: #ff8389,
1193
- background-active: #6f6f6f,
1194
- layer-active: #6f6f6f,
1195
- button-secondary-active: #393939,
1196
- button-tertiary-active: #c6c6c6,
1197
- focus-inset: #161616,
1198
- focus-inverse: #0f62fe,
1199
- background-hover: #4c4c4c,
1200
- layer-hover: #4c4c4c,
1201
- field-hover: #4c4c4c,
1202
- background-inverse-hover: #e5e5e5,
1203
- link-primary-hover: #a6c8ff,
1204
- button-secondary-hover: #606060,
1205
- button-tertiary-hover: #f4f4f4,
1206
- background-selected: #525252,
1207
- background-selected-hover: #656565,
1208
- layer-selected: #525252,
1209
- layer-selected-hover: #656565,
1210
- layer-selected-inverse: #f4f4f4,
1211
- border-subtle-selected: #6f6f6f,
1212
- border-disabled: #393939,
1213
- text-disabled: #6f6f6f,
1214
- button-disabled: #6f6f6f,
1215
- icon-disabled: #6f6f6f,
1216
- text-on-color-disabled: #a8a8a8,
1217
- icon-on-color-disabled: #a8a8a8,
1218
- layer-selected-disabled: #a8a8a8,
1219
- skeleton-background: #353535,
1220
- skeleton-element: #525252,
1221
- brand-02: #6f6f6f,
1222
- brand-03: #ffffff,
1223
- active-01: #6f6f6f,
1224
- hover-field: #4c4c4c,
1225
- )
1226
- ) !default;
1227
-
1228
- /// Carbon's g100 color theme
1229
- /// @type Map
1230
- /// @access public
1231
- /// @group @carbon/themes
1232
- $carbon--theme--g100: map-merge(
1233
- $carbon--theme--white,
1234
- (
1235
- interactive-02: #6f6f6f,
1236
- interactive-03: #ffffff,
1237
- interactive-04: #4589ff,
1238
- ui-background: #161616,
1239
- ui-01: #262626,
1240
- ui-02: #393939,
1241
- ui-03: #393939,
1242
- ui-04: #6f6f6f,
1243
- ui-05: #f4f4f4,
1244
- text-01: #f4f4f4,
1245
- text-02: #c6c6c6,
1246
- text-03: #6f6f6f,
1247
- text-05: #8d8d8d,
1248
- text-error: #ff8389,
1249
- icon-01: #f4f4f4,
1250
- icon-02: #c6c6c6,
1251
- link-01: #78a9ff,
1252
- link-02: #a6c8ff,
1253
- inverse-link: #0f62fe,
1254
- field-01: #262626,
1255
- field-02: #393939,
1256
- inverse-01: #161616,
1257
- inverse-02: #f4f4f4,
1258
- support-01: #fa4d56,
1259
- support-02: #42be65,
1260
- support-04: #4589ff,
1261
- inverse-support-01: #da1e28,
1262
- inverse-support-02: #24a148,
1263
- inverse-support-04: #0f62fe,
1264
- overlay-01: rgba(0, 0, 0, 0.65),
1265
- danger-02: #fa4d56,
1266
- focus: #ffffff,
1267
- inverse-focus-ui: #0f62fe,
1268
- hover-primary-text: #a6c8ff,
1269
- hover-secondary: #606060,
1270
- active-secondary: #393939,
1271
- hover-tertiary: #f4f4f4,
1272
- active-tertiary: #c6c6c6,
1273
- hover-ui: #353535,
1274
- hover-light-ui: #4c4c4c,
1275
- active-ui: #525252,
1276
- active-light-ui: #6f6f6f,
1277
- selected-ui: #393939,
1278
- selected-light-ui: #525252,
1279
- inverse-hover-ui: #e5e5e5,
1280
- hover-selected-ui: #4c4c4c,
1281
- hover-row: #353535,
1282
- visited-link: #be95ff,
1283
- disabled-01: #262626,
1284
- disabled-02: #525252,
1285
- highlight: #002d9c,
1286
- decorative-01: #525252,
1287
- button-separator: #161616,
1288
- skeleton-01: #353535,
1289
- skeleton-02: #525252,
1290
- background: #161616,
1291
- layer: #262626,
1292
- layer-accent: #393939,
1293
- layer-accent-active: #6f6f6f,
1294
- layer-accent-hover: #474747,
1295
- field: #262626,
1296
- background-inverse: #f4f4f4,
1297
- interactive: #4589ff,
1298
- border-subtle: #393939,
1299
- border-strong: #6f6f6f,
1300
- border-inverse: #f4f4f4,
1301
- border-interactive: #4589ff,
1302
- text-primary: #f4f4f4,
1303
- text-secondary: #c6c6c6,
1304
- text-placeholder: #6f6f6f,
1305
- text-helper: #8d8d8d,
1306
- text-inverse: #161616,
1307
- link-primary: #78a9ff,
1308
- link-secondary: #a6c8ff,
1309
- link-visited: #be95ff,
1310
- link-inverse: #0f62fe,
1311
- icon-primary: #f4f4f4,
1312
- icon-secondary: #c6c6c6,
1313
- icon-inverse: #161616,
1314
- support-error: #fa4d56,
1315
- support-success: #42be65,
1316
- support-info: #4589ff,
1317
- support-error-inverse: #da1e28,
1318
- support-success-inverse: #24a148,
1319
- support-info-inverse: #0f62fe,
1320
- overlay: rgba(0, 0, 0, 0.65),
1321
- toggle-off: #6f6f6f,
1322
- shadow: rgba(0, 0, 0, 0.8),
1323
- button-secondary: #6f6f6f,
1324
- button-tertiary: #ffffff,
1325
- button-danger-secondary: #fa4d56,
1326
- background-active: #525252,
1327
- layer-active: #525252,
1328
- button-secondary-active: #393939,
1329
- button-tertiary-active: #c6c6c6,
1330
- focus-inset: #161616,
1331
- focus-inverse: #0f62fe,
1332
- background-hover: #353535,
1333
- layer-hover: #353535,
1334
- field-hover: #353535,
1335
- background-inverse-hover: #e5e5e5,
1336
- link-primary-hover: #a6c8ff,
1337
- button-secondary-hover: #606060,
1338
- button-tertiary-hover: #f4f4f4,
1339
- background-selected: #393939,
1340
- background-selected-hover: #4c4c4c,
1341
- layer-selected: #393939,
1342
- layer-selected-hover: #4c4c4c,
1343
- layer-selected-inverse: #f4f4f4,
1344
- border-subtle-selected: #525252,
1345
- border-disabled: #262626,
1346
- text-disabled: #525252,
1347
- button-disabled: #525252,
1348
- icon-disabled: #525252,
1349
- skeleton-background: #353535,
1350
- skeleton-element: #525252,
1351
- brand-02: #6f6f6f,
1352
- brand-03: #ffffff,
1353
- active-01: #525252,
1354
- hover-field: #353535,
1355
- )
195
+ support-caution-major: #ff832b,
196
+ support-caution-minor: #f1c21b,
197
+ support-caution-undefined: #8a3ffc,
198
+ support-error: #da1e28,
199
+ support-error-inverse: #fa4d56,
200
+ support-info: #0043ce,
201
+ support-info-inverse: #4589ff,
202
+ support-success: #24a148,
203
+ support-success-inverse: #42be65,
204
+ support-warning: #f1c21b,
205
+ support-warning-inverse: #f1c21b,
206
+ text-disabled: rgba(22, 22, 22, 0.25),
207
+ text-error: #da1e28,
208
+ text-helper: #6f6f6f,
209
+ text-inverse: #ffffff,
210
+ text-on-color: #ffffff,
211
+ text-on-color-disabled: #8d8d8d,
212
+ text-placeholder: rgba(22, 22, 22, 0.4),
213
+ text-primary: #161616,
214
+ text-secondary: #525252,
215
+ toggle-off: #8d8d8d,
1356
216
  ) !default;
217
+ $g10: utilities.merge(
218
+ $g10,
219
+ layout.$spacing,
220
+ layout.$fluid-spacing,
221
+ type.$tokens
222
+ );
1357
223
 
1358
- /// Carbon's v9 color theme
1359
- /// @type Map
1360
- /// @access public
1361
- /// @group @carbon/themes
1362
- $carbon--theme--v9: map-merge(
1363
- $carbon--theme--white,
1364
- (
1365
- interactive-01: #3d70b2,
1366
- interactive-02: #4d5358,
1367
- interactive-03: #3d70b2,
1368
- interactive-04: #3d70b2,
1369
- ui-background: #f4f7fb,
1370
- ui-01: #ffffff,
1371
- ui-02: #f4f7fb,
1372
- ui-03: #dfe3e6,
1373
- ui-04: #8897a2,
1374
- ui-05: #5a6872,
1375
- text-01: #152935,
1376
- text-02: #5a6872,
1377
- text-03: #cdd1d4,
1378
- text-05: #5a6872,
1379
- text-error: #e0182d,
1380
- icon-01: #3d70b2,
1381
- icon-02: #5a6872,
1382
- link-01: #3d70b2,
1383
- link-02: #3d70b2,
1384
- inverse-link: #5596e6,
1385
- field-01: #ffffff,
1386
- field-02: #f4f7fb,
1387
- inverse-02: #272d33,
1388
- support-01: #e0182d,
1389
- support-02: #5aa700,
1390
- support-03: #efc100,
1391
- support-04: #5aaafa,
1392
- inverse-support-01: #ff5050,
1393
- inverse-support-02: #8cd211,
1394
- inverse-support-03: #fdd600,
1395
- inverse-support-04: #5aaafa,
1396
- overlay-01: rgba(223, 227, 230, 0.5),
1397
- focus: #3d70b2,
1398
- inverse-focus-ui: #3d70b2,
1399
- hover-primary: #30588c,
1400
- active-primary: #30588c,
1401
- hover-primary-text: #294c86,
1402
- hover-secondary: #4d5b65,
1403
- active-secondary: #414f59,
1404
- hover-tertiary: #5a6872,
1405
- active-tertiary: #414f59,
1406
- hover-ui: #eef4fc,
1407
- hover-light-ui: #eef4fc,
1408
- active-ui: #dfeafa,
1409
- active-light-ui: #dfeafa,
1410
- selected-ui: #eef4fc,
1411
- selected-light-ui: #eef4fc,
1412
- hover-selected-ui: #dfeafa,
1413
- hover-danger: #c70014,
1414
- active-danger: #ad1625,
1415
- hover-row: #eef4fc,
1416
- visited-link: #294c86,
1417
- disabled-01: #fafbfd,
1418
- disabled-02: #dfe3e6,
1419
- disabled-03: #cdd1d4,
1420
- highlight: #f4f7fb,
1421
- decorative-01: #eef4fc,
1422
- skeleton-01: rgba(61, 112, 178, 0.1),
1423
- skeleton-02: rgba(61, 112, 178, 0.1),
1424
- background: #f4f7fb,
1425
- layer: #ffffff,
1426
- layer-accent: #dfe3e6,
1427
- layer-accent-hover: #ced4d9,
1428
- field: #ffffff,
1429
- background-inverse: #272d33,
1430
- background-brand: #3d70b2,
1431
- interactive: #3d70b2,
1432
- border-subtle: #dfe3e6,
1433
- border-strong: #8897a2,
1434
- border-inverse: #5a6872,
1435
- border-interactive: #3d70b2,
1436
- text-primary: #152935,
1437
- text-secondary: #5a6872,
1438
- text-placeholder: #cdd1d4,
1439
- text-helper: #5a6872,
1440
- link-primary: #3d70b2,
1441
- link-secondary: #3d70b2,
1442
- link-visited: #294c86,
1443
- link-inverse: #5596e6,
1444
- icon-primary: #3d70b2,
1445
- icon-secondary: #5a6872,
1446
- support-error: #e0182d,
1447
- support-success: #5aa700,
1448
- support-warning: #efc100,
1449
- support-info: #5aaafa,
1450
- support-error-inverse: #ff5050,
1451
- support-success-inverse: #8cd211,
1452
- support-warning-inverse: #fdd600,
1453
- support-info-inverse: #5aaafa,
1454
- overlay: rgba(223, 227, 230, 0.5),
1455
- toggle-off: #8897a2,
1456
- button-primary: #3d70b2,
1457
- button-secondary: #4d5358,
1458
- button-tertiary: #3d70b2,
1459
- background-active: #dfeafa,
1460
- layer-active: #dfeafa,
1461
- button-danger-active: #ad1625,
1462
- button-primary-active: #30588c,
1463
- button-secondary-active: #414f59,
1464
- button-tertiary-active: #414f59,
1465
- focus-inverse: #3d70b2,
1466
- background-hover: #eef4fc,
1467
- layer-hover: #eef4fc,
1468
- field-hover: #eef4fc,
1469
- link-primary-hover: #294c86,
1470
- button-danger-hover: #c70014,
1471
- button-primary-hover: #30588c,
1472
- button-secondary-hover: #4d5b65,
1473
- button-tertiary-hover: #5a6872,
1474
- background-selected: #eef4fc,
1475
- background-selected-hover: #dfeafa,
1476
- layer-selected: #eef4fc,
1477
- layer-selected-hover: #dfeafa,
1478
- layer-selected-inverse: #5a6872,
1479
- border-subtle-selected: #dfeafa,
1480
- border-disabled: #fafbfd,
1481
- text-disabled: #dfe3e6,
1482
- button-disabled: #dfe3e6,
1483
- icon-disabled: #dfe3e6,
1484
- text-on-color-disabled: #cdd1d4,
1485
- icon-on-color-disabled: #cdd1d4,
1486
- layer-selected-disabled: #cdd1d4,
1487
- skeleton-background: rgba(61, 112, 178, 0.1),
1488
- skeleton-element: rgba(61, 112, 178, 0.1),
1489
- brand-01: #3d70b2,
1490
- brand-02: #4d5358,
1491
- brand-03: #3d70b2,
1492
- active-01: #dfeafa,
1493
- hover-field: #eef4fc,
1494
- )
224
+ $g90: (
225
+ background: #262626,
226
+ background-active: rgba(141, 141, 141, 0.4),
227
+ background-brand: #0f62fe,
228
+ background-hover: rgba(141, 141, 141, 0.16),
229
+ background-inverse: #f4f4f4,
230
+ background-inverse-hover: #e8e8e8,
231
+ background-selected: rgba(141, 141, 141, 0.24),
232
+ background-selected-hover: rgba(141, 141, 141, 0.32),
233
+ border-disabled: rgba(141, 141, 141, 0.5),
234
+ border-interactive: #4589ff,
235
+ border-inverse: #f4f4f4,
236
+ border-strong-01: #8d8d8d,
237
+ border-strong-02: #a8a8a8,
238
+ border-strong-03: #c6c6c6,
239
+ border-subtle-00: #525252,
240
+ border-subtle-01: #525252,
241
+ border-subtle-02: #6f6f6f,
242
+ border-subtle-03: #8d8d8d,
243
+ border-subtle-selected-01: #6f6f6f,
244
+ border-subtle-selected-02: #8d8d8d,
245
+ border-subtle-selected-03: #a8a8a8,
246
+ field-01: #393939,
247
+ field-02: #525252,
248
+ field-03: #6f6f6f,
249
+ field-hover-01: #474747,
250
+ field-hover-02: #636363,
251
+ field-hover-03: #5e5e5e,
252
+ focus: #ffffff,
253
+ focus-inset: #161616,
254
+ focus-inverse: #0f62fe,
255
+ highlight: #0043ce,
256
+ icon-disabled: rgba(244, 244, 244, 0.25),
257
+ icon-inverse: #161616,
258
+ icon-on-color: #ffffff,
259
+ icon-on-color-disabled: rgba(255, 255, 255, 0.25),
260
+ icon-primary: #f4f4f4,
261
+ icon-secondary: #c6c6c6,
262
+ interactive: #4589ff,
263
+ layer-01: #393939,
264
+ layer-02: #525252,
265
+ layer-03: #6f6f6f,
266
+ layer-accent-01: #525252,
267
+ layer-accent-02: #6f6f6f,
268
+ layer-accent-03: #8d8d8d,
269
+ layer-accent-active-01: #8d8d8d,
270
+ layer-accent-active-02: #393939,
271
+ layer-accent-active-03: #525252,
272
+ layer-accent-hover-01: #636363,
273
+ layer-accent-hover-02: #5e5e5e,
274
+ layer-accent-hover-03: #7a7a7a,
275
+ layer-active-01: #6f6f6f,
276
+ layer-active-02: #8d8d8d,
277
+ layer-active-03: #393939,
278
+ layer-hover-01: #474747,
279
+ layer-hover-02: #636363,
280
+ layer-hover-03: #5e5e5e,
281
+ layer-selected-01: #525252,
282
+ layer-selected-02: #6f6f6f,
283
+ layer-selected-03: #525252,
284
+ layer-selected-disabled: #a8a8a8,
285
+ layer-selected-hover-01: #636363,
286
+ layer-selected-hover-02: #5e5e5e,
287
+ layer-selected-hover-03: #636363,
288
+ layer-selected-inverse: #f4f4f4,
289
+ link-inverse: #0f62fe,
290
+ link-inverse-active: #161616,
291
+ link-inverse-hover: #0043ce,
292
+ link-primary: #78a9ff,
293
+ link-primary-hover: #a6c8ff,
294
+ link-secondary: #a6c8ff,
295
+ link-visited: #be95ff,
296
+ overlay: rgba(0, 0, 0, 0.65),
297
+ shadow: rgba(0, 0, 0, 0.8),
298
+ skeleton-background: #333333,
299
+ skeleton-element: #525252,
300
+ support-caution-major: #ff832b,
301
+ support-caution-minor: #f1c21b,
302
+ support-caution-undefined: #a56eff,
303
+ support-error: #ff8389,
304
+ support-error-inverse: #da1e28,
305
+ support-info: #4589ff,
306
+ support-info-inverse: #0043ce,
307
+ support-success: #42be65,
308
+ support-success-inverse: #24a148,
309
+ support-warning: #f1c21b,
310
+ support-warning-inverse: #f1c21b,
311
+ text-disabled: rgba(244, 244, 244, 0.25),
312
+ text-error: #ffb3b8,
313
+ text-helper: #c6c6c6,
314
+ text-inverse: #161616,
315
+ text-on-color: #ffffff,
316
+ text-on-color-disabled: rgba(255, 255, 255, 0.25),
317
+ text-placeholder: rgba(244, 244, 244, 0.4),
318
+ text-primary: #f4f4f4,
319
+ text-secondary: #c6c6c6,
320
+ toggle-off: #8d8d8d,
1495
321
  ) !default;
322
+ $g90: utilities.merge(
323
+ $g90,
324
+ layout.$spacing,
325
+ layout.$fluid-spacing,
326
+ type.$tokens
327
+ );
1496
328
 
1497
- /// Carbon's default theme
1498
- /// @type Map
1499
- /// @access public
1500
- /// @alias carbon--theme--white
1501
- /// @group @carbon/themes
1502
- $carbon--theme: (
1503
- interactive-01:
1504
- if(
1505
- global-variable-exists('interactive-01'),
1506
- $interactive-01,
1507
- map-get($carbon--theme--white, 'interactive-01')
1508
- ),
1509
- interactive-02:
1510
- if(
1511
- global-variable-exists('interactive-02'),
1512
- $interactive-02,
1513
- map-get($carbon--theme--white, 'interactive-02')
1514
- ),
1515
- interactive-03:
1516
- if(
1517
- global-variable-exists('interactive-03'),
1518
- $interactive-03,
1519
- map-get($carbon--theme--white, 'interactive-03')
1520
- ),
1521
- interactive-04:
1522
- if(
1523
- global-variable-exists('interactive-04'),
1524
- $interactive-04,
1525
- map-get($carbon--theme--white, 'interactive-04')
1526
- ),
1527
- ui-background:
1528
- if(
1529
- global-variable-exists('ui-background'),
1530
- $ui-background,
1531
- map-get($carbon--theme--white, 'ui-background')
1532
- ),
1533
- ui-01:
1534
- if(
1535
- global-variable-exists('ui-01'),
1536
- $ui-01,
1537
- map-get($carbon--theme--white, 'ui-01')
1538
- ),
1539
- ui-02:
1540
- if(
1541
- global-variable-exists('ui-02'),
1542
- $ui-02,
1543
- map-get($carbon--theme--white, 'ui-02')
1544
- ),
1545
- ui-03:
1546
- if(
1547
- global-variable-exists('ui-03'),
1548
- $ui-03,
1549
- map-get($carbon--theme--white, 'ui-03')
1550
- ),
1551
- ui-04:
1552
- if(
1553
- global-variable-exists('ui-04'),
1554
- $ui-04,
1555
- map-get($carbon--theme--white, 'ui-04')
1556
- ),
1557
- ui-05:
1558
- if(
1559
- global-variable-exists('ui-05'),
1560
- $ui-05,
1561
- map-get($carbon--theme--white, 'ui-05')
1562
- ),
1563
- text-01:
1564
- if(
1565
- global-variable-exists('text-01'),
1566
- $text-01,
1567
- map-get($carbon--theme--white, 'text-01')
1568
- ),
1569
- text-02:
1570
- if(
1571
- global-variable-exists('text-02'),
1572
- $text-02,
1573
- map-get($carbon--theme--white, 'text-02')
1574
- ),
1575
- text-03:
1576
- if(
1577
- global-variable-exists('text-03'),
1578
- $text-03,
1579
- map-get($carbon--theme--white, 'text-03')
1580
- ),
1581
- text-04:
1582
- if(
1583
- global-variable-exists('text-04'),
1584
- $text-04,
1585
- map-get($carbon--theme--white, 'text-04')
1586
- ),
1587
- text-05:
1588
- if(
1589
- global-variable-exists('text-05'),
1590
- $text-05,
1591
- map-get($carbon--theme--white, 'text-05')
1592
- ),
1593
- text-error:
1594
- if(
1595
- global-variable-exists('text-error'),
1596
- $text-error,
1597
- map-get($carbon--theme--white, 'text-error')
1598
- ),
1599
- icon-01:
1600
- if(
1601
- global-variable-exists('icon-01'),
1602
- $icon-01,
1603
- map-get($carbon--theme--white, 'icon-01')
1604
- ),
1605
- icon-02:
1606
- if(
1607
- global-variable-exists('icon-02'),
1608
- $icon-02,
1609
- map-get($carbon--theme--white, 'icon-02')
1610
- ),
1611
- icon-03:
1612
- if(
1613
- global-variable-exists('icon-03'),
1614
- $icon-03,
1615
- map-get($carbon--theme--white, 'icon-03')
1616
- ),
1617
- link-01:
1618
- if(
1619
- global-variable-exists('link-01'),
1620
- $link-01,
1621
- map-get($carbon--theme--white, 'link-01')
1622
- ),
1623
- link-02:
1624
- if(
1625
- global-variable-exists('link-02'),
1626
- $link-02,
1627
- map-get($carbon--theme--white, 'link-02')
1628
- ),
1629
- inverse-link:
1630
- if(
1631
- global-variable-exists('inverse-link'),
1632
- $inverse-link,
1633
- map-get($carbon--theme--white, 'inverse-link')
1634
- ),
1635
- field-01:
1636
- if(
1637
- global-variable-exists('field-01'),
1638
- $field-01,
1639
- map-get($carbon--theme--white, 'field-01')
1640
- ),
1641
- field-02:
1642
- if(
1643
- global-variable-exists('field-02'),
1644
- $field-02,
1645
- map-get($carbon--theme--white, 'field-02')
1646
- ),
1647
- inverse-01:
1648
- if(
1649
- global-variable-exists('inverse-01'),
1650
- $inverse-01,
1651
- map-get($carbon--theme--white, 'inverse-01')
1652
- ),
1653
- inverse-02:
1654
- if(
1655
- global-variable-exists('inverse-02'),
1656
- $inverse-02,
1657
- map-get($carbon--theme--white, 'inverse-02')
1658
- ),
1659
- support-01:
1660
- if(
1661
- global-variable-exists('support-01'),
1662
- $support-01,
1663
- map-get($carbon--theme--white, 'support-01')
1664
- ),
1665
- support-02:
1666
- if(
1667
- global-variable-exists('support-02'),
1668
- $support-02,
1669
- map-get($carbon--theme--white, 'support-02')
1670
- ),
1671
- support-03:
1672
- if(
1673
- global-variable-exists('support-03'),
1674
- $support-03,
1675
- map-get($carbon--theme--white, 'support-03')
1676
- ),
1677
- support-04:
1678
- if(
1679
- global-variable-exists('support-04'),
1680
- $support-04,
1681
- map-get($carbon--theme--white, 'support-04')
1682
- ),
1683
- inverse-support-01:
1684
- if(
1685
- global-variable-exists('inverse-support-01'),
1686
- $inverse-support-01,
1687
- map-get($carbon--theme--white, 'inverse-support-01')
1688
- ),
1689
- inverse-support-02:
1690
- if(
1691
- global-variable-exists('inverse-support-02'),
1692
- $inverse-support-02,
1693
- map-get($carbon--theme--white, 'inverse-support-02')
1694
- ),
1695
- inverse-support-03:
1696
- if(
1697
- global-variable-exists('inverse-support-03'),
1698
- $inverse-support-03,
1699
- map-get($carbon--theme--white, 'inverse-support-03')
1700
- ),
1701
- inverse-support-04:
1702
- if(
1703
- global-variable-exists('inverse-support-04'),
1704
- $inverse-support-04,
1705
- map-get($carbon--theme--white, 'inverse-support-04')
1706
- ),
1707
- overlay-01:
1708
- if(
1709
- global-variable-exists('overlay-01'),
1710
- $overlay-01,
1711
- map-get($carbon--theme--white, 'overlay-01')
1712
- ),
1713
- danger-01:
1714
- if(
1715
- global-variable-exists('danger-01'),
1716
- $danger-01,
1717
- map-get($carbon--theme--white, 'danger-01')
1718
- ),
1719
- danger-02:
1720
- if(
1721
- global-variable-exists('danger-02'),
1722
- $danger-02,
1723
- map-get($carbon--theme--white, 'danger-02')
1724
- ),
1725
- focus:
1726
- if(
1727
- global-variable-exists('focus'),
1728
- $focus,
1729
- map-get($carbon--theme--white, 'focus')
1730
- ),
1731
- inverse-focus-ui:
1732
- if(
1733
- global-variable-exists('inverse-focus-ui'),
1734
- $inverse-focus-ui,
1735
- map-get($carbon--theme--white, 'inverse-focus-ui')
1736
- ),
1737
- hover-primary:
1738
- if(
1739
- global-variable-exists('hover-primary'),
1740
- $hover-primary,
1741
- map-get($carbon--theme--white, 'hover-primary')
1742
- ),
1743
- active-primary:
1744
- if(
1745
- global-variable-exists('active-primary'),
1746
- $active-primary,
1747
- map-get($carbon--theme--white, 'active-primary')
1748
- ),
1749
- hover-primary-text:
1750
- if(
1751
- global-variable-exists('hover-primary-text'),
1752
- $hover-primary-text,
1753
- map-get($carbon--theme--white, 'hover-primary-text')
1754
- ),
1755
- hover-secondary:
1756
- if(
1757
- global-variable-exists('hover-secondary'),
1758
- $hover-secondary,
1759
- map-get($carbon--theme--white, 'hover-secondary')
1760
- ),
1761
- active-secondary:
1762
- if(
1763
- global-variable-exists('active-secondary'),
1764
- $active-secondary,
1765
- map-get($carbon--theme--white, 'active-secondary')
1766
- ),
1767
- hover-tertiary:
1768
- if(
1769
- global-variable-exists('hover-tertiary'),
1770
- $hover-tertiary,
1771
- map-get($carbon--theme--white, 'hover-tertiary')
1772
- ),
1773
- active-tertiary:
1774
- if(
1775
- global-variable-exists('active-tertiary'),
1776
- $active-tertiary,
1777
- map-get($carbon--theme--white, 'active-tertiary')
1778
- ),
1779
- hover-ui:
1780
- if(
1781
- global-variable-exists('hover-ui'),
1782
- $hover-ui,
1783
- map-get($carbon--theme--white, 'hover-ui')
1784
- ),
1785
- hover-light-ui:
1786
- if(
1787
- global-variable-exists('hover-light-ui'),
1788
- $hover-light-ui,
1789
- map-get($carbon--theme--white, 'hover-light-ui')
1790
- ),
1791
- hover-selected-ui:
1792
- if(
1793
- global-variable-exists('hover-selected-ui'),
1794
- $hover-selected-ui,
1795
- map-get($carbon--theme--white, 'hover-selected-ui')
1796
- ),
1797
- active-ui:
1798
- if(
1799
- global-variable-exists('active-ui'),
1800
- $active-ui,
1801
- map-get($carbon--theme--white, 'active-ui')
1802
- ),
1803
- active-light-ui:
1804
- if(
1805
- global-variable-exists('active-light-ui'),
1806
- $active-light-ui,
1807
- map-get($carbon--theme--white, 'active-light-ui')
1808
- ),
1809
- selected-ui:
1810
- if(
1811
- global-variable-exists('selected-ui'),
1812
- $selected-ui,
1813
- map-get($carbon--theme--white, 'selected-ui')
1814
- ),
1815
- selected-light-ui:
1816
- if(
1817
- global-variable-exists('selected-light-ui'),
1818
- $selected-light-ui,
1819
- map-get($carbon--theme--white, 'selected-light-ui')
1820
- ),
1821
- inverse-hover-ui:
1822
- if(
1823
- global-variable-exists('inverse-hover-ui'),
1824
- $inverse-hover-ui,
1825
- map-get($carbon--theme--white, 'inverse-hover-ui')
1826
- ),
1827
- hover-danger:
1828
- if(
1829
- global-variable-exists('hover-danger'),
1830
- $hover-danger,
1831
- map-get($carbon--theme--white, 'hover-danger')
1832
- ),
1833
- active-danger:
1834
- if(
1835
- global-variable-exists('active-danger'),
1836
- $active-danger,
1837
- map-get($carbon--theme--white, 'active-danger')
1838
- ),
1839
- hover-row:
1840
- if(
1841
- global-variable-exists('hover-row'),
1842
- $hover-row,
1843
- map-get($carbon--theme--white, 'hover-row')
1844
- ),
1845
- visited-link:
1846
- if(
1847
- global-variable-exists('visited-link'),
1848
- $visited-link,
1849
- map-get($carbon--theme--white, 'visited-link')
1850
- ),
1851
- disabled-01:
1852
- if(
1853
- global-variable-exists('disabled-01'),
1854
- $disabled-01,
1855
- map-get($carbon--theme--white, 'disabled-01')
1856
- ),
1857
- disabled-02:
1858
- if(
1859
- global-variable-exists('disabled-02'),
1860
- $disabled-02,
1861
- map-get($carbon--theme--white, 'disabled-02')
1862
- ),
1863
- disabled-03:
1864
- if(
1865
- global-variable-exists('disabled-03'),
1866
- $disabled-03,
1867
- map-get($carbon--theme--white, 'disabled-03')
1868
- ),
1869
- highlight:
1870
- if(
1871
- global-variable-exists('highlight'),
1872
- $highlight,
1873
- map-get($carbon--theme--white, 'highlight')
1874
- ),
1875
- decorative-01:
1876
- if(
1877
- global-variable-exists('decorative-01'),
1878
- $decorative-01,
1879
- map-get($carbon--theme--white, 'decorative-01')
1880
- ),
1881
- button-separator:
1882
- if(
1883
- global-variable-exists('button-separator'),
1884
- $button-separator,
1885
- map-get($carbon--theme--white, 'button-separator')
1886
- ),
1887
- skeleton-01:
1888
- if(
1889
- global-variable-exists('skeleton-01'),
1890
- $skeleton-01,
1891
- map-get($carbon--theme--white, 'skeleton-01')
1892
- ),
1893
- skeleton-02:
1894
- if(
1895
- global-variable-exists('skeleton-02'),
1896
- $skeleton-02,
1897
- map-get($carbon--theme--white, 'skeleton-02')
1898
- ),
1899
- background:
1900
- if(
1901
- global-variable-exists('background'),
1902
- $background,
1903
- map-get($carbon--theme--white, 'background')
1904
- ),
1905
- layer:
1906
- if(
1907
- global-variable-exists('layer'),
1908
- $layer,
1909
- map-get($carbon--theme--white, 'layer')
1910
- ),
1911
- layer-accent:
1912
- if(
1913
- global-variable-exists('layer-accent'),
1914
- $layer-accent,
1915
- map-get($carbon--theme--white, 'layer-accent')
1916
- ),
1917
- layer-accent-hover:
1918
- if(
1919
- global-variable-exists('layer-accent-hover'),
1920
- $layer-accent-hover,
1921
- map-get($carbon--theme--white, 'layer-accent-hover')
1922
- ),
1923
- layer-accent-active:
1924
- if(
1925
- global-variable-exists('layer-accent-active'),
1926
- $layer-accent-active,
1927
- map-get($carbon--theme--white, 'layer-accent-active')
1928
- ),
1929
- field:
1930
- if(
1931
- global-variable-exists('field'),
1932
- $field,
1933
- map-get($carbon--theme--white, 'field')
1934
- ),
1935
- background-inverse:
1936
- if(
1937
- global-variable-exists('background-inverse'),
1938
- $background-inverse,
1939
- map-get($carbon--theme--white, 'background-inverse')
1940
- ),
1941
- background-brand:
1942
- if(
1943
- global-variable-exists('background-brand'),
1944
- $background-brand,
1945
- map-get($carbon--theme--white, 'background-brand')
1946
- ),
1947
- interactive:
1948
- if(
1949
- global-variable-exists('interactive'),
1950
- $interactive,
1951
- map-get($carbon--theme--white, 'interactive')
1952
- ),
1953
- border-subtle:
1954
- if(
1955
- global-variable-exists('border-subtle'),
1956
- $border-subtle,
1957
- map-get($carbon--theme--white, 'border-subtle')
1958
- ),
1959
- border-strong:
1960
- if(
1961
- global-variable-exists('border-strong'),
1962
- $border-strong,
1963
- map-get($carbon--theme--white, 'border-strong')
1964
- ),
1965
- border-inverse:
1966
- if(
1967
- global-variable-exists('border-inverse'),
1968
- $border-inverse,
1969
- map-get($carbon--theme--white, 'border-inverse')
1970
- ),
1971
- border-interactive:
1972
- if(
1973
- global-variable-exists('border-interactive'),
1974
- $border-interactive,
1975
- map-get($carbon--theme--white, 'border-interactive')
1976
- ),
1977
- text-primary:
1978
- if(
1979
- global-variable-exists('text-primary'),
1980
- $text-primary,
1981
- map-get($carbon--theme--white, 'text-primary')
1982
- ),
1983
- text-secondary:
1984
- if(
1985
- global-variable-exists('text-secondary'),
1986
- $text-secondary,
1987
- map-get($carbon--theme--white, 'text-secondary')
1988
- ),
1989
- text-placeholder:
1990
- if(
1991
- global-variable-exists('text-placeholder'),
1992
- $text-placeholder,
1993
- map-get($carbon--theme--white, 'text-placeholder')
1994
- ),
1995
- text-helper:
1996
- if(
1997
- global-variable-exists('text-helper'),
1998
- $text-helper,
1999
- map-get($carbon--theme--white, 'text-helper')
2000
- ),
2001
- text-on-color:
2002
- if(
2003
- global-variable-exists('text-on-color'),
2004
- $text-on-color,
2005
- map-get($carbon--theme--white, 'text-on-color')
2006
- ),
2007
- text-inverse:
2008
- if(
2009
- global-variable-exists('text-inverse'),
2010
- $text-inverse,
2011
- map-get($carbon--theme--white, 'text-inverse')
2012
- ),
2013
- link-primary:
2014
- if(
2015
- global-variable-exists('link-primary'),
2016
- $link-primary,
2017
- map-get($carbon--theme--white, 'link-primary')
2018
- ),
2019
- link-secondary:
2020
- if(
2021
- global-variable-exists('link-secondary'),
2022
- $link-secondary,
2023
- map-get($carbon--theme--white, 'link-secondary')
2024
- ),
2025
- link-visited:
2026
- if(
2027
- global-variable-exists('link-visited'),
2028
- $link-visited,
2029
- map-get($carbon--theme--white, 'link-visited')
2030
- ),
2031
- link-inverse:
2032
- if(
2033
- global-variable-exists('link-inverse'),
2034
- $link-inverse,
2035
- map-get($carbon--theme--white, 'link-inverse')
2036
- ),
2037
- icon-primary:
2038
- if(
2039
- global-variable-exists('icon-primary'),
2040
- $icon-primary,
2041
- map-get($carbon--theme--white, 'icon-primary')
2042
- ),
2043
- icon-secondary:
2044
- if(
2045
- global-variable-exists('icon-secondary'),
2046
- $icon-secondary,
2047
- map-get($carbon--theme--white, 'icon-secondary')
2048
- ),
2049
- icon-on-color:
2050
- if(
2051
- global-variable-exists('icon-on-color'),
2052
- $icon-on-color,
2053
- map-get($carbon--theme--white, 'icon-on-color')
2054
- ),
2055
- icon-inverse:
2056
- if(
2057
- global-variable-exists('icon-inverse'),
2058
- $icon-inverse,
2059
- map-get($carbon--theme--white, 'icon-inverse')
2060
- ),
2061
- support-error:
2062
- if(
2063
- global-variable-exists('support-error'),
2064
- $support-error,
2065
- map-get($carbon--theme--white, 'support-error')
2066
- ),
2067
- support-success:
2068
- if(
2069
- global-variable-exists('support-success'),
2070
- $support-success,
2071
- map-get($carbon--theme--white, 'support-success')
2072
- ),
2073
- support-warning:
2074
- if(
2075
- global-variable-exists('support-warning'),
2076
- $support-warning,
2077
- map-get($carbon--theme--white, 'support-warning')
2078
- ),
2079
- support-info:
2080
- if(
2081
- global-variable-exists('support-info'),
2082
- $support-info,
2083
- map-get($carbon--theme--white, 'support-info')
2084
- ),
2085
- support-error-inverse:
2086
- if(
2087
- global-variable-exists('support-error-inverse'),
2088
- $support-error-inverse,
2089
- map-get($carbon--theme--white, 'support-error-inverse')
2090
- ),
2091
- support-success-inverse:
2092
- if(
2093
- global-variable-exists('support-success-inverse'),
2094
- $support-success-inverse,
2095
- map-get($carbon--theme--white, 'support-success-inverse')
2096
- ),
2097
- support-warning-inverse:
2098
- if(
2099
- global-variable-exists('support-warning-inverse'),
2100
- $support-warning-inverse,
2101
- map-get($carbon--theme--white, 'support-warning-inverse')
2102
- ),
2103
- support-info-inverse:
2104
- if(
2105
- global-variable-exists('support-info-inverse'),
2106
- $support-info-inverse,
2107
- map-get($carbon--theme--white, 'support-info-inverse')
2108
- ),
2109
- overlay:
2110
- if(
2111
- global-variable-exists('overlay'),
2112
- $overlay,
2113
- map-get($carbon--theme--white, 'overlay')
2114
- ),
2115
- toggle-off:
2116
- if(
2117
- global-variable-exists('toggle-off'),
2118
- $toggle-off,
2119
- map-get($carbon--theme--white, 'toggle-off')
2120
- ),
2121
- shadow:
2122
- if(
2123
- global-variable-exists('shadow'),
2124
- $shadow,
2125
- map-get($carbon--theme--white, 'shadow')
2126
- ),
2127
- button-primary:
2128
- if(
2129
- global-variable-exists('button-primary'),
2130
- $button-primary,
2131
- map-get($carbon--theme--white, 'button-primary')
2132
- ),
2133
- button-secondary:
2134
- if(
2135
- global-variable-exists('button-secondary'),
2136
- $button-secondary,
2137
- map-get($carbon--theme--white, 'button-secondary')
2138
- ),
2139
- button-tertiary:
2140
- if(
2141
- global-variable-exists('button-tertiary'),
2142
- $button-tertiary,
2143
- map-get($carbon--theme--white, 'button-tertiary')
2144
- ),
2145
- button-danger-primary:
2146
- if(
2147
- global-variable-exists('button-danger-primary'),
2148
- $button-danger-primary,
2149
- map-get($carbon--theme--white, 'button-danger-primary')
2150
- ),
2151
- button-danger-secondary:
2152
- if(
2153
- global-variable-exists('button-danger-secondary'),
2154
- $button-danger-secondary,
2155
- map-get($carbon--theme--white, 'button-danger-secondary')
2156
- ),
2157
- background-active:
2158
- if(
2159
- global-variable-exists('background-active'),
2160
- $background-active,
2161
- map-get($carbon--theme--white, 'background-active')
2162
- ),
2163
- layer-active:
2164
- if(
2165
- global-variable-exists('layer-active'),
2166
- $layer-active,
2167
- map-get($carbon--theme--white, 'layer-active')
2168
- ),
2169
- button-danger-active:
2170
- if(
2171
- global-variable-exists('button-danger-active'),
2172
- $button-danger-active,
2173
- map-get($carbon--theme--white, 'button-danger-active')
2174
- ),
2175
- button-primary-active:
2176
- if(
2177
- global-variable-exists('button-primary-active'),
2178
- $button-primary-active,
2179
- map-get($carbon--theme--white, 'button-primary-active')
2180
- ),
2181
- button-secondary-active:
2182
- if(
2183
- global-variable-exists('button-secondary-active'),
2184
- $button-secondary-active,
2185
- map-get($carbon--theme--white, 'button-secondary-active')
2186
- ),
2187
- button-tertiary-active:
2188
- if(
2189
- global-variable-exists('button-tertiary-active'),
2190
- $button-tertiary-active,
2191
- map-get($carbon--theme--white, 'button-tertiary-active')
2192
- ),
2193
- focus-inset:
2194
- if(
2195
- global-variable-exists('focus-inset'),
2196
- $focus-inset,
2197
- map-get($carbon--theme--white, 'focus-inset')
2198
- ),
2199
- focus-inverse:
2200
- if(
2201
- global-variable-exists('focus-inverse'),
2202
- $focus-inverse,
2203
- map-get($carbon--theme--white, 'focus-inverse')
2204
- ),
2205
- background-hover:
2206
- if(
2207
- global-variable-exists('background-hover'),
2208
- $background-hover,
2209
- map-get($carbon--theme--white, 'background-hover')
2210
- ),
2211
- layer-hover:
2212
- if(
2213
- global-variable-exists('layer-hover'),
2214
- $layer-hover,
2215
- map-get($carbon--theme--white, 'layer-hover')
2216
- ),
2217
- field-hover:
2218
- if(
2219
- global-variable-exists('field-hover'),
2220
- $field-hover,
2221
- map-get($carbon--theme--white, 'field-hover')
2222
- ),
2223
- background-inverse-hover:
2224
- if(
2225
- global-variable-exists('background-inverse-hover'),
2226
- $background-inverse-hover,
2227
- map-get($carbon--theme--white, 'background-inverse-hover')
2228
- ),
2229
- link-primary-hover:
2230
- if(
2231
- global-variable-exists('link-primary-hover'),
2232
- $link-primary-hover,
2233
- map-get($carbon--theme--white, 'link-primary-hover')
2234
- ),
2235
- button-danger-hover:
2236
- if(
2237
- global-variable-exists('button-danger-hover'),
2238
- $button-danger-hover,
2239
- map-get($carbon--theme--white, 'button-danger-hover')
2240
- ),
2241
- button-primary-hover:
2242
- if(
2243
- global-variable-exists('button-primary-hover'),
2244
- $button-primary-hover,
2245
- map-get($carbon--theme--white, 'button-primary-hover')
2246
- ),
2247
- button-secondary-hover:
2248
- if(
2249
- global-variable-exists('button-secondary-hover'),
2250
- $button-secondary-hover,
2251
- map-get($carbon--theme--white, 'button-secondary-hover')
2252
- ),
2253
- button-tertiary-hover:
2254
- if(
2255
- global-variable-exists('button-tertiary-hover'),
2256
- $button-tertiary-hover,
2257
- map-get($carbon--theme--white, 'button-tertiary-hover')
2258
- ),
2259
- background-selected:
2260
- if(
2261
- global-variable-exists('background-selected'),
2262
- $background-selected,
2263
- map-get($carbon--theme--white, 'background-selected')
2264
- ),
2265
- background-selected-hover:
2266
- if(
2267
- global-variable-exists('background-selected-hover'),
2268
- $background-selected-hover,
2269
- map-get($carbon--theme--white, 'background-selected-hover')
2270
- ),
2271
- layer-selected:
2272
- if(
2273
- global-variable-exists('layer-selected'),
2274
- $layer-selected,
2275
- map-get($carbon--theme--white, 'layer-selected')
2276
- ),
2277
- layer-selected-hover:
2278
- if(
2279
- global-variable-exists('layer-selected-hover'),
2280
- $layer-selected-hover,
2281
- map-get($carbon--theme--white, 'layer-selected-hover')
2282
- ),
2283
- layer-selected-inverse:
2284
- if(
2285
- global-variable-exists('layer-selected-inverse'),
2286
- $layer-selected-inverse,
2287
- map-get($carbon--theme--white, 'layer-selected-inverse')
2288
- ),
2289
- border-subtle-selected:
2290
- if(
2291
- global-variable-exists('border-subtle-selected'),
2292
- $border-subtle-selected,
2293
- map-get($carbon--theme--white, 'border-subtle-selected')
2294
- ),
2295
- border-disabled:
2296
- if(
2297
- global-variable-exists('border-disabled'),
2298
- $border-disabled,
2299
- map-get($carbon--theme--white, 'border-disabled')
2300
- ),
2301
- text-disabled:
2302
- if(
2303
- global-variable-exists('text-disabled'),
2304
- $text-disabled,
2305
- map-get($carbon--theme--white, 'text-disabled')
2306
- ),
2307
- button-disabled:
2308
- if(
2309
- global-variable-exists('button-disabled'),
2310
- $button-disabled,
2311
- map-get($carbon--theme--white, 'button-disabled')
2312
- ),
2313
- icon-disabled:
2314
- if(
2315
- global-variable-exists('icon-disabled'),
2316
- $icon-disabled,
2317
- map-get($carbon--theme--white, 'icon-disabled')
2318
- ),
2319
- text-on-color-disabled:
2320
- if(
2321
- global-variable-exists('text-on-color-disabled'),
2322
- $text-on-color-disabled,
2323
- map-get($carbon--theme--white, 'text-on-color-disabled')
2324
- ),
2325
- icon-on-color-disabled:
2326
- if(
2327
- global-variable-exists('icon-on-color-disabled'),
2328
- $icon-on-color-disabled,
2329
- map-get($carbon--theme--white, 'icon-on-color-disabled')
2330
- ),
2331
- layer-selected-disabled:
2332
- if(
2333
- global-variable-exists('layer-selected-disabled'),
2334
- $layer-selected-disabled,
2335
- map-get($carbon--theme--white, 'layer-selected-disabled')
2336
- ),
2337
- skeleton-background:
2338
- if(
2339
- global-variable-exists('skeleton-background'),
2340
- $skeleton-background,
2341
- map-get($carbon--theme--white, 'skeleton-background')
2342
- ),
2343
- skeleton-element:
2344
- if(
2345
- global-variable-exists('skeleton-element'),
2346
- $skeleton-element,
2347
- map-get($carbon--theme--white, 'skeleton-element')
2348
- ),
2349
- brand-01:
2350
- if(
2351
- global-variable-exists('brand-01'),
2352
- $brand-01,
2353
- map-get($carbon--theme--white, 'brand-01')
2354
- ),
2355
- brand-02:
2356
- if(
2357
- global-variable-exists('brand-02'),
2358
- $brand-02,
2359
- map-get($carbon--theme--white, 'brand-02')
2360
- ),
2361
- brand-03:
2362
- if(
2363
- global-variable-exists('brand-03'),
2364
- $brand-03,
2365
- map-get($carbon--theme--white, 'brand-03')
2366
- ),
2367
- active-01:
2368
- if(
2369
- global-variable-exists('active-01'),
2370
- $active-01,
2371
- map-get($carbon--theme--white, 'active-01')
2372
- ),
2373
- hover-field:
2374
- if(
2375
- global-variable-exists('hover-field'),
2376
- $hover-field,
2377
- map-get($carbon--theme--white, 'hover-field')
2378
- ),
2379
- danger:
2380
- if(
2381
- global-variable-exists('danger'),
2382
- $danger,
2383
- map-get($carbon--theme--white, 'danger')
2384
- ),
2385
- caption-01:
2386
- if(
2387
- global-variable-exists('caption-01'),
2388
- $caption-01,
2389
- map-get($carbon--theme--white, 'caption-01')
2390
- ),
2391
- caption-02:
2392
- if(
2393
- global-variable-exists('caption-02'),
2394
- $caption-02,
2395
- map-get($carbon--theme--white, 'caption-02')
2396
- ),
2397
- label-01:
2398
- if(
2399
- global-variable-exists('label-01'),
2400
- $label-01,
2401
- map-get($carbon--theme--white, 'label-01')
2402
- ),
2403
- label-02:
2404
- if(
2405
- global-variable-exists('label-02'),
2406
- $label-02,
2407
- map-get($carbon--theme--white, 'label-02')
2408
- ),
2409
- helper-text-01:
2410
- if(
2411
- global-variable-exists('helper-text-01'),
2412
- $helper-text-01,
2413
- map-get($carbon--theme--white, 'helper-text-01')
2414
- ),
2415
- helper-text-02:
2416
- if(
2417
- global-variable-exists('helper-text-02'),
2418
- $helper-text-02,
2419
- map-get($carbon--theme--white, 'helper-text-02')
2420
- ),
2421
- body-short-01:
2422
- if(
2423
- global-variable-exists('body-short-01'),
2424
- $body-short-01,
2425
- map-get($carbon--theme--white, 'body-short-01')
2426
- ),
2427
- body-long-01:
2428
- if(
2429
- global-variable-exists('body-long-01'),
2430
- $body-long-01,
2431
- map-get($carbon--theme--white, 'body-long-01')
2432
- ),
2433
- body-short-02:
2434
- if(
2435
- global-variable-exists('body-short-02'),
2436
- $body-short-02,
2437
- map-get($carbon--theme--white, 'body-short-02')
2438
- ),
2439
- body-long-02:
2440
- if(
2441
- global-variable-exists('body-long-02'),
2442
- $body-long-02,
2443
- map-get($carbon--theme--white, 'body-long-02')
2444
- ),
2445
- code-01:
2446
- if(
2447
- global-variable-exists('code-01'),
2448
- $code-01,
2449
- map-get($carbon--theme--white, 'code-01')
2450
- ),
2451
- code-02:
2452
- if(
2453
- global-variable-exists('code-02'),
2454
- $code-02,
2455
- map-get($carbon--theme--white, 'code-02')
2456
- ),
2457
- heading-01:
2458
- if(
2459
- global-variable-exists('heading-01'),
2460
- $heading-01,
2461
- map-get($carbon--theme--white, 'heading-01')
2462
- ),
2463
- productive-heading-01:
2464
- if(
2465
- global-variable-exists('productive-heading-01'),
2466
- $productive-heading-01,
2467
- map-get($carbon--theme--white, 'productive-heading-01')
2468
- ),
2469
- heading-02:
2470
- if(
2471
- global-variable-exists('heading-02'),
2472
- $heading-02,
2473
- map-get($carbon--theme--white, 'heading-02')
2474
- ),
2475
- productive-heading-02:
2476
- if(
2477
- global-variable-exists('productive-heading-02'),
2478
- $productive-heading-02,
2479
- map-get($carbon--theme--white, 'productive-heading-02')
2480
- ),
2481
- productive-heading-03:
2482
- if(
2483
- global-variable-exists('productive-heading-03'),
2484
- $productive-heading-03,
2485
- map-get($carbon--theme--white, 'productive-heading-03')
2486
- ),
2487
- productive-heading-04:
2488
- if(
2489
- global-variable-exists('productive-heading-04'),
2490
- $productive-heading-04,
2491
- map-get($carbon--theme--white, 'productive-heading-04')
2492
- ),
2493
- productive-heading-05:
2494
- if(
2495
- global-variable-exists('productive-heading-05'),
2496
- $productive-heading-05,
2497
- map-get($carbon--theme--white, 'productive-heading-05')
2498
- ),
2499
- productive-heading-06:
2500
- if(
2501
- global-variable-exists('productive-heading-06'),
2502
- $productive-heading-06,
2503
- map-get($carbon--theme--white, 'productive-heading-06')
2504
- ),
2505
- productive-heading-07:
2506
- if(
2507
- global-variable-exists('productive-heading-07'),
2508
- $productive-heading-07,
2509
- map-get($carbon--theme--white, 'productive-heading-07')
2510
- ),
2511
- expressive-heading-01:
2512
- if(
2513
- global-variable-exists('expressive-heading-01'),
2514
- $expressive-heading-01,
2515
- map-get($carbon--theme--white, 'expressive-heading-01')
2516
- ),
2517
- expressive-heading-02:
2518
- if(
2519
- global-variable-exists('expressive-heading-02'),
2520
- $expressive-heading-02,
2521
- map-get($carbon--theme--white, 'expressive-heading-02')
2522
- ),
2523
- expressive-heading-03:
2524
- if(
2525
- global-variable-exists('expressive-heading-03'),
2526
- $expressive-heading-03,
2527
- map-get($carbon--theme--white, 'expressive-heading-03')
2528
- ),
2529
- expressive-heading-04:
2530
- if(
2531
- global-variable-exists('expressive-heading-04'),
2532
- $expressive-heading-04,
2533
- map-get($carbon--theme--white, 'expressive-heading-04')
2534
- ),
2535
- expressive-heading-05:
2536
- if(
2537
- global-variable-exists('expressive-heading-05'),
2538
- $expressive-heading-05,
2539
- map-get($carbon--theme--white, 'expressive-heading-05')
2540
- ),
2541
- expressive-heading-06:
2542
- if(
2543
- global-variable-exists('expressive-heading-06'),
2544
- $expressive-heading-06,
2545
- map-get($carbon--theme--white, 'expressive-heading-06')
2546
- ),
2547
- expressive-paragraph-01:
2548
- if(
2549
- global-variable-exists('expressive-paragraph-01'),
2550
- $expressive-paragraph-01,
2551
- map-get($carbon--theme--white, 'expressive-paragraph-01')
2552
- ),
2553
- quotation-01:
2554
- if(
2555
- global-variable-exists('quotation-01'),
2556
- $quotation-01,
2557
- map-get($carbon--theme--white, 'quotation-01')
2558
- ),
2559
- quotation-02:
2560
- if(
2561
- global-variable-exists('quotation-02'),
2562
- $quotation-02,
2563
- map-get($carbon--theme--white, 'quotation-02')
2564
- ),
2565
- display-01:
2566
- if(
2567
- global-variable-exists('display-01'),
2568
- $display-01,
2569
- map-get($carbon--theme--white, 'display-01')
2570
- ),
2571
- display-02:
2572
- if(
2573
- global-variable-exists('display-02'),
2574
- $display-02,
2575
- map-get($carbon--theme--white, 'display-02')
2576
- ),
2577
- display-03:
2578
- if(
2579
- global-variable-exists('display-03'),
2580
- $display-03,
2581
- map-get($carbon--theme--white, 'display-03')
2582
- ),
2583
- display-04:
2584
- if(
2585
- global-variable-exists('display-04'),
2586
- $display-04,
2587
- map-get($carbon--theme--white, 'display-04')
2588
- ),
2589
- legal-01:
2590
- if(
2591
- global-variable-exists('legal-01'),
2592
- $legal-01,
2593
- map-get($carbon--theme--white, 'legal-01')
2594
- ),
2595
- legal-02:
2596
- if(
2597
- global-variable-exists('legal-02'),
2598
- $legal-02,
2599
- map-get($carbon--theme--white, 'legal-02')
2600
- ),
2601
- body-compact-01:
2602
- if(
2603
- global-variable-exists('body-compact-01'),
2604
- $body-compact-01,
2605
- map-get($carbon--theme--white, 'body-compact-01')
2606
- ),
2607
- body-compact-02:
2608
- if(
2609
- global-variable-exists('body-compact-02'),
2610
- $body-compact-02,
2611
- map-get($carbon--theme--white, 'body-compact-02')
2612
- ),
2613
- body-01:
2614
- if(
2615
- global-variable-exists('body-01'),
2616
- $body-01,
2617
- map-get($carbon--theme--white, 'body-01')
2618
- ),
2619
- body-02:
2620
- if(
2621
- global-variable-exists('body-02'),
2622
- $body-02,
2623
- map-get($carbon--theme--white, 'body-02')
2624
- ),
2625
- heading-compact-01:
2626
- if(
2627
- global-variable-exists('heading-compact-01'),
2628
- $heading-compact-01,
2629
- map-get($carbon--theme--white, 'heading-compact-01')
2630
- ),
2631
- heading-compact-02:
2632
- if(
2633
- global-variable-exists('heading-compact-02'),
2634
- $heading-compact-02,
2635
- map-get($carbon--theme--white, 'heading-compact-02')
2636
- ),
2637
- heading-03:
2638
- if(
2639
- global-variable-exists('heading-03'),
2640
- $heading-03,
2641
- map-get($carbon--theme--white, 'heading-03')
2642
- ),
2643
- heading-04:
2644
- if(
2645
- global-variable-exists('heading-04'),
2646
- $heading-04,
2647
- map-get($carbon--theme--white, 'heading-04')
2648
- ),
2649
- heading-05:
2650
- if(
2651
- global-variable-exists('heading-05'),
2652
- $heading-05,
2653
- map-get($carbon--theme--white, 'heading-05')
2654
- ),
2655
- heading-06:
2656
- if(
2657
- global-variable-exists('heading-06'),
2658
- $heading-06,
2659
- map-get($carbon--theme--white, 'heading-06')
2660
- ),
2661
- heading-07:
2662
- if(
2663
- global-variable-exists('heading-07'),
2664
- $heading-07,
2665
- map-get($carbon--theme--white, 'heading-07')
2666
- ),
2667
- fluid-heading-03:
2668
- if(
2669
- global-variable-exists('fluid-heading-03'),
2670
- $fluid-heading-03,
2671
- map-get($carbon--theme--white, 'fluid-heading-03')
2672
- ),
2673
- fluid-heading-04:
2674
- if(
2675
- global-variable-exists('fluid-heading-04'),
2676
- $fluid-heading-04,
2677
- map-get($carbon--theme--white, 'fluid-heading-04')
2678
- ),
2679
- fluid-heading-05:
2680
- if(
2681
- global-variable-exists('fluid-heading-05'),
2682
- $fluid-heading-05,
2683
- map-get($carbon--theme--white, 'fluid-heading-05')
2684
- ),
2685
- fluid-heading-06:
2686
- if(
2687
- global-variable-exists('fluid-heading-06'),
2688
- $fluid-heading-06,
2689
- map-get($carbon--theme--white, 'fluid-heading-06')
2690
- ),
2691
- fluid-paragraph-01:
2692
- if(
2693
- global-variable-exists('fluid-paragraph-01'),
2694
- $fluid-paragraph-01,
2695
- map-get($carbon--theme--white, 'fluid-paragraph-01')
2696
- ),
2697
- fluid-quotation-01:
2698
- if(
2699
- global-variable-exists('fluid-quotation-01'),
2700
- $fluid-quotation-01,
2701
- map-get($carbon--theme--white, 'fluid-quotation-01')
2702
- ),
2703
- fluid-quotation-02:
2704
- if(
2705
- global-variable-exists('fluid-quotation-02'),
2706
- $fluid-quotation-02,
2707
- map-get($carbon--theme--white, 'fluid-quotation-02')
2708
- ),
2709
- fluid-display-01:
2710
- if(
2711
- global-variable-exists('fluid-display-01'),
2712
- $fluid-display-01,
2713
- map-get($carbon--theme--white, 'fluid-display-01')
2714
- ),
2715
- fluid-display-02:
2716
- if(
2717
- global-variable-exists('fluid-display-02'),
2718
- $fluid-display-02,
2719
- map-get($carbon--theme--white, 'fluid-display-02')
2720
- ),
2721
- fluid-display-03:
2722
- if(
2723
- global-variable-exists('fluid-display-03'),
2724
- $fluid-display-03,
2725
- map-get($carbon--theme--white, 'fluid-display-03')
2726
- ),
2727
- fluid-display-04:
2728
- if(
2729
- global-variable-exists('fluid-display-04'),
2730
- $fluid-display-04,
2731
- map-get($carbon--theme--white, 'fluid-display-04')
2732
- ),
2733
- spacing-01:
2734
- if(
2735
- global-variable-exists('spacing-01'),
2736
- $spacing-01,
2737
- map-get($carbon--theme--white, 'spacing-01')
2738
- ),
2739
- spacing-02:
2740
- if(
2741
- global-variable-exists('spacing-02'),
2742
- $spacing-02,
2743
- map-get($carbon--theme--white, 'spacing-02')
2744
- ),
2745
- spacing-03:
2746
- if(
2747
- global-variable-exists('spacing-03'),
2748
- $spacing-03,
2749
- map-get($carbon--theme--white, 'spacing-03')
2750
- ),
2751
- spacing-04:
2752
- if(
2753
- global-variable-exists('spacing-04'),
2754
- $spacing-04,
2755
- map-get($carbon--theme--white, 'spacing-04')
2756
- ),
2757
- spacing-05:
2758
- if(
2759
- global-variable-exists('spacing-05'),
2760
- $spacing-05,
2761
- map-get($carbon--theme--white, 'spacing-05')
2762
- ),
2763
- spacing-06:
2764
- if(
2765
- global-variable-exists('spacing-06'),
2766
- $spacing-06,
2767
- map-get($carbon--theme--white, 'spacing-06')
2768
- ),
2769
- spacing-07:
2770
- if(
2771
- global-variable-exists('spacing-07'),
2772
- $spacing-07,
2773
- map-get($carbon--theme--white, 'spacing-07')
2774
- ),
2775
- spacing-08:
2776
- if(
2777
- global-variable-exists('spacing-08'),
2778
- $spacing-08,
2779
- map-get($carbon--theme--white, 'spacing-08')
2780
- ),
2781
- spacing-09:
2782
- if(
2783
- global-variable-exists('spacing-09'),
2784
- $spacing-09,
2785
- map-get($carbon--theme--white, 'spacing-09')
2786
- ),
2787
- spacing-10:
2788
- if(
2789
- global-variable-exists('spacing-10'),
2790
- $spacing-10,
2791
- map-get($carbon--theme--white, 'spacing-10')
2792
- ),
2793
- spacing-11:
2794
- if(
2795
- global-variable-exists('spacing-11'),
2796
- $spacing-11,
2797
- map-get($carbon--theme--white, 'spacing-11')
2798
- ),
2799
- spacing-12:
2800
- if(
2801
- global-variable-exists('spacing-12'),
2802
- $spacing-12,
2803
- map-get($carbon--theme--white, 'spacing-12')
2804
- ),
2805
- spacing-13:
2806
- if(
2807
- global-variable-exists('spacing-13'),
2808
- $spacing-13,
2809
- map-get($carbon--theme--white, 'spacing-13')
2810
- ),
2811
- fluid-spacing-01:
2812
- if(
2813
- global-variable-exists('fluid-spacing-01'),
2814
- $fluid-spacing-01,
2815
- map-get($carbon--theme--white, 'fluid-spacing-01')
2816
- ),
2817
- fluid-spacing-02:
2818
- if(
2819
- global-variable-exists('fluid-spacing-02'),
2820
- $fluid-spacing-02,
2821
- map-get($carbon--theme--white, 'fluid-spacing-02')
2822
- ),
2823
- fluid-spacing-03:
2824
- if(
2825
- global-variable-exists('fluid-spacing-03'),
2826
- $fluid-spacing-03,
2827
- map-get($carbon--theme--white, 'fluid-spacing-03')
2828
- ),
2829
- fluid-spacing-04:
2830
- if(
2831
- global-variable-exists('fluid-spacing-04'),
2832
- $fluid-spacing-04,
2833
- map-get($carbon--theme--white, 'fluid-spacing-04')
2834
- ),
2835
- layout-01:
2836
- if(
2837
- global-variable-exists('layout-01'),
2838
- $layout-01,
2839
- map-get($carbon--theme--white, 'layout-01')
2840
- ),
2841
- layout-02:
2842
- if(
2843
- global-variable-exists('layout-02'),
2844
- $layout-02,
2845
- map-get($carbon--theme--white, 'layout-02')
2846
- ),
2847
- layout-03:
2848
- if(
2849
- global-variable-exists('layout-03'),
2850
- $layout-03,
2851
- map-get($carbon--theme--white, 'layout-03')
2852
- ),
2853
- layout-04:
2854
- if(
2855
- global-variable-exists('layout-04'),
2856
- $layout-04,
2857
- map-get($carbon--theme--white, 'layout-04')
2858
- ),
2859
- layout-05:
2860
- if(
2861
- global-variable-exists('layout-05'),
2862
- $layout-05,
2863
- map-get($carbon--theme--white, 'layout-05')
2864
- ),
2865
- layout-06:
2866
- if(
2867
- global-variable-exists('layout-06'),
2868
- $layout-06,
2869
- map-get($carbon--theme--white, 'layout-06')
2870
- ),
2871
- layout-07:
2872
- if(
2873
- global-variable-exists('layout-07'),
2874
- $layout-07,
2875
- map-get($carbon--theme--white, 'layout-07')
2876
- ),
2877
- container-01:
2878
- if(
2879
- global-variable-exists('container-01'),
2880
- $container-01,
2881
- map-get($carbon--theme--white, 'container-01')
2882
- ),
2883
- container-02:
2884
- if(
2885
- global-variable-exists('container-02'),
2886
- $container-02,
2887
- map-get($carbon--theme--white, 'container-02')
2888
- ),
2889
- container-03:
2890
- if(
2891
- global-variable-exists('container-03'),
2892
- $container-03,
2893
- map-get($carbon--theme--white, 'container-03')
2894
- ),
2895
- container-04:
2896
- if(
2897
- global-variable-exists('container-04'),
2898
- $container-04,
2899
- map-get($carbon--theme--white, 'container-04')
2900
- ),
2901
- container-05:
2902
- if(
2903
- global-variable-exists('container-05'),
2904
- $container-05,
2905
- map-get($carbon--theme--white, 'container-05')
2906
- ),
2907
- size-xsmall:
2908
- if(
2909
- global-variable-exists('size-xsmall'),
2910
- $size-xsmall,
2911
- map-get($carbon--theme--white, 'size-xsmall')
2912
- ),
2913
- size-small:
2914
- if(
2915
- global-variable-exists('size-small'),
2916
- $size-small,
2917
- map-get($carbon--theme--white, 'size-small')
2918
- ),
2919
- size-medium:
2920
- if(
2921
- global-variable-exists('size-medium'),
2922
- $size-medium,
2923
- map-get($carbon--theme--white, 'size-medium')
2924
- ),
2925
- size-large:
2926
- if(
2927
- global-variable-exists('size-large'),
2928
- $size-large,
2929
- map-get($carbon--theme--white, 'size-large')
2930
- ),
2931
- size-xlarge:
2932
- if(
2933
- global-variable-exists('size-xlarge'),
2934
- $size-xlarge,
2935
- map-get($carbon--theme--white, 'size-xlarge')
2936
- ),
2937
- size-2XLarge:
2938
- if(
2939
- global-variable-exists('size-2XLarge'),
2940
- $size-2XLarge,
2941
- map-get($carbon--theme--white, 'size-2XLarge')
2942
- ),
2943
- icon-size-01:
2944
- if(
2945
- global-variable-exists('icon-size-01'),
2946
- $icon-size-01,
2947
- map-get($carbon--theme--white, 'icon-size-01')
2948
- ),
2949
- icon-size-02:
2950
- if(
2951
- global-variable-exists('icon-size-02'),
2952
- $icon-size-02,
2953
- map-get($carbon--theme--white, 'icon-size-02')
2954
- ),
329
+ $g100: (
330
+ background: #161616,
331
+ background-active: rgba(141, 141, 141, 0.4),
332
+ background-brand: #0f62fe,
333
+ background-hover: rgba(141, 141, 141, 0.16),
334
+ background-inverse: #f4f4f4,
335
+ background-inverse-hover: #e8e8e8,
336
+ background-selected: rgba(141, 141, 141, 0.24),
337
+ background-selected-hover: rgba(141, 141, 141, 0.32),
338
+ border-disabled: rgba(141, 141, 141, 0.5),
339
+ border-interactive: #4589ff,
340
+ border-inverse: #f4f4f4,
341
+ border-strong-01: #6f6f6f,
342
+ border-strong-02: #8d8d8d,
343
+ border-strong-03: #a8a8a8,
344
+ border-subtle-00: #393939,
345
+ border-subtle-01: #393939,
346
+ border-subtle-02: #525252,
347
+ border-subtle-03: #6f6f6f,
348
+ border-subtle-selected-01: #525252,
349
+ border-subtle-selected-02: #6f6f6f,
350
+ border-subtle-selected-03: #8d8d8d,
351
+ field-01: #262626,
352
+ field-02: #393939,
353
+ field-03: #525252,
354
+ field-hover-01: #333333,
355
+ field-hover-02: #474747,
356
+ field-hover-03: #636363,
357
+ focus: #ffffff,
358
+ focus-inset: #161616,
359
+ focus-inverse: #0f62fe,
360
+ highlight: #002d9c,
361
+ icon-disabled: rgba(244, 244, 244, 0.25),
362
+ icon-inverse: #161616,
363
+ icon-on-color: #ffffff,
364
+ icon-on-color-disabled: rgba(255, 255, 255, 0.25),
365
+ icon-primary: #f4f4f4,
366
+ icon-secondary: #c6c6c6,
367
+ interactive: #4589ff,
368
+ layer-01: #262626,
369
+ layer-02: #393939,
370
+ layer-03: #525252,
371
+ layer-accent-01: #393939,
372
+ layer-accent-02: #525252,
373
+ layer-accent-03: #6f6f6f,
374
+ layer-accent-active-01: #6f6f6f,
375
+ layer-accent-active-02: #8d8d8d,
376
+ layer-accent-active-03: #393939,
377
+ layer-accent-hover-01: #474747,
378
+ layer-accent-hover-02: #636363,
379
+ layer-accent-hover-03: #5e5e5e,
380
+ layer-active-01: #525252,
381
+ layer-active-02: #6f6f6f,
382
+ layer-active-03: #8d8d8d,
383
+ layer-hover-01: #333333,
384
+ layer-hover-02: #474747,
385
+ layer-hover-03: #636363,
386
+ layer-selected-01: #393939,
387
+ layer-selected-02: #525252,
388
+ layer-selected-03: #6f6f6f,
389
+ layer-selected-disabled: #a8a8a8,
390
+ layer-selected-hover-01: #474747,
391
+ layer-selected-hover-02: #636363,
392
+ layer-selected-hover-03: #5e5e5e,
393
+ layer-selected-inverse: #f4f4f4,
394
+ link-inverse: #0f62fe,
395
+ link-inverse-active: #161616,
396
+ link-inverse-hover: #0043ce,
397
+ link-primary: #78a9ff,
398
+ link-primary-hover: #a6c8ff,
399
+ link-secondary: #a6c8ff,
400
+ link-visited: #be95ff,
401
+ overlay: rgba(0, 0, 0, 0.65),
402
+ shadow: rgba(0, 0, 0, 0.8),
403
+ skeleton-background: #292929,
404
+ skeleton-element: #393939,
405
+ support-caution-major: #ff832b,
406
+ support-caution-minor: #f1c21b,
407
+ support-caution-undefined: #a56eff,
408
+ support-error: #fa4d56,
409
+ support-error-inverse: #da1e28,
410
+ support-info: #4589ff,
411
+ support-info-inverse: #0043ce,
412
+ support-success: #42be65,
413
+ support-success-inverse: #24a148,
414
+ support-warning: #f1c21b,
415
+ support-warning-inverse: #f1c21b,
416
+ text-disabled: rgba(244, 244, 244, 0.25),
417
+ text-error: #ff8389,
418
+ text-helper: #a8a8a8,
419
+ text-inverse: #161616,
420
+ text-on-color: #ffffff,
421
+ text-on-color-disabled: rgba(255, 255, 255, 0.25),
422
+ text-placeholder: rgba(244, 244, 244, 0.4),
423
+ text-primary: #f4f4f4,
424
+ text-secondary: #c6c6c6,
425
+ toggle-off: #6f6f6f,
2955
426
  ) !default;
427
+ $g100: utilities.merge(
428
+ $g100,
429
+ layout.$spacing,
430
+ layout.$fluid-spacing,
431
+ type.$tokens
432
+ );