@gitlab/ui 89.1.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 +20 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +105 -101
- package/dist/tokens/build/js/tokens.js +15 -11
- package/dist/tokens/css/tokens.css +13 -9
- package/dist/tokens/css/tokens.dark.css +75 -71
- package/dist/tokens/js/tokens.dark.js +104 -100
- package/dist/tokens/js/tokens.js +14 -10
- package/dist/tokens/json/tokens.dark.json +265 -186
- package/dist/tokens/json/tokens.json +175 -96
- package/dist/tokens/scss/_tokens.dark.scss +75 -71
- package/dist/tokens/scss/_tokens.scss +13 -9
- package/dist/tokens/scss/_tokens_custom_properties.scss +4 -0
- package/dist/tokens/tailwind/tokens.cjs +1 -0
- package/package.json +3 -3
- package/src/components/base/badge/badge.scss +65 -32
- package/src/components/base/datepicker/datepicker.scss +7 -2
- package/src/components/base/toggle/toggle.scss +8 -5
- package/src/tokens/build/css/tokens.css +13 -9
- package/src/tokens/build/css/tokens.dark.css +75 -71
- package/src/tokens/build/js/tokens.dark.js +104 -100
- package/src/tokens/build/js/tokens.js +14 -10
- package/src/tokens/build/json/tokens.dark.json +265 -186
- package/src/tokens/build/json/tokens.json +175 -96
- package/src/tokens/build/scss/_tokens.dark.scss +75 -71
- package/src/tokens/build/scss/_tokens.scss +13 -9
- package/src/tokens/build/scss/_tokens_custom_properties.scss +4 -0
- package/src/tokens/build/tailwind/tokens.cjs +1 -0
- package/src/tokens/color.alpha.tokens.json +4 -0
- package/src/tokens/contextual/badge.tokens.json +69 -69
- package/src/tokens/contextual/datepicker.tokens.json +10 -0
- package/src/tokens/control.tokens.json +24 -17
|
@@ -58,6 +58,7 @@ export const GL_COLOR_ALPHA_DARK_6 = 'rgba(05, 05, 06, 0.06)';
|
|
|
58
58
|
export const GL_COLOR_ALPHA_DARK_8 = 'rgba(05, 05, 06, 0.08)';
|
|
59
59
|
export const GL_COLOR_ALPHA_DARK_16 = 'rgba(05, 05, 06, 0.16)';
|
|
60
60
|
export const GL_COLOR_ALPHA_DARK_24 = 'rgba(05, 05, 06, 0.24)';
|
|
61
|
+
export const GL_COLOR_ALPHA_DARK_40 = 'rgba(05, 05, 06, 0.4)';
|
|
61
62
|
export const GL_COLOR_ALPHA_LIGHT_2 = 'rgba(255, 255, 255, 0.02)';
|
|
62
63
|
export const GL_COLOR_ALPHA_LIGHT_4 = 'rgba(255, 255, 255, 0.04)';
|
|
63
64
|
export const GL_COLOR_ALPHA_LIGHT_6 = 'rgba(255, 255, 255, 0.06)';
|
|
@@ -290,118 +291,118 @@ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d'; // Blue bac
|
|
|
290
291
|
export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d'; // Green background for avatar fallback with no particular meaning.
|
|
291
292
|
export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d'; // Orange background for avatar fallback with no particular meaning.
|
|
292
293
|
export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d'; // Neutral background for avatar fallback with no particular meaning.
|
|
293
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#
|
|
294
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#
|
|
295
|
-
export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#
|
|
296
|
-
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.
|
|
297
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.
|
|
298
|
-
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.
|
|
299
300
|
export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a muted badge in the focus state.
|
|
300
301
|
export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a muted badge in the active state.
|
|
301
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#
|
|
302
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#
|
|
303
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#
|
|
304
|
-
export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#
|
|
305
|
-
export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#
|
|
306
|
-
export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#
|
|
307
|
-
export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#
|
|
308
|
-
export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#
|
|
309
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#
|
|
310
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#
|
|
311
|
-
export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#
|
|
312
|
-
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.
|
|
313
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.
|
|
314
|
-
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.
|
|
315
316
|
export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral badge in the focus state.
|
|
316
317
|
export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral badge in the active state.
|
|
317
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#
|
|
318
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#
|
|
319
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#
|
|
320
|
-
export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#
|
|
321
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#
|
|
322
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#
|
|
323
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#
|
|
324
|
-
export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#
|
|
325
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#
|
|
326
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#
|
|
327
|
-
export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#
|
|
328
|
-
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.
|
|
329
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.
|
|
330
|
-
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.
|
|
331
332
|
export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an informational badge in the focus state.
|
|
332
333
|
export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an informational badge in the active state.
|
|
333
|
-
export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#
|
|
334
|
-
export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#
|
|
335
|
-
export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#
|
|
336
|
-
export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#
|
|
337
|
-
export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#
|
|
338
|
-
export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#
|
|
339
|
-
export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#
|
|
340
|
-
export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#
|
|
341
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#
|
|
342
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#
|
|
343
|
-
export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#
|
|
344
|
-
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.
|
|
345
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.
|
|
346
|
-
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.
|
|
347
348
|
export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a success badge in the focus state.
|
|
348
349
|
export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a success badge in the active state.
|
|
349
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#
|
|
350
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#
|
|
351
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#
|
|
352
|
-
export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#
|
|
353
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#
|
|
354
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#
|
|
355
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#
|
|
356
|
-
export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#
|
|
357
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#
|
|
358
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#
|
|
359
|
-
export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#
|
|
360
|
-
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.
|
|
361
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.
|
|
362
|
-
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.
|
|
363
364
|
export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a warning badge in the focus state.
|
|
364
365
|
export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a warning badge in the active state.
|
|
365
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#
|
|
366
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#
|
|
367
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#
|
|
368
|
-
export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#
|
|
369
|
-
export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#
|
|
370
|
-
export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#
|
|
371
|
-
export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#
|
|
372
|
-
export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#
|
|
373
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#
|
|
374
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#
|
|
375
|
-
export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#
|
|
376
|
-
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.
|
|
377
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.
|
|
378
|
-
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.
|
|
379
380
|
export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger badge in the focus state.
|
|
380
381
|
export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger badge in the active state.
|
|
381
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#
|
|
382
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#
|
|
383
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#
|
|
384
|
-
export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#
|
|
385
|
-
export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#
|
|
386
|
-
export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#
|
|
387
|
-
export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#
|
|
388
|
-
export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#
|
|
389
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#
|
|
390
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#
|
|
391
|
-
export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#
|
|
392
|
-
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.
|
|
393
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.
|
|
394
|
-
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.
|
|
395
396
|
export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a tier related badge in the focus state.
|
|
396
397
|
export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a tier related badge in the active state.
|
|
397
|
-
export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#
|
|
398
|
-
export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#
|
|
399
|
-
export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#
|
|
400
|
-
export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#
|
|
401
|
-
export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#
|
|
402
|
-
export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#
|
|
403
|
-
export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#
|
|
404
|
-
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.
|
|
405
406
|
export const GL_BANNER_INTRO_BORDER_COLOR = '#1068bf'; // Used to compliment the info banner.
|
|
406
407
|
export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#28272d'; // Used as background for the default banner type.
|
|
407
408
|
export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
|
|
@@ -524,7 +525,8 @@ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#a4a3a8'; // Used for the
|
|
|
524
525
|
export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled button.
|
|
525
526
|
export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#18171d'; // Used for the background of a disabled button.
|
|
526
527
|
export const GL_BUTTON_DISABLED_BORDER_COLOR = '#3a383f'; // Used for the border of a disabled button.
|
|
527
|
-
export const
|
|
528
|
+
export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d'; // Used for the background color of datepicker.
|
|
529
|
+
export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#18171d'; // Used for the datepicker date text color state indicators.
|
|
528
530
|
export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d'; // Used for the label text color on a light background color.
|
|
529
531
|
export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent'; // Used for the label remove button background on a light background color in the default state.
|
|
530
532
|
export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d'; // Used for the label remove button background on a light background color in the hover state.
|
|
@@ -546,23 +548,25 @@ export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#bfbfc3'; // Used for the anima
|
|
|
546
548
|
export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3'; // Used for the animated segment of a loading spinner on a dark background.
|
|
547
549
|
export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#28272d'; // Used for the background of a table row in hover state.
|
|
548
550
|
export const GL_TABLE_SORTING_ICON_COLOR = '#fff'; // Used for the color of the sorting icons in the column headers.
|
|
549
|
-
export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '
|
|
550
|
-
export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '
|
|
551
|
-
export const
|
|
551
|
+
export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)'; // Used for form control (input, radio button, checkbox, textarea) default background.
|
|
552
|
+
export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
|
|
553
|
+
export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)'; // Used for the background of static content that prepends or appends a text input.
|
|
554
|
+
export const GL_CONTROL_BACKGROUND_COLOR_READONLY = '#28272d'; // Used for the background of static content that prepends or appends a text input.
|
|
555
|
+
export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#63a6e9'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.
|
|
552
556
|
export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#9dc7f1'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
|
|
553
557
|
export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#9dc7f1'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
|
|
554
558
|
export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#737278'; // Used for form control (input, radio button, checkbox, textarea) default border.
|
|
555
559
|
export const GL_CONTROL_BORDER_COLOR_HOVER = '#a4a3a8'; // Used for form control (input, radio button, checkbox, textarea) border on hover.
|
|
556
560
|
export const GL_CONTROL_BORDER_COLOR_FOCUS = '#ececef'; // Used for form control (input, radio button, checkbox, textarea) border on focus.
|
|
557
561
|
export const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383f'; // Used for disabled form control (input, radio button, checkbox, textarea) border.
|
|
558
|
-
export const GL_CONTROL_BORDER_COLOR_ERROR = '#
|
|
562
|
+
export const GL_CONTROL_BORDER_COLOR_ERROR = '#f57f6c'; // Used for invalid form control (input, textarea) border.
|
|
559
563
|
export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#428fdc'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border.
|
|
560
564
|
export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#9dc7f1'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.
|
|
561
565
|
export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#9dc7f1'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.
|
|
562
|
-
export const GL_CONTROL_TEXT_COLOR_ERROR = '#
|
|
563
|
-
export const GL_CONTROL_TEXT_COLOR_VALID = '#
|
|
564
|
-
export const GL_CONTROL_PLACEHOLDER_COLOR = '#
|
|
565
|
-
export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#
|
|
566
|
+
export const GL_CONTROL_TEXT_COLOR_ERROR = '#f57f6c'; // Used for the helper text when the input is invalid.
|
|
567
|
+
export const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a'; // Used for the helper text when the input is valid.
|
|
568
|
+
export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d'; // Used for placeholder text within inputs.
|
|
569
|
+
export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#18171d'; // Used for checkbox and radio button state indicators.
|
|
566
570
|
export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#89888d'; // Used for disabled checkbox and radio button state indicators.
|
|
567
571
|
export const THEME_INDIGO_10 = '#14143d';
|
|
568
572
|
export const THEME_INDIGO_50 = '#222261';
|
|
@@ -58,6 +58,7 @@ export const GL_COLOR_ALPHA_DARK_6 = 'rgba(05, 05, 06, 0.06)';
|
|
|
58
58
|
export const GL_COLOR_ALPHA_DARK_8 = 'rgba(05, 05, 06, 0.08)';
|
|
59
59
|
export const GL_COLOR_ALPHA_DARK_16 = 'rgba(05, 05, 06, 0.16)';
|
|
60
60
|
export const GL_COLOR_ALPHA_DARK_24 = 'rgba(05, 05, 06, 0.24)';
|
|
61
|
+
export const GL_COLOR_ALPHA_DARK_40 = 'rgba(05, 05, 06, 0.4)';
|
|
61
62
|
export const GL_COLOR_ALPHA_LIGHT_2 = 'rgba(255, 255, 255, 0.02)';
|
|
62
63
|
export const GL_COLOR_ALPHA_LIGHT_4 = 'rgba(255, 255, 255, 0.04)';
|
|
63
64
|
export const GL_COLOR_ALPHA_LIGHT_6 = 'rgba(255, 255, 255, 0.06)';
|
|
@@ -382,10 +383,10 @@ export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#ae1800'; // Used for the tex
|
|
|
382
383
|
export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#8d1300'; // Used for the text of a danger badge in the hover state.
|
|
383
384
|
export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#8d1300'; // Used for the text of a danger badge in the focus state.
|
|
384
385
|
export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#660e00'; // Used for the text of a danger badge in the active state.
|
|
385
|
-
export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#
|
|
386
|
-
export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#
|
|
387
|
-
export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#
|
|
388
|
-
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.
|
|
389
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.
|
|
390
391
|
export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9'; // Used for the background of a tier related badge in the hover state.
|
|
391
392
|
export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9'; // Used for the background of a tier related badge in the focus state.
|
|
@@ -398,10 +399,10 @@ export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5943b6'; // Used for the text
|
|
|
398
399
|
export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#453894'; // Used for the text of a tier related badge in the hover state.
|
|
399
400
|
export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#453894'; // Used for the text of a tier related badge in the focus state.
|
|
400
401
|
export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#2f2a6b'; // Used for the text of a tier related badge in the active state.
|
|
401
|
-
export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#
|
|
402
|
-
export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#
|
|
403
|
-
export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#
|
|
404
|
-
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.
|
|
405
406
|
export const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
|
|
406
407
|
export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
|
|
407
408
|
export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
|
|
@@ -524,6 +525,7 @@ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the
|
|
|
524
525
|
export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled button.
|
|
525
526
|
export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd'; // Used for the background of a disabled button.
|
|
526
527
|
export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled button.
|
|
528
|
+
export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff'; // Used for the background color of datepicker.
|
|
527
529
|
export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#fff'; // Used for the datepicker date text color state indicators.
|
|
528
530
|
export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d'; // Used for the label text color on a light background color.
|
|
529
531
|
export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent'; // Used for the label remove button background on a light background color in the default state.
|
|
@@ -548,6 +550,8 @@ export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#fbfafd'; // Used for the ba
|
|
|
548
550
|
export const GL_TABLE_SORTING_ICON_COLOR = '#18171d'; // Used for the color of the sorting icons in the column headers.
|
|
549
551
|
export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for form control (input, radio button, checkbox, textarea) default background.
|
|
550
552
|
export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
|
|
553
|
+
export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd'; // Used for the background of static content that prepends or appends a text input.
|
|
554
|
+
export const GL_CONTROL_BACKGROUND_COLOR_READONLY = '#fbfafd'; // Used for the background of static content that prepends or appends a text input.
|
|
551
555
|
export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.
|
|
552
556
|
export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
|
|
553
557
|
export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
|
|
@@ -559,8 +563,8 @@ export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e'; // Used for invalid form
|
|
|
559
563
|
export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border.
|
|
560
564
|
export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.
|
|
561
565
|
export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#0b5cad'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.
|
|
562
|
-
export const GL_CONTROL_TEXT_COLOR_ERROR = '#
|
|
563
|
-
export const GL_CONTROL_TEXT_COLOR_VALID = '#
|
|
566
|
+
export const GL_CONTROL_TEXT_COLOR_ERROR = '#c91c00'; // Used for the helper text when the input is invalid.
|
|
567
|
+
export const GL_CONTROL_TEXT_COLOR_VALID = '#217645'; // Used for the helper text when the input is valid.
|
|
564
568
|
export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d'; // Used for placeholder text within inputs.
|
|
565
569
|
export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff'; // Used for checkbox and radio button state indicators.
|
|
566
570
|
export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278'; // Used for disabled checkbox and radio button state indicators.
|