@gitlab/ui 89.2.0 → 89.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +91 -91
- package/dist/tokens/build/js/tokens.js +8 -8
- package/dist/tokens/css/tokens.css +6 -6
- package/dist/tokens/css/tokens.dark.css +63 -63
- package/dist/tokens/js/tokens.dark.js +91 -91
- package/dist/tokens/js/tokens.js +8 -8
- package/dist/tokens/json/tokens.dark.json +160 -160
- package/dist/tokens/json/tokens.json +77 -77
- package/dist/tokens/scss/_tokens.dark.scss +63 -63
- package/dist/tokens/scss/_tokens.scss +6 -6
- package/package.json +1 -1
- package/src/components/base/badge/badge.scss +65 -32
- package/src/components/base/datepicker/datepicker.scss +5 -0
- package/src/components/base/toggle/toggle.scss +8 -5
- package/src/tokens/build/css/tokens.css +6 -6
- package/src/tokens/build/css/tokens.dark.css +63 -63
- package/src/tokens/build/js/tokens.dark.js +91 -91
- package/src/tokens/build/js/tokens.js +8 -8
- package/src/tokens/build/json/tokens.dark.json +160 -160
- package/src/tokens/build/json/tokens.json +77 -77
- package/src/tokens/build/scss/_tokens.dark.scss +63 -63
- package/src/tokens/build/scss/_tokens.scss +6 -6
- package/src/tokens/contextual/badge.tokens.json +69 -69
|
@@ -291,118 +291,118 @@ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d'; // Blue bac
|
|
|
291
291
|
export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d'; // Green background for avatar fallback with no particular meaning.
|
|
292
292
|
export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d'; // Orange background for avatar fallback with no particular meaning.
|
|
293
293
|
export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d'; // Neutral background for avatar fallback with no particular meaning.
|
|
294
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#
|
|
295
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#
|
|
296
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#
|
|
297
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#
|
|
294
|
+
export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#89888d'; // Used for the background of a muted badge when static or the default state when linked.
|
|
295
|
+
export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#89888d'; // Used for the background of a muted badge in the hover state.
|
|
296
|
+
export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#89888d'; // Used for the background of a muted badge in the focus state.
|
|
297
|
+
export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a4a3a8'; // Used for the background of a muted badge in the active state.
|
|
298
298
|
export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a muted badge when static or the default state when linked.
|
|
299
|
-
export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#
|
|
299
|
+
export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a4a3a8'; // Used for the border of a muted badge in the hover state.
|
|
300
300
|
export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a muted badge in the focus state.
|
|
301
301
|
export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a muted badge in the active state.
|
|
302
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#
|
|
303
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#
|
|
304
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#
|
|
305
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#
|
|
306
|
-
export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#
|
|
307
|
-
export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#
|
|
308
|
-
export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#
|
|
309
|
-
export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#
|
|
310
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#
|
|
311
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#
|
|
312
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#
|
|
313
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#
|
|
302
|
+
export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#18171d'; // Used for the text of a muted badge when static or the default state when linked.
|
|
303
|
+
export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#18171d'; // Used for the text of a muted badge in the hover state.
|
|
304
|
+
export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#18171d'; // Used for the text of a muted badge in the focus state.
|
|
305
|
+
export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#18171d'; // Used for the text of a muted badge in the active state.
|
|
306
|
+
export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#18171d'; // Used for the icon of a muted badge when static or the default state when linked.
|
|
307
|
+
export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#18171d'; // Used for the icon of a muted badge in the hover state.
|
|
308
|
+
export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#18171d'; // Used for the icon of a muted badge in the focus state.
|
|
309
|
+
export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#18171d'; // Used for the icon of a muted badge in the active state.
|
|
310
|
+
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a4a3a8'; // Used for the background of a neutral badge when static or the default state when linked.
|
|
311
|
+
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a4a3a8'; // Used for the background of a neutral badge in the hover state.
|
|
312
|
+
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a4a3a8'; // Used for the background of a neutral badge in the focus state.
|
|
313
|
+
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3'; // Used for the background of a neutral badge in the active state.
|
|
314
314
|
export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral badge when static or the default state when linked.
|
|
315
|
-
export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#
|
|
315
|
+
export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a neutral badge in the hover state.
|
|
316
316
|
export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral badge in the focus state.
|
|
317
317
|
export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral badge in the active state.
|
|
318
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#
|
|
319
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#
|
|
320
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#
|
|
321
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#
|
|
322
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#
|
|
323
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#
|
|
324
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#
|
|
325
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#
|
|
326
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#
|
|
327
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#
|
|
328
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#
|
|
329
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#
|
|
318
|
+
export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#18171d'; // Used for the text of a neutral badge when static or the default state when linked.
|
|
319
|
+
export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#18171d'; // Used for the text of a neutral badge in the hover state.
|
|
320
|
+
export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#18171d'; // Used for the text of a neutral badge in the focus state.
|
|
321
|
+
export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#18171d'; // Used for the text of a neutral badge in the active state.
|
|
322
|
+
export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#18171d'; // Used for the icon of a neutral badge when static or the default state when linked.
|
|
323
|
+
export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#18171d'; // Used for the icon of a neutral badge in the hover state.
|
|
324
|
+
export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#18171d'; // Used for the icon of a neutral badge in the focus state.
|
|
325
|
+
export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#18171d'; // Used for the icon of a neutral badge in the active state.
|
|
326
|
+
export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of an informational badge when static or the default state when linked.
|
|
327
|
+
export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#63a6e9'; // Used for the background of an informational badge in the hover state.
|
|
328
|
+
export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#63a6e9'; // Used for the background of an informational badge in the focus state.
|
|
329
|
+
export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of an informational badge in the active state.
|
|
330
330
|
export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an informational badge when static or the default state when linked.
|
|
331
|
-
export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#
|
|
331
|
+
export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1'; // Used for the border of an informational badge in the hover state.
|
|
332
332
|
export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an informational badge in the focus state.
|
|
333
333
|
export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an informational badge in the active state.
|
|
334
|
-
export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#
|
|
335
|
-
export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#
|
|
336
|
-
export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#
|
|
337
|
-
export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#
|
|
338
|
-
export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#
|
|
339
|
-
export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#
|
|
340
|
-
export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#
|
|
341
|
-
export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#
|
|
342
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#
|
|
343
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#
|
|
344
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#
|
|
345
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#
|
|
334
|
+
export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#002850'; // Used for the text of an informational badge when static or the default state when linked.
|
|
335
|
+
export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#002850'; // Used for the text of an informational badge in the hover state.
|
|
336
|
+
export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#002850'; // Used for the text of an informational badge in the focus state.
|
|
337
|
+
export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#002850'; // Used for the text of an informational badge in the active state.
|
|
338
|
+
export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#002850'; // Used for the icon of an informational badge when static or the default state when linked.
|
|
339
|
+
export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#002850'; // Used for the icon of an informational badge in the hover state.
|
|
340
|
+
export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#002850'; // Used for the icon of an informational badge in the focus state.
|
|
341
|
+
export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#002850'; // Used for the icon of an informational badge in the active state.
|
|
342
|
+
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a'; // Used for the background of a success badge when static or the default state when linked.
|
|
343
|
+
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a'; // Used for the background of a success badge in the hover state.
|
|
344
|
+
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a'; // Used for the background of a success badge in the focus state.
|
|
345
|
+
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8'; // Used for the background of a success badge in the active state.
|
|
346
346
|
export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a success badge when static or the default state when linked.
|
|
347
|
-
export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#
|
|
347
|
+
export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8'; // Used for the border of a success badge in the hover state.
|
|
348
348
|
export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a success badge in the focus state.
|
|
349
349
|
export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a success badge in the active state.
|
|
350
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#
|
|
351
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#
|
|
352
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#
|
|
353
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#
|
|
354
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#
|
|
355
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#
|
|
356
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#
|
|
357
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#
|
|
358
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#
|
|
359
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#
|
|
360
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#
|
|
361
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#
|
|
350
|
+
export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#072b15'; // Used for the text of a success badge when static or the default state when linked.
|
|
351
|
+
export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#072b15'; // Used for the text of a success badge in the hover state.
|
|
352
|
+
export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#072b15'; // Used for the text of a success badge in the focus state.
|
|
353
|
+
export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#072b15'; // Used for the text of a success badge in the active state.
|
|
354
|
+
export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#072b15'; // Used for the icon of a success badge when static or the default state when linked.
|
|
355
|
+
export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#072b15'; // Used for the icon of a success badge in the hover state.
|
|
356
|
+
export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#072b15'; // Used for the icon of a success badge in the focus state.
|
|
357
|
+
export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#072b15'; // Used for the icon of a success badge in the active state.
|
|
358
|
+
export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530'; // Used for the background of a warning badge when static or the default state when linked.
|
|
359
|
+
export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530'; // Used for the background of a warning badge in the hover state.
|
|
360
|
+
export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530'; // Used for the background of a warning badge in the focus state.
|
|
361
|
+
export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74'; // Used for the background of a warning badge in the active state.
|
|
362
362
|
export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a warning badge when static or the default state when linked.
|
|
363
|
-
export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#
|
|
363
|
+
export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74'; // Used for the border of a warning badge in the hover state.
|
|
364
364
|
export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a warning badge in the focus state.
|
|
365
365
|
export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a warning badge in the active state.
|
|
366
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#
|
|
367
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#
|
|
368
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#
|
|
369
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#
|
|
370
|
-
export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#
|
|
371
|
-
export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#
|
|
372
|
-
export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#
|
|
373
|
-
export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#
|
|
374
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#
|
|
375
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#
|
|
376
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#
|
|
377
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#
|
|
366
|
+
export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#421f00'; // Used for the text of a warning badge when static or the default state when linked.
|
|
367
|
+
export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#421f00'; // Used for the text of a warning badge in the hover state.
|
|
368
|
+
export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#421f00'; // Used for the text of a warning badge in the focus state.
|
|
369
|
+
export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#421f00'; // Used for the text of a warning badge in the active state.
|
|
370
|
+
export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#421f00'; // Used for the icon of a warning badge when static or the default state when linked.
|
|
371
|
+
export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#421f00'; // Used for the icon of a warning badge in the hover state.
|
|
372
|
+
export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#421f00'; // Used for the icon of a warning badge in the focus state.
|
|
373
|
+
export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#421f00'; // Used for the icon of a warning badge in the active state.
|
|
374
|
+
export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f57f6c'; // Used for the background of a danger badge when static or the default state when linked.
|
|
375
|
+
export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f57f6c'; // Used for the background of a danger badge in the hover state.
|
|
376
|
+
export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f57f6c'; // Used for the background of a danger badge in the focus state.
|
|
377
|
+
export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa'; // Used for the background of a danger badge in the active state.
|
|
378
378
|
export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger badge when static or the default state when linked.
|
|
379
|
-
export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#
|
|
379
|
+
export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa'; // Used for the border of a danger badge in the hover state.
|
|
380
380
|
export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger badge in the focus state.
|
|
381
381
|
export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger badge in the active state.
|
|
382
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#
|
|
383
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#
|
|
384
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#
|
|
385
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#
|
|
386
|
-
export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#
|
|
387
|
-
export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#
|
|
388
|
-
export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#
|
|
389
|
-
export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#
|
|
390
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#
|
|
391
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#
|
|
392
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#
|
|
393
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#
|
|
382
|
+
export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#4d0a00'; // Used for the text of a danger badge when static or the default state when linked.
|
|
383
|
+
export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#4d0a00'; // Used for the text of a danger badge in the hover state.
|
|
384
|
+
export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#4d0a00'; // Used for the text of a danger badge in the focus state.
|
|
385
|
+
export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#4d0a00'; // Used for the text of a danger badge in the active state.
|
|
386
|
+
export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#4d0a00'; // Used for the icon of a danger badge when static or the default state when linked.
|
|
387
|
+
export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#4d0a00'; // Used for the icon of a danger badge in the hover state.
|
|
388
|
+
export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#4d0a00'; // Used for the icon of a danger badge in the focus state.
|
|
389
|
+
export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#4d0a00'; // Used for the icon of a danger badge in the active state.
|
|
390
|
+
export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6'; // Used for the background of a tier related badge when static or the default state when linked.
|
|
391
|
+
export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6'; // Used for the background of a tier related badge in the hover state.
|
|
392
|
+
export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6'; // Used for the background of a tier related badge in the focus state.
|
|
393
|
+
export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2'; // Used for the background of a tier related badge in the active state.
|
|
394
394
|
export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a tier related badge when static or the default state when linked.
|
|
395
|
-
export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#
|
|
395
|
+
export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2'; // Used for the border of a tier related badge in the hover state.
|
|
396
396
|
export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a tier related badge in the focus state.
|
|
397
397
|
export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a tier related badge in the active state.
|
|
398
|
-
export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#
|
|
399
|
-
export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#
|
|
400
|
-
export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#
|
|
401
|
-
export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#
|
|
402
|
-
export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#
|
|
403
|
-
export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#
|
|
404
|
-
export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#
|
|
405
|
-
export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#
|
|
398
|
+
export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#232150'; // Used for the text of a tier related badge when static or the default state when linked.
|
|
399
|
+
export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#232150'; // Used for the text of a tier related badge in the hover state.
|
|
400
|
+
export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#232150'; // Used for the text of a tier related badge in the focus state.
|
|
401
|
+
export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#232150'; // Used for the text of a tier related badge in the active state.
|
|
402
|
+
export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#232150'; // Used for the icon of a tier related badge when static or the default state when linked.
|
|
403
|
+
export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#232150'; // Used for the icon of a tier related badge in the hover state.
|
|
404
|
+
export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#232150'; // Used for the icon of a tier related badge in the focus state.
|
|
405
|
+
export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#232150'; // Used for the icon of a tier related badge in the active state.
|
|
406
406
|
export const GL_BANNER_INTRO_BORDER_COLOR = '#1068bf'; // Used to compliment the info banner.
|
|
407
407
|
export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#28272d'; // Used as background for the default banner type.
|
|
408
408
|
export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
|
package/dist/tokens/js/tokens.js
CHANGED
|
@@ -383,10 +383,10 @@ export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#ae1800'; // Used for the tex
|
|
|
383
383
|
export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#8d1300'; // Used for the text of a danger badge in the hover state.
|
|
384
384
|
export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#8d1300'; // Used for the text of a danger badge in the focus state.
|
|
385
385
|
export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#660e00'; // Used for the text of a danger badge in the active state.
|
|
386
|
-
export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#
|
|
387
|
-
export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#
|
|
388
|
-
export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#
|
|
389
|
-
export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#
|
|
386
|
+
export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ae1800'; // Used for the icon of a danger badge when static or the default state when linked.
|
|
387
|
+
export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#8d1300'; // Used for the icon of a danger badge in the hover state.
|
|
388
|
+
export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#8d1300'; // Used for the icon of a danger badge in the focus state.
|
|
389
|
+
export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#660e00'; // Used for the icon of a danger badge in the active state.
|
|
390
390
|
export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1d8f9'; // Used for the background of a tier related badge when static or the default state when linked.
|
|
391
391
|
export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9'; // Used for the background of a tier related badge in the hover state.
|
|
392
392
|
export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9'; // Used for the background of a tier related badge in the focus state.
|
|
@@ -399,10 +399,10 @@ export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5943b6'; // Used for the text
|
|
|
399
399
|
export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#453894'; // Used for the text of a tier related badge in the hover state.
|
|
400
400
|
export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#453894'; // Used for the text of a tier related badge in the focus state.
|
|
401
401
|
export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#2f2a6b'; // Used for the text of a tier related badge in the active state.
|
|
402
|
-
export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#
|
|
403
|
-
export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#
|
|
404
|
-
export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#
|
|
405
|
-
export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#
|
|
402
|
+
export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5943b6'; // Used for the icon of a tier related badge when static or the default state when linked.
|
|
403
|
+
export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#453894'; // Used for the icon of a tier related badge in the hover state.
|
|
404
|
+
export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#453894'; // Used for the icon of a tier related badge in the focus state.
|
|
405
|
+
export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#2f2a6b'; // Used for the icon of a tier related badge in the active state.
|
|
406
406
|
export const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
|
|
407
407
|
export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
|
|
408
408
|
export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
|