@gitlab/ui 112.2.3 → 112.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 +7 -0
- package/dist/components/base/nav/nav.js +89 -5
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tokens/build/js/tokens.dark.js +80 -80
- package/dist/tokens/build/js/tokens.js +179 -179
- package/dist/tokens/css/tokens.css +50 -50
- package/dist/tokens/css/tokens.dark.css +25 -25
- package/dist/tokens/js/tokens.dark.js +80 -80
- package/dist/tokens/js/tokens.js +179 -179
- package/dist/tokens/json/tokens.dark.json +130 -130
- package/dist/tokens/json/tokens.json +229 -229
- package/dist/tokens/scss/_tokens.dark.scss +25 -25
- package/dist/tokens/scss/_tokens.scss +50 -50
- package/dist/tokens/tailwind/tokens.cjs +47 -47
- package/package.json +2 -2
- package/src/components/base/nav/nav.md +182 -4
- package/src/components/base/nav/nav.vue +60 -7
- package/src/tokens/build/css/tokens.css +50 -50
- package/src/tokens/build/css/tokens.dark.css +25 -25
- package/src/tokens/build/figma/constants.tokens.json +25 -25
- package/src/tokens/build/figma/deprecated.tokens.json +25 -25
- package/src/tokens/build/js/tokens.dark.js +80 -80
- package/src/tokens/build/js/tokens.js +179 -179
- package/src/tokens/build/json/tokens.dark.json +130 -130
- package/src/tokens/build/json/tokens.json +229 -229
- package/src/tokens/build/scss/_tokens.dark.scss +25 -25
- package/src/tokens/build/scss/_tokens.scss +50 -50
- package/src/tokens/build/tailwind/tokens.cjs +47 -47
- package/src/tokens/constant/color.tokens.json +25 -25
- package/src/tokens/deprecated/deprecated.color.tokens.json +25 -25
|
@@ -22,11 +22,11 @@ $gl-color-blue-200: #9dc7f1;
|
|
|
22
22
|
$gl-color-blue-300: #63a6e9;
|
|
23
23
|
$gl-color-blue-400: #428fdc;
|
|
24
24
|
$gl-color-blue-500: #1f75cb;
|
|
25
|
-
$gl-color-blue-600: #
|
|
26
|
-
$gl-color-blue-700: #
|
|
27
|
-
$gl-color-blue-800: #
|
|
28
|
-
$gl-color-blue-900: #
|
|
29
|
-
$gl-color-blue-950: #
|
|
25
|
+
$gl-color-blue-600: #2f68b4;
|
|
26
|
+
$gl-color-blue-700: #2f5ca0;
|
|
27
|
+
$gl-color-blue-800: #284779;
|
|
28
|
+
$gl-color-blue-900: #213454;
|
|
29
|
+
$gl-color-blue-950: #1d283e;
|
|
30
30
|
$gl-color-neutral-0: #fff;
|
|
31
31
|
$gl-color-neutral-10: #fbfafd;
|
|
32
32
|
$gl-color-neutral-50: #ececef;
|
|
@@ -47,44 +47,44 @@ $gl-color-green-200: #91d4a8;
|
|
|
47
47
|
$gl-color-green-300: #52b87a;
|
|
48
48
|
$gl-color-green-400: #2da160;
|
|
49
49
|
$gl-color-green-500: #108548;
|
|
50
|
-
$gl-color-green-600: #
|
|
51
|
-
$gl-color-green-700: #
|
|
52
|
-
$gl-color-green-800: #
|
|
53
|
-
$gl-color-green-900: #
|
|
54
|
-
$gl-color-green-950: #
|
|
50
|
+
$gl-color-green-600: #2f7549;
|
|
51
|
+
$gl-color-green-700: #306440;
|
|
52
|
+
$gl-color-green-800: #225131;
|
|
53
|
+
$gl-color-green-900: #1e3e28;
|
|
54
|
+
$gl-color-green-950: #17291c;
|
|
55
55
|
$gl-color-orange-50: #fdf1dd;
|
|
56
56
|
$gl-color-orange-100: #f5d9a8;
|
|
57
57
|
$gl-color-orange-200: #e9be74;
|
|
58
58
|
$gl-color-orange-300: #d99530;
|
|
59
59
|
$gl-color-orange-400: #c17d10;
|
|
60
60
|
$gl-color-orange-500: #ab6100;
|
|
61
|
-
$gl-color-orange-600: #
|
|
62
|
-
$gl-color-orange-700: #
|
|
63
|
-
$gl-color-orange-800: #
|
|
64
|
-
$gl-color-orange-900: #
|
|
65
|
-
$gl-color-orange-950: #
|
|
61
|
+
$gl-color-orange-600: #995715;
|
|
62
|
+
$gl-color-orange-700: #894b16;
|
|
63
|
+
$gl-color-orange-800: #693c14;
|
|
64
|
+
$gl-color-orange-900: #532e16;
|
|
65
|
+
$gl-color-orange-950: #382315;
|
|
66
66
|
$gl-color-purple-50: #f4f0ff;
|
|
67
67
|
$gl-color-purple-100: #e1d8f9;
|
|
68
68
|
$gl-color-purple-200: #cbbbf2;
|
|
69
69
|
$gl-color-purple-300: #ac93e6;
|
|
70
70
|
$gl-color-purple-400: #9475db;
|
|
71
71
|
$gl-color-purple-500: #7b58cf;
|
|
72
|
-
$gl-color-purple-600: #
|
|
73
|
-
$gl-color-purple-700: #
|
|
74
|
-
$gl-color-purple-800: #
|
|
75
|
-
$gl-color-purple-900: #
|
|
76
|
-
$gl-color-purple-950: #
|
|
72
|
+
$gl-color-purple-600: #6a4fb4;
|
|
73
|
+
$gl-color-purple-700: #5c47a6;
|
|
74
|
+
$gl-color-purple-800: #493c83;
|
|
75
|
+
$gl-color-purple-900: #342d59;
|
|
76
|
+
$gl-color-purple-950: #27243e;
|
|
77
77
|
$gl-color-red-50: #fcf1ef;
|
|
78
78
|
$gl-color-red-100: #fdd4cd;
|
|
79
79
|
$gl-color-red-200: #fcb5aa;
|
|
80
80
|
$gl-color-red-300: #f6806d;
|
|
81
81
|
$gl-color-red-400: #ec5941;
|
|
82
82
|
$gl-color-red-500: #dd2b0e;
|
|
83
|
-
$gl-color-red-600: #
|
|
84
|
-
$gl-color-red-700: #
|
|
85
|
-
$gl-color-red-800: #
|
|
86
|
-
$gl-color-red-900: #
|
|
87
|
-
$gl-color-red-950: #
|
|
83
|
+
$gl-color-red-600: #c02f12;
|
|
84
|
+
$gl-color-red-700: #a32c12;
|
|
85
|
+
$gl-color-red-800: #812713;
|
|
86
|
+
$gl-color-red-900: #582014;
|
|
87
|
+
$gl-color-red-950: #3e1a14;
|
|
88
88
|
$gl-color-data-green-50: #ddfab7;
|
|
89
89
|
$gl-color-data-green-100: #c6ed94;
|
|
90
90
|
$gl-color-data-green-200: #b0d97b;
|
|
@@ -22,11 +22,11 @@ $gl-color-blue-200: #9dc7f1;
|
|
|
22
22
|
$gl-color-blue-300: #63a6e9;
|
|
23
23
|
$gl-color-blue-400: #428fdc;
|
|
24
24
|
$gl-color-blue-500: #1f75cb;
|
|
25
|
-
$gl-color-blue-600: #
|
|
26
|
-
$gl-color-blue-700: #
|
|
27
|
-
$gl-color-blue-800: #
|
|
28
|
-
$gl-color-blue-900: #
|
|
29
|
-
$gl-color-blue-950: #
|
|
25
|
+
$gl-color-blue-600: #2f68b4;
|
|
26
|
+
$gl-color-blue-700: #2f5ca0;
|
|
27
|
+
$gl-color-blue-800: #284779;
|
|
28
|
+
$gl-color-blue-900: #213454;
|
|
29
|
+
$gl-color-blue-950: #1d283e;
|
|
30
30
|
$gl-color-neutral-0: #fff;
|
|
31
31
|
$gl-color-neutral-10: #fbfafd;
|
|
32
32
|
$gl-color-neutral-50: #ececef;
|
|
@@ -47,44 +47,44 @@ $gl-color-green-200: #91d4a8;
|
|
|
47
47
|
$gl-color-green-300: #52b87a;
|
|
48
48
|
$gl-color-green-400: #2da160;
|
|
49
49
|
$gl-color-green-500: #108548;
|
|
50
|
-
$gl-color-green-600: #
|
|
51
|
-
$gl-color-green-700: #
|
|
52
|
-
$gl-color-green-800: #
|
|
53
|
-
$gl-color-green-900: #
|
|
54
|
-
$gl-color-green-950: #
|
|
50
|
+
$gl-color-green-600: #2f7549;
|
|
51
|
+
$gl-color-green-700: #306440;
|
|
52
|
+
$gl-color-green-800: #225131;
|
|
53
|
+
$gl-color-green-900: #1e3e28;
|
|
54
|
+
$gl-color-green-950: #17291c;
|
|
55
55
|
$gl-color-orange-50: #fdf1dd;
|
|
56
56
|
$gl-color-orange-100: #f5d9a8;
|
|
57
57
|
$gl-color-orange-200: #e9be74;
|
|
58
58
|
$gl-color-orange-300: #d99530;
|
|
59
59
|
$gl-color-orange-400: #c17d10;
|
|
60
60
|
$gl-color-orange-500: #ab6100;
|
|
61
|
-
$gl-color-orange-600: #
|
|
62
|
-
$gl-color-orange-700: #
|
|
63
|
-
$gl-color-orange-800: #
|
|
64
|
-
$gl-color-orange-900: #
|
|
65
|
-
$gl-color-orange-950: #
|
|
61
|
+
$gl-color-orange-600: #995715;
|
|
62
|
+
$gl-color-orange-700: #894b16;
|
|
63
|
+
$gl-color-orange-800: #693c14;
|
|
64
|
+
$gl-color-orange-900: #532e16;
|
|
65
|
+
$gl-color-orange-950: #382315;
|
|
66
66
|
$gl-color-purple-50: #f4f0ff;
|
|
67
67
|
$gl-color-purple-100: #e1d8f9;
|
|
68
68
|
$gl-color-purple-200: #cbbbf2;
|
|
69
69
|
$gl-color-purple-300: #ac93e6;
|
|
70
70
|
$gl-color-purple-400: #9475db;
|
|
71
71
|
$gl-color-purple-500: #7b58cf;
|
|
72
|
-
$gl-color-purple-600: #
|
|
73
|
-
$gl-color-purple-700: #
|
|
74
|
-
$gl-color-purple-800: #
|
|
75
|
-
$gl-color-purple-900: #
|
|
76
|
-
$gl-color-purple-950: #
|
|
72
|
+
$gl-color-purple-600: #6a4fb4;
|
|
73
|
+
$gl-color-purple-700: #5c47a6;
|
|
74
|
+
$gl-color-purple-800: #493c83;
|
|
75
|
+
$gl-color-purple-900: #342d59;
|
|
76
|
+
$gl-color-purple-950: #27243e;
|
|
77
77
|
$gl-color-red-50: #fcf1ef;
|
|
78
78
|
$gl-color-red-100: #fdd4cd;
|
|
79
79
|
$gl-color-red-200: #fcb5aa;
|
|
80
80
|
$gl-color-red-300: #f6806d;
|
|
81
81
|
$gl-color-red-400: #ec5941;
|
|
82
82
|
$gl-color-red-500: #dd2b0e;
|
|
83
|
-
$gl-color-red-600: #
|
|
84
|
-
$gl-color-red-700: #
|
|
85
|
-
$gl-color-red-800: #
|
|
86
|
-
$gl-color-red-900: #
|
|
87
|
-
$gl-color-red-950: #
|
|
83
|
+
$gl-color-red-600: #c02f12;
|
|
84
|
+
$gl-color-red-700: #a32c12;
|
|
85
|
+
$gl-color-red-800: #812713;
|
|
86
|
+
$gl-color-red-900: #582014;
|
|
87
|
+
$gl-color-red-950: #3e1a14;
|
|
88
88
|
$gl-color-data-green-50: #ddfab7;
|
|
89
89
|
$gl-color-data-green-100: #c6ed94;
|
|
90
90
|
$gl-color-data-green-200: #b0d97b;
|
|
@@ -411,11 +411,11 @@ $blue-200: #9dc7f1 !default;
|
|
|
411
411
|
$blue-300: #63a6e9 !default;
|
|
412
412
|
$blue-400: #428fdc !default;
|
|
413
413
|
$blue-500: #1f75cb !default;
|
|
414
|
-
$blue-600: #
|
|
415
|
-
$blue-700: #
|
|
416
|
-
$blue-800: #
|
|
417
|
-
$blue-900: #
|
|
418
|
-
$blue-950: #
|
|
414
|
+
$blue-600: #2f68b4 !default;
|
|
415
|
+
$blue-700: #2f5ca0 !default;
|
|
416
|
+
$blue-800: #284779 !default;
|
|
417
|
+
$blue-900: #213454 !default;
|
|
418
|
+
$blue-950: #1d283e !default;
|
|
419
419
|
$gray-10: #fbfafd !default;
|
|
420
420
|
$gray-50: #ececef !default;
|
|
421
421
|
$gray-100: #dcdcde !default;
|
|
@@ -434,44 +434,44 @@ $green-200: #91d4a8 !default;
|
|
|
434
434
|
$green-300: #52b87a !default;
|
|
435
435
|
$green-400: #2da160 !default;
|
|
436
436
|
$green-500: #108548 !default;
|
|
437
|
-
$green-600: #
|
|
438
|
-
$green-700: #
|
|
439
|
-
$green-800: #
|
|
440
|
-
$green-900: #
|
|
441
|
-
$green-950: #
|
|
437
|
+
$green-600: #2f7549 !default;
|
|
438
|
+
$green-700: #306440 !default;
|
|
439
|
+
$green-800: #225131 !default;
|
|
440
|
+
$green-900: #1e3e28 !default;
|
|
441
|
+
$green-950: #17291c !default;
|
|
442
442
|
$orange-50: #fdf1dd !default;
|
|
443
443
|
$orange-100: #f5d9a8 !default;
|
|
444
444
|
$orange-200: #e9be74 !default;
|
|
445
445
|
$orange-300: #d99530 !default;
|
|
446
446
|
$orange-400: #c17d10 !default;
|
|
447
447
|
$orange-500: #ab6100 !default;
|
|
448
|
-
$orange-600: #
|
|
449
|
-
$orange-700: #
|
|
450
|
-
$orange-800: #
|
|
451
|
-
$orange-900: #
|
|
452
|
-
$orange-950: #
|
|
448
|
+
$orange-600: #995715 !default;
|
|
449
|
+
$orange-700: #894b16 !default;
|
|
450
|
+
$orange-800: #693c14 !default;
|
|
451
|
+
$orange-900: #532e16 !default;
|
|
452
|
+
$orange-950: #382315 !default;
|
|
453
453
|
$purple-50: #f4f0ff !default;
|
|
454
454
|
$purple-100: #e1d8f9 !default;
|
|
455
455
|
$purple-200: #cbbbf2 !default;
|
|
456
456
|
$purple-300: #ac93e6 !default;
|
|
457
457
|
$purple-400: #9475db !default;
|
|
458
458
|
$purple-500: #7b58cf !default;
|
|
459
|
-
$purple-600: #
|
|
460
|
-
$purple-700: #
|
|
461
|
-
$purple-800: #
|
|
462
|
-
$purple-900: #
|
|
463
|
-
$purple-950: #
|
|
459
|
+
$purple-600: #6a4fb4 !default;
|
|
460
|
+
$purple-700: #5c47a6 !default;
|
|
461
|
+
$purple-800: #493c83 !default;
|
|
462
|
+
$purple-900: #342d59 !default;
|
|
463
|
+
$purple-950: #27243e !default;
|
|
464
464
|
$red-50: #fcf1ef !default;
|
|
465
465
|
$red-100: #fdd4cd !default;
|
|
466
466
|
$red-200: #fcb5aa !default;
|
|
467
467
|
$red-300: #f57f6c !default;
|
|
468
468
|
$red-400: #ec5941 !default;
|
|
469
469
|
$red-500: #dd2b0e !default;
|
|
470
|
-
$red-600: #
|
|
471
|
-
$red-700: #
|
|
472
|
-
$red-800: #
|
|
473
|
-
$red-900: #
|
|
474
|
-
$red-950: #
|
|
470
|
+
$red-600: #c02f12 !default;
|
|
471
|
+
$red-700: #a32c12 !default;
|
|
472
|
+
$red-800: #812713 !default;
|
|
473
|
+
$red-900: #582014 !default;
|
|
474
|
+
$red-950: #3e1a14 !default;
|
|
475
475
|
$brand-charcoal: #171321 !default; // Use color.brand-charcoal instead.
|
|
476
476
|
$brand-orange-01: #fca326 !default; // Use color.brand-orange.01p instead.
|
|
477
477
|
$brand-orange-02: #fc6d26 !default; // Use color.brand-orange.02p instead.
|
|
@@ -9,11 +9,11 @@ const baseColors = {
|
|
|
9
9
|
'blue-300': 'var(--blue-300, #63a6e9)',
|
|
10
10
|
'blue-400': 'var(--blue-400, #428fdc)',
|
|
11
11
|
'blue-500': 'var(--blue-500, #1f75cb)',
|
|
12
|
-
'blue-600': 'var(--blue-600, #
|
|
13
|
-
'blue-700': 'var(--blue-700, #
|
|
14
|
-
'blue-800': 'var(--blue-800, #
|
|
15
|
-
'blue-900': 'var(--blue-900, #
|
|
16
|
-
'blue-950': 'var(--blue-950, #
|
|
12
|
+
'blue-600': 'var(--blue-600, #2f68b4)',
|
|
13
|
+
'blue-700': 'var(--blue-700, #2f5ca0)',
|
|
14
|
+
'blue-800': 'var(--blue-800, #284779)',
|
|
15
|
+
'blue-900': 'var(--blue-900, #213454)',
|
|
16
|
+
'blue-950': 'var(--blue-950, #1d283e)',
|
|
17
17
|
'gray-10': 'var(--gray-10, #fbfafd)',
|
|
18
18
|
'gray-50': 'var(--gray-50, #ececef)',
|
|
19
19
|
'gray-100': 'var(--gray-100, #dcdcde)',
|
|
@@ -32,44 +32,44 @@ const baseColors = {
|
|
|
32
32
|
'green-300': 'var(--green-300, #52b87a)',
|
|
33
33
|
'green-400': 'var(--green-400, #2da160)',
|
|
34
34
|
'green-500': 'var(--green-500, #108548)',
|
|
35
|
-
'green-600': 'var(--green-600, #
|
|
36
|
-
'green-700': 'var(--green-700, #
|
|
37
|
-
'green-800': 'var(--green-800, #
|
|
38
|
-
'green-900': 'var(--green-900, #
|
|
39
|
-
'green-950': 'var(--green-950, #
|
|
35
|
+
'green-600': 'var(--green-600, #2f7549)',
|
|
36
|
+
'green-700': 'var(--green-700, #306440)',
|
|
37
|
+
'green-800': 'var(--green-800, #225131)',
|
|
38
|
+
'green-900': 'var(--green-900, #1e3e28)',
|
|
39
|
+
'green-950': 'var(--green-950, #17291c)',
|
|
40
40
|
'orange-50': 'var(--orange-50, #fdf1dd)',
|
|
41
41
|
'orange-100': 'var(--orange-100, #f5d9a8)',
|
|
42
42
|
'orange-200': 'var(--orange-200, #e9be74)',
|
|
43
43
|
'orange-300': 'var(--orange-300, #d99530)',
|
|
44
44
|
'orange-400': 'var(--orange-400, #c17d10)',
|
|
45
45
|
'orange-500': 'var(--orange-500, #ab6100)',
|
|
46
|
-
'orange-600': 'var(--orange-600, #
|
|
47
|
-
'orange-700': 'var(--orange-700, #
|
|
48
|
-
'orange-800': 'var(--orange-800, #
|
|
49
|
-
'orange-900': 'var(--orange-900, #
|
|
50
|
-
'orange-950': 'var(--orange-950, #
|
|
46
|
+
'orange-600': 'var(--orange-600, #995715)',
|
|
47
|
+
'orange-700': 'var(--orange-700, #894b16)',
|
|
48
|
+
'orange-800': 'var(--orange-800, #693c14)',
|
|
49
|
+
'orange-900': 'var(--orange-900, #532e16)',
|
|
50
|
+
'orange-950': 'var(--orange-950, #382315)',
|
|
51
51
|
'purple-50': 'var(--purple-50, #f4f0ff)',
|
|
52
52
|
'purple-100': 'var(--purple-100, #e1d8f9)',
|
|
53
53
|
'purple-200': 'var(--purple-200, #cbbbf2)',
|
|
54
54
|
'purple-300': 'var(--purple-300, #ac93e6)',
|
|
55
55
|
'purple-400': 'var(--purple-400, #9475db)',
|
|
56
56
|
'purple-500': 'var(--purple-500, #7b58cf)',
|
|
57
|
-
'purple-600': 'var(--purple-600, #
|
|
58
|
-
'purple-700': 'var(--purple-700, #
|
|
59
|
-
'purple-800': 'var(--purple-800, #
|
|
60
|
-
'purple-900': 'var(--purple-900, #
|
|
61
|
-
'purple-950': 'var(--purple-950, #
|
|
57
|
+
'purple-600': 'var(--purple-600, #6a4fb4)',
|
|
58
|
+
'purple-700': 'var(--purple-700, #5c47a6)',
|
|
59
|
+
'purple-800': 'var(--purple-800, #493c83)',
|
|
60
|
+
'purple-900': 'var(--purple-900, #342d59)',
|
|
61
|
+
'purple-950': 'var(--purple-950, #27243e)',
|
|
62
62
|
'red-50': 'var(--red-50, #fcf1ef)',
|
|
63
63
|
'red-100': 'var(--red-100, #fdd4cd)',
|
|
64
64
|
'red-200': 'var(--red-200, #fcb5aa)',
|
|
65
65
|
'red-300': 'var(--red-300, #f57f6c)',
|
|
66
66
|
'red-400': 'var(--red-400, #ec5941)',
|
|
67
67
|
'red-500': 'var(--red-500, #dd2b0e)',
|
|
68
|
-
'red-600': 'var(--red-600, #
|
|
69
|
-
'red-700': 'var(--red-700, #
|
|
70
|
-
'red-800': 'var(--red-800, #
|
|
71
|
-
'red-900': 'var(--red-900, #
|
|
72
|
-
'red-950': 'var(--red-950, #
|
|
68
|
+
'red-600': 'var(--red-600, #c02f12)',
|
|
69
|
+
'red-700': 'var(--red-700, #a32c12)',
|
|
70
|
+
'red-800': 'var(--red-800, #812713)',
|
|
71
|
+
'red-900': 'var(--red-900, #582014)',
|
|
72
|
+
'red-950': 'var(--red-950, #3e1a14)',
|
|
73
73
|
};
|
|
74
74
|
const themeColors = {
|
|
75
75
|
'theme-indigo-10': 'var(--theme-indigo-10, #f8f8ff)',
|
|
@@ -223,10 +223,10 @@ const textColors = {
|
|
|
223
223
|
subtle: 'var(--gl-text-color-subtle, var(--gl-color-neutral-600, #626168))',
|
|
224
224
|
strong: 'var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))',
|
|
225
225
|
heading: 'var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))',
|
|
226
|
-
link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #
|
|
227
|
-
warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #
|
|
228
|
-
danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #
|
|
229
|
-
success: 'var(--gl-text-color-success, var(--gl-color-green-600, #
|
|
226
|
+
link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #2f5ca0))',
|
|
227
|
+
warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #995715))',
|
|
228
|
+
danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c02f12))',
|
|
229
|
+
success: 'var(--gl-text-color-success, var(--gl-color-green-600, #2f7549))',
|
|
230
230
|
disabled: 'var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))',
|
|
231
231
|
};
|
|
232
232
|
const backgroundColors = {
|
|
@@ -251,11 +251,11 @@ const iconColors = {
|
|
|
251
251
|
subtle: 'var(--gl-icon-color-subtle, var(--gl-text-color-subtle, #626168))',
|
|
252
252
|
strong: 'var(--gl-icon-color-strong, var(--gl-text-color-strong, #18171d))',
|
|
253
253
|
disabled: 'var(--gl-icon-color-disabled, var(--gl-text-color-disabled, #89888d))',
|
|
254
|
-
link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #
|
|
255
|
-
info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #
|
|
256
|
-
warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #
|
|
257
|
-
danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #
|
|
258
|
-
success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #
|
|
254
|
+
link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #2f5ca0))',
|
|
255
|
+
info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #2f5ca0))',
|
|
256
|
+
warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #995715))',
|
|
257
|
+
danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #c02f12))',
|
|
258
|
+
success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #2f7549))',
|
|
259
259
|
};
|
|
260
260
|
const alphaDarkColors = {
|
|
261
261
|
2: 'var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))',
|
|
@@ -310,11 +310,11 @@ const statusBackgroundColors = {
|
|
|
310
310
|
};
|
|
311
311
|
const statusTextColors = {
|
|
312
312
|
'status-neutral': 'var(--gl-status-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
|
|
313
|
-
'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #
|
|
314
|
-
'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #
|
|
315
|
-
'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #
|
|
316
|
-
'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #
|
|
317
|
-
'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #
|
|
313
|
+
'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
|
|
314
|
+
'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #306440))',
|
|
315
|
+
'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #894b16))',
|
|
316
|
+
'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #a32c12))',
|
|
317
|
+
'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #5c47a6))',
|
|
318
318
|
};
|
|
319
319
|
const statusIconColors = {
|
|
320
320
|
'status-neutral': 'var(--gl-status-neutral-icon-color, var(--gl-color-neutral-500, #737278))',
|
|
@@ -339,18 +339,18 @@ const feedbackBackgroundColors = {
|
|
|
339
339
|
const feedbackTextColors = {
|
|
340
340
|
'feedback-strong': 'var(--gl-feedback-strong-text-color, var(--gl-color-neutral-0, #fff))',
|
|
341
341
|
'feedback-neutral': 'var(--gl-feedback-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
|
|
342
|
-
'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #
|
|
343
|
-
'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #
|
|
344
|
-
'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #
|
|
345
|
-
'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #
|
|
342
|
+
'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
|
|
343
|
+
'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #306440))',
|
|
344
|
+
'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #894b16))',
|
|
345
|
+
'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #a32c12))',
|
|
346
346
|
};
|
|
347
347
|
const feedbackIconColors = {
|
|
348
348
|
'feedback-strong': 'var(--gl-feedback-strong-icon-color, var(--gl-color-neutral-0, #fff))',
|
|
349
349
|
'feedback-neutral': 'var(--gl-feedback-neutral-icon-color, var(--gl-color-neutral-600, #626168))',
|
|
350
|
-
'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #
|
|
351
|
-
'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #
|
|
352
|
-
'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #
|
|
353
|
-
'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #
|
|
350
|
+
'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #2f68b4))',
|
|
351
|
+
'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #2f7549))',
|
|
352
|
+
'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #995715))',
|
|
353
|
+
'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c02f12))',
|
|
354
354
|
};
|
|
355
355
|
|
|
356
356
|
const colors = {
|
|
@@ -26,23 +26,23 @@
|
|
|
26
26
|
"$type": "color"
|
|
27
27
|
},
|
|
28
28
|
"600": {
|
|
29
|
-
"$value": "#
|
|
29
|
+
"$value": "#2f68b4",
|
|
30
30
|
"$type": "color"
|
|
31
31
|
},
|
|
32
32
|
"700": {
|
|
33
|
-
"$value": "#
|
|
33
|
+
"$value": "#2f5ca0",
|
|
34
34
|
"$type": "color"
|
|
35
35
|
},
|
|
36
36
|
"800": {
|
|
37
|
-
"$value": "#
|
|
37
|
+
"$value": "#284779",
|
|
38
38
|
"$type": "color"
|
|
39
39
|
},
|
|
40
40
|
"900": {
|
|
41
|
-
"$value": "#
|
|
41
|
+
"$value": "#213454",
|
|
42
42
|
"$type": "color"
|
|
43
43
|
},
|
|
44
44
|
"950": {
|
|
45
|
-
"$value": "#
|
|
45
|
+
"$value": "#1d283e",
|
|
46
46
|
"$type": "color"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
@@ -130,23 +130,23 @@
|
|
|
130
130
|
"$type": "color"
|
|
131
131
|
},
|
|
132
132
|
"600": {
|
|
133
|
-
"$value": "#
|
|
133
|
+
"$value": "#2f7549",
|
|
134
134
|
"$type": "color"
|
|
135
135
|
},
|
|
136
136
|
"700": {
|
|
137
|
-
"$value": "#
|
|
137
|
+
"$value": "#306440",
|
|
138
138
|
"$type": "color"
|
|
139
139
|
},
|
|
140
140
|
"800": {
|
|
141
|
-
"$value": "#
|
|
141
|
+
"$value": "#225131",
|
|
142
142
|
"$type": "color"
|
|
143
143
|
},
|
|
144
144
|
"900": {
|
|
145
|
-
"$value": "#
|
|
145
|
+
"$value": "#1e3e28",
|
|
146
146
|
"$type": "color"
|
|
147
147
|
},
|
|
148
148
|
"950": {
|
|
149
|
-
"$value": "#
|
|
149
|
+
"$value": "#17291c",
|
|
150
150
|
"$type": "color"
|
|
151
151
|
}
|
|
152
152
|
},
|
|
@@ -176,23 +176,23 @@
|
|
|
176
176
|
"$type": "color"
|
|
177
177
|
},
|
|
178
178
|
"600": {
|
|
179
|
-
"$value": "#
|
|
179
|
+
"$value": "#995715",
|
|
180
180
|
"$type": "color"
|
|
181
181
|
},
|
|
182
182
|
"700": {
|
|
183
|
-
"$value": "#
|
|
183
|
+
"$value": "#894b16",
|
|
184
184
|
"$type": "color"
|
|
185
185
|
},
|
|
186
186
|
"800": {
|
|
187
|
-
"$value": "#
|
|
187
|
+
"$value": "#693c14",
|
|
188
188
|
"$type": "color"
|
|
189
189
|
},
|
|
190
190
|
"900": {
|
|
191
|
-
"$value": "#
|
|
191
|
+
"$value": "#532e16",
|
|
192
192
|
"$type": "color"
|
|
193
193
|
},
|
|
194
194
|
"950": {
|
|
195
|
-
"$value": "#
|
|
195
|
+
"$value": "#382315",
|
|
196
196
|
"$type": "color"
|
|
197
197
|
}
|
|
198
198
|
},
|
|
@@ -222,23 +222,23 @@
|
|
|
222
222
|
"$type": "color"
|
|
223
223
|
},
|
|
224
224
|
"600": {
|
|
225
|
-
"$value": "#
|
|
225
|
+
"$value": "#6a4fb4",
|
|
226
226
|
"$type": "color"
|
|
227
227
|
},
|
|
228
228
|
"700": {
|
|
229
|
-
"$value": "#
|
|
229
|
+
"$value": "#5c47a6",
|
|
230
230
|
"$type": "color"
|
|
231
231
|
},
|
|
232
232
|
"800": {
|
|
233
|
-
"$value": "#
|
|
233
|
+
"$value": "#493c83",
|
|
234
234
|
"$type": "color"
|
|
235
235
|
},
|
|
236
236
|
"900": {
|
|
237
|
-
"$value": "#
|
|
237
|
+
"$value": "#342d59",
|
|
238
238
|
"$type": "color"
|
|
239
239
|
},
|
|
240
240
|
"950": {
|
|
241
|
-
"$value": "#
|
|
241
|
+
"$value": "#27243e",
|
|
242
242
|
"$type": "color"
|
|
243
243
|
}
|
|
244
244
|
},
|
|
@@ -268,23 +268,23 @@
|
|
|
268
268
|
"$type": "color"
|
|
269
269
|
},
|
|
270
270
|
"600": {
|
|
271
|
-
"$value": "#
|
|
271
|
+
"$value": "#c02f12",
|
|
272
272
|
"$type": "color"
|
|
273
273
|
},
|
|
274
274
|
"700": {
|
|
275
|
-
"$value": "#
|
|
275
|
+
"$value": "#a32c12",
|
|
276
276
|
"$type": "color"
|
|
277
277
|
},
|
|
278
278
|
"800": {
|
|
279
|
-
"$value": "#
|
|
279
|
+
"$value": "#812713",
|
|
280
280
|
"$type": "color"
|
|
281
281
|
},
|
|
282
282
|
"900": {
|
|
283
|
-
"$value": "#
|
|
283
|
+
"$value": "#582014",
|
|
284
284
|
"$type": "color"
|
|
285
285
|
},
|
|
286
286
|
"950": {
|
|
287
|
-
"$value": "#
|
|
287
|
+
"$value": "#3e1a14",
|
|
288
288
|
"$type": "color"
|
|
289
289
|
}
|
|
290
290
|
},
|