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