@carbon/themes 10.31.0 → 10.33.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 (18) hide show
  1. package/README.md +1 -1
  2. package/es/index.js +1809 -682
  3. package/lib/index.js +1954 -752
  4. package/package.json +6 -6
  5. package/scss/generated/_mixins.scss +1260 -0
  6. package/scss/generated/_themes.scss +845 -1
  7. package/scss/generated/_tokens.scss +740 -0
  8. package/scss/modules/_theme.scss +1 -1
  9. package/scss/modules/generated/_themes.scss +335 -1
  10. package/src/g10.js +95 -2
  11. package/src/g100.js +93 -0
  12. package/src/g80.js +315 -0
  13. package/src/g90.js +93 -0
  14. package/src/index.js +3 -1
  15. package/src/tokens.js +186 -0
  16. package/src/v9.js +93 -0
  17. package/src/white.js +93 -0
  18. package/umd/index.js +1954 -752
package/lib/index.js CHANGED
@@ -83,155 +83,305 @@ function adjustLightness(token, shift) {
83
83
  * This source code is licensed under the Apache-2.0 license found in the
84
84
  * LICENSE file in the root directory of this source tree.
85
85
  */
86
- var interactive01 = colors$1.blue60;
87
- var interactive02 = colors$1.gray80;
88
- var interactive03 = colors$1.blue60;
89
- var interactive04 = colors$1.blue60;
90
- var uiBackground = colors$1.white;
91
- var ui01 = colors$1.gray10;
92
- var ui02 = colors$1.white;
93
- var ui03 = colors$1.gray20;
94
- var ui04 = colors$1.gray50;
95
- var ui05 = colors$1.gray100;
96
- var text01 = colors$1.gray100;
97
- var text02 = colors$1.gray70;
98
- var text03 = colors$1.gray40;
99
- var text04 = colors$1.white;
100
- var text05 = colors$1.gray60;
101
- var textError = colors$1.red60;
102
- var icon01 = colors$1.gray100;
103
- var icon02 = colors$1.gray70;
104
- var icon03 = colors$1.white;
105
- var link01 = colors$1.blue60;
106
- var link02 = colors$1.blue70;
107
- var inverseLink = colors$1.blue40;
108
- var field01 = colors$1.gray10;
109
- var field02 = colors$1.white;
110
- var inverse01 = colors$1.white;
111
- var inverse02 = colors$1.gray80;
112
- var support01 = colors$1.red60;
113
- var support02 = colors$1.green50;
114
- var support03 = colors$1.yellow;
115
- var support04 = colors$1.blue70;
116
- var inverseSupport01 = colors$1.red50;
117
- var inverseSupport02 = colors$1.green40;
118
- var inverseSupport03 = colors$1.yellow;
119
- var inverseSupport04 = colors$1.blue50;
120
- var overlay01 = colors$1.rgba(colors$1.gray100, 0.5);
121
- var danger01 = colors$1.red60;
122
- var danger02 = colors$1.red60; // Interaction states
86
+ var interactive01$5 = colors$1.blue60;
87
+ var interactive02$5 = colors$1.gray80;
88
+ var interactive03$5 = colors$1.blue60;
89
+ var interactive04$5 = colors$1.blue60;
90
+ var uiBackground$5 = colors$1.white;
91
+ var ui01$5 = colors$1.gray10;
92
+ var ui02$5 = colors$1.white;
93
+ var ui03$5 = colors$1.gray20;
94
+ var ui04$5 = colors$1.gray50;
95
+ var ui05$5 = colors$1.gray100;
96
+ var text01$5 = colors$1.gray100;
97
+ var text02$5 = colors$1.gray70;
98
+ var text03$5 = colors$1.gray40;
99
+ var text04$5 = colors$1.white;
100
+ var text05$5 = colors$1.gray60;
101
+ var textError$5 = colors$1.red60;
102
+ var icon01$5 = colors$1.gray100;
103
+ var icon02$5 = colors$1.gray70;
104
+ var icon03$5 = colors$1.white;
105
+ var link01$5 = colors$1.blue60;
106
+ var link02$5 = colors$1.blue70;
107
+ var inverseLink$5 = colors$1.blue40;
108
+ var field01$5 = colors$1.gray10;
109
+ var field02$5 = colors$1.white;
110
+ var inverse01$5 = colors$1.white;
111
+ var inverse02$5 = colors$1.gray80;
112
+ var support01$5 = colors$1.red60;
113
+ var support02$5 = colors$1.green50;
114
+ var support03$5 = colors$1.yellow;
115
+ var support04$5 = colors$1.blue70;
116
+ var inverseSupport01$5 = colors$1.red50;
117
+ var inverseSupport02$5 = colors$1.green40;
118
+ var inverseSupport03$5 = colors$1.yellow;
119
+ var inverseSupport04$5 = colors$1.blue50;
120
+ var overlay01$5 = colors$1.rgba(colors$1.gray100, 0.5);
121
+ var danger01$5 = colors$1.red60;
122
+ var danger02$5 = colors$1.red60; // Interaction states
123
123
 
124
- var focus = colors$1.blue60;
125
- var inverseFocusUi = colors$1.white;
126
- var hoverPrimary = '#0353e9';
127
- var activePrimary = colors$1.blue80;
128
- var hoverPrimaryText = colors$1.blue70;
129
- var hoverSecondary = '#4c4c4c';
130
- var activeSecondary = colors$1.gray60;
131
- var hoverTertiary = '#0353e9';
132
- var activeTertiary = colors$1.blue80;
133
- var hoverUI = '#e5e5e5';
134
- var hoverLightUI = '#e5e5e5';
135
- var activeUI = colors$1.gray30;
136
- var activeLightUI = colors$1.gray30;
137
- var selectedUI = colors$1.gray20;
138
- var selectedLightUI = colors$1.gray20;
139
- var inverseHoverUI = '#4c4c4c';
140
- var hoverSelectedUI = '#cacaca';
141
- var hoverDanger = adjustLightness(danger01, -8);
142
- var activeDanger = colors$1.red80;
143
- var hoverRow = '#e5e5e5';
144
- var visitedLink = colors$1.purple60;
145
- var disabled01 = colors$1.gray10;
146
- var disabled02 = colors$1.gray30;
147
- var disabled03 = colors$1.gray50;
148
- var highlight = colors$1.blue20;
149
- var decorative01 = colors$1.gray20;
150
- var buttonSeparator = '#e0e0e0';
151
- var skeleton01 = '#e5e5e5';
152
- var skeleton02 = colors$1.gray30; // Type
124
+ var focus$5 = colors$1.blue60;
125
+ var inverseFocusUi$5 = colors$1.white;
126
+ var hoverPrimary$5 = '#0353e9';
127
+ var activePrimary$5 = colors$1.blue80;
128
+ var hoverPrimaryText$5 = colors$1.blue70;
129
+ var hoverSecondary$5 = '#4c4c4c';
130
+ var activeSecondary$5 = colors$1.gray60;
131
+ var hoverTertiary$5 = '#0353e9';
132
+ var activeTertiary$5 = colors$1.blue80;
133
+ var hoverUI$5 = '#e5e5e5';
134
+ var hoverLightUI$5 = '#e5e5e5';
135
+ var activeUI$5 = colors$1.gray30;
136
+ var activeLightUI$5 = colors$1.gray30;
137
+ var selectedUI$5 = colors$1.gray20;
138
+ var selectedLightUI$5 = colors$1.gray20;
139
+ var inverseHoverUI$5 = '#4c4c4c';
140
+ var hoverSelectedUI$5 = '#cacaca';
141
+ var hoverDanger$5 = adjustLightness(danger01$5, -8);
142
+ var activeDanger$5 = colors$1.red80;
143
+ var hoverRow$5 = '#e5e5e5';
144
+ var visitedLink$5 = colors$1.purple60;
145
+ var disabled01$5 = colors$1.gray10;
146
+ var disabled02$5 = colors$1.gray30;
147
+ var disabled03$5 = colors$1.gray50;
148
+ var highlight$5 = colors$1.blue20;
149
+ var decorative01$5 = colors$1.gray20;
150
+ var buttonSeparator$5 = '#e0e0e0';
151
+ var skeleton01$5 = '#e5e5e5';
152
+ var skeleton02$5 = colors$1.gray30; // New color tokens
153
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
153
154
 
154
- var brand01 = interactive01;
155
- var brand02 = interactive02;
156
- var brand03 = interactive03;
157
- var active01 = activeUI;
158
- var hoverField = hoverUI;
159
- var danger = danger01;
155
+ var background$5 = uiBackground$5;
156
+ var layer$5 = ui01$5;
157
+ var layerAccent$5 = ui03$5;
158
+ var field$5 = field01$5;
159
+ var backgroundInverse$5 = inverse02$5;
160
+ var backgroundBrand$5 = interactive01$5;
161
+ var interactive$5 = interactive04$5;
162
+ var borderSubtle$5 = ui03$5;
163
+ var borderStrong$5 = ui04$5;
164
+ var borderInverse$5 = ui05$5;
165
+ var borderInteractive$5 = interactive04$5;
166
+ var textPrimary$5 = text01$5;
167
+ var textSecondary$5 = text02$5;
168
+ var textPlaceholder$5 = text03$5;
169
+ var textHelper$5 = text05$5;
170
+ var textOnColor$5 = text04$5;
171
+ var textInverse$5 = inverse01$5;
172
+ var linkPrimary$5 = link01$5;
173
+ var linkSecondary$5 = link02$5;
174
+ var linkVisited$5 = visitedLink$5;
175
+ var linkInverse$5 = inverseLink$5;
176
+ var iconPrimary$5 = icon01$5;
177
+ var iconSecondary$5 = icon02$5;
178
+ var iconOnColor$5 = icon03$5;
179
+ var iconInverse$5 = inverse01$5;
180
+ var supportError$5 = support01$5;
181
+ var supportSuccess$5 = support02$5;
182
+ var supportWarning$5 = support03$5;
183
+ var supportInfo$5 = support04$5;
184
+ var supportErrorInverse$5 = inverseSupport01$5;
185
+ var supportSuccessInverse$5 = inverseSupport02$5;
186
+ var supportWarningInverse$5 = inverseSupport03$5;
187
+ var supportInfoInverse$5 = inverseSupport04$5;
188
+ var overlay$5 = overlay01$5;
189
+ var toggleOff$5 = ui04$5;
190
+ var buttonPrimary$5 = interactive01$5;
191
+ var buttonSecondary$5 = interactive02$5;
192
+ var buttonTertiary$5 = interactive03$5;
193
+ var buttonDangerPrimary$5 = danger01$5;
194
+ var buttonDangerSecondary$5 = danger02$5;
195
+ var backgroundActive$5 = activeUI$5;
196
+ var layerActive$5 = activeUI$5;
197
+ var buttonDangerActive$5 = activeDanger$5;
198
+ var buttonPrimaryActive$5 = activePrimary$5;
199
+ var buttonSecondaryActive$5 = activeSecondary$5;
200
+ var buttonTertiaryActive$5 = activeTertiary$5;
201
+ var focusInset$5 = inverse01$5;
202
+ var focusInverse$5 = inverseFocusUi$5;
203
+ var backgroundHover$5 = hoverUI$5;
204
+ var layerHover$5 = hoverUI$5;
205
+ var fieldHover$5 = hoverUI$5;
206
+ var backgroundInverseHover$5 = inverseHoverUI$5;
207
+ var linkPrimaryHover$5 = hoverPrimaryText$5;
208
+ var buttonDangerHover$5 = hoverDanger$5;
209
+ var buttonPrimaryHover$5 = hoverPrimary$5;
210
+ var buttonSecondaryHover$5 = hoverSecondary$5;
211
+ var buttonTertiaryHover$5 = hoverTertiary$5;
212
+ var backgroundSelected$5 = selectedUI$5;
213
+ var backgroundSelectedHover$5 = hoverSelectedUI$5;
214
+ var layerSelected$5 = selectedUI$5;
215
+ var layerSelectedHover$5 = hoverSelectedUI$5;
216
+ var layerSelectedInverse$5 = ui05$5;
217
+ var borderSubtleSelected$5 = activeUI$5;
218
+ var layerDisabled$5 = disabled01$5;
219
+ var fieldDisabled$5 = disabled01$5;
220
+ var borderDisabled$5 = disabled01$5;
221
+ var textDisabled$5 = disabled02$5;
222
+ var buttonDisabled$5 = disabled02$5;
223
+ var iconDisabled$5 = disabled02$5;
224
+ var textOnColorDisabled$5 = disabled03$5;
225
+ var iconOnColorDisabled$5 = disabled03$5;
226
+ var layerSelectedDisabled$5 = disabled03$5;
227
+ var skeletonBackground$5 = skeleton01$5;
228
+ var skeletonElement$5 = skeleton02$5; // Type
229
+
230
+ var brand01$5 = interactive01$5;
231
+ var brand02$5 = interactive02$5;
232
+ var brand03$5 = interactive03$5;
233
+ var active01$5 = activeUI$5;
234
+ var hoverField$5 = hoverUI$5;
235
+ var danger$5 = danger01$5;
160
236
 
161
237
  var white = /*#__PURE__*/Object.freeze({
162
238
  __proto__: null,
163
- interactive01: interactive01,
164
- interactive02: interactive02,
165
- interactive03: interactive03,
166
- interactive04: interactive04,
167
- uiBackground: uiBackground,
168
- ui01: ui01,
169
- ui02: ui02,
170
- ui03: ui03,
171
- ui04: ui04,
172
- ui05: ui05,
173
- text01: text01,
174
- text02: text02,
175
- text03: text03,
176
- text04: text04,
177
- text05: text05,
178
- textError: textError,
179
- icon01: icon01,
180
- icon02: icon02,
181
- icon03: icon03,
182
- link01: link01,
183
- link02: link02,
184
- inverseLink: inverseLink,
185
- field01: field01,
186
- field02: field02,
187
- inverse01: inverse01,
188
- inverse02: inverse02,
189
- support01: support01,
190
- support02: support02,
191
- support03: support03,
192
- support04: support04,
193
- inverseSupport01: inverseSupport01,
194
- inverseSupport02: inverseSupport02,
195
- inverseSupport03: inverseSupport03,
196
- inverseSupport04: inverseSupport04,
197
- overlay01: overlay01,
198
- danger01: danger01,
199
- danger02: danger02,
200
- focus: focus,
201
- inverseFocusUi: inverseFocusUi,
202
- hoverPrimary: hoverPrimary,
203
- activePrimary: activePrimary,
204
- hoverPrimaryText: hoverPrimaryText,
205
- hoverSecondary: hoverSecondary,
206
- activeSecondary: activeSecondary,
207
- hoverTertiary: hoverTertiary,
208
- activeTertiary: activeTertiary,
209
- hoverUI: hoverUI,
210
- hoverLightUI: hoverLightUI,
211
- activeUI: activeUI,
212
- activeLightUI: activeLightUI,
213
- selectedUI: selectedUI,
214
- selectedLightUI: selectedLightUI,
215
- inverseHoverUI: inverseHoverUI,
216
- hoverSelectedUI: hoverSelectedUI,
217
- hoverDanger: hoverDanger,
218
- activeDanger: activeDanger,
219
- hoverRow: hoverRow,
220
- visitedLink: visitedLink,
221
- disabled01: disabled01,
222
- disabled02: disabled02,
223
- disabled03: disabled03,
224
- highlight: highlight,
225
- decorative01: decorative01,
226
- buttonSeparator: buttonSeparator,
227
- skeleton01: skeleton01,
228
- skeleton02: skeleton02,
229
- brand01: brand01,
230
- brand02: brand02,
231
- brand03: brand03,
232
- active01: active01,
233
- hoverField: hoverField,
234
- danger: danger,
239
+ interactive01: interactive01$5,
240
+ interactive02: interactive02$5,
241
+ interactive03: interactive03$5,
242
+ interactive04: interactive04$5,
243
+ uiBackground: uiBackground$5,
244
+ ui01: ui01$5,
245
+ ui02: ui02$5,
246
+ ui03: ui03$5,
247
+ ui04: ui04$5,
248
+ ui05: ui05$5,
249
+ text01: text01$5,
250
+ text02: text02$5,
251
+ text03: text03$5,
252
+ text04: text04$5,
253
+ text05: text05$5,
254
+ textError: textError$5,
255
+ icon01: icon01$5,
256
+ icon02: icon02$5,
257
+ icon03: icon03$5,
258
+ link01: link01$5,
259
+ link02: link02$5,
260
+ inverseLink: inverseLink$5,
261
+ field01: field01$5,
262
+ field02: field02$5,
263
+ inverse01: inverse01$5,
264
+ inverse02: inverse02$5,
265
+ support01: support01$5,
266
+ support02: support02$5,
267
+ support03: support03$5,
268
+ support04: support04$5,
269
+ inverseSupport01: inverseSupport01$5,
270
+ inverseSupport02: inverseSupport02$5,
271
+ inverseSupport03: inverseSupport03$5,
272
+ inverseSupport04: inverseSupport04$5,
273
+ overlay01: overlay01$5,
274
+ danger01: danger01$5,
275
+ danger02: danger02$5,
276
+ focus: focus$5,
277
+ inverseFocusUi: inverseFocusUi$5,
278
+ hoverPrimary: hoverPrimary$5,
279
+ activePrimary: activePrimary$5,
280
+ hoverPrimaryText: hoverPrimaryText$5,
281
+ hoverSecondary: hoverSecondary$5,
282
+ activeSecondary: activeSecondary$5,
283
+ hoverTertiary: hoverTertiary$5,
284
+ activeTertiary: activeTertiary$5,
285
+ hoverUI: hoverUI$5,
286
+ hoverLightUI: hoverLightUI$5,
287
+ activeUI: activeUI$5,
288
+ activeLightUI: activeLightUI$5,
289
+ selectedUI: selectedUI$5,
290
+ selectedLightUI: selectedLightUI$5,
291
+ inverseHoverUI: inverseHoverUI$5,
292
+ hoverSelectedUI: hoverSelectedUI$5,
293
+ hoverDanger: hoverDanger$5,
294
+ activeDanger: activeDanger$5,
295
+ hoverRow: hoverRow$5,
296
+ visitedLink: visitedLink$5,
297
+ disabled01: disabled01$5,
298
+ disabled02: disabled02$5,
299
+ disabled03: disabled03$5,
300
+ highlight: highlight$5,
301
+ decorative01: decorative01$5,
302
+ buttonSeparator: buttonSeparator$5,
303
+ skeleton01: skeleton01$5,
304
+ skeleton02: skeleton02$5,
305
+ background: background$5,
306
+ layer: layer$5,
307
+ layerAccent: layerAccent$5,
308
+ field: field$5,
309
+ backgroundInverse: backgroundInverse$5,
310
+ backgroundBrand: backgroundBrand$5,
311
+ interactive: interactive$5,
312
+ borderSubtle: borderSubtle$5,
313
+ borderStrong: borderStrong$5,
314
+ borderInverse: borderInverse$5,
315
+ borderInteractive: borderInteractive$5,
316
+ textPrimary: textPrimary$5,
317
+ textSecondary: textSecondary$5,
318
+ textPlaceholder: textPlaceholder$5,
319
+ textHelper: textHelper$5,
320
+ textOnColor: textOnColor$5,
321
+ textInverse: textInverse$5,
322
+ linkPrimary: linkPrimary$5,
323
+ linkSecondary: linkSecondary$5,
324
+ linkVisited: linkVisited$5,
325
+ linkInverse: linkInverse$5,
326
+ iconPrimary: iconPrimary$5,
327
+ iconSecondary: iconSecondary$5,
328
+ iconOnColor: iconOnColor$5,
329
+ iconInverse: iconInverse$5,
330
+ supportError: supportError$5,
331
+ supportSuccess: supportSuccess$5,
332
+ supportWarning: supportWarning$5,
333
+ supportInfo: supportInfo$5,
334
+ supportErrorInverse: supportErrorInverse$5,
335
+ supportSuccessInverse: supportSuccessInverse$5,
336
+ supportWarningInverse: supportWarningInverse$5,
337
+ supportInfoInverse: supportInfoInverse$5,
338
+ overlay: overlay$5,
339
+ toggleOff: toggleOff$5,
340
+ buttonPrimary: buttonPrimary$5,
341
+ buttonSecondary: buttonSecondary$5,
342
+ buttonTertiary: buttonTertiary$5,
343
+ buttonDangerPrimary: buttonDangerPrimary$5,
344
+ buttonDangerSecondary: buttonDangerSecondary$5,
345
+ backgroundActive: backgroundActive$5,
346
+ layerActive: layerActive$5,
347
+ buttonDangerActive: buttonDangerActive$5,
348
+ buttonPrimaryActive: buttonPrimaryActive$5,
349
+ buttonSecondaryActive: buttonSecondaryActive$5,
350
+ buttonTertiaryActive: buttonTertiaryActive$5,
351
+ focusInset: focusInset$5,
352
+ focusInverse: focusInverse$5,
353
+ backgroundHover: backgroundHover$5,
354
+ layerHover: layerHover$5,
355
+ fieldHover: fieldHover$5,
356
+ backgroundInverseHover: backgroundInverseHover$5,
357
+ linkPrimaryHover: linkPrimaryHover$5,
358
+ buttonDangerHover: buttonDangerHover$5,
359
+ buttonPrimaryHover: buttonPrimaryHover$5,
360
+ buttonSecondaryHover: buttonSecondaryHover$5,
361
+ buttonTertiaryHover: buttonTertiaryHover$5,
362
+ backgroundSelected: backgroundSelected$5,
363
+ backgroundSelectedHover: backgroundSelectedHover$5,
364
+ layerSelected: layerSelected$5,
365
+ layerSelectedHover: layerSelectedHover$5,
366
+ layerSelectedInverse: layerSelectedInverse$5,
367
+ borderSubtleSelected: borderSubtleSelected$5,
368
+ layerDisabled: layerDisabled$5,
369
+ fieldDisabled: fieldDisabled$5,
370
+ borderDisabled: borderDisabled$5,
371
+ textDisabled: textDisabled$5,
372
+ buttonDisabled: buttonDisabled$5,
373
+ iconDisabled: iconDisabled$5,
374
+ textOnColorDisabled: textOnColorDisabled$5,
375
+ iconOnColorDisabled: iconOnColorDisabled$5,
376
+ layerSelectedDisabled: layerSelectedDisabled$5,
377
+ skeletonBackground: skeletonBackground$5,
378
+ skeletonElement: skeletonElement$5,
379
+ brand01: brand01$5,
380
+ brand02: brand02$5,
381
+ brand03: brand03$5,
382
+ active01: active01$5,
383
+ hoverField: hoverField$5,
384
+ danger: danger$5,
235
385
  caption01: type.caption01,
236
386
  label01: type.label01,
237
387
  helperText01: type.helperText01,
@@ -302,374 +452,305 @@ var white = /*#__PURE__*/Object.freeze({
302
452
  * This source code is licensed under the Apache-2.0 license found in the
303
453
  * LICENSE file in the root directory of this source tree.
304
454
  */
305
- var interactive01$1 = colors$1.blue60;
306
- var interactive02$1 = colors$1.gray80;
307
- var interactive03$1 = colors$1.blue60;
308
- var interactive04$1 = colors$1.blue60;
309
- var uiBackground$1 = colors$1.gray10;
310
- var ui01$1 = colors$1.white;
311
- var ui02$1 = colors$1.gray10;
312
- var ui03$1 = colors$1.gray20;
313
- var ui04$1 = colors$1.gray50;
314
- var ui05$1 = colors$1.gray100;
315
- var text01$1 = colors$1.gray100;
316
- var text02$1 = colors$1.gray70;
317
- var text03$1 = colors$1.gray40;
318
- var text04$1 = colors$1.white;
319
- var text05$1 = colors$1.gray60;
320
- var textError$1 = colors$1.red60;
321
- var icon01$1 = colors$1.gray100;
322
- var icon02$1 = colors$1.gray70;
323
- var icon03$1 = colors$1.white;
324
- var link01$1 = colors$1.blue60;
325
- var link02$1 = colors$1.blue70;
326
- var inverseLink$1 = colors$1.blue40;
327
- var field01$1 = colors$1.white;
328
- var field02$1 = colors$1.gray10;
329
- var inverse01$1 = colors$1.white;
330
- var inverse02$1 = colors$1.gray80;
331
- var support01$1 = colors$1.red60;
332
- var support02$1 = colors$1.green50;
333
- var support03$1 = colors$1.yellow;
334
- var support04$1 = colors$1.blue70;
335
- var inverseSupport01$1 = colors$1.red50;
336
- var inverseSupport02$1 = colors$1.green40;
337
- var inverseSupport03$1 = colors$1.yellow;
338
- var inverseSupport04$1 = colors$1.blue50;
339
- var overlay01$1 = colors$1.rgba(colors$1.gray100, 0.5);
340
- var danger01$1 = colors$1.red60;
341
- var danger02$1 = colors$1.red60; // Interaction states
455
+ var interactive01$4 = colors$1.blue60;
456
+ var interactive02$4 = colors$1.gray80;
457
+ var interactive03$4 = colors$1.blue60;
458
+ var interactive04$4 = colors$1.blue60;
459
+ var uiBackground$4 = colors$1.gray10;
460
+ var ui01$4 = colors$1.white;
461
+ var ui02$4 = colors$1.gray10;
462
+ var ui03$4 = colors$1.gray20;
463
+ var ui04$4 = colors$1.gray50;
464
+ var ui05$4 = colors$1.gray100;
465
+ var text01$4 = colors$1.gray100;
466
+ var text02$4 = colors$1.gray70;
467
+ var text03$4 = colors$1.gray40;
468
+ var text04$4 = colors$1.white;
469
+ var text05$4 = colors$1.gray60;
470
+ var textError$4 = colors$1.red60;
471
+ var icon01$4 = colors$1.gray100;
472
+ var icon02$4 = colors$1.gray70;
473
+ var icon03$4 = colors$1.white;
474
+ var link01$4 = colors$1.blue60;
475
+ var link02$4 = colors$1.blue70;
476
+ var inverseLink$4 = colors$1.blue40;
477
+ var field01$4 = colors$1.white;
478
+ var field02$4 = colors$1.gray10;
479
+ var inverse01$4 = colors$1.white;
480
+ var inverse02$4 = colors$1.gray80;
481
+ var support01$4 = colors$1.red60;
482
+ var support02$4 = colors$1.green50;
483
+ var support03$4 = colors$1.yellow;
484
+ var support04$4 = colors$1.blue70;
485
+ var inverseSupport01$4 = colors$1.red50;
486
+ var inverseSupport02$4 = colors$1.green40;
487
+ var inverseSupport03$4 = colors$1.yellow;
488
+ var inverseSupport04$4 = colors$1.blue50;
489
+ var overlay01$4 = colors$1.rgba(colors$1.gray100, 0.5);
490
+ var danger01$4 = colors$1.red60;
491
+ var danger02$4 = colors$1.red60; // Interaction states
342
492
 
343
- var focus$1 = colors$1.blue60;
344
- var inverseFocusUi$1 = colors$1.white;
345
- var hoverPrimary$1 = '#0353e9';
346
- var activePrimary$1 = colors$1.blue80;
347
- var hoverPrimaryText$1 = colors$1.blue70;
348
- var hoverSecondary$1 = '#4c4c4c';
349
- var activeSecondary$1 = colors$1.gray60;
350
- var hoverTertiary$1 = '#0353e9';
351
- var activeTertiary$1 = colors$1.blue80;
352
- var hoverUI$1 = '#e5e5e5';
353
- var hoverLightUI$1 = '#e5e5e5';
354
- var activeUI$1 = colors$1.gray30;
355
- var activeLightUI$1 = colors$1.gray30;
356
- var selectedUI$1 = colors$1.gray20;
357
- var selectedLightUI$1 = colors$1.gray20;
358
- var inverseHoverUI$1 = '#4c4c4c';
359
- var hoverSelectedUI$1 = '#cacaca';
360
- var hoverDanger$1 = adjustLightness(danger01$1, -8);
361
- var activeDanger$1 = colors$1.red80;
362
- var hoverRow$1 = '#e5e5e5';
363
- var visitedLink$1 = colors$1.purple60;
364
- var disabled01$1 = colors$1.white;
365
- var disabled02$1 = colors$1.gray30;
366
- var disabled03$1 = colors$1.gray50;
367
- var highlight$1 = colors$1.blue10;
368
- var decorative01$1 = colors$1.gray20;
369
- var buttonSeparator$1 = '#e0e0e0';
370
- var skeleton01$1 = '#e5e5e5';
371
- var skeleton02$1 = colors$1.gray30;
493
+ var focus$4 = colors$1.blue60;
494
+ var inverseFocusUi$4 = colors$1.white;
495
+ var hoverPrimary$4 = '#0353e9';
496
+ var activePrimary$4 = colors$1.blue80;
497
+ var hoverPrimaryText$4 = colors$1.blue70;
498
+ var hoverSecondary$4 = '#4c4c4c';
499
+ var activeSecondary$4 = colors$1.gray60;
500
+ var hoverTertiary$4 = '#0353e9';
501
+ var activeTertiary$4 = colors$1.blue80;
502
+ var hoverUI$4 = '#e5e5e5';
503
+ var hoverLightUI$4 = '#e5e5e5';
504
+ var activeUI$4 = colors$1.gray30;
505
+ var activeLightUI$4 = colors$1.gray30;
506
+ var selectedUI$4 = colors$1.gray20;
507
+ var selectedLightUI$4 = colors$1.gray20;
508
+ var inverseHoverUI$4 = '#4c4c4c';
509
+ var hoverSelectedUI$4 = '#cacaca';
510
+ var hoverDanger$4 = adjustLightness(danger01$4, -8);
511
+ var activeDanger$4 = colors$1.red80;
512
+ var hoverRow$4 = '#e5e5e5';
513
+ var visitedLink$4 = colors$1.purple60;
514
+ var disabled01$4 = colors$1.white;
515
+ var disabled02$4 = colors$1.gray30;
516
+ var disabled03$4 = colors$1.gray50;
517
+ var highlight$4 = colors$1.blue20;
518
+ var decorative01$4 = colors$1.gray20;
519
+ var buttonSeparator$4 = '#e0e0e0';
520
+ var skeleton01$4 = '#e5e5e5';
521
+ var skeleton02$4 = colors$1.gray30; // New color tokens
522
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
372
523
 
373
- var brand01$1 = interactive01$1;
374
- var brand02$1 = interactive02$1;
375
- var brand03$1 = interactive03$1;
376
- var active01$1 = activeUI$1;
377
- var hoverField$1 = hoverUI$1;
378
- var danger$1 = danger01$1;
524
+ var background$4 = uiBackground$4;
525
+ var layer$4 = ui01$4;
526
+ var layerAccent$4 = ui03$4;
527
+ var field$4 = field01$4;
528
+ var backgroundInverse$4 = inverse02$4;
529
+ var backgroundBrand$4 = interactive01$4;
530
+ var interactive$4 = interactive04$4;
531
+ var borderSubtle$4 = ui03$4;
532
+ var borderStrong$4 = ui04$4;
533
+ var borderInverse$4 = ui05$4;
534
+ var borderInteractive$4 = interactive04$4;
535
+ var textPrimary$4 = text01$4;
536
+ var textSecondary$4 = text02$4;
537
+ var textPlaceholder$4 = text03$4;
538
+ var textHelper$4 = text05$4;
539
+ var textOnColor$4 = text04$4;
540
+ var textInverse$4 = inverse01$4;
541
+ var linkPrimary$4 = link01$4;
542
+ var linkSecondary$4 = link02$4;
543
+ var linkVisited$4 = visitedLink$4;
544
+ var linkInverse$4 = inverseLink$4;
545
+ var iconPrimary$4 = icon01$4;
546
+ var iconSecondary$4 = icon02$4;
547
+ var iconOnColor$4 = icon03$4;
548
+ var iconInverse$4 = inverse01$4;
549
+ var supportError$4 = support01$4;
550
+ var supportSuccess$4 = support02$4;
551
+ var supportWarning$4 = support03$4;
552
+ var supportInfo$4 = support04$4;
553
+ var supportErrorInverse$4 = inverseSupport01$4;
554
+ var supportSuccessInverse$4 = inverseSupport02$4;
555
+ var supportWarningInverse$4 = inverseSupport03$4;
556
+ var supportInfoInverse$4 = inverseSupport04$4;
557
+ var overlay$4 = overlay01$4;
558
+ var toggleOff$4 = ui04$4;
559
+ var buttonPrimary$4 = interactive01$4;
560
+ var buttonSecondary$4 = interactive02$4;
561
+ var buttonTertiary$4 = interactive03$4;
562
+ var buttonDangerPrimary$4 = danger01$4;
563
+ var buttonDangerSecondary$4 = danger02$4;
564
+ var backgroundActive$4 = activeUI$4;
565
+ var layerActive$4 = activeUI$4;
566
+ var buttonDangerActive$4 = activeDanger$4;
567
+ var buttonPrimaryActive$4 = activePrimary$4;
568
+ var buttonSecondaryActive$4 = activeSecondary$4;
569
+ var buttonTertiaryActive$4 = activeTertiary$4;
570
+ var focusInset$4 = inverse01$4;
571
+ var focusInverse$4 = inverseFocusUi$4;
572
+ var backgroundHover$4 = hoverUI$4;
573
+ var layerHover$4 = hoverUI$4;
574
+ var fieldHover$4 = hoverUI$4;
575
+ var backgroundInverseHover$4 = inverseHoverUI$4;
576
+ var linkPrimaryHover$4 = hoverPrimaryText$4;
577
+ var buttonDangerHover$4 = hoverDanger$4;
578
+ var buttonPrimaryHover$4 = hoverPrimary$4;
579
+ var buttonSecondaryHover$4 = hoverSecondary$4;
580
+ var buttonTertiaryHover$4 = hoverTertiary$4;
581
+ var backgroundSelected$4 = selectedUI$4;
582
+ var backgroundSelectedHover$4 = hoverSelectedUI$4;
583
+ var layerSelected$4 = selectedUI$4;
584
+ var layerSelectedHover$4 = hoverSelectedUI$4;
585
+ var layerSelectedInverse$4 = ui05$4;
586
+ var borderSubtleSelected$4 = activeUI$4;
587
+ var layerDisabled$4 = disabled01$4;
588
+ var fieldDisabled$4 = disabled01$4;
589
+ var borderDisabled$4 = disabled01$4;
590
+ var textDisabled$4 = disabled02$4;
591
+ var buttonDisabled$4 = disabled02$4;
592
+ var iconDisabled$4 = disabled02$4;
593
+ var textOnColorDisabled$4 = disabled03$4;
594
+ var iconOnColorDisabled$4 = disabled03$4;
595
+ var layerSelectedDisabled$4 = disabled03$4;
596
+ var skeletonBackground$4 = skeleton01$4;
597
+ var skeletonElement$4 = skeleton02$4;
598
+
599
+ var brand01$4 = interactive01$4;
600
+ var brand02$4 = interactive02$4;
601
+ var brand03$4 = interactive03$4;
602
+ var active01$4 = activeUI$4;
603
+ var hoverField$4 = hoverUI$4;
604
+ var danger$4 = danger01$4;
379
605
 
380
606
  var g10 = /*#__PURE__*/Object.freeze({
381
607
  __proto__: null,
382
- interactive01: interactive01$1,
383
- interactive02: interactive02$1,
384
- interactive03: interactive03$1,
385
- interactive04: interactive04$1,
386
- uiBackground: uiBackground$1,
387
- ui01: ui01$1,
388
- ui02: ui02$1,
389
- ui03: ui03$1,
390
- ui04: ui04$1,
391
- ui05: ui05$1,
392
- text01: text01$1,
393
- text02: text02$1,
394
- text03: text03$1,
395
- text04: text04$1,
396
- text05: text05$1,
397
- textError: textError$1,
398
- icon01: icon01$1,
399
- icon02: icon02$1,
400
- icon03: icon03$1,
401
- link01: link01$1,
402
- link02: link02$1,
403
- inverseLink: inverseLink$1,
404
- field01: field01$1,
405
- field02: field02$1,
406
- inverse01: inverse01$1,
407
- inverse02: inverse02$1,
408
- support01: support01$1,
409
- support02: support02$1,
410
- support03: support03$1,
411
- support04: support04$1,
412
- inverseSupport01: inverseSupport01$1,
413
- inverseSupport02: inverseSupport02$1,
414
- inverseSupport03: inverseSupport03$1,
415
- inverseSupport04: inverseSupport04$1,
416
- overlay01: overlay01$1,
417
- danger01: danger01$1,
418
- danger02: danger02$1,
419
- focus: focus$1,
420
- inverseFocusUi: inverseFocusUi$1,
421
- hoverPrimary: hoverPrimary$1,
422
- activePrimary: activePrimary$1,
423
- hoverPrimaryText: hoverPrimaryText$1,
424
- hoverSecondary: hoverSecondary$1,
425
- activeSecondary: activeSecondary$1,
426
- hoverTertiary: hoverTertiary$1,
427
- activeTertiary: activeTertiary$1,
428
- hoverUI: hoverUI$1,
429
- hoverLightUI: hoverLightUI$1,
430
- activeUI: activeUI$1,
431
- activeLightUI: activeLightUI$1,
432
- selectedUI: selectedUI$1,
433
- selectedLightUI: selectedLightUI$1,
434
- inverseHoverUI: inverseHoverUI$1,
435
- hoverSelectedUI: hoverSelectedUI$1,
436
- hoverDanger: hoverDanger$1,
437
- activeDanger: activeDanger$1,
438
- hoverRow: hoverRow$1,
439
- visitedLink: visitedLink$1,
440
- disabled01: disabled01$1,
441
- disabled02: disabled02$1,
442
- disabled03: disabled03$1,
443
- highlight: highlight$1,
444
- decorative01: decorative01$1,
445
- buttonSeparator: buttonSeparator$1,
446
- skeleton01: skeleton01$1,
447
- skeleton02: skeleton02$1,
448
- brand01: brand01$1,
449
- brand02: brand02$1,
450
- brand03: brand03$1,
451
- active01: active01$1,
452
- hoverField: hoverField$1,
453
- danger: danger$1,
454
- caption01: type.caption01,
455
- label01: type.label01,
456
- helperText01: type.helperText01,
457
- bodyShort01: type.bodyShort01,
458
- bodyLong01: type.bodyLong01,
459
- bodyShort02: type.bodyShort02,
460
- bodyLong02: type.bodyLong02,
461
- code01: type.code01,
462
- code02: type.code02,
463
- heading01: type.heading01,
464
- productiveHeading01: type.productiveHeading01,
465
- heading02: type.heading02,
466
- productiveHeading02: type.productiveHeading02,
467
- productiveHeading03: type.productiveHeading03,
468
- productiveHeading04: type.productiveHeading04,
469
- productiveHeading05: type.productiveHeading05,
470
- productiveHeading06: type.productiveHeading06,
471
- productiveHeading07: type.productiveHeading07,
472
- expressiveHeading01: type.expressiveHeading01,
473
- expressiveHeading02: type.expressiveHeading02,
474
- expressiveHeading03: type.expressiveHeading03,
475
- expressiveHeading04: type.expressiveHeading04,
476
- expressiveHeading05: type.expressiveHeading05,
477
- expressiveHeading06: type.expressiveHeading06,
478
- expressiveParagraph01: type.expressiveParagraph01,
479
- quotation01: type.quotation01,
480
- quotation02: type.quotation02,
481
- display01: type.display01,
482
- display02: type.display02,
483
- display03: type.display03,
484
- display04: type.display04,
485
- spacing01: layout.spacing01,
486
- spacing02: layout.spacing02,
487
- spacing03: layout.spacing03,
488
- spacing04: layout.spacing04,
489
- spacing05: layout.spacing05,
490
- spacing06: layout.spacing06,
491
- spacing07: layout.spacing07,
492
- spacing08: layout.spacing08,
493
- spacing09: layout.spacing09,
494
- spacing10: layout.spacing10,
495
- spacing11: layout.spacing11,
496
- spacing12: layout.spacing12,
497
- spacing13: layout.spacing13,
498
- fluidSpacing01: layout.fluidSpacing01,
499
- fluidSpacing02: layout.fluidSpacing02,
500
- fluidSpacing03: layout.fluidSpacing03,
501
- fluidSpacing04: layout.fluidSpacing04,
502
- layout01: layout.layout01,
503
- layout02: layout.layout02,
504
- layout03: layout.layout03,
505
- layout04: layout.layout04,
506
- layout05: layout.layout05,
507
- layout06: layout.layout06,
508
- layout07: layout.layout07,
509
- container01: layout.container01,
510
- container02: layout.container02,
511
- container03: layout.container03,
512
- container04: layout.container04,
513
- container05: layout.container05,
514
- iconSize01: layout.iconSize01,
515
- iconSize02: layout.iconSize02
516
- });
517
-
518
- /**
519
- * Copyright IBM Corp. 2018, 2018
520
- *
521
- * This source code is licensed under the Apache-2.0 license found in the
522
- * LICENSE file in the root directory of this source tree.
523
- */
524
- var interactive01$2 = colors$1.blue60;
525
- var interactive02$2 = colors$1.gray60;
526
- var interactive03$2 = colors$1.white;
527
- var interactive04$2 = colors$1.blue50;
528
- var uiBackground$2 = colors$1.gray100;
529
- var ui01$2 = colors$1.gray90;
530
- var ui02$2 = colors$1.gray80;
531
- var ui03$2 = colors$1.gray80;
532
- var ui04$2 = colors$1.gray60;
533
- var ui05$2 = colors$1.gray10;
534
- var text01$2 = colors$1.gray10;
535
- var text02$2 = colors$1.gray30;
536
- var text03$2 = colors$1.gray60;
537
- var text04$2 = colors$1.white;
538
- var text05$2 = colors$1.gray50;
539
- var textError$2 = colors$1.red40;
540
- var icon01$2 = colors$1.gray10;
541
- var icon02$2 = colors$1.gray30;
542
- var icon03$2 = colors$1.white;
543
- var link01$2 = colors$1.blue40;
544
- var link02$2 = colors$1.blue30;
545
- var inverseLink$2 = colors$1.blue60;
546
- var field01$2 = colors$1.gray90;
547
- var field02$2 = colors$1.gray80;
548
- var inverse01$2 = colors$1.gray100;
549
- var inverse02$2 = colors$1.gray10;
550
- var support01$2 = colors$1.red50;
551
- var support02$2 = colors$1.green40;
552
- var support03$2 = colors$1.yellow;
553
- var support04$2 = colors$1.blue50;
554
- var inverseSupport01$2 = colors$1.red60;
555
- var inverseSupport02$2 = colors$1.green50;
556
- var inverseSupport03$2 = colors$1.yellow;
557
- var inverseSupport04$2 = colors$1.blue60;
558
- var overlay01$2 = colors$1.rgba(colors$1.gray100, 0.7);
559
- var danger01$2 = colors$1.red60;
560
- var danger02$2 = colors$1.red50; // Interaction states
561
-
562
- var focus$2 = colors$1.white;
563
- var inverseFocusUi$2 = colors$1.blue60;
564
- var hoverPrimary$2 = '#0353e9';
565
- var activePrimary$2 = colors$1.blue80;
566
- var hoverPrimaryText$2 = colors$1.blue30;
567
- var hoverSecondary$2 = '#606060';
568
- var activeSecondary$2 = colors$1.gray80;
569
- var hoverTertiary$2 = colors$1.gray10;
570
- var activeTertiary$2 = colors$1.gray30;
571
- var hoverUI$2 = '#353535';
572
- var hoverLightUI$2 = '#4c4c4c';
573
- var activeUI$2 = colors$1.gray70;
574
- var activeLightUI$2 = colors$1.gray60;
575
- var selectedUI$2 = colors$1.gray80;
576
- var selectedLightUI$2 = colors$1.gray70;
577
- var inverseHoverUI$2 = '#e5e5e5';
578
- var hoverSelectedUI$2 = '#4c4c4c';
579
- var hoverDanger$2 = adjustLightness(danger01$2, -8);
580
- var activeDanger$2 = colors$1.red80;
581
- var hoverRow$2 = '#353535';
582
- var visitedLink$2 = colors$1.purple40;
583
- var disabled01$2 = colors$1.gray90;
584
- var disabled02$2 = colors$1.gray70;
585
- var disabled03$2 = colors$1.gray50;
586
- var highlight$2 = colors$1.blue80;
587
- var decorative01$2 = colors$1.gray70;
588
- var buttonSeparator$2 = '#161616';
589
- var skeleton01$2 = '#353535';
590
- var skeleton02$2 = colors$1.gray70;
591
-
592
- var brand01$2 = interactive01$2;
593
- var brand02$2 = interactive02$2;
594
- var brand03$2 = interactive03$2;
595
- var active01$2 = activeUI$2;
596
- var hoverField$2 = hoverUI$2;
597
- var danger$2 = danger01$2;
598
-
599
- var g100 = /*#__PURE__*/Object.freeze({
600
- __proto__: null,
601
- interactive01: interactive01$2,
602
- interactive02: interactive02$2,
603
- interactive03: interactive03$2,
604
- interactive04: interactive04$2,
605
- uiBackground: uiBackground$2,
606
- ui01: ui01$2,
607
- ui02: ui02$2,
608
- ui03: ui03$2,
609
- ui04: ui04$2,
610
- ui05: ui05$2,
611
- text01: text01$2,
612
- text02: text02$2,
613
- text03: text03$2,
614
- text04: text04$2,
615
- text05: text05$2,
616
- textError: textError$2,
617
- icon01: icon01$2,
618
- icon02: icon02$2,
619
- icon03: icon03$2,
620
- link01: link01$2,
621
- link02: link02$2,
622
- inverseLink: inverseLink$2,
623
- field01: field01$2,
624
- field02: field02$2,
625
- inverse01: inverse01$2,
626
- inverse02: inverse02$2,
627
- support01: support01$2,
628
- support02: support02$2,
629
- support03: support03$2,
630
- support04: support04$2,
631
- inverseSupport01: inverseSupport01$2,
632
- inverseSupport02: inverseSupport02$2,
633
- inverseSupport03: inverseSupport03$2,
634
- inverseSupport04: inverseSupport04$2,
635
- overlay01: overlay01$2,
636
- danger01: danger01$2,
637
- danger02: danger02$2,
638
- focus: focus$2,
639
- inverseFocusUi: inverseFocusUi$2,
640
- hoverPrimary: hoverPrimary$2,
641
- activePrimary: activePrimary$2,
642
- hoverPrimaryText: hoverPrimaryText$2,
643
- hoverSecondary: hoverSecondary$2,
644
- activeSecondary: activeSecondary$2,
645
- hoverTertiary: hoverTertiary$2,
646
- activeTertiary: activeTertiary$2,
647
- hoverUI: hoverUI$2,
648
- hoverLightUI: hoverLightUI$2,
649
- activeUI: activeUI$2,
650
- activeLightUI: activeLightUI$2,
651
- selectedUI: selectedUI$2,
652
- selectedLightUI: selectedLightUI$2,
653
- inverseHoverUI: inverseHoverUI$2,
654
- hoverSelectedUI: hoverSelectedUI$2,
655
- hoverDanger: hoverDanger$2,
656
- activeDanger: activeDanger$2,
657
- hoverRow: hoverRow$2,
658
- visitedLink: visitedLink$2,
659
- disabled01: disabled01$2,
660
- disabled02: disabled02$2,
661
- disabled03: disabled03$2,
662
- highlight: highlight$2,
663
- decorative01: decorative01$2,
664
- buttonSeparator: buttonSeparator$2,
665
- skeleton01: skeleton01$2,
666
- skeleton02: skeleton02$2,
667
- brand01: brand01$2,
668
- brand02: brand02$2,
669
- brand03: brand03$2,
670
- active01: active01$2,
671
- hoverField: hoverField$2,
672
- danger: danger$2,
608
+ interactive01: interactive01$4,
609
+ interactive02: interactive02$4,
610
+ interactive03: interactive03$4,
611
+ interactive04: interactive04$4,
612
+ uiBackground: uiBackground$4,
613
+ ui01: ui01$4,
614
+ ui02: ui02$4,
615
+ ui03: ui03$4,
616
+ ui04: ui04$4,
617
+ ui05: ui05$4,
618
+ text01: text01$4,
619
+ text02: text02$4,
620
+ text03: text03$4,
621
+ text04: text04$4,
622
+ text05: text05$4,
623
+ textError: textError$4,
624
+ icon01: icon01$4,
625
+ icon02: icon02$4,
626
+ icon03: icon03$4,
627
+ link01: link01$4,
628
+ link02: link02$4,
629
+ inverseLink: inverseLink$4,
630
+ field01: field01$4,
631
+ field02: field02$4,
632
+ inverse01: inverse01$4,
633
+ inverse02: inverse02$4,
634
+ support01: support01$4,
635
+ support02: support02$4,
636
+ support03: support03$4,
637
+ support04: support04$4,
638
+ inverseSupport01: inverseSupport01$4,
639
+ inverseSupport02: inverseSupport02$4,
640
+ inverseSupport03: inverseSupport03$4,
641
+ inverseSupport04: inverseSupport04$4,
642
+ overlay01: overlay01$4,
643
+ danger01: danger01$4,
644
+ danger02: danger02$4,
645
+ focus: focus$4,
646
+ inverseFocusUi: inverseFocusUi$4,
647
+ hoverPrimary: hoverPrimary$4,
648
+ activePrimary: activePrimary$4,
649
+ hoverPrimaryText: hoverPrimaryText$4,
650
+ hoverSecondary: hoverSecondary$4,
651
+ activeSecondary: activeSecondary$4,
652
+ hoverTertiary: hoverTertiary$4,
653
+ activeTertiary: activeTertiary$4,
654
+ hoverUI: hoverUI$4,
655
+ hoverLightUI: hoverLightUI$4,
656
+ activeUI: activeUI$4,
657
+ activeLightUI: activeLightUI$4,
658
+ selectedUI: selectedUI$4,
659
+ selectedLightUI: selectedLightUI$4,
660
+ inverseHoverUI: inverseHoverUI$4,
661
+ hoverSelectedUI: hoverSelectedUI$4,
662
+ hoverDanger: hoverDanger$4,
663
+ activeDanger: activeDanger$4,
664
+ hoverRow: hoverRow$4,
665
+ visitedLink: visitedLink$4,
666
+ disabled01: disabled01$4,
667
+ disabled02: disabled02$4,
668
+ disabled03: disabled03$4,
669
+ highlight: highlight$4,
670
+ decorative01: decorative01$4,
671
+ buttonSeparator: buttonSeparator$4,
672
+ skeleton01: skeleton01$4,
673
+ skeleton02: skeleton02$4,
674
+ background: background$4,
675
+ layer: layer$4,
676
+ layerAccent: layerAccent$4,
677
+ field: field$4,
678
+ backgroundInverse: backgroundInverse$4,
679
+ backgroundBrand: backgroundBrand$4,
680
+ interactive: interactive$4,
681
+ borderSubtle: borderSubtle$4,
682
+ borderStrong: borderStrong$4,
683
+ borderInverse: borderInverse$4,
684
+ borderInteractive: borderInteractive$4,
685
+ textPrimary: textPrimary$4,
686
+ textSecondary: textSecondary$4,
687
+ textPlaceholder: textPlaceholder$4,
688
+ textHelper: textHelper$4,
689
+ textOnColor: textOnColor$4,
690
+ textInverse: textInverse$4,
691
+ linkPrimary: linkPrimary$4,
692
+ linkSecondary: linkSecondary$4,
693
+ linkVisited: linkVisited$4,
694
+ linkInverse: linkInverse$4,
695
+ iconPrimary: iconPrimary$4,
696
+ iconSecondary: iconSecondary$4,
697
+ iconOnColor: iconOnColor$4,
698
+ iconInverse: iconInverse$4,
699
+ supportError: supportError$4,
700
+ supportSuccess: supportSuccess$4,
701
+ supportWarning: supportWarning$4,
702
+ supportInfo: supportInfo$4,
703
+ supportErrorInverse: supportErrorInverse$4,
704
+ supportSuccessInverse: supportSuccessInverse$4,
705
+ supportWarningInverse: supportWarningInverse$4,
706
+ supportInfoInverse: supportInfoInverse$4,
707
+ overlay: overlay$4,
708
+ toggleOff: toggleOff$4,
709
+ buttonPrimary: buttonPrimary$4,
710
+ buttonSecondary: buttonSecondary$4,
711
+ buttonTertiary: buttonTertiary$4,
712
+ buttonDangerPrimary: buttonDangerPrimary$4,
713
+ buttonDangerSecondary: buttonDangerSecondary$4,
714
+ backgroundActive: backgroundActive$4,
715
+ layerActive: layerActive$4,
716
+ buttonDangerActive: buttonDangerActive$4,
717
+ buttonPrimaryActive: buttonPrimaryActive$4,
718
+ buttonSecondaryActive: buttonSecondaryActive$4,
719
+ buttonTertiaryActive: buttonTertiaryActive$4,
720
+ focusInset: focusInset$4,
721
+ focusInverse: focusInverse$4,
722
+ backgroundHover: backgroundHover$4,
723
+ layerHover: layerHover$4,
724
+ fieldHover: fieldHover$4,
725
+ backgroundInverseHover: backgroundInverseHover$4,
726
+ linkPrimaryHover: linkPrimaryHover$4,
727
+ buttonDangerHover: buttonDangerHover$4,
728
+ buttonPrimaryHover: buttonPrimaryHover$4,
729
+ buttonSecondaryHover: buttonSecondaryHover$4,
730
+ buttonTertiaryHover: buttonTertiaryHover$4,
731
+ backgroundSelected: backgroundSelected$4,
732
+ backgroundSelectedHover: backgroundSelectedHover$4,
733
+ layerSelected: layerSelected$4,
734
+ layerSelectedHover: layerSelectedHover$4,
735
+ layerSelectedInverse: layerSelectedInverse$4,
736
+ borderSubtleSelected: borderSubtleSelected$4,
737
+ layerDisabled: layerDisabled$4,
738
+ fieldDisabled: fieldDisabled$4,
739
+ borderDisabled: borderDisabled$4,
740
+ textDisabled: textDisabled$4,
741
+ buttonDisabled: buttonDisabled$4,
742
+ iconDisabled: iconDisabled$4,
743
+ textOnColorDisabled: textOnColorDisabled$4,
744
+ iconOnColorDisabled: iconOnColorDisabled$4,
745
+ layerSelectedDisabled: layerSelectedDisabled$4,
746
+ skeletonBackground: skeletonBackground$4,
747
+ skeletonElement: skeletonElement$4,
748
+ brand01: brand01$4,
749
+ brand02: brand02$4,
750
+ brand03: brand03$4,
751
+ active01: active01$4,
752
+ hoverField: hoverField$4,
753
+ danger: danger$4,
673
754
  caption01: type.caption01,
674
755
  label01: type.label01,
675
756
  helperText01: type.helperText01,
@@ -744,29 +825,29 @@ var interactive01$3 = colors$1.blue60;
744
825
  var interactive02$3 = colors$1.gray60;
745
826
  var interactive03$3 = colors$1.white;
746
827
  var interactive04$3 = colors$1.blue50;
747
- var uiBackground$3 = colors$1.gray90;
748
- var ui01$3 = colors$1.gray80;
749
- var ui02$3 = colors$1.gray70;
750
- var ui03$3 = colors$1.gray70;
751
- var ui04$3 = colors$1.gray50;
828
+ var uiBackground$3 = colors$1.gray100;
829
+ var ui01$3 = colors$1.gray90;
830
+ var ui02$3 = colors$1.gray80;
831
+ var ui03$3 = colors$1.gray80;
832
+ var ui04$3 = colors$1.gray60;
752
833
  var ui05$3 = colors$1.gray10;
753
834
  var text01$3 = colors$1.gray10;
754
835
  var text02$3 = colors$1.gray30;
755
836
  var text03$3 = colors$1.gray60;
756
837
  var text04$3 = colors$1.white;
757
838
  var text05$3 = colors$1.gray50;
758
- var textError$3 = colors$1.red30;
839
+ var textError$3 = colors$1.red40;
759
840
  var icon01$3 = colors$1.gray10;
760
841
  var icon02$3 = colors$1.gray30;
761
842
  var icon03$3 = colors$1.white;
762
843
  var link01$3 = colors$1.blue40;
763
844
  var link02$3 = colors$1.blue30;
764
845
  var inverseLink$3 = colors$1.blue60;
765
- var field01$3 = colors$1.gray80;
766
- var field02$3 = colors$1.gray70;
846
+ var field01$3 = colors$1.gray90;
847
+ var field02$3 = colors$1.gray80;
767
848
  var inverse01$3 = colors$1.gray100;
768
849
  var inverse02$3 = colors$1.gray10;
769
- var support01$3 = colors$1.red40;
850
+ var support01$3 = colors$1.red50;
770
851
  var support02$3 = colors$1.green40;
771
852
  var support03$3 = colors$1.yellow;
772
853
  var support04$3 = colors$1.blue50;
@@ -776,7 +857,7 @@ var inverseSupport03$3 = colors$1.yellow;
776
857
  var inverseSupport04$3 = colors$1.blue60;
777
858
  var overlay01$3 = colors$1.rgba(colors$1.gray100, 0.7);
778
859
  var danger01$3 = colors$1.red60;
779
- var danger02$3 = colors$1.red40; // Interaction states
860
+ var danger02$3 = colors$1.red50; // Interaction states
780
861
 
781
862
  var focus$3 = colors$1.white;
782
863
  var inverseFocusUi$3 = colors$1.blue60;
@@ -787,26 +868,102 @@ var hoverSecondary$3 = '#606060';
787
868
  var activeSecondary$3 = colors$1.gray80;
788
869
  var hoverTertiary$3 = colors$1.gray10;
789
870
  var activeTertiary$3 = colors$1.gray30;
790
- var hoverUI$3 = '#4c4c4c';
791
- var hoverLightUI$3 = '#656565';
792
- var activeUI$3 = colors$1.gray60;
793
- var activeLightUI$3 = colors$1.gray50;
794
- var selectedUI$3 = colors$1.gray70;
795
- var selectedLightUI$3 = colors$1.gray60;
871
+ var hoverUI$3 = '#353535';
872
+ var hoverLightUI$3 = '#4c4c4c';
873
+ var activeUI$3 = colors$1.gray70;
874
+ var activeLightUI$3 = colors$1.gray60;
875
+ var selectedUI$3 = colors$1.gray80;
876
+ var selectedLightUI$3 = colors$1.gray70;
796
877
  var inverseHoverUI$3 = '#e5e5e5';
797
- var hoverSelectedUI$3 = '#656565';
878
+ var hoverSelectedUI$3 = '#4c4c4c';
798
879
  var hoverDanger$3 = adjustLightness(danger01$3, -8);
799
880
  var activeDanger$3 = colors$1.red80;
800
- var hoverRow$3 = '#4c4c4c';
881
+ var hoverRow$3 = '#353535';
801
882
  var visitedLink$3 = colors$1.purple40;
802
- var disabled01$3 = colors$1.gray80;
803
- var disabled02$3 = colors$1.gray60;
804
- var disabled03$3 = colors$1.gray40;
805
- var highlight$3 = colors$1.blue70;
806
- var decorative01$3 = colors$1.gray60;
883
+ var disabled01$3 = colors$1.gray90;
884
+ var disabled02$3 = colors$1.gray70;
885
+ var disabled03$3 = colors$1.gray50;
886
+ var highlight$3 = colors$1.blue80;
887
+ var decorative01$3 = colors$1.gray70;
807
888
  var buttonSeparator$3 = '#161616';
808
889
  var skeleton01$3 = '#353535';
809
- var skeleton02$3 = colors$1.gray70;
890
+ var skeleton02$3 = colors$1.gray70; // New color tokens
891
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
892
+
893
+ var background$3 = uiBackground$3;
894
+ var layer$3 = ui01$3;
895
+ var layerAccent$3 = ui03$3;
896
+ var field$3 = field01$3;
897
+ var backgroundInverse$3 = inverse02$3;
898
+ var backgroundBrand$3 = interactive01$3;
899
+ var interactive$3 = interactive04$3;
900
+ var borderSubtle$3 = ui03$3;
901
+ var borderStrong$3 = ui04$3;
902
+ var borderInverse$3 = ui05$3;
903
+ var borderInteractive$3 = interactive04$3;
904
+ var textPrimary$3 = text01$3;
905
+ var textSecondary$3 = text02$3;
906
+ var textPlaceholder$3 = text03$3;
907
+ var textHelper$3 = text05$3;
908
+ var textOnColor$3 = text04$3;
909
+ var textInverse$3 = inverse01$3;
910
+ var linkPrimary$3 = link01$3;
911
+ var linkSecondary$3 = link02$3;
912
+ var linkVisited$3 = visitedLink$3;
913
+ var linkInverse$3 = inverseLink$3;
914
+ var iconPrimary$3 = icon01$3;
915
+ var iconSecondary$3 = icon02$3;
916
+ var iconOnColor$3 = icon03$3;
917
+ var iconInverse$3 = inverse01$3;
918
+ var supportError$3 = support01$3;
919
+ var supportSuccess$3 = support02$3;
920
+ var supportWarning$3 = support03$3;
921
+ var supportInfo$3 = support04$3;
922
+ var supportErrorInverse$3 = inverseSupport01$3;
923
+ var supportSuccessInverse$3 = inverseSupport02$3;
924
+ var supportWarningInverse$3 = inverseSupport03$3;
925
+ var supportInfoInverse$3 = inverseSupport04$3;
926
+ var overlay$3 = overlay01$3;
927
+ var toggleOff$3 = ui04$3;
928
+ var buttonPrimary$3 = interactive01$3;
929
+ var buttonSecondary$3 = interactive02$3;
930
+ var buttonTertiary$3 = interactive03$3;
931
+ var buttonDangerPrimary$3 = danger01$3;
932
+ var buttonDangerSecondary$3 = danger02$3;
933
+ var backgroundActive$3 = activeUI$3;
934
+ var layerActive$3 = activeUI$3;
935
+ var buttonDangerActive$3 = activeDanger$3;
936
+ var buttonPrimaryActive$3 = activePrimary$3;
937
+ var buttonSecondaryActive$3 = activeSecondary$3;
938
+ var buttonTertiaryActive$3 = activeTertiary$3;
939
+ var focusInset$3 = inverse01$3;
940
+ var focusInverse$3 = inverseFocusUi$3;
941
+ var backgroundHover$3 = hoverUI$3;
942
+ var layerHover$3 = hoverUI$3;
943
+ var fieldHover$3 = hoverUI$3;
944
+ var backgroundInverseHover$3 = inverseHoverUI$3;
945
+ var linkPrimaryHover$3 = hoverPrimaryText$3;
946
+ var buttonDangerHover$3 = hoverDanger$3;
947
+ var buttonPrimaryHover$3 = hoverPrimary$3;
948
+ var buttonSecondaryHover$3 = hoverSecondary$3;
949
+ var buttonTertiaryHover$3 = hoverTertiary$3;
950
+ var backgroundSelected$3 = selectedUI$3;
951
+ var backgroundSelectedHover$3 = hoverSelectedUI$3;
952
+ var layerSelected$3 = selectedUI$3;
953
+ var layerSelectedHover$3 = hoverSelectedUI$3;
954
+ var layerSelectedInverse$3 = ui05$3;
955
+ var borderSubtleSelected$3 = activeUI$3;
956
+ var layerDisabled$3 = disabled01$3;
957
+ var fieldDisabled$3 = disabled01$3;
958
+ var borderDisabled$3 = disabled01$3;
959
+ var textDisabled$3 = disabled02$3;
960
+ var buttonDisabled$3 = disabled02$3;
961
+ var iconDisabled$3 = disabled02$3;
962
+ var textOnColorDisabled$3 = disabled03$3;
963
+ var iconOnColorDisabled$3 = disabled03$3;
964
+ var layerSelectedDisabled$3 = disabled03$3;
965
+ var skeletonBackground$3 = skeleton01$3;
966
+ var skeletonElement$3 = skeleton02$3;
810
967
 
811
968
  var brand01$3 = interactive01$3;
812
969
  var brand02$3 = interactive02$3;
@@ -815,7 +972,7 @@ var active01$3 = activeUI$3;
815
972
  var hoverField$3 = hoverUI$3;
816
973
  var danger$3 = danger01$3;
817
974
 
818
- var g90 = /*#__PURE__*/Object.freeze({
975
+ var g100 = /*#__PURE__*/Object.freeze({
819
976
  __proto__: null,
820
977
  interactive01: interactive01$3,
821
978
  interactive02: interactive02$3,
@@ -883,6 +1040,80 @@ var g90 = /*#__PURE__*/Object.freeze({
883
1040
  buttonSeparator: buttonSeparator$3,
884
1041
  skeleton01: skeleton01$3,
885
1042
  skeleton02: skeleton02$3,
1043
+ background: background$3,
1044
+ layer: layer$3,
1045
+ layerAccent: layerAccent$3,
1046
+ field: field$3,
1047
+ backgroundInverse: backgroundInverse$3,
1048
+ backgroundBrand: backgroundBrand$3,
1049
+ interactive: interactive$3,
1050
+ borderSubtle: borderSubtle$3,
1051
+ borderStrong: borderStrong$3,
1052
+ borderInverse: borderInverse$3,
1053
+ borderInteractive: borderInteractive$3,
1054
+ textPrimary: textPrimary$3,
1055
+ textSecondary: textSecondary$3,
1056
+ textPlaceholder: textPlaceholder$3,
1057
+ textHelper: textHelper$3,
1058
+ textOnColor: textOnColor$3,
1059
+ textInverse: textInverse$3,
1060
+ linkPrimary: linkPrimary$3,
1061
+ linkSecondary: linkSecondary$3,
1062
+ linkVisited: linkVisited$3,
1063
+ linkInverse: linkInverse$3,
1064
+ iconPrimary: iconPrimary$3,
1065
+ iconSecondary: iconSecondary$3,
1066
+ iconOnColor: iconOnColor$3,
1067
+ iconInverse: iconInverse$3,
1068
+ supportError: supportError$3,
1069
+ supportSuccess: supportSuccess$3,
1070
+ supportWarning: supportWarning$3,
1071
+ supportInfo: supportInfo$3,
1072
+ supportErrorInverse: supportErrorInverse$3,
1073
+ supportSuccessInverse: supportSuccessInverse$3,
1074
+ supportWarningInverse: supportWarningInverse$3,
1075
+ supportInfoInverse: supportInfoInverse$3,
1076
+ overlay: overlay$3,
1077
+ toggleOff: toggleOff$3,
1078
+ buttonPrimary: buttonPrimary$3,
1079
+ buttonSecondary: buttonSecondary$3,
1080
+ buttonTertiary: buttonTertiary$3,
1081
+ buttonDangerPrimary: buttonDangerPrimary$3,
1082
+ buttonDangerSecondary: buttonDangerSecondary$3,
1083
+ backgroundActive: backgroundActive$3,
1084
+ layerActive: layerActive$3,
1085
+ buttonDangerActive: buttonDangerActive$3,
1086
+ buttonPrimaryActive: buttonPrimaryActive$3,
1087
+ buttonSecondaryActive: buttonSecondaryActive$3,
1088
+ buttonTertiaryActive: buttonTertiaryActive$3,
1089
+ focusInset: focusInset$3,
1090
+ focusInverse: focusInverse$3,
1091
+ backgroundHover: backgroundHover$3,
1092
+ layerHover: layerHover$3,
1093
+ fieldHover: fieldHover$3,
1094
+ backgroundInverseHover: backgroundInverseHover$3,
1095
+ linkPrimaryHover: linkPrimaryHover$3,
1096
+ buttonDangerHover: buttonDangerHover$3,
1097
+ buttonPrimaryHover: buttonPrimaryHover$3,
1098
+ buttonSecondaryHover: buttonSecondaryHover$3,
1099
+ buttonTertiaryHover: buttonTertiaryHover$3,
1100
+ backgroundSelected: backgroundSelected$3,
1101
+ backgroundSelectedHover: backgroundSelectedHover$3,
1102
+ layerSelected: layerSelected$3,
1103
+ layerSelectedHover: layerSelectedHover$3,
1104
+ layerSelectedInverse: layerSelectedInverse$3,
1105
+ borderSubtleSelected: borderSubtleSelected$3,
1106
+ layerDisabled: layerDisabled$3,
1107
+ fieldDisabled: fieldDisabled$3,
1108
+ borderDisabled: borderDisabled$3,
1109
+ textDisabled: textDisabled$3,
1110
+ buttonDisabled: buttonDisabled$3,
1111
+ iconDisabled: iconDisabled$3,
1112
+ textOnColorDisabled: textOnColorDisabled$3,
1113
+ iconOnColorDisabled: iconOnColorDisabled$3,
1114
+ layerSelectedDisabled: layerSelectedDisabled$3,
1115
+ skeletonBackground: skeletonBackground$3,
1116
+ skeletonElement: skeletonElement$3,
886
1117
  brand01: brand01$3,
887
1118
  brand02: brand02$3,
888
1119
  brand03: brand03$3,
@@ -959,155 +1190,1046 @@ var g90 = /*#__PURE__*/Object.freeze({
959
1190
  * This source code is licensed under the Apache-2.0 license found in the
960
1191
  * LICENSE file in the root directory of this source tree.
961
1192
  */
962
- var interactive01$4 = '#3d70b2';
963
- var interactive02$4 = '#4d5358';
964
- var interactive03$4 = '#3d70b2';
965
- var interactive04$4 = '#3d70b2';
966
- var uiBackground$4 = '#f4f7fb';
967
- var ui01$4 = colors$1.white;
968
- var ui02$4 = '#f4f7fb';
969
- var ui03$4 = '#dfe3e6';
970
- var ui04$4 = '#8897a2';
971
- var ui05$4 = '#5a6872';
972
- var text01$4 = '#152935';
973
- var text02$4 = '#5a6872';
974
- var text03$4 = '#cdd1d4';
975
- var text04$4 = colors$1.white;
976
- var text05$4 = '#5a6872';
977
- var textError$4 = '#e0182d';
978
- var icon01$4 = '#3d70b2';
979
- var icon02$4 = '#5a6872';
980
- var icon03$4 = colors$1.white;
981
- var link01$4 = '#3d70b2';
982
- var link02$4 = '#3d70b2';
983
- var inverseLink$4 = '#5596e6';
984
- var field01$4 = colors$1.white;
985
- var field02$4 = '#f4f7fb';
986
- var inverse01$4 = colors$1.white;
987
- var inverse02$4 = '#272d33';
988
- var support01$4 = '#e0182d';
989
- var support02$4 = '#5aa700';
990
- var support03$4 = '#efc100';
991
- var support04$4 = '#5aaafa';
992
- var inverseSupport01$4 = '#ff5050';
993
- var inverseSupport02$4 = '#8cd211';
994
- var inverseSupport03$4 = '#FDD600';
995
- var inverseSupport04$4 = '#5aaafa';
996
- var overlay01$4 = 'rgba(223, 227, 230, 0.5)';
997
- var danger01$4 = colors$1.red60;
998
- var danger02$4 = colors$1.red60; // Interaction states
1193
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
999
1194
 
1000
- var focus$4 = '#3d70b2';
1001
- var inverseFocusUi$4 = '#3d70b2';
1002
- var hoverPrimary$4 = '#30588c';
1003
- var activePrimary$4 = '#30588c';
1004
- var hoverPrimaryText$4 = '#294c86';
1005
- var hoverSecondary$4 = '#4d5b65';
1006
- var activeSecondary$4 = '#414f59';
1007
- var hoverTertiary$4 = '#5a6872';
1008
- var activeTertiary$4 = '#414f59';
1009
- var hoverUI$4 = '#EEF4FC';
1010
- var hoverLightUI$4 = '#EEF4FC';
1011
- var activeUI$4 = '#DFEAFA';
1012
- var activeLightUI$4 = '#DFEAFA';
1013
- var selectedUI$4 = '#EEF4FC';
1014
- var selectedLightUI$4 = '#EEF4FC';
1015
- var inverseHoverUI$4 = '#4c4c4c';
1016
- var hoverSelectedUI$4 = '#DFEAFA';
1017
- var hoverDanger$4 = '#c70014';
1018
- var activeDanger$4 = '#AD1625';
1019
- var hoverRow$4 = '#eef4fc';
1020
- var visitedLink$4 = '#294c86';
1021
- var disabled01$4 = '#fafbfd';
1022
- var disabled02$4 = '#dfe3e6';
1023
- var disabled03$4 = '#cdd1d4';
1024
- var highlight$4 = '#f4f7fb';
1025
- var decorative01$4 = '#EEF4FC';
1026
- var buttonSeparator$4 = '#e0e0e0';
1027
- var skeleton01$4 = 'rgba(61, 112, 178, .1)';
1028
- var skeleton02$4 = 'rgba(61, 112, 178, .1)';
1195
+ var background$2 = colors$1.gray80;
1196
+ var layer$2 = colors$1.gray70;
1197
+ var layerAccent$2 = colors$1.gray60;
1198
+ var field$2 = colors$1.gray70;
1199
+ var backgroundInverse$2 = colors$1.gray10;
1200
+ var backgroundBrand$2 = colors$1.blue60;
1201
+ var interactive$2 = colors$1.blue40;
1202
+ var borderSubtle$2 = colors$1.gray60;
1203
+ var borderStrong$2 = colors$1.gray40;
1204
+ var borderInverse$2 = colors$1.gray10;
1205
+ var borderInteractive$2 = colors$1.blue50;
1206
+ var textPrimary$2 = colors$1.gray10;
1207
+ var textSecondary$2 = colors$1.gray30;
1208
+ var textPlaceholder$2 = colors$1.gray60;
1209
+ var textHelper$2 = colors$1.gray40;
1210
+ var textError$2 = colors$1.red30;
1211
+ var textOnColor$2 = colors$1.white;
1212
+ var textInverse$2 = colors$1.gray100;
1213
+ var linkPrimary$2 = colors$1.blue40;
1214
+ var linkSecondary$2 = colors$1.blue30;
1215
+ var linkVisited$2 = colors$1.purple40;
1216
+ var linkInverse$2 = colors$1.blue60;
1217
+ var iconPrimary$2 = colors$1.gray10;
1218
+ var iconSecondary$2 = colors$1.gray30;
1219
+ var iconOnColor$2 = colors$1.white;
1220
+ var iconInverse$2 = colors$1.gray100;
1221
+ var supportError$2 = colors$1.red40;
1222
+ var supportSuccess$2 = colors$1.green40;
1223
+ var supportWarning$2 = colors$1.yellow30;
1224
+ var supportInfo$2 = colors$1.blue50;
1225
+ var supportErrorInverse$2 = colors$1.red60;
1226
+ var supportSuccessInverse$2 = colors$1.green50;
1227
+ var supportWarningInverse$2 = colors$1.yellow30;
1228
+ var supportInfoInverse$2 = colors$1.blue60;
1229
+ var overlay$2 = colors$1.rgba(colors$1.gray100, 0.7);
1230
+ var toggleOff$2 = colors$1.gray50;
1231
+ var buttonPrimary$2 = colors$1.blue60;
1232
+ var buttonSecondary$2 = colors$1.gray60;
1233
+ var buttonTertiary$2 = colors$1.white;
1234
+ var buttonDangerPrimary$2 = colors$1.red60;
1235
+ var buttonDangerSecondary$2 = colors$1.red40;
1236
+ var buttonSeparator$2 = colors$1.gray100;
1237
+ var backgroundActive$2 = colors$1.gray70;
1238
+ var layerActive$2 = colors$1.gray60;
1239
+ var buttonDangerActive$2 = colors$1.red80;
1240
+ var buttonPrimaryActive$2 = colors$1.blue80;
1241
+ var buttonSecondaryActive$2 = colors$1.gray70;
1242
+ var buttonTertiaryActive$2 = colors$1.gray30;
1243
+ var focus$2 = colors$1.white;
1244
+ var focusInset$2 = colors$1.gray100;
1245
+ var focusInverse$2 = colors$1.blue60;
1246
+ var highlight$2 = colors$1.blue70;
1247
+ var backgroundHover$2 = adjustLightness(background$2, +6);
1248
+ var layerHover$2 = adjustLightness(layer$2, +7);
1249
+ var fieldHover$2 = adjustLightness(field$2, +7);
1250
+ var backgroundInverseHover$2 = adjustLightness(backgroundInverse$2, -5);
1251
+ var linkPrimaryHover$2 = colors$1.blue30;
1252
+ var buttonDangerHover$2 = adjustLightness(buttonDangerPrimary$2, -8);
1253
+ var buttonPrimaryHover$2 = adjustLightness(buttonPrimary$2, -8);
1254
+ var buttonSecondaryHover$2 = adjustLightness(buttonSecondary$2, -7);
1255
+ var buttonTertiaryHover$2 = colors$1.white;
1256
+ var backgroundSelected$2 = colors$1.gray70;
1257
+ var backgroundSelectedHover$2 = adjustLightness(backgroundSelected$2, +7);
1258
+ var layerSelected$2 = colors$1.gray60;
1259
+ var layerSelectedHover$2 = adjustLightness(layerSelected$2, -6);
1260
+ var layerSelectedInverse$2 = colors$1.gray10;
1261
+ var borderSubtleSelected$2 = colors$1.gray50;
1262
+ var layerDisabled$2 = colors$1.gray70;
1263
+ var fieldDisabled$2 = colors$1.gray70;
1264
+ var borderDisabled$2 = colors$1.gray70;
1265
+ var textDisabled$2 = colors$1.gray50;
1266
+ var buttonDisabled$2 = colors$1.gray50;
1267
+ var iconDisabled$2 = colors$1.gray50;
1268
+ var textOnColorDisabled$2 = colors$1.gray30;
1269
+ var iconOnColorDisabled$2 = colors$1.gray30;
1270
+ var layerSelectedDisabled$2 = colors$1.gray30;
1271
+ var skeletonBackground$2 = adjustLightness(background$2, +6);
1272
+ var skeletonElement$2 = colors$1.gray60; //////////////////////////////////////
1273
+ // Old tokens needed to pass tests //
1274
+ //////////////////////////////////////
1029
1275
 
1030
- var brand01$4 = interactive01$4;
1031
- var brand02$4 = interactive02$4;
1032
- var brand03$4 = interactive03$4;
1033
- var active01$4 = activeUI$4;
1034
- var hoverField$4 = hoverUI$4;
1035
- var danger$4 = danger01$4;
1276
+ var interactive01$2 = backgroundBrand$2;
1277
+ var interactive02$2 = buttonSecondary$2;
1278
+ var interactive03$2 = buttonTertiary$2;
1279
+ var interactive04$2 = interactive$2;
1280
+ var uiBackground$2 = background$2;
1281
+ var ui01$2 = layer$2;
1282
+ var ui02$2 = colors$1.gray70;
1283
+ var ui03$2 = layerAccent$2;
1284
+ var ui04$2 = borderStrong$2;
1285
+ var ui05$2 = borderInverse$2;
1286
+ var text01$2 = textPrimary$2;
1287
+ var text02$2 = textSecondary$2;
1288
+ var text03$2 = textPlaceholder$2;
1289
+ var text04$2 = textOnColor$2;
1290
+ var text05$2 = textHelper$2;
1291
+ var icon01$2 = iconPrimary$2;
1292
+ var icon02$2 = iconSecondary$2;
1293
+ var icon03$2 = iconOnColor$2;
1294
+ var link01$2 = linkPrimary$2;
1295
+ var link02$2 = linkSecondary$2;
1296
+ var inverseLink$2 = linkInverse$2;
1297
+ var field01$2 = field$2;
1298
+ var field02$2 = colors$1.gray60;
1299
+ var inverse01$2 = textInverse$2;
1300
+ var inverse02$2 = backgroundInverse$2;
1301
+ var support01$2 = supportError$2;
1302
+ var support02$2 = supportSuccess$2;
1303
+ var support03$2 = supportWarning$2;
1304
+ var support04$2 = supportInfo$2;
1305
+ var inverseSupport01$2 = supportErrorInverse$2;
1306
+ var inverseSupport02$2 = supportSuccessInverse$2;
1307
+ var inverseSupport03$2 = supportWarningInverse$2;
1308
+ var inverseSupport04$2 = supportInfoInverse$2;
1309
+ var overlay01$2 = overlay$2;
1310
+ var danger01$2 = buttonDangerPrimary$2;
1311
+ var danger02$2 = buttonDangerSecondary$2; // Interaction states
1036
1312
 
1037
- var v9 = /*#__PURE__*/Object.freeze({
1313
+ var inverseFocusUi$2 = focusInverse$2;
1314
+ var hoverPrimary$2 = buttonPrimaryHover$2;
1315
+ var activePrimary$2 = buttonPrimaryActive$2;
1316
+ var hoverPrimaryText$2 = linkPrimaryHover$2;
1317
+ var hoverSecondary$2 = buttonSecondaryHover$2;
1318
+ var activeSecondary$2 = buttonSecondaryActive$2;
1319
+ var hoverTertiary$2 = buttonTertiaryHover$2;
1320
+ var activeTertiary$2 = buttonTertiaryActive$2;
1321
+ var hoverUI$2 = backgroundHover$2;
1322
+ var hoverLightUI$2 = '#5E5E5E';
1323
+ var activeUI$2 = backgroundActive$2;
1324
+ var activeLightUI$2 = colors$1.gray50;
1325
+ var selectedUI$2 = backgroundSelected$2;
1326
+ var selectedLightUI$2 = colors$1.gray50;
1327
+ var inverseHoverUI$2 = backgroundInverseHover$2;
1328
+ var hoverSelectedUI$2 = layerSelectedHover$2;
1329
+ var hoverDanger$2 = buttonDangerHover$2;
1330
+ var activeDanger$2 = buttonDangerActive$2;
1331
+ var hoverRow$2 = layerHover$2;
1332
+ var visitedLink$2 = linkVisited$2;
1333
+ var disabled01$2 = layerDisabled$2;
1334
+ var disabled02$2 = textDisabled$2;
1335
+ var disabled03$2 = textOnColorDisabled$2;
1336
+ var decorative01$2 = colors$1.gray60;
1337
+ var skeleton01$2 = skeletonBackground$2;
1338
+ var skeleton02$2 = skeletonElement$2;
1339
+
1340
+ var brand01$2 = interactive01$2;
1341
+ var brand02$2 = interactive02$2;
1342
+ var brand03$2 = interactive03$2;
1343
+ var active01$2 = activeUI$2;
1344
+ var hoverField$2 = hoverUI$2;
1345
+ var danger$2 = danger01$2;
1346
+
1347
+ var g80 = /*#__PURE__*/Object.freeze({
1038
1348
  __proto__: null,
1039
- interactive01: interactive01$4,
1040
- interactive02: interactive02$4,
1041
- interactive03: interactive03$4,
1042
- interactive04: interactive04$4,
1043
- uiBackground: uiBackground$4,
1044
- ui01: ui01$4,
1045
- ui02: ui02$4,
1046
- ui03: ui03$4,
1047
- ui04: ui04$4,
1048
- ui05: ui05$4,
1049
- text01: text01$4,
1050
- text02: text02$4,
1051
- text03: text03$4,
1052
- text04: text04$4,
1053
- text05: text05$4,
1054
- textError: textError$4,
1055
- icon01: icon01$4,
1056
- icon02: icon02$4,
1057
- icon03: icon03$4,
1058
- link01: link01$4,
1059
- link02: link02$4,
1060
- inverseLink: inverseLink$4,
1061
- field01: field01$4,
1062
- field02: field02$4,
1063
- inverse01: inverse01$4,
1064
- inverse02: inverse02$4,
1065
- support01: support01$4,
1066
- support02: support02$4,
1067
- support03: support03$4,
1068
- support04: support04$4,
1069
- inverseSupport01: inverseSupport01$4,
1070
- inverseSupport02: inverseSupport02$4,
1071
- inverseSupport03: inverseSupport03$4,
1072
- inverseSupport04: inverseSupport04$4,
1073
- overlay01: overlay01$4,
1074
- danger01: danger01$4,
1075
- danger02: danger02$4,
1076
- focus: focus$4,
1077
- inverseFocusUi: inverseFocusUi$4,
1078
- hoverPrimary: hoverPrimary$4,
1079
- activePrimary: activePrimary$4,
1080
- hoverPrimaryText: hoverPrimaryText$4,
1081
- hoverSecondary: hoverSecondary$4,
1082
- activeSecondary: activeSecondary$4,
1083
- hoverTertiary: hoverTertiary$4,
1084
- activeTertiary: activeTertiary$4,
1085
- hoverUI: hoverUI$4,
1086
- hoverLightUI: hoverLightUI$4,
1087
- activeUI: activeUI$4,
1088
- activeLightUI: activeLightUI$4,
1089
- selectedUI: selectedUI$4,
1090
- selectedLightUI: selectedLightUI$4,
1091
- inverseHoverUI: inverseHoverUI$4,
1092
- hoverSelectedUI: hoverSelectedUI$4,
1093
- hoverDanger: hoverDanger$4,
1094
- activeDanger: activeDanger$4,
1095
- hoverRow: hoverRow$4,
1096
- visitedLink: visitedLink$4,
1097
- disabled01: disabled01$4,
1098
- disabled02: disabled02$4,
1099
- disabled03: disabled03$4,
1100
- highlight: highlight$4,
1101
- decorative01: decorative01$4,
1102
- buttonSeparator: buttonSeparator$4,
1103
- skeleton01: skeleton01$4,
1104
- skeleton02: skeleton02$4,
1105
- brand01: brand01$4,
1106
- brand02: brand02$4,
1107
- brand03: brand03$4,
1108
- active01: active01$4,
1109
- hoverField: hoverField$4,
1110
- danger: danger$4,
1349
+ background: background$2,
1350
+ layer: layer$2,
1351
+ layerAccent: layerAccent$2,
1352
+ field: field$2,
1353
+ backgroundInverse: backgroundInverse$2,
1354
+ backgroundBrand: backgroundBrand$2,
1355
+ interactive: interactive$2,
1356
+ borderSubtle: borderSubtle$2,
1357
+ borderStrong: borderStrong$2,
1358
+ borderInverse: borderInverse$2,
1359
+ borderInteractive: borderInteractive$2,
1360
+ textPrimary: textPrimary$2,
1361
+ textSecondary: textSecondary$2,
1362
+ textPlaceholder: textPlaceholder$2,
1363
+ textHelper: textHelper$2,
1364
+ textError: textError$2,
1365
+ textOnColor: textOnColor$2,
1366
+ textInverse: textInverse$2,
1367
+ linkPrimary: linkPrimary$2,
1368
+ linkSecondary: linkSecondary$2,
1369
+ linkVisited: linkVisited$2,
1370
+ linkInverse: linkInverse$2,
1371
+ iconPrimary: iconPrimary$2,
1372
+ iconSecondary: iconSecondary$2,
1373
+ iconOnColor: iconOnColor$2,
1374
+ iconInverse: iconInverse$2,
1375
+ supportError: supportError$2,
1376
+ supportSuccess: supportSuccess$2,
1377
+ supportWarning: supportWarning$2,
1378
+ supportInfo: supportInfo$2,
1379
+ supportErrorInverse: supportErrorInverse$2,
1380
+ supportSuccessInverse: supportSuccessInverse$2,
1381
+ supportWarningInverse: supportWarningInverse$2,
1382
+ supportInfoInverse: supportInfoInverse$2,
1383
+ overlay: overlay$2,
1384
+ toggleOff: toggleOff$2,
1385
+ buttonPrimary: buttonPrimary$2,
1386
+ buttonSecondary: buttonSecondary$2,
1387
+ buttonTertiary: buttonTertiary$2,
1388
+ buttonDangerPrimary: buttonDangerPrimary$2,
1389
+ buttonDangerSecondary: buttonDangerSecondary$2,
1390
+ buttonSeparator: buttonSeparator$2,
1391
+ backgroundActive: backgroundActive$2,
1392
+ layerActive: layerActive$2,
1393
+ buttonDangerActive: buttonDangerActive$2,
1394
+ buttonPrimaryActive: buttonPrimaryActive$2,
1395
+ buttonSecondaryActive: buttonSecondaryActive$2,
1396
+ buttonTertiaryActive: buttonTertiaryActive$2,
1397
+ focus: focus$2,
1398
+ focusInset: focusInset$2,
1399
+ focusInverse: focusInverse$2,
1400
+ highlight: highlight$2,
1401
+ backgroundHover: backgroundHover$2,
1402
+ layerHover: layerHover$2,
1403
+ fieldHover: fieldHover$2,
1404
+ backgroundInverseHover: backgroundInverseHover$2,
1405
+ linkPrimaryHover: linkPrimaryHover$2,
1406
+ buttonDangerHover: buttonDangerHover$2,
1407
+ buttonPrimaryHover: buttonPrimaryHover$2,
1408
+ buttonSecondaryHover: buttonSecondaryHover$2,
1409
+ buttonTertiaryHover: buttonTertiaryHover$2,
1410
+ backgroundSelected: backgroundSelected$2,
1411
+ backgroundSelectedHover: backgroundSelectedHover$2,
1412
+ layerSelected: layerSelected$2,
1413
+ layerSelectedHover: layerSelectedHover$2,
1414
+ layerSelectedInverse: layerSelectedInverse$2,
1415
+ borderSubtleSelected: borderSubtleSelected$2,
1416
+ layerDisabled: layerDisabled$2,
1417
+ fieldDisabled: fieldDisabled$2,
1418
+ borderDisabled: borderDisabled$2,
1419
+ textDisabled: textDisabled$2,
1420
+ buttonDisabled: buttonDisabled$2,
1421
+ iconDisabled: iconDisabled$2,
1422
+ textOnColorDisabled: textOnColorDisabled$2,
1423
+ iconOnColorDisabled: iconOnColorDisabled$2,
1424
+ layerSelectedDisabled: layerSelectedDisabled$2,
1425
+ skeletonBackground: skeletonBackground$2,
1426
+ skeletonElement: skeletonElement$2,
1427
+ interactive01: interactive01$2,
1428
+ interactive02: interactive02$2,
1429
+ interactive03: interactive03$2,
1430
+ interactive04: interactive04$2,
1431
+ uiBackground: uiBackground$2,
1432
+ ui01: ui01$2,
1433
+ ui02: ui02$2,
1434
+ ui03: ui03$2,
1435
+ ui04: ui04$2,
1436
+ ui05: ui05$2,
1437
+ text01: text01$2,
1438
+ text02: text02$2,
1439
+ text03: text03$2,
1440
+ text04: text04$2,
1441
+ text05: text05$2,
1442
+ icon01: icon01$2,
1443
+ icon02: icon02$2,
1444
+ icon03: icon03$2,
1445
+ link01: link01$2,
1446
+ link02: link02$2,
1447
+ inverseLink: inverseLink$2,
1448
+ field01: field01$2,
1449
+ field02: field02$2,
1450
+ inverse01: inverse01$2,
1451
+ inverse02: inverse02$2,
1452
+ support01: support01$2,
1453
+ support02: support02$2,
1454
+ support03: support03$2,
1455
+ support04: support04$2,
1456
+ inverseSupport01: inverseSupport01$2,
1457
+ inverseSupport02: inverseSupport02$2,
1458
+ inverseSupport03: inverseSupport03$2,
1459
+ inverseSupport04: inverseSupport04$2,
1460
+ overlay01: overlay01$2,
1461
+ danger01: danger01$2,
1462
+ danger02: danger02$2,
1463
+ inverseFocusUi: inverseFocusUi$2,
1464
+ hoverPrimary: hoverPrimary$2,
1465
+ activePrimary: activePrimary$2,
1466
+ hoverPrimaryText: hoverPrimaryText$2,
1467
+ hoverSecondary: hoverSecondary$2,
1468
+ activeSecondary: activeSecondary$2,
1469
+ hoverTertiary: hoverTertiary$2,
1470
+ activeTertiary: activeTertiary$2,
1471
+ hoverUI: hoverUI$2,
1472
+ hoverLightUI: hoverLightUI$2,
1473
+ activeUI: activeUI$2,
1474
+ activeLightUI: activeLightUI$2,
1475
+ selectedUI: selectedUI$2,
1476
+ selectedLightUI: selectedLightUI$2,
1477
+ inverseHoverUI: inverseHoverUI$2,
1478
+ hoverSelectedUI: hoverSelectedUI$2,
1479
+ hoverDanger: hoverDanger$2,
1480
+ activeDanger: activeDanger$2,
1481
+ hoverRow: hoverRow$2,
1482
+ visitedLink: visitedLink$2,
1483
+ disabled01: disabled01$2,
1484
+ disabled02: disabled02$2,
1485
+ disabled03: disabled03$2,
1486
+ decorative01: decorative01$2,
1487
+ skeleton01: skeleton01$2,
1488
+ skeleton02: skeleton02$2,
1489
+ brand01: brand01$2,
1490
+ brand02: brand02$2,
1491
+ brand03: brand03$2,
1492
+ active01: active01$2,
1493
+ hoverField: hoverField$2,
1494
+ danger: danger$2,
1495
+ caption01: type.caption01,
1496
+ label01: type.label01,
1497
+ helperText01: type.helperText01,
1498
+ bodyShort01: type.bodyShort01,
1499
+ bodyLong01: type.bodyLong01,
1500
+ bodyShort02: type.bodyShort02,
1501
+ bodyLong02: type.bodyLong02,
1502
+ code01: type.code01,
1503
+ code02: type.code02,
1504
+ heading01: type.heading01,
1505
+ productiveHeading01: type.productiveHeading01,
1506
+ heading02: type.heading02,
1507
+ productiveHeading02: type.productiveHeading02,
1508
+ productiveHeading03: type.productiveHeading03,
1509
+ productiveHeading04: type.productiveHeading04,
1510
+ productiveHeading05: type.productiveHeading05,
1511
+ productiveHeading06: type.productiveHeading06,
1512
+ productiveHeading07: type.productiveHeading07,
1513
+ expressiveHeading01: type.expressiveHeading01,
1514
+ expressiveHeading02: type.expressiveHeading02,
1515
+ expressiveHeading03: type.expressiveHeading03,
1516
+ expressiveHeading04: type.expressiveHeading04,
1517
+ expressiveHeading05: type.expressiveHeading05,
1518
+ expressiveHeading06: type.expressiveHeading06,
1519
+ expressiveParagraph01: type.expressiveParagraph01,
1520
+ quotation01: type.quotation01,
1521
+ quotation02: type.quotation02,
1522
+ display01: type.display01,
1523
+ display02: type.display02,
1524
+ display03: type.display03,
1525
+ display04: type.display04,
1526
+ spacing01: layout.spacing01,
1527
+ spacing02: layout.spacing02,
1528
+ spacing03: layout.spacing03,
1529
+ spacing04: layout.spacing04,
1530
+ spacing05: layout.spacing05,
1531
+ spacing06: layout.spacing06,
1532
+ spacing07: layout.spacing07,
1533
+ spacing08: layout.spacing08,
1534
+ spacing09: layout.spacing09,
1535
+ spacing10: layout.spacing10,
1536
+ spacing11: layout.spacing11,
1537
+ spacing12: layout.spacing12,
1538
+ spacing13: layout.spacing13,
1539
+ fluidSpacing01: layout.fluidSpacing01,
1540
+ fluidSpacing02: layout.fluidSpacing02,
1541
+ fluidSpacing03: layout.fluidSpacing03,
1542
+ fluidSpacing04: layout.fluidSpacing04,
1543
+ layout01: layout.layout01,
1544
+ layout02: layout.layout02,
1545
+ layout03: layout.layout03,
1546
+ layout04: layout.layout04,
1547
+ layout05: layout.layout05,
1548
+ layout06: layout.layout06,
1549
+ layout07: layout.layout07,
1550
+ container01: layout.container01,
1551
+ container02: layout.container02,
1552
+ container03: layout.container03,
1553
+ container04: layout.container04,
1554
+ container05: layout.container05,
1555
+ iconSize01: layout.iconSize01,
1556
+ iconSize02: layout.iconSize02
1557
+ });
1558
+
1559
+ /**
1560
+ * Copyright IBM Corp. 2018, 2018
1561
+ *
1562
+ * This source code is licensed under the Apache-2.0 license found in the
1563
+ * LICENSE file in the root directory of this source tree.
1564
+ */
1565
+ var interactive01$1 = colors$1.blue60;
1566
+ var interactive02$1 = colors$1.gray60;
1567
+ var interactive03$1 = colors$1.white;
1568
+ var interactive04$1 = colors$1.blue50;
1569
+ var uiBackground$1 = colors$1.gray90;
1570
+ var ui01$1 = colors$1.gray80;
1571
+ var ui02$1 = colors$1.gray70;
1572
+ var ui03$1 = colors$1.gray70;
1573
+ var ui04$1 = colors$1.gray50;
1574
+ var ui05$1 = colors$1.gray10;
1575
+ var text01$1 = colors$1.gray10;
1576
+ var text02$1 = colors$1.gray30;
1577
+ var text03$1 = colors$1.gray60;
1578
+ var text04$1 = colors$1.white;
1579
+ var text05$1 = colors$1.gray50;
1580
+ var textError$1 = colors$1.red30;
1581
+ var icon01$1 = colors$1.gray10;
1582
+ var icon02$1 = colors$1.gray30;
1583
+ var icon03$1 = colors$1.white;
1584
+ var link01$1 = colors$1.blue40;
1585
+ var link02$1 = colors$1.blue30;
1586
+ var inverseLink$1 = colors$1.blue60;
1587
+ var field01$1 = colors$1.gray80;
1588
+ var field02$1 = colors$1.gray70;
1589
+ var inverse01$1 = colors$1.gray100;
1590
+ var inverse02$1 = colors$1.gray10;
1591
+ var support01$1 = colors$1.red40;
1592
+ var support02$1 = colors$1.green40;
1593
+ var support03$1 = colors$1.yellow;
1594
+ var support04$1 = colors$1.blue50;
1595
+ var inverseSupport01$1 = colors$1.red60;
1596
+ var inverseSupport02$1 = colors$1.green50;
1597
+ var inverseSupport03$1 = colors$1.yellow;
1598
+ var inverseSupport04$1 = colors$1.blue60;
1599
+ var overlay01$1 = colors$1.rgba(colors$1.gray100, 0.7);
1600
+ var danger01$1 = colors$1.red60;
1601
+ var danger02$1 = colors$1.red40; // Interaction states
1602
+
1603
+ var focus$1 = colors$1.white;
1604
+ var inverseFocusUi$1 = colors$1.blue60;
1605
+ var hoverPrimary$1 = '#0353e9';
1606
+ var activePrimary$1 = colors$1.blue80;
1607
+ var hoverPrimaryText$1 = colors$1.blue30;
1608
+ var hoverSecondary$1 = '#606060';
1609
+ var activeSecondary$1 = colors$1.gray80;
1610
+ var hoverTertiary$1 = colors$1.gray10;
1611
+ var activeTertiary$1 = colors$1.gray30;
1612
+ var hoverUI$1 = '#4c4c4c';
1613
+ var hoverLightUI$1 = '#656565';
1614
+ var activeUI$1 = colors$1.gray60;
1615
+ var activeLightUI$1 = colors$1.gray50;
1616
+ var selectedUI$1 = colors$1.gray70;
1617
+ var selectedLightUI$1 = colors$1.gray60;
1618
+ var inverseHoverUI$1 = '#e5e5e5';
1619
+ var hoverSelectedUI$1 = '#656565';
1620
+ var hoverDanger$1 = adjustLightness(danger01$1, -8);
1621
+ var activeDanger$1 = colors$1.red80;
1622
+ var hoverRow$1 = '#4c4c4c';
1623
+ var visitedLink$1 = colors$1.purple40;
1624
+ var disabled01$1 = colors$1.gray80;
1625
+ var disabled02$1 = colors$1.gray60;
1626
+ var disabled03$1 = colors$1.gray40;
1627
+ var highlight$1 = colors$1.blue70;
1628
+ var decorative01$1 = colors$1.gray60;
1629
+ var buttonSeparator$1 = '#161616';
1630
+ var skeleton01$1 = '#353535';
1631
+ var skeleton02$1 = colors$1.gray70; // New color tokens
1632
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
1633
+
1634
+ var background$1 = uiBackground$1;
1635
+ var layer$1 = ui01$1;
1636
+ var layerAccent$1 = ui03$1;
1637
+ var field$1 = field01$1;
1638
+ var backgroundInverse$1 = inverse02$1;
1639
+ var backgroundBrand$1 = interactive01$1;
1640
+ var interactive$1 = interactive04$1;
1641
+ var borderSubtle$1 = ui03$1;
1642
+ var borderStrong$1 = ui04$1;
1643
+ var borderInverse$1 = ui05$1;
1644
+ var borderInteractive$1 = interactive04$1;
1645
+ var textPrimary$1 = text01$1;
1646
+ var textSecondary$1 = text02$1;
1647
+ var textPlaceholder$1 = text03$1;
1648
+ var textHelper$1 = text05$1;
1649
+ var textOnColor$1 = text04$1;
1650
+ var textInverse$1 = inverse01$1;
1651
+ var linkPrimary$1 = link01$1;
1652
+ var linkSecondary$1 = link02$1;
1653
+ var linkVisited$1 = visitedLink$1;
1654
+ var linkInverse$1 = inverseLink$1;
1655
+ var iconPrimary$1 = icon01$1;
1656
+ var iconSecondary$1 = icon02$1;
1657
+ var iconOnColor$1 = icon03$1;
1658
+ var iconInverse$1 = inverse01$1;
1659
+ var supportError$1 = support01$1;
1660
+ var supportSuccess$1 = support02$1;
1661
+ var supportWarning$1 = support03$1;
1662
+ var supportInfo$1 = support04$1;
1663
+ var supportErrorInverse$1 = inverseSupport01$1;
1664
+ var supportSuccessInverse$1 = inverseSupport02$1;
1665
+ var supportWarningInverse$1 = inverseSupport03$1;
1666
+ var supportInfoInverse$1 = inverseSupport04$1;
1667
+ var overlay$1 = overlay01$1;
1668
+ var toggleOff$1 = ui04$1;
1669
+ var buttonPrimary$1 = interactive01$1;
1670
+ var buttonSecondary$1 = interactive02$1;
1671
+ var buttonTertiary$1 = interactive03$1;
1672
+ var buttonDangerPrimary$1 = danger01$1;
1673
+ var buttonDangerSecondary$1 = danger02$1;
1674
+ var backgroundActive$1 = activeUI$1;
1675
+ var layerActive$1 = activeUI$1;
1676
+ var buttonDangerActive$1 = activeDanger$1;
1677
+ var buttonPrimaryActive$1 = activePrimary$1;
1678
+ var buttonSecondaryActive$1 = activeSecondary$1;
1679
+ var buttonTertiaryActive$1 = activeTertiary$1;
1680
+ var focusInset$1 = inverse01$1;
1681
+ var focusInverse$1 = inverseFocusUi$1;
1682
+ var backgroundHover$1 = hoverUI$1;
1683
+ var layerHover$1 = hoverUI$1;
1684
+ var fieldHover$1 = hoverUI$1;
1685
+ var backgroundInverseHover$1 = inverseHoverUI$1;
1686
+ var linkPrimaryHover$1 = hoverPrimaryText$1;
1687
+ var buttonDangerHover$1 = hoverDanger$1;
1688
+ var buttonPrimaryHover$1 = hoverPrimary$1;
1689
+ var buttonSecondaryHover$1 = hoverSecondary$1;
1690
+ var buttonTertiaryHover$1 = hoverTertiary$1;
1691
+ var backgroundSelected$1 = selectedUI$1;
1692
+ var backgroundSelectedHover$1 = hoverSelectedUI$1;
1693
+ var layerSelected$1 = selectedUI$1;
1694
+ var layerSelectedHover$1 = hoverSelectedUI$1;
1695
+ var layerSelectedInverse$1 = ui05$1;
1696
+ var borderSubtleSelected$1 = activeUI$1;
1697
+ var layerDisabled$1 = disabled01$1;
1698
+ var fieldDisabled$1 = disabled01$1;
1699
+ var borderDisabled$1 = disabled01$1;
1700
+ var textDisabled$1 = disabled02$1;
1701
+ var buttonDisabled$1 = disabled02$1;
1702
+ var iconDisabled$1 = disabled02$1;
1703
+ var textOnColorDisabled$1 = disabled03$1;
1704
+ var iconOnColorDisabled$1 = disabled03$1;
1705
+ var layerSelectedDisabled$1 = disabled03$1;
1706
+ var skeletonBackground$1 = skeleton01$1;
1707
+ var skeletonElement$1 = skeleton02$1;
1708
+
1709
+ var brand01$1 = interactive01$1;
1710
+ var brand02$1 = interactive02$1;
1711
+ var brand03$1 = interactive03$1;
1712
+ var active01$1 = activeUI$1;
1713
+ var hoverField$1 = hoverUI$1;
1714
+ var danger$1 = danger01$1;
1715
+
1716
+ var g90 = /*#__PURE__*/Object.freeze({
1717
+ __proto__: null,
1718
+ interactive01: interactive01$1,
1719
+ interactive02: interactive02$1,
1720
+ interactive03: interactive03$1,
1721
+ interactive04: interactive04$1,
1722
+ uiBackground: uiBackground$1,
1723
+ ui01: ui01$1,
1724
+ ui02: ui02$1,
1725
+ ui03: ui03$1,
1726
+ ui04: ui04$1,
1727
+ ui05: ui05$1,
1728
+ text01: text01$1,
1729
+ text02: text02$1,
1730
+ text03: text03$1,
1731
+ text04: text04$1,
1732
+ text05: text05$1,
1733
+ textError: textError$1,
1734
+ icon01: icon01$1,
1735
+ icon02: icon02$1,
1736
+ icon03: icon03$1,
1737
+ link01: link01$1,
1738
+ link02: link02$1,
1739
+ inverseLink: inverseLink$1,
1740
+ field01: field01$1,
1741
+ field02: field02$1,
1742
+ inverse01: inverse01$1,
1743
+ inverse02: inverse02$1,
1744
+ support01: support01$1,
1745
+ support02: support02$1,
1746
+ support03: support03$1,
1747
+ support04: support04$1,
1748
+ inverseSupport01: inverseSupport01$1,
1749
+ inverseSupport02: inverseSupport02$1,
1750
+ inverseSupport03: inverseSupport03$1,
1751
+ inverseSupport04: inverseSupport04$1,
1752
+ overlay01: overlay01$1,
1753
+ danger01: danger01$1,
1754
+ danger02: danger02$1,
1755
+ focus: focus$1,
1756
+ inverseFocusUi: inverseFocusUi$1,
1757
+ hoverPrimary: hoverPrimary$1,
1758
+ activePrimary: activePrimary$1,
1759
+ hoverPrimaryText: hoverPrimaryText$1,
1760
+ hoverSecondary: hoverSecondary$1,
1761
+ activeSecondary: activeSecondary$1,
1762
+ hoverTertiary: hoverTertiary$1,
1763
+ activeTertiary: activeTertiary$1,
1764
+ hoverUI: hoverUI$1,
1765
+ hoverLightUI: hoverLightUI$1,
1766
+ activeUI: activeUI$1,
1767
+ activeLightUI: activeLightUI$1,
1768
+ selectedUI: selectedUI$1,
1769
+ selectedLightUI: selectedLightUI$1,
1770
+ inverseHoverUI: inverseHoverUI$1,
1771
+ hoverSelectedUI: hoverSelectedUI$1,
1772
+ hoverDanger: hoverDanger$1,
1773
+ activeDanger: activeDanger$1,
1774
+ hoverRow: hoverRow$1,
1775
+ visitedLink: visitedLink$1,
1776
+ disabled01: disabled01$1,
1777
+ disabled02: disabled02$1,
1778
+ disabled03: disabled03$1,
1779
+ highlight: highlight$1,
1780
+ decorative01: decorative01$1,
1781
+ buttonSeparator: buttonSeparator$1,
1782
+ skeleton01: skeleton01$1,
1783
+ skeleton02: skeleton02$1,
1784
+ background: background$1,
1785
+ layer: layer$1,
1786
+ layerAccent: layerAccent$1,
1787
+ field: field$1,
1788
+ backgroundInverse: backgroundInverse$1,
1789
+ backgroundBrand: backgroundBrand$1,
1790
+ interactive: interactive$1,
1791
+ borderSubtle: borderSubtle$1,
1792
+ borderStrong: borderStrong$1,
1793
+ borderInverse: borderInverse$1,
1794
+ borderInteractive: borderInteractive$1,
1795
+ textPrimary: textPrimary$1,
1796
+ textSecondary: textSecondary$1,
1797
+ textPlaceholder: textPlaceholder$1,
1798
+ textHelper: textHelper$1,
1799
+ textOnColor: textOnColor$1,
1800
+ textInverse: textInverse$1,
1801
+ linkPrimary: linkPrimary$1,
1802
+ linkSecondary: linkSecondary$1,
1803
+ linkVisited: linkVisited$1,
1804
+ linkInverse: linkInverse$1,
1805
+ iconPrimary: iconPrimary$1,
1806
+ iconSecondary: iconSecondary$1,
1807
+ iconOnColor: iconOnColor$1,
1808
+ iconInverse: iconInverse$1,
1809
+ supportError: supportError$1,
1810
+ supportSuccess: supportSuccess$1,
1811
+ supportWarning: supportWarning$1,
1812
+ supportInfo: supportInfo$1,
1813
+ supportErrorInverse: supportErrorInverse$1,
1814
+ supportSuccessInverse: supportSuccessInverse$1,
1815
+ supportWarningInverse: supportWarningInverse$1,
1816
+ supportInfoInverse: supportInfoInverse$1,
1817
+ overlay: overlay$1,
1818
+ toggleOff: toggleOff$1,
1819
+ buttonPrimary: buttonPrimary$1,
1820
+ buttonSecondary: buttonSecondary$1,
1821
+ buttonTertiary: buttonTertiary$1,
1822
+ buttonDangerPrimary: buttonDangerPrimary$1,
1823
+ buttonDangerSecondary: buttonDangerSecondary$1,
1824
+ backgroundActive: backgroundActive$1,
1825
+ layerActive: layerActive$1,
1826
+ buttonDangerActive: buttonDangerActive$1,
1827
+ buttonPrimaryActive: buttonPrimaryActive$1,
1828
+ buttonSecondaryActive: buttonSecondaryActive$1,
1829
+ buttonTertiaryActive: buttonTertiaryActive$1,
1830
+ focusInset: focusInset$1,
1831
+ focusInverse: focusInverse$1,
1832
+ backgroundHover: backgroundHover$1,
1833
+ layerHover: layerHover$1,
1834
+ fieldHover: fieldHover$1,
1835
+ backgroundInverseHover: backgroundInverseHover$1,
1836
+ linkPrimaryHover: linkPrimaryHover$1,
1837
+ buttonDangerHover: buttonDangerHover$1,
1838
+ buttonPrimaryHover: buttonPrimaryHover$1,
1839
+ buttonSecondaryHover: buttonSecondaryHover$1,
1840
+ buttonTertiaryHover: buttonTertiaryHover$1,
1841
+ backgroundSelected: backgroundSelected$1,
1842
+ backgroundSelectedHover: backgroundSelectedHover$1,
1843
+ layerSelected: layerSelected$1,
1844
+ layerSelectedHover: layerSelectedHover$1,
1845
+ layerSelectedInverse: layerSelectedInverse$1,
1846
+ borderSubtleSelected: borderSubtleSelected$1,
1847
+ layerDisabled: layerDisabled$1,
1848
+ fieldDisabled: fieldDisabled$1,
1849
+ borderDisabled: borderDisabled$1,
1850
+ textDisabled: textDisabled$1,
1851
+ buttonDisabled: buttonDisabled$1,
1852
+ iconDisabled: iconDisabled$1,
1853
+ textOnColorDisabled: textOnColorDisabled$1,
1854
+ iconOnColorDisabled: iconOnColorDisabled$1,
1855
+ layerSelectedDisabled: layerSelectedDisabled$1,
1856
+ skeletonBackground: skeletonBackground$1,
1857
+ skeletonElement: skeletonElement$1,
1858
+ brand01: brand01$1,
1859
+ brand02: brand02$1,
1860
+ brand03: brand03$1,
1861
+ active01: active01$1,
1862
+ hoverField: hoverField$1,
1863
+ danger: danger$1,
1864
+ caption01: type.caption01,
1865
+ label01: type.label01,
1866
+ helperText01: type.helperText01,
1867
+ bodyShort01: type.bodyShort01,
1868
+ bodyLong01: type.bodyLong01,
1869
+ bodyShort02: type.bodyShort02,
1870
+ bodyLong02: type.bodyLong02,
1871
+ code01: type.code01,
1872
+ code02: type.code02,
1873
+ heading01: type.heading01,
1874
+ productiveHeading01: type.productiveHeading01,
1875
+ heading02: type.heading02,
1876
+ productiveHeading02: type.productiveHeading02,
1877
+ productiveHeading03: type.productiveHeading03,
1878
+ productiveHeading04: type.productiveHeading04,
1879
+ productiveHeading05: type.productiveHeading05,
1880
+ productiveHeading06: type.productiveHeading06,
1881
+ productiveHeading07: type.productiveHeading07,
1882
+ expressiveHeading01: type.expressiveHeading01,
1883
+ expressiveHeading02: type.expressiveHeading02,
1884
+ expressiveHeading03: type.expressiveHeading03,
1885
+ expressiveHeading04: type.expressiveHeading04,
1886
+ expressiveHeading05: type.expressiveHeading05,
1887
+ expressiveHeading06: type.expressiveHeading06,
1888
+ expressiveParagraph01: type.expressiveParagraph01,
1889
+ quotation01: type.quotation01,
1890
+ quotation02: type.quotation02,
1891
+ display01: type.display01,
1892
+ display02: type.display02,
1893
+ display03: type.display03,
1894
+ display04: type.display04,
1895
+ spacing01: layout.spacing01,
1896
+ spacing02: layout.spacing02,
1897
+ spacing03: layout.spacing03,
1898
+ spacing04: layout.spacing04,
1899
+ spacing05: layout.spacing05,
1900
+ spacing06: layout.spacing06,
1901
+ spacing07: layout.spacing07,
1902
+ spacing08: layout.spacing08,
1903
+ spacing09: layout.spacing09,
1904
+ spacing10: layout.spacing10,
1905
+ spacing11: layout.spacing11,
1906
+ spacing12: layout.spacing12,
1907
+ spacing13: layout.spacing13,
1908
+ fluidSpacing01: layout.fluidSpacing01,
1909
+ fluidSpacing02: layout.fluidSpacing02,
1910
+ fluidSpacing03: layout.fluidSpacing03,
1911
+ fluidSpacing04: layout.fluidSpacing04,
1912
+ layout01: layout.layout01,
1913
+ layout02: layout.layout02,
1914
+ layout03: layout.layout03,
1915
+ layout04: layout.layout04,
1916
+ layout05: layout.layout05,
1917
+ layout06: layout.layout06,
1918
+ layout07: layout.layout07,
1919
+ container01: layout.container01,
1920
+ container02: layout.container02,
1921
+ container03: layout.container03,
1922
+ container04: layout.container04,
1923
+ container05: layout.container05,
1924
+ iconSize01: layout.iconSize01,
1925
+ iconSize02: layout.iconSize02
1926
+ });
1927
+
1928
+ /**
1929
+ * Copyright IBM Corp. 2018, 2018
1930
+ *
1931
+ * This source code is licensed under the Apache-2.0 license found in the
1932
+ * LICENSE file in the root directory of this source tree.
1933
+ */
1934
+ var interactive01 = '#3d70b2';
1935
+ var interactive02 = '#4d5358';
1936
+ var interactive03 = '#3d70b2';
1937
+ var interactive04 = '#3d70b2';
1938
+ var uiBackground = '#f4f7fb';
1939
+ var ui01 = colors$1.white;
1940
+ var ui02 = '#f4f7fb';
1941
+ var ui03 = '#dfe3e6';
1942
+ var ui04 = '#8897a2';
1943
+ var ui05 = '#5a6872';
1944
+ var text01 = '#152935';
1945
+ var text02 = '#5a6872';
1946
+ var text03 = '#cdd1d4';
1947
+ var text04 = colors$1.white;
1948
+ var text05 = '#5a6872';
1949
+ var textError = '#e0182d';
1950
+ var icon01 = '#3d70b2';
1951
+ var icon02 = '#5a6872';
1952
+ var icon03 = colors$1.white;
1953
+ var link01 = '#3d70b2';
1954
+ var link02 = '#3d70b2';
1955
+ var inverseLink = '#5596e6';
1956
+ var field01 = colors$1.white;
1957
+ var field02 = '#f4f7fb';
1958
+ var inverse01 = colors$1.white;
1959
+ var inverse02 = '#272d33';
1960
+ var support01 = '#e0182d';
1961
+ var support02 = '#5aa700';
1962
+ var support03 = '#efc100';
1963
+ var support04 = '#5aaafa';
1964
+ var inverseSupport01 = '#ff5050';
1965
+ var inverseSupport02 = '#8cd211';
1966
+ var inverseSupport03 = '#FDD600';
1967
+ var inverseSupport04 = '#5aaafa';
1968
+ var overlay01 = 'rgba(223, 227, 230, 0.5)';
1969
+ var danger01 = colors$1.red60;
1970
+ var danger02 = colors$1.red60; // Interaction states
1971
+
1972
+ var focus = '#3d70b2';
1973
+ var inverseFocusUi = '#3d70b2';
1974
+ var hoverPrimary = '#30588c';
1975
+ var activePrimary = '#30588c';
1976
+ var hoverPrimaryText = '#294c86';
1977
+ var hoverSecondary = '#4d5b65';
1978
+ var activeSecondary = '#414f59';
1979
+ var hoverTertiary = '#5a6872';
1980
+ var activeTertiary = '#414f59';
1981
+ var hoverUI = '#EEF4FC';
1982
+ var hoverLightUI = '#EEF4FC';
1983
+ var activeUI = '#DFEAFA';
1984
+ var activeLightUI = '#DFEAFA';
1985
+ var selectedUI = '#EEF4FC';
1986
+ var selectedLightUI = '#EEF4FC';
1987
+ var inverseHoverUI = '#4c4c4c';
1988
+ var hoverSelectedUI = '#DFEAFA';
1989
+ var hoverDanger = '#c70014';
1990
+ var activeDanger = '#AD1625';
1991
+ var hoverRow = '#eef4fc';
1992
+ var visitedLink = '#294c86';
1993
+ var disabled01 = '#fafbfd';
1994
+ var disabled02 = '#dfe3e6';
1995
+ var disabled03 = '#cdd1d4';
1996
+ var highlight = '#f4f7fb';
1997
+ var decorative01 = '#EEF4FC';
1998
+ var buttonSeparator = '#e0e0e0';
1999
+ var skeleton01 = 'rgba(61, 112, 178, .1)';
2000
+ var skeleton02 = 'rgba(61, 112, 178, .1)'; // New color tokens
2001
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
2002
+
2003
+ var background = uiBackground;
2004
+ var layer = ui01;
2005
+ var layerAccent = ui03;
2006
+ var field = field01;
2007
+ var backgroundInverse = inverse02;
2008
+ var backgroundBrand = interactive01;
2009
+ var interactive = interactive04;
2010
+ var borderSubtle = ui03;
2011
+ var borderStrong = ui04;
2012
+ var borderInverse = ui05;
2013
+ var borderInteractive = interactive04;
2014
+ var textPrimary = text01;
2015
+ var textSecondary = text02;
2016
+ var textPlaceholder = text03;
2017
+ var textHelper = text05;
2018
+ var textOnColor = text04;
2019
+ var textInverse = inverse01;
2020
+ var linkPrimary = link01;
2021
+ var linkSecondary = link02;
2022
+ var linkVisited = visitedLink;
2023
+ var linkInverse = inverseLink;
2024
+ var iconPrimary = icon01;
2025
+ var iconSecondary = icon02;
2026
+ var iconOnColor = icon03;
2027
+ var iconInverse = inverse01;
2028
+ var supportError = support01;
2029
+ var supportSuccess = support02;
2030
+ var supportWarning = support03;
2031
+ var supportInfo = support04;
2032
+ var supportErrorInverse = inverseSupport01;
2033
+ var supportSuccessInverse = inverseSupport02;
2034
+ var supportWarningInverse = inverseSupport03;
2035
+ var supportInfoInverse = inverseSupport04;
2036
+ var overlay = overlay01;
2037
+ var toggleOff = ui04;
2038
+ var buttonPrimary = interactive01;
2039
+ var buttonSecondary = interactive02;
2040
+ var buttonTertiary = interactive03;
2041
+ var buttonDangerPrimary = danger01;
2042
+ var buttonDangerSecondary = danger02;
2043
+ var backgroundActive = activeUI;
2044
+ var layerActive = activeUI;
2045
+ var buttonDangerActive = activeDanger;
2046
+ var buttonPrimaryActive = activePrimary;
2047
+ var buttonSecondaryActive = activeSecondary;
2048
+ var buttonTertiaryActive = activeTertiary;
2049
+ var focusInset = inverse01;
2050
+ var focusInverse = inverseFocusUi;
2051
+ var backgroundHover = hoverUI;
2052
+ var layerHover = hoverUI;
2053
+ var fieldHover = hoverUI;
2054
+ var backgroundInverseHover = inverseHoverUI;
2055
+ var linkPrimaryHover = hoverPrimaryText;
2056
+ var buttonDangerHover = hoverDanger;
2057
+ var buttonPrimaryHover = hoverPrimary;
2058
+ var buttonSecondaryHover = hoverSecondary;
2059
+ var buttonTertiaryHover = hoverTertiary;
2060
+ var backgroundSelected = selectedUI;
2061
+ var backgroundSelectedHover = hoverSelectedUI;
2062
+ var layerSelected = selectedUI;
2063
+ var layerSelectedHover = hoverSelectedUI;
2064
+ var layerSelectedInverse = ui05;
2065
+ var borderSubtleSelected = activeUI;
2066
+ var layerDisabled = disabled01;
2067
+ var fieldDisabled = disabled01;
2068
+ var borderDisabled = disabled01;
2069
+ var textDisabled = disabled02;
2070
+ var buttonDisabled = disabled02;
2071
+ var iconDisabled = disabled02;
2072
+ var textOnColorDisabled = disabled03;
2073
+ var iconOnColorDisabled = disabled03;
2074
+ var layerSelectedDisabled = disabled03;
2075
+ var skeletonBackground = skeleton01;
2076
+ var skeletonElement = skeleton02;
2077
+
2078
+ var brand01 = interactive01;
2079
+ var brand02 = interactive02;
2080
+ var brand03 = interactive03;
2081
+ var active01 = activeUI;
2082
+ var hoverField = hoverUI;
2083
+ var danger = danger01;
2084
+
2085
+ var v9 = /*#__PURE__*/Object.freeze({
2086
+ __proto__: null,
2087
+ interactive01: interactive01,
2088
+ interactive02: interactive02,
2089
+ interactive03: interactive03,
2090
+ interactive04: interactive04,
2091
+ uiBackground: uiBackground,
2092
+ ui01: ui01,
2093
+ ui02: ui02,
2094
+ ui03: ui03,
2095
+ ui04: ui04,
2096
+ ui05: ui05,
2097
+ text01: text01,
2098
+ text02: text02,
2099
+ text03: text03,
2100
+ text04: text04,
2101
+ text05: text05,
2102
+ textError: textError,
2103
+ icon01: icon01,
2104
+ icon02: icon02,
2105
+ icon03: icon03,
2106
+ link01: link01,
2107
+ link02: link02,
2108
+ inverseLink: inverseLink,
2109
+ field01: field01,
2110
+ field02: field02,
2111
+ inverse01: inverse01,
2112
+ inverse02: inverse02,
2113
+ support01: support01,
2114
+ support02: support02,
2115
+ support03: support03,
2116
+ support04: support04,
2117
+ inverseSupport01: inverseSupport01,
2118
+ inverseSupport02: inverseSupport02,
2119
+ inverseSupport03: inverseSupport03,
2120
+ inverseSupport04: inverseSupport04,
2121
+ overlay01: overlay01,
2122
+ danger01: danger01,
2123
+ danger02: danger02,
2124
+ focus: focus,
2125
+ inverseFocusUi: inverseFocusUi,
2126
+ hoverPrimary: hoverPrimary,
2127
+ activePrimary: activePrimary,
2128
+ hoverPrimaryText: hoverPrimaryText,
2129
+ hoverSecondary: hoverSecondary,
2130
+ activeSecondary: activeSecondary,
2131
+ hoverTertiary: hoverTertiary,
2132
+ activeTertiary: activeTertiary,
2133
+ hoverUI: hoverUI,
2134
+ hoverLightUI: hoverLightUI,
2135
+ activeUI: activeUI,
2136
+ activeLightUI: activeLightUI,
2137
+ selectedUI: selectedUI,
2138
+ selectedLightUI: selectedLightUI,
2139
+ inverseHoverUI: inverseHoverUI,
2140
+ hoverSelectedUI: hoverSelectedUI,
2141
+ hoverDanger: hoverDanger,
2142
+ activeDanger: activeDanger,
2143
+ hoverRow: hoverRow,
2144
+ visitedLink: visitedLink,
2145
+ disabled01: disabled01,
2146
+ disabled02: disabled02,
2147
+ disabled03: disabled03,
2148
+ highlight: highlight,
2149
+ decorative01: decorative01,
2150
+ buttonSeparator: buttonSeparator,
2151
+ skeleton01: skeleton01,
2152
+ skeleton02: skeleton02,
2153
+ background: background,
2154
+ layer: layer,
2155
+ layerAccent: layerAccent,
2156
+ field: field,
2157
+ backgroundInverse: backgroundInverse,
2158
+ backgroundBrand: backgroundBrand,
2159
+ interactive: interactive,
2160
+ borderSubtle: borderSubtle,
2161
+ borderStrong: borderStrong,
2162
+ borderInverse: borderInverse,
2163
+ borderInteractive: borderInteractive,
2164
+ textPrimary: textPrimary,
2165
+ textSecondary: textSecondary,
2166
+ textPlaceholder: textPlaceholder,
2167
+ textHelper: textHelper,
2168
+ textOnColor: textOnColor,
2169
+ textInverse: textInverse,
2170
+ linkPrimary: linkPrimary,
2171
+ linkSecondary: linkSecondary,
2172
+ linkVisited: linkVisited,
2173
+ linkInverse: linkInverse,
2174
+ iconPrimary: iconPrimary,
2175
+ iconSecondary: iconSecondary,
2176
+ iconOnColor: iconOnColor,
2177
+ iconInverse: iconInverse,
2178
+ supportError: supportError,
2179
+ supportSuccess: supportSuccess,
2180
+ supportWarning: supportWarning,
2181
+ supportInfo: supportInfo,
2182
+ supportErrorInverse: supportErrorInverse,
2183
+ supportSuccessInverse: supportSuccessInverse,
2184
+ supportWarningInverse: supportWarningInverse,
2185
+ supportInfoInverse: supportInfoInverse,
2186
+ overlay: overlay,
2187
+ toggleOff: toggleOff,
2188
+ buttonPrimary: buttonPrimary,
2189
+ buttonSecondary: buttonSecondary,
2190
+ buttonTertiary: buttonTertiary,
2191
+ buttonDangerPrimary: buttonDangerPrimary,
2192
+ buttonDangerSecondary: buttonDangerSecondary,
2193
+ backgroundActive: backgroundActive,
2194
+ layerActive: layerActive,
2195
+ buttonDangerActive: buttonDangerActive,
2196
+ buttonPrimaryActive: buttonPrimaryActive,
2197
+ buttonSecondaryActive: buttonSecondaryActive,
2198
+ buttonTertiaryActive: buttonTertiaryActive,
2199
+ focusInset: focusInset,
2200
+ focusInverse: focusInverse,
2201
+ backgroundHover: backgroundHover,
2202
+ layerHover: layerHover,
2203
+ fieldHover: fieldHover,
2204
+ backgroundInverseHover: backgroundInverseHover,
2205
+ linkPrimaryHover: linkPrimaryHover,
2206
+ buttonDangerHover: buttonDangerHover,
2207
+ buttonPrimaryHover: buttonPrimaryHover,
2208
+ buttonSecondaryHover: buttonSecondaryHover,
2209
+ buttonTertiaryHover: buttonTertiaryHover,
2210
+ backgroundSelected: backgroundSelected,
2211
+ backgroundSelectedHover: backgroundSelectedHover,
2212
+ layerSelected: layerSelected,
2213
+ layerSelectedHover: layerSelectedHover,
2214
+ layerSelectedInverse: layerSelectedInverse,
2215
+ borderSubtleSelected: borderSubtleSelected,
2216
+ layerDisabled: layerDisabled,
2217
+ fieldDisabled: fieldDisabled,
2218
+ borderDisabled: borderDisabled,
2219
+ textDisabled: textDisabled,
2220
+ buttonDisabled: buttonDisabled,
2221
+ iconDisabled: iconDisabled,
2222
+ textOnColorDisabled: textOnColorDisabled,
2223
+ iconOnColorDisabled: iconOnColorDisabled,
2224
+ layerSelectedDisabled: layerSelectedDisabled,
2225
+ skeletonBackground: skeletonBackground,
2226
+ skeletonElement: skeletonElement,
2227
+ brand01: brand01,
2228
+ brand02: brand02,
2229
+ brand03: brand03,
2230
+ active01: active01,
2231
+ hoverField: hoverField,
2232
+ danger: danger,
1111
2233
  caption01: type.caption01,
1112
2234
  label01: type.label01,
1113
2235
  helperText01: type.helperText01,
@@ -1182,7 +2304,9 @@ var v9 = /*#__PURE__*/Object.freeze({
1182
2304
 
1183
2305
  var colors = [// Core
1184
2306
  'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'link02', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
1185
- 'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // Deprecated
2307
+ 'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // New color tokens
2308
+ // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
2309
+ 'background', 'layer', 'layerAccent', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
1186
2310
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
1187
2311
  var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
1188
2312
  /**
@@ -1231,10 +2355,12 @@ var tokens = {
1231
2355
  var unstable__meta = {
1232
2356
  colors: [{
1233
2357
  type: 'core',
1234
- tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'danger01', 'danger02', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'link02', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01']
2358
+ tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'danger01', 'danger02', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'link02', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', //new tokens
2359
+ 'background', 'layer', 'layerAccent', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary']
1235
2360
  }, {
1236
2361
  type: 'interactive',
1237
- tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator']
2362
+ tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator', // new tokens
2363
+ 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement']
1238
2364
  }],
1239
2365
  deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger']
1240
2366
  };
@@ -1248,6 +2374,7 @@ var unstable__meta = {
1248
2374
  var themes = {
1249
2375
  white: white,
1250
2376
  g10: g10,
2377
+ g80: g80,
1251
2378
  g90: g90,
1252
2379
  g100: g100,
1253
2380
  v9: v9
@@ -1625,84 +2752,159 @@ Object.defineProperty(exports, 'spacing13', {
1625
2752
  return layout.spacing13;
1626
2753
  }
1627
2754
  });
1628
- exports.active01 = active01;
1629
- exports.activeDanger = activeDanger;
1630
- exports.activeLightUI = activeLightUI;
1631
- exports.activePrimary = activePrimary;
1632
- exports.activeSecondary = activeSecondary;
1633
- exports.activeTertiary = activeTertiary;
1634
- exports.activeUI = activeUI;
1635
- exports.brand01 = brand01;
1636
- exports.brand02 = brand02;
1637
- exports.brand03 = brand03;
1638
- exports.buttonSeparator = buttonSeparator;
1639
- exports.danger = danger;
1640
- exports.danger01 = danger01;
1641
- exports.danger02 = danger02;
1642
- exports.decorative01 = decorative01;
1643
- exports.disabled01 = disabled01;
1644
- exports.disabled02 = disabled02;
1645
- exports.disabled03 = disabled03;
1646
- exports.field01 = field01;
1647
- exports.field02 = field02;
1648
- exports.focus = focus;
2755
+ exports.active01 = active01$5;
2756
+ exports.activeDanger = activeDanger$5;
2757
+ exports.activeLightUI = activeLightUI$5;
2758
+ exports.activePrimary = activePrimary$5;
2759
+ exports.activeSecondary = activeSecondary$5;
2760
+ exports.activeTertiary = activeTertiary$5;
2761
+ exports.activeUI = activeUI$5;
2762
+ exports.background = background$5;
2763
+ exports.backgroundActive = backgroundActive$5;
2764
+ exports.backgroundBrand = backgroundBrand$5;
2765
+ exports.backgroundHover = backgroundHover$5;
2766
+ exports.backgroundInverse = backgroundInverse$5;
2767
+ exports.backgroundInverseHover = backgroundInverseHover$5;
2768
+ exports.backgroundSelected = backgroundSelected$5;
2769
+ exports.backgroundSelectedHover = backgroundSelectedHover$5;
2770
+ exports.borderDisabled = borderDisabled$5;
2771
+ exports.borderInteractive = borderInteractive$5;
2772
+ exports.borderInverse = borderInverse$5;
2773
+ exports.borderStrong = borderStrong$5;
2774
+ exports.borderSubtle = borderSubtle$5;
2775
+ exports.borderSubtleSelected = borderSubtleSelected$5;
2776
+ exports.brand01 = brand01$5;
2777
+ exports.brand02 = brand02$5;
2778
+ exports.brand03 = brand03$5;
2779
+ exports.buttonDangerActive = buttonDangerActive$5;
2780
+ exports.buttonDangerHover = buttonDangerHover$5;
2781
+ exports.buttonDangerPrimary = buttonDangerPrimary$5;
2782
+ exports.buttonDangerSecondary = buttonDangerSecondary$5;
2783
+ exports.buttonDisabled = buttonDisabled$5;
2784
+ exports.buttonPrimary = buttonPrimary$5;
2785
+ exports.buttonPrimaryActive = buttonPrimaryActive$5;
2786
+ exports.buttonPrimaryHover = buttonPrimaryHover$5;
2787
+ exports.buttonSecondary = buttonSecondary$5;
2788
+ exports.buttonSecondaryActive = buttonSecondaryActive$5;
2789
+ exports.buttonSecondaryHover = buttonSecondaryHover$5;
2790
+ exports.buttonSeparator = buttonSeparator$5;
2791
+ exports.buttonTertiary = buttonTertiary$5;
2792
+ exports.buttonTertiaryActive = buttonTertiaryActive$5;
2793
+ exports.buttonTertiaryHover = buttonTertiaryHover$5;
2794
+ exports.danger = danger$5;
2795
+ exports.danger01 = danger01$5;
2796
+ exports.danger02 = danger02$5;
2797
+ exports.decorative01 = decorative01$5;
2798
+ exports.disabled01 = disabled01$5;
2799
+ exports.disabled02 = disabled02$5;
2800
+ exports.disabled03 = disabled03$5;
2801
+ exports.field = field$5;
2802
+ exports.field01 = field01$5;
2803
+ exports.field02 = field02$5;
2804
+ exports.fieldDisabled = fieldDisabled$5;
2805
+ exports.fieldHover = fieldHover$5;
2806
+ exports.focus = focus$5;
2807
+ exports.focusInset = focusInset$5;
2808
+ exports.focusInverse = focusInverse$5;
1649
2809
  exports.formatTokenName = formatTokenName;
1650
2810
  exports.g10 = g10;
1651
2811
  exports.g100 = g100;
2812
+ exports.g80 = g80;
1652
2813
  exports.g90 = g90;
1653
- exports.highlight = highlight;
1654
- exports.hoverDanger = hoverDanger;
1655
- exports.hoverField = hoverField;
1656
- exports.hoverLightUI = hoverLightUI;
1657
- exports.hoverPrimary = hoverPrimary;
1658
- exports.hoverPrimaryText = hoverPrimaryText;
1659
- exports.hoverRow = hoverRow;
1660
- exports.hoverSecondary = hoverSecondary;
1661
- exports.hoverSelectedUI = hoverSelectedUI;
1662
- exports.hoverTertiary = hoverTertiary;
1663
- exports.hoverUI = hoverUI;
1664
- exports.icon01 = icon01;
1665
- exports.icon02 = icon02;
1666
- exports.icon03 = icon03;
1667
- exports.interactive01 = interactive01;
1668
- exports.interactive02 = interactive02;
1669
- exports.interactive03 = interactive03;
1670
- exports.interactive04 = interactive04;
1671
- exports.inverse01 = inverse01;
1672
- exports.inverse02 = inverse02;
1673
- exports.inverseFocusUi = inverseFocusUi;
1674
- exports.inverseHoverUI = inverseHoverUI;
1675
- exports.inverseLink = inverseLink;
1676
- exports.inverseSupport01 = inverseSupport01;
1677
- exports.inverseSupport02 = inverseSupport02;
1678
- exports.inverseSupport03 = inverseSupport03;
1679
- exports.inverseSupport04 = inverseSupport04;
1680
- exports.link01 = link01;
1681
- exports.link02 = link02;
1682
- exports.overlay01 = overlay01;
1683
- exports.selectedLightUI = selectedLightUI;
1684
- exports.selectedUI = selectedUI;
1685
- exports.skeleton01 = skeleton01;
1686
- exports.skeleton02 = skeleton02;
1687
- exports.support01 = support01;
1688
- exports.support02 = support02;
1689
- exports.support03 = support03;
1690
- exports.support04 = support04;
1691
- exports.text01 = text01;
1692
- exports.text02 = text02;
1693
- exports.text03 = text03;
1694
- exports.text04 = text04;
1695
- exports.text05 = text05;
1696
- exports.textError = textError;
2814
+ exports.highlight = highlight$5;
2815
+ exports.hoverDanger = hoverDanger$5;
2816
+ exports.hoverField = hoverField$5;
2817
+ exports.hoverLightUI = hoverLightUI$5;
2818
+ exports.hoverPrimary = hoverPrimary$5;
2819
+ exports.hoverPrimaryText = hoverPrimaryText$5;
2820
+ exports.hoverRow = hoverRow$5;
2821
+ exports.hoverSecondary = hoverSecondary$5;
2822
+ exports.hoverSelectedUI = hoverSelectedUI$5;
2823
+ exports.hoverTertiary = hoverTertiary$5;
2824
+ exports.hoverUI = hoverUI$5;
2825
+ exports.icon01 = icon01$5;
2826
+ exports.icon02 = icon02$5;
2827
+ exports.icon03 = icon03$5;
2828
+ exports.iconDisabled = iconDisabled$5;
2829
+ exports.iconInverse = iconInverse$5;
2830
+ exports.iconOnColor = iconOnColor$5;
2831
+ exports.iconOnColorDisabled = iconOnColorDisabled$5;
2832
+ exports.iconPrimary = iconPrimary$5;
2833
+ exports.iconSecondary = iconSecondary$5;
2834
+ exports.interactive = interactive$5;
2835
+ exports.interactive01 = interactive01$5;
2836
+ exports.interactive02 = interactive02$5;
2837
+ exports.interactive03 = interactive03$5;
2838
+ exports.interactive04 = interactive04$5;
2839
+ exports.inverse01 = inverse01$5;
2840
+ exports.inverse02 = inverse02$5;
2841
+ exports.inverseFocusUi = inverseFocusUi$5;
2842
+ exports.inverseHoverUI = inverseHoverUI$5;
2843
+ exports.inverseLink = inverseLink$5;
2844
+ exports.inverseSupport01 = inverseSupport01$5;
2845
+ exports.inverseSupport02 = inverseSupport02$5;
2846
+ exports.inverseSupport03 = inverseSupport03$5;
2847
+ exports.inverseSupport04 = inverseSupport04$5;
2848
+ exports.layer = layer$5;
2849
+ exports.layerAccent = layerAccent$5;
2850
+ exports.layerActive = layerActive$5;
2851
+ exports.layerDisabled = layerDisabled$5;
2852
+ exports.layerHover = layerHover$5;
2853
+ exports.layerSelected = layerSelected$5;
2854
+ exports.layerSelectedDisabled = layerSelectedDisabled$5;
2855
+ exports.layerSelectedHover = layerSelectedHover$5;
2856
+ exports.layerSelectedInverse = layerSelectedInverse$5;
2857
+ exports.link01 = link01$5;
2858
+ exports.link02 = link02$5;
2859
+ exports.linkInverse = linkInverse$5;
2860
+ exports.linkPrimary = linkPrimary$5;
2861
+ exports.linkPrimaryHover = linkPrimaryHover$5;
2862
+ exports.linkSecondary = linkSecondary$5;
2863
+ exports.linkVisited = linkVisited$5;
2864
+ exports.overlay = overlay$5;
2865
+ exports.overlay01 = overlay01$5;
2866
+ exports.selectedLightUI = selectedLightUI$5;
2867
+ exports.selectedUI = selectedUI$5;
2868
+ exports.skeleton01 = skeleton01$5;
2869
+ exports.skeleton02 = skeleton02$5;
2870
+ exports.skeletonBackground = skeletonBackground$5;
2871
+ exports.skeletonElement = skeletonElement$5;
2872
+ exports.support01 = support01$5;
2873
+ exports.support02 = support02$5;
2874
+ exports.support03 = support03$5;
2875
+ exports.support04 = support04$5;
2876
+ exports.supportError = supportError$5;
2877
+ exports.supportErrorInverse = supportErrorInverse$5;
2878
+ exports.supportInfo = supportInfo$5;
2879
+ exports.supportInfoInverse = supportInfoInverse$5;
2880
+ exports.supportSuccess = supportSuccess$5;
2881
+ exports.supportSuccessInverse = supportSuccessInverse$5;
2882
+ exports.supportWarning = supportWarning$5;
2883
+ exports.supportWarningInverse = supportWarningInverse$5;
2884
+ exports.text01 = text01$5;
2885
+ exports.text02 = text02$5;
2886
+ exports.text03 = text03$5;
2887
+ exports.text04 = text04$5;
2888
+ exports.text05 = text05$5;
2889
+ exports.textDisabled = textDisabled$5;
2890
+ exports.textError = textError$5;
2891
+ exports.textHelper = textHelper$5;
2892
+ exports.textInverse = textInverse$5;
2893
+ exports.textOnColor = textOnColor$5;
2894
+ exports.textOnColorDisabled = textOnColorDisabled$5;
2895
+ exports.textPlaceholder = textPlaceholder$5;
2896
+ exports.textPrimary = textPrimary$5;
2897
+ exports.textSecondary = textSecondary$5;
1697
2898
  exports.themes = themes;
2899
+ exports.toggleOff = toggleOff$5;
1698
2900
  exports.tokens = tokens;
1699
- exports.ui01 = ui01;
1700
- exports.ui02 = ui02;
1701
- exports.ui03 = ui03;
1702
- exports.ui04 = ui04;
1703
- exports.ui05 = ui05;
1704
- exports.uiBackground = uiBackground;
2901
+ exports.ui01 = ui01$5;
2902
+ exports.ui02 = ui02$5;
2903
+ exports.ui03 = ui03$5;
2904
+ exports.ui04 = ui04$5;
2905
+ exports.ui05 = ui05$5;
2906
+ exports.uiBackground = uiBackground$5;
1705
2907
  exports.unstable__meta = unstable__meta;
1706
2908
  exports.v9 = v9;
1707
- exports.visitedLink = visitedLink;
2909
+ exports.visitedLink = visitedLink$5;
1708
2910
  exports.white = white;