@aloudata/aloudata-design 2.18.3 → 2.19.0-beta.1
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/dist/AldSelect/style/color.less +25 -16
- package/dist/AldSelect/style/index.less +2 -2
- package/dist/Avatar/component/Avatar/index.js +8 -19
- package/dist/Avatar/component/Avatar/type.js +3 -3
- package/dist/Avatar/style/index.less +10 -3
- package/dist/Badge/index.js +1 -27
- package/dist/Badge/style/index.less +27 -1
- package/dist/Button/style/index.less +1 -0
- package/dist/Button/style/type.less +5 -5
- package/dist/Button/style/variables.less +70 -203
- package/dist/Checkbox/style/index.less +20 -37
- package/dist/Collapse/index.js +2 -2
- package/dist/Collapse/style/index.less +7 -7
- package/dist/ColorPicker/index.js +3 -3
- package/dist/ColorPicker/style/complex.less +8 -9
- package/dist/ColorPicker/style/index.less +7 -8
- package/dist/DataPreviewTable/components/Body/Cell.js +1 -1
- package/dist/DataPreviewTable/style/index.less +9 -9
- package/dist/DatePicker/style/index.less +3 -3
- package/dist/Divider/style/index.less +1 -1
- package/dist/DoubleCircleIcon/style/index.less +12 -12
- package/dist/Empty/style/index.less +3 -3
- package/dist/Form/style/index.less +4 -4
- package/dist/HighlightText/style/index.less +1 -1
- package/dist/Icon/components/CancelledCircleFill.d.ts +1 -2
- package/dist/Icon/components/CancelledCircleFill.js +1 -1
- package/dist/Icon/components/Ellipsis.d.ts +1 -2
- package/dist/Icon/components/Ellipsis.js +1 -1
- package/dist/Icon/components/LoadingDuotone.d.ts +1 -2
- package/dist/Icon/components/LoadingDuotone.js +1 -1
- package/dist/Icon/components/SortAscendingOrderColor.d.ts +1 -2
- package/dist/Icon/components/SortAscendingOrderColor.js +1 -1
- package/dist/Icon/components/SortColor.d.ts +1 -2
- package/dist/Icon/components/SortColor.js +1 -1
- package/dist/Icon/components/SortDescendingOrderColor.d.ts +1 -2
- package/dist/Icon/components/SortDescendingOrderColor.js +1 -1
- package/dist/Icon/svg/Cancelled-Circle-fill.svg +2 -1
- package/dist/Icon/svg/Loading-duotone.svg +3 -2
- package/dist/Icon/svg/Sort-Ascending-order-Color.svg +2 -1
- package/dist/Icon/svg/Sort-Color.svg +3 -2
- package/dist/Icon/svg/Sort-Descending-order-Color.svg +2 -1
- package/dist/Icon/svg/ellipsis.svg +2 -1
- package/dist/IconButton/style/index.less +17 -17
- package/dist/Input/components/Input/index.js +1 -1
- package/dist/Input/components/TextArea/index.js +1 -1
- package/dist/Input/style/index.less +1 -1
- package/dist/Input/style/size.less +11 -11
- package/dist/Input/style/status.less +21 -36
- package/dist/InputNumber/style/index.less +22 -25
- package/dist/InputSearch/style/index.less +8 -8
- package/dist/List/style/index.less +11 -11
- package/dist/LogicTree/style/DisplayLogicItem.less +3 -3
- package/dist/LogicTree/style/LoginItem.less +13 -13
- package/dist/MemberPicker/style/index.less +28 -30
- package/dist/Menu/style/index.less +22 -21
- package/dist/Modal/index.js +12 -12
- package/dist/Modal/style/modal.less +17 -18
- package/dist/Modal/style/modalConfirm.less +11 -26
- package/dist/Modal/style/polyfill/index.less +3 -3
- package/dist/Pagination/style/index.less +3 -4
- package/dist/Popconfirm/index.js +2 -2
- package/dist/Popconfirm/style/index.less +6 -6
- package/dist/Popover/style/index.less +8 -8
- package/dist/Progress/style/index.less +2 -5
- package/dist/Radio/style/index.less +39 -49
- package/dist/RenameInput/style/index.less +3 -3
- package/dist/Result/index.js +8 -7
- package/dist/Result/style/index.less +4 -4
- package/dist/ScrollArea/style/index.less +1 -1
- package/dist/Select/index.js +1 -1
- package/dist/Select/style/emptyShowAll.less +1 -1
- package/dist/Select/style/index.less +5 -5
- package/dist/Select/style/layout.less +1 -1
- package/dist/Select/style/option.less +7 -10
- package/dist/Select/style/selectDropdown.less +4 -4
- package/dist/Select/style/status.less +21 -24
- package/dist/Select/style/variables.less +3 -3
- package/dist/Skeleton/style/index.less +15 -15
- package/dist/Slider/style/index.less +56 -3
- package/dist/Spin/style/customIcon.less +2 -2
- package/dist/StatusLight/index.js +9 -24
- package/dist/StatusLight/style/index.less +58 -6
- package/dist/Steps/components/Step/index.js +4 -4
- package/dist/Steps/style/index.less +26 -22
- package/dist/Switch/style/index.less +1 -1
- package/dist/Switch/style/status.less +3 -3
- package/dist/Table/components/Header.js +6 -3
- package/dist/Table/style/index.less +18 -18
- package/dist/Tabs/style/index.less +9 -9
- package/dist/Tag/index.js +81 -21
- package/dist/Tag/style/index.less +3 -2
- package/dist/TextLink/style/type.less +16 -16
- package/dist/Tooltip/style/index.less +5 -5
- package/dist/Tree/Tree.js +2 -2
- package/dist/Tree/demo/basic/index.js +1 -1
- package/dist/Tree/style/checkbox.less +17 -27
- package/dist/Tree/style/index.less +4 -4
- package/dist/Tree/style/mixin.less +3 -3
- package/dist/Tree/style/reset.less +1 -1
- package/dist/Tree/style/var.less +19 -19
- package/dist/Tree/utils/iconUtil.js +1 -1
- package/dist/User/style/index.less +3 -3
- package/dist/ald.min.css +5 -1
- package/dist/message/index.js +4 -4
- package/dist/message/style/index.less +11 -14
- package/dist/notification/index.js +5 -5
- package/dist/notification/style/index.less +6 -7
- package/dist/style/components/toastify.css +27 -27
- package/dist/style/index.less +2 -2
- package/dist/style/themes/default/default.less +1 -1
- package/dist/style/themes/default/index.less +1 -1
- package/dist/style/themes/default/scrollBar.less +8 -4
- package/dist/style/themes/default/themeColor.module.less +178 -183
- package/dist/style/var/default.css +1156 -256
- package/package.json +2 -3
- package/dist/Avatar/component/Avatar/avatar.d.ts +0 -3
- package/dist/Avatar/component/Avatar/avatar.js +0 -23
|
@@ -1,114 +1,114 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--global-colors-base-black-50a: rgba(
|
|
3
|
-
--global-colors-base-black-100a: rgba(0,
|
|
4
|
-
--global-colors-base-black-200a: rgba(
|
|
5
|
-
--global-colors-base-black-300a: rgba(
|
|
6
|
-
--global-colors-base-black-400a: rgba(
|
|
7
|
-
--global-colors-base-black-500a: rgba(
|
|
8
|
-
--global-colors-base-black-600a: rgba(
|
|
9
|
-
--global-colors-base-black-700a: rgba(
|
|
10
|
-
--global-colors-base-black-800a: rgba(
|
|
11
|
-
--global-colors-base-black-900a: rgba(
|
|
12
|
-
--global-colors-base-black-950a: rgba(
|
|
2
|
+
--global-colors-base-black-50a: rgba(31, 82, 158, 0);
|
|
3
|
+
--global-colors-base-black-100a: rgba(0, 43, 94, 0.04);
|
|
4
|
+
--global-colors-base-black-200a: rgba(2, 47, 82, 0.06);
|
|
5
|
+
--global-colors-base-black-300a: rgba(16, 40, 72, 0.09);
|
|
6
|
+
--global-colors-base-black-400a: rgba(4, 41, 68, 0.13);
|
|
7
|
+
--global-colors-base-black-500a: rgba(16, 48, 84, 0.2);
|
|
8
|
+
--global-colors-base-black-600a: rgba(13, 38, 64, 0.4);
|
|
9
|
+
--global-colors-base-black-700a: rgba(24, 48, 72, 0.56);
|
|
10
|
+
--global-colors-base-black-800a: rgba(29, 41, 54, 0.8);
|
|
11
|
+
--global-colors-base-black-900a: rgba(26, 35, 45, 0.86);
|
|
12
|
+
--global-colors-base-black-950a: rgba(10, 18, 25, 0.88);
|
|
13
13
|
--global-colors-base-white-50a: rgba(255, 255, 255, 0);
|
|
14
|
-
--global-colors-base-white-100a: rgba(255, 255, 255, 0.
|
|
15
|
-
--global-colors-base-white-200a: rgba(255, 255, 255, 0.
|
|
16
|
-
--global-colors-base-white-300a: rgba(255, 255, 255, 0.
|
|
17
|
-
--global-colors-base-white-400a: rgba(255, 255, 255, 0.
|
|
18
|
-
--global-colors-base-white-500a: rgba(255, 255, 255, 0.
|
|
19
|
-
--global-colors-base-white-600a: rgba(255, 255, 255, 0.
|
|
20
|
-
--global-colors-base-white-700a: rgba(255, 255, 255, 0.
|
|
21
|
-
--global-colors-base-white-800a: rgba(255, 255, 255, 0.
|
|
22
|
-
--global-colors-base-white-900a: rgba(255, 255, 255, 0.
|
|
14
|
+
--global-colors-base-white-100a: rgba(255, 255, 255, 0.05);
|
|
15
|
+
--global-colors-base-white-200a: rgba(255, 255, 255, 0.08);
|
|
16
|
+
--global-colors-base-white-300a: rgba(255, 255, 255, 0.1);
|
|
17
|
+
--global-colors-base-white-400a: rgba(255, 255, 255, 0.12);
|
|
18
|
+
--global-colors-base-white-500a: rgba(255, 255, 255, 0.24);
|
|
19
|
+
--global-colors-base-white-600a: rgba(255, 255, 255, 0.4);
|
|
20
|
+
--global-colors-base-white-700a: rgba(255, 255, 255, 0.64);
|
|
21
|
+
--global-colors-base-white-800a: rgba(255, 255, 255, 0.68);
|
|
22
|
+
--global-colors-base-white-900a: rgba(255, 255, 255, 0.72);
|
|
23
23
|
--global-colors-base-white-950a: rgba(255, 255, 255, 1);
|
|
24
|
-
--global-colors-gray-50: rgba(
|
|
25
|
-
--global-colors-gray-100: rgba(
|
|
26
|
-
--global-colors-gray-200: rgba(
|
|
27
|
-
--global-colors-gray-300: rgba(
|
|
28
|
-
--global-colors-gray-400: rgba(
|
|
29
|
-
--global-colors-gray-500: rgba(
|
|
30
|
-
--global-colors-gray-600: rgba(
|
|
31
|
-
--global-colors-gray-700: rgba(
|
|
32
|
-
--global-colors-gray-800: rgba(
|
|
33
|
-
--global-colors-gray-900: rgba(
|
|
34
|
-
--global-colors-gray-950: rgba(
|
|
35
|
-
--global-colors-blue-50: rgba(
|
|
36
|
-
--global-colors-blue-100: rgba(
|
|
37
|
-
--global-colors-blue-200: rgba(
|
|
38
|
-
--global-colors-blue-300: rgba(
|
|
39
|
-
--global-colors-blue-400: rgba(
|
|
40
|
-
--global-colors-blue-500: rgba(
|
|
41
|
-
--global-colors-blue-600: rgba(
|
|
42
|
-
--global-colors-blue-700: rgba(
|
|
43
|
-
--global-colors-blue-800: rgba(
|
|
44
|
-
--global-colors-blue-900: rgba(
|
|
45
|
-
--global-colors-blue-950: rgba(
|
|
46
|
-
--global-colors-red-50: rgba(254,
|
|
47
|
-
--global-colors-red-100: rgba(
|
|
48
|
-
--global-colors-red-200: rgba(254,
|
|
49
|
-
--global-colors-red-300: rgba(252,
|
|
50
|
-
--global-colors-red-400: rgba(
|
|
51
|
-
--global-colors-red-500: rgba(
|
|
52
|
-
--global-colors-red-600: rgba(
|
|
53
|
-
--global-colors-red-700: rgba(
|
|
54
|
-
--global-colors-red-800: rgba(
|
|
55
|
-
--global-colors-red-900: rgba(
|
|
56
|
-
--global-colors-red-950: rgba(
|
|
57
|
-
--global-colors-orange-50: rgba(255,
|
|
58
|
-
--global-colors-orange-100: rgba(255,
|
|
59
|
-
--global-colors-orange-200: rgba(
|
|
60
|
-
--global-colors-orange-300: rgba(
|
|
61
|
-
--global-colors-orange-400: rgba(
|
|
62
|
-
--global-colors-orange-500: rgba(
|
|
63
|
-
--global-colors-orange-600: rgba(
|
|
64
|
-
--global-colors-orange-700: rgba(
|
|
65
|
-
--global-colors-orange-800: rgba(
|
|
66
|
-
--global-colors-orange-900: rgba(
|
|
67
|
-
--global-colors-orange-950: rgba(
|
|
68
|
-
--global-colors-yellow-50: rgba(
|
|
69
|
-
--global-colors-yellow-100: rgba(
|
|
70
|
-
--global-colors-yellow-200: rgba(
|
|
71
|
-
--global-colors-yellow-300: rgba(
|
|
72
|
-
--global-colors-yellow-400: rgba(
|
|
73
|
-
--global-colors-yellow-500: rgba(
|
|
74
|
-
--global-colors-yellow-600: rgba(
|
|
75
|
-
--global-colors-yellow-700: rgba(
|
|
76
|
-
--global-colors-yellow-800: rgba(
|
|
77
|
-
--global-colors-yellow-900: rgba(
|
|
78
|
-
--global-colors-yellow-950: rgba(
|
|
79
|
-
--global-colors-green-50: rgba(
|
|
80
|
-
--global-colors-green-100: rgba(
|
|
81
|
-
--global-colors-green-200: rgba(
|
|
82
|
-
--global-colors-green-300: rgba(
|
|
83
|
-
--global-colors-green-400: rgba(
|
|
84
|
-
--global-colors-green-500: rgba(
|
|
85
|
-
--global-colors-green-600: rgba(
|
|
86
|
-
--global-colors-green-700: rgba(
|
|
87
|
-
--global-colors-green-800: rgba(
|
|
88
|
-
--global-colors-green-900: rgba(
|
|
89
|
-
--global-colors-green-950: rgba(
|
|
90
|
-
--global-colors-teal-50: rgba(240,
|
|
91
|
-
--global-colors-teal-100: rgba(
|
|
92
|
-
--global-colors-teal-200: rgba(
|
|
93
|
-
--global-colors-teal-300: rgba(
|
|
94
|
-
--global-colors-teal-400: rgba(
|
|
95
|
-
--global-colors-teal-500: rgba(
|
|
96
|
-
--global-colors-teal-600: rgba(
|
|
97
|
-
--global-colors-teal-700: rgba(
|
|
98
|
-
--global-colors-teal-800: rgba(
|
|
99
|
-
--global-colors-teal-900: rgba(
|
|
100
|
-
--global-colors-teal-950: rgba(
|
|
101
|
-
--global-colors-purple-50: rgba(
|
|
102
|
-
--global-colors-purple-100: rgba(243,
|
|
103
|
-
--global-colors-purple-200: rgba(
|
|
104
|
-
--global-colors-purple-300: rgba(
|
|
105
|
-
--global-colors-purple-400: rgba(
|
|
106
|
-
--global-colors-purple-500: rgba(
|
|
107
|
-
--global-colors-purple-600: rgba(
|
|
108
|
-
--global-colors-purple-700: rgba(
|
|
109
|
-
--global-colors-purple-800: rgba(
|
|
110
|
-
--global-colors-purple-900: rgba(
|
|
111
|
-
--global-colors-purple-950: rgba(
|
|
24
|
+
--global-colors-gray-50: rgba(252, 252, 253, 1);
|
|
25
|
+
--global-colors-gray-100: rgba(245, 247, 249, 1);
|
|
26
|
+
--global-colors-gray-200: rgba(240, 243, 245, 1);
|
|
27
|
+
--global-colors-gray-300: rgba(234, 237, 240, 1);
|
|
28
|
+
--global-colors-gray-400: rgba(222, 227, 231, 1);
|
|
29
|
+
--global-colors-gray-500: rgba(207, 214, 221, 1);
|
|
30
|
+
--global-colors-gray-600: rgba(158, 168, 179, 1);
|
|
31
|
+
--global-colors-gray-700: rgba(126, 140, 154, 1);
|
|
32
|
+
--global-colors-gray-800: rgba(74, 84, 94, 1);
|
|
33
|
+
--global-colors-gray-900: rgba(58, 66, 74, 1);
|
|
34
|
+
--global-colors-gray-950: rgba(39, 46, 53, 1);
|
|
35
|
+
--global-colors-blue-50: rgba(245, 248, 255, 1);
|
|
36
|
+
--global-colors-blue-100: rgba(237, 242, 255, 1);
|
|
37
|
+
--global-colors-blue-200: rgba(229, 238, 255, 1);
|
|
38
|
+
--global-colors-blue-300: rgba(215, 228, 255, 1);
|
|
39
|
+
--global-colors-blue-400: rgba(205, 221, 255, 1);
|
|
40
|
+
--global-colors-blue-500: rgba(141, 176, 251, 1);
|
|
41
|
+
--global-colors-blue-600: rgba(103, 146, 244, 1);
|
|
42
|
+
--global-colors-blue-700: rgba(48, 98, 212, 1);
|
|
43
|
+
--global-colors-blue-800: rgba(39, 89, 205, 1);
|
|
44
|
+
--global-colors-blue-900: rgba(30, 80, 192, 1);
|
|
45
|
+
--global-colors-blue-950: rgba(17, 57, 151, 1);
|
|
46
|
+
--global-colors-red-50: rgba(254, 245, 245, 1);
|
|
47
|
+
--global-colors-red-100: rgba(255, 235, 235, 1);
|
|
48
|
+
--global-colors-red-200: rgba(254, 230, 230, 1);
|
|
49
|
+
--global-colors-red-300: rgba(252, 217, 217, 1);
|
|
50
|
+
--global-colors-red-400: rgba(252, 207, 207, 1);
|
|
51
|
+
--global-colors-red-500: rgba(244, 144, 144, 1);
|
|
52
|
+
--global-colors-red-600: rgba(242, 100, 100, 1);
|
|
53
|
+
--global-colors-red-700: rgba(207, 63, 63, 1);
|
|
54
|
+
--global-colors-red-800: rgba(161, 54, 54, 1);
|
|
55
|
+
--global-colors-red-900: rgba(149, 45, 45, 1);
|
|
56
|
+
--global-colors-red-950: rgba(111, 32, 32, 1);
|
|
57
|
+
--global-colors-orange-50: rgba(255, 250, 246, 1);
|
|
58
|
+
--global-colors-orange-100: rgba(255, 245, 238, 1);
|
|
59
|
+
--global-colors-orange-200: rgba(255, 236, 221, 1);
|
|
60
|
+
--global-colors-orange-300: rgba(255, 223, 201, 1);
|
|
61
|
+
--global-colors-orange-400: rgba(255, 204, 176, 1);
|
|
62
|
+
--global-colors-orange-500: rgba(255, 186, 151, 1);
|
|
63
|
+
--global-colors-orange-600: rgba(255, 155, 112, 1);
|
|
64
|
+
--global-colors-orange-700: rgba(255, 126, 70, 1);
|
|
65
|
+
--global-colors-orange-800: rgba(169, 73, 0, 1);
|
|
66
|
+
--global-colors-orange-900: rgba(138, 58, 0, 1);
|
|
67
|
+
--global-colors-orange-950: rgba(107, 44, 0, 1);
|
|
68
|
+
--global-colors-yellow-50: rgba(255, 245, 235, 1);
|
|
69
|
+
--global-colors-yellow-100: rgba(255, 240, 224, 1);
|
|
70
|
+
--global-colors-yellow-200: rgba(255, 232, 209, 1);
|
|
71
|
+
--global-colors-yellow-300: rgba(252, 222, 192, 1);
|
|
72
|
+
--global-colors-yellow-400: rgba(255, 212, 168, 1);
|
|
73
|
+
--global-colors-yellow-500: rgba(254, 184, 114, 1);
|
|
74
|
+
--global-colors-yellow-600: rgba(246, 163, 81, 1);
|
|
75
|
+
--global-colors-yellow-700: rgba(245, 150, 56, 1);
|
|
76
|
+
--global-colors-yellow-800: rgba(180, 97, 14, 1);
|
|
77
|
+
--global-colors-yellow-900: rgba(160, 92, 28, 1);
|
|
78
|
+
--global-colors-yellow-950: rgba(122, 69, 16, 1);
|
|
79
|
+
--global-colors-green-50: rgba(244, 251, 247, 1);
|
|
80
|
+
--global-colors-green-100: rgba(230, 249, 239, 1);
|
|
81
|
+
--global-colors-green-200: rgba(216, 248, 231, 1);
|
|
82
|
+
--global-colors-green-300: rgba(198, 241, 218, 1);
|
|
83
|
+
--global-colors-green-400: rgba(194, 235, 213, 1);
|
|
84
|
+
--global-colors-green-500: rgba(117, 204, 158, 1);
|
|
85
|
+
--global-colors-green-600: rgba(74, 165, 120, 1);
|
|
86
|
+
--global-colors-green-700: rgba(29, 124, 77, 1);
|
|
87
|
+
--global-colors-green-800: rgba(30, 113, 74, 1);
|
|
88
|
+
--global-colors-green-900: rgba(25, 103, 66, 1);
|
|
89
|
+
--global-colors-green-950: rgba(14, 78, 48, 1);
|
|
90
|
+
--global-colors-teal-50: rgba(240, 251, 255, 1);
|
|
91
|
+
--global-colors-teal-100: rgba(232, 247, 252, 1);
|
|
92
|
+
--global-colors-teal-200: rgba(224, 243, 250, 1);
|
|
93
|
+
--global-colors-teal-300: rgba(197, 236, 247, 1);
|
|
94
|
+
--global-colors-teal-400: rgba(184, 232, 245, 1);
|
|
95
|
+
--global-colors-teal-500: rgba(122, 192, 220, 1);
|
|
96
|
+
--global-colors-teal-600: rgba(79, 158, 186, 1);
|
|
97
|
+
--global-colors-teal-700: rgba(7, 117, 151, 1);
|
|
98
|
+
--global-colors-teal-800: rgba(25, 108, 133, 1);
|
|
99
|
+
--global-colors-teal-900: rgba(25, 96, 118, 1);
|
|
100
|
+
--global-colors-teal-950: rgba(10, 73, 92, 1);
|
|
101
|
+
--global-colors-purple-50: rgba(247, 245, 255, 1);
|
|
102
|
+
--global-colors-purple-100: rgba(243, 240, 255, 1);
|
|
103
|
+
--global-colors-purple-200: rgba(238, 235, 255, 1);
|
|
104
|
+
--global-colors-purple-300: rgba(227, 224, 255, 1);
|
|
105
|
+
--global-colors-purple-400: rgba(220, 214, 255, 1);
|
|
106
|
+
--global-colors-purple-500: rgba(171, 162, 251, 1);
|
|
107
|
+
--global-colors-purple-600: rgba(145, 126, 241, 1);
|
|
108
|
+
--global-colors-purple-700: rgba(99, 78, 202, 1);
|
|
109
|
+
--global-colors-purple-800: rgba(87, 63, 207, 1);
|
|
110
|
+
--global-colors-purple-900: rgba(78, 56, 188, 1);
|
|
111
|
+
--global-colors-purple-950: rgba(57, 40, 138, 1);
|
|
112
112
|
--global-grid-1000: 80px;
|
|
113
113
|
--global-grid-900: 72px;
|
|
114
114
|
--global-grid-800: 64px;
|
|
@@ -125,49 +125,49 @@
|
|
|
125
125
|
--global-grid-50: 4px;
|
|
126
126
|
--global-grid-25: 2px;
|
|
127
127
|
--global-grid-0: 0;
|
|
128
|
-
--global-colors-pink-50: rgba(
|
|
129
|
-
--global-colors-pink-100: rgba(
|
|
130
|
-
--global-colors-pink-200: rgba(
|
|
131
|
-
--global-colors-pink-300: rgba(
|
|
132
|
-
--global-colors-pink-400: rgba(
|
|
133
|
-
--global-colors-pink-500: rgba(236,
|
|
134
|
-
--global-colors-pink-600: rgba(
|
|
135
|
-
--global-colors-pink-700: rgba(
|
|
136
|
-
--global-colors-pink-800: rgba(
|
|
137
|
-
--global-colors-pink-900: rgba(
|
|
138
|
-
--global-colors-pink-950: rgba(
|
|
128
|
+
--global-colors-pink-50: rgba(254, 245, 251, 1);
|
|
129
|
+
--global-colors-pink-100: rgba(253, 237, 248, 1);
|
|
130
|
+
--global-colors-pink-200: rgba(253, 227, 244, 1);
|
|
131
|
+
--global-colors-pink-300: rgba(251, 213, 238, 1);
|
|
132
|
+
--global-colors-pink-400: rgba(247, 202, 232, 1);
|
|
133
|
+
--global-colors-pink-500: rgba(236, 137, 203, 1);
|
|
134
|
+
--global-colors-pink-600: rgba(222, 94, 179, 1);
|
|
135
|
+
--global-colors-pink-700: rgba(177, 47, 134, 1);
|
|
136
|
+
--global-colors-pink-800: rgba(149, 50, 116, 1);
|
|
137
|
+
--global-colors-pink-900: rgba(137, 41, 105, 1);
|
|
138
|
+
--global-colors-pink-950: rgba(103, 30, 78, 1);
|
|
139
139
|
--alias-colors-text-inverse-strong: rgba(255, 255, 255, 1);
|
|
140
|
-
--alias-colors-text-inverse-default: rgba(255, 255, 255,
|
|
141
|
-
--alias-colors-text-inverse-subtle: rgba(255, 255, 255, 0.
|
|
140
|
+
--alias-colors-text-inverse-default: rgba(255, 255, 255, 1);
|
|
141
|
+
--alias-colors-text-inverse-subtle: rgba(255, 255, 255, 0.64);
|
|
142
142
|
--alias-colors-text-inverse-subtlest: rgba(255, 255, 255, 0.4);
|
|
143
143
|
--alias-colors-text-inverse-disabled: rgba(255, 255, 255, 0.24);
|
|
144
|
-
--alias-colors-text-accent-gray-strong: rgba(
|
|
145
|
-
--alias-colors-text-accent-gray-default: rgba(
|
|
146
|
-
--alias-colors-text-accent-blue-strong: rgba(
|
|
147
|
-
--alias-colors-text-accent-blue-default: rgba(
|
|
148
|
-
--alias-colors-text-accent-red-strong: rgba(
|
|
149
|
-
--alias-colors-text-accent-red-default: rgba(
|
|
150
|
-
--alias-colors-text-accent-orange-strong: rgba(
|
|
151
|
-
--alias-colors-text-accent-orange-default: rgba(
|
|
152
|
-
--alias-colors-text-accent-yellow-strong: rgba(
|
|
153
|
-
--alias-colors-text-accent-yellow-default: rgba(
|
|
154
|
-
--alias-colors-text-accent-green-strong: rgba(
|
|
155
|
-
--alias-colors-text-accent-green-default: rgba(
|
|
156
|
-
--global-colors-data-gray: rgba(
|
|
157
|
-
--global-colors-data-blue: rgba(
|
|
158
|
-
--global-colors-data-auburn: rgba(
|
|
159
|
-
--global-colors-data-orange: rgba(
|
|
160
|
-
--global-colors-data-yellow: rgba(
|
|
161
|
-
--global-colors-data-green: rgba(
|
|
162
|
-
--global-colors-data-teal: rgba(
|
|
163
|
-
--global-colors-data-purple: rgba(
|
|
164
|
-
--global-colors-data-pink: rgba(
|
|
165
|
-
--global-colors-data-red: rgba(
|
|
166
|
-
--alias-colors-text-strong: rgba(
|
|
144
|
+
--alias-colors-text-accent-gray-strong: rgba(39, 46, 53, 1);
|
|
145
|
+
--alias-colors-text-accent-gray-default: rgba(85, 95, 109, 1);
|
|
146
|
+
--alias-colors-text-accent-blue-strong: rgba(17, 57, 151, 1);
|
|
147
|
+
--alias-colors-text-accent-blue-default: rgba(48, 98, 212, 1);
|
|
148
|
+
--alias-colors-text-accent-red-strong: rgba(111, 32, 32, 1);
|
|
149
|
+
--alias-colors-text-accent-red-default: rgba(207, 63, 63, 1);
|
|
150
|
+
--alias-colors-text-accent-orange-strong: rgba(107, 44, 0, 1);
|
|
151
|
+
--alias-colors-text-accent-orange-default: rgba(255, 126, 70, 1);
|
|
152
|
+
--alias-colors-text-accent-yellow-strong: rgba(122, 69, 16, 1);
|
|
153
|
+
--alias-colors-text-accent-yellow-default: rgba(245, 150, 56, 1);
|
|
154
|
+
--alias-colors-text-accent-green-strong: rgba(14, 78, 48, 1);
|
|
155
|
+
--alias-colors-text-accent-green-default: rgba(29, 124, 77, 1);
|
|
156
|
+
--global-colors-data-gray: rgba(85, 95, 109, 1);
|
|
157
|
+
--global-colors-data-blue: rgba(40, 158, 255, 1);
|
|
158
|
+
--global-colors-data-auburn: rgba(200, 34, 132, 1);
|
|
159
|
+
--global-colors-data-orange: rgba(243, 133, 80, 1);
|
|
160
|
+
--global-colors-data-yellow: rgba(250, 189, 48, 1);
|
|
161
|
+
--global-colors-data-green: rgba(50, 252, 180, 1);
|
|
162
|
+
--global-colors-data-teal: rgba(63, 248, 255, 1);
|
|
163
|
+
--global-colors-data-purple: rgba(179, 153, 253, 1);
|
|
164
|
+
--global-colors-data-pink: rgba(252, 132, 151, 1);
|
|
165
|
+
--global-colors-data-red: rgba(232, 53, 98, 1);
|
|
166
|
+
--alias-colors-text-strong: rgba(39, 46, 53, 1);
|
|
167
167
|
--alias-radius-0: 0;
|
|
168
168
|
--alias-radius-25: 2px;
|
|
169
|
-
--alias-colors-text-default: rgba(
|
|
170
|
-
--alias-colors-text-subtle: rgba(
|
|
169
|
+
--alias-colors-text-default: rgba(39, 46, 53, 1);
|
|
170
|
+
--alias-colors-text-subtle: rgba(85, 95, 109, 1);
|
|
171
171
|
--alias-radius-50: 4px;
|
|
172
172
|
--alias-radius-75: 6px;
|
|
173
173
|
--alias-radius-100: 8px;
|
|
@@ -177,22 +177,22 @@
|
|
|
177
177
|
--alias-stroke-md: 1px;
|
|
178
178
|
--alias-stroke-lg: 1.5px;
|
|
179
179
|
--alias-stroke-xl: 2px;
|
|
180
|
-
--alias-colors-text-subtlest: rgba(
|
|
180
|
+
--alias-colors-text-subtlest: rgba(158, 168, 179, 1);
|
|
181
181
|
--alias-spacing-0: 0;
|
|
182
182
|
--alias-spacing-25: 2px;
|
|
183
|
-
--alias-colors-text-selected: rgba(
|
|
184
|
-
--alias-colors-text-disabled: rgba(
|
|
183
|
+
--alias-colors-text-selected: rgba(30, 80, 192, 1);
|
|
184
|
+
--alias-colors-text-disabled: rgba(2, 47, 82, 0.06);
|
|
185
185
|
--alias-spacing-50: 4px;
|
|
186
186
|
--alias-spacing-75: 6px;
|
|
187
|
-
--alias-colors-text-brand: rgba(
|
|
188
|
-
--alias-colors-text-danger: rgba(
|
|
187
|
+
--alias-colors-text-brand: rgba(48, 98, 212, 1);
|
|
188
|
+
--alias-colors-text-danger: rgba(207, 63, 63, 1);
|
|
189
189
|
--alias-spacing-100: 8px;
|
|
190
|
-
--alias-colors-text-warning: rgba(
|
|
191
|
-
--alias-colors-text-success: rgba(
|
|
190
|
+
--alias-colors-text-warning: rgba(245, 150, 56, 1);
|
|
191
|
+
--alias-colors-text-success: rgba(29, 124, 77, 1);
|
|
192
192
|
--alias-spacing-150: 12px;
|
|
193
193
|
--alias-spacing-200: 16px;
|
|
194
194
|
--alias-spacing-250: 20px;
|
|
195
|
-
--alias-colors-text-information: rgba(
|
|
195
|
+
--alias-colors-text-information: rgba(48, 98, 212, 1);
|
|
196
196
|
--alias-spacing-300: 24px;
|
|
197
197
|
--alias-spacing-400: 32px;
|
|
198
198
|
--alias-spacing-500: 40px;
|
|
@@ -248,124 +248,1024 @@
|
|
|
248
248
|
--alias-opacity-900: 72px;
|
|
249
249
|
--alias-opacity-1000: 80px;
|
|
250
250
|
--alias-opacity-full: 100px;
|
|
251
|
-
--alias-colors-link-default: rgba(
|
|
252
|
-
--alias-colors-link-hover: rgba(
|
|
253
|
-
--alias-colors-icon-default: rgba(
|
|
254
|
-
--alias-colors-icon-subtle: rgba(
|
|
255
|
-
--alias-colors-icon-subtler: rgba(
|
|
251
|
+
--alias-colors-link-default: rgba(48, 98, 212, 1);
|
|
252
|
+
--alias-colors-link-hover: rgba(30, 80, 192, 1);
|
|
253
|
+
--alias-colors-icon-default: rgba(39, 46, 53, 1);
|
|
254
|
+
--alias-colors-icon-subtle: rgba(85, 95, 109, 1);
|
|
255
|
+
--alias-colors-icon-subtler: rgba(126, 140, 154, 1);
|
|
256
256
|
--alias-colors-icon-inverse-default: rgba(255, 255, 255, 1);
|
|
257
|
-
--alias-colors-icon-inverse-subtle: rgba(255, 255, 255, 0.
|
|
257
|
+
--alias-colors-icon-inverse-subtle: rgba(255, 255, 255, 0.64);
|
|
258
258
|
--alias-colors-icon-inverse-subtler: rgba(255, 255, 255, 0.4);
|
|
259
|
-
--alias-colors-icon-inverse-disabled: rgba(255, 255, 255, 0.
|
|
260
|
-
--alias-colors-icon-selected: rgba(
|
|
261
|
-
--alias-colors-icon-disabled: rgba(
|
|
259
|
+
--alias-colors-icon-inverse-disabled: rgba(255, 255, 255, 0.24);
|
|
260
|
+
--alias-colors-icon-selected: rgba(48, 98, 212, 1);
|
|
261
|
+
--alias-colors-icon-disabled: rgba(158, 168, 179, 1);
|
|
262
262
|
--alias-colors-icon-transp: rgba(0, 0, 0, 0);
|
|
263
|
-
--alias-colors-icon-brand: rgba(
|
|
264
|
-
--alias-colors-icon-danger: rgba(
|
|
265
|
-
--alias-colors-icon-warning: rgba(
|
|
266
|
-
--alias-colors-icon-success: rgba(
|
|
267
|
-
--alias-colors-icon-information: rgba(
|
|
268
|
-
--alias-colors-icon-accent-gray: rgba(
|
|
269
|
-
--alias-colors-icon-accent-blue: rgba(
|
|
270
|
-
--alias-colors-icon-accent-red: rgba(
|
|
271
|
-
--alias-colors-icon-accent-orange: rgba(
|
|
272
|
-
--alias-colors-icon-accent-yellow: rgba(
|
|
273
|
-
--alias-colors-icon-accent-green: rgba(
|
|
274
|
-
--alias-colors-icon-accent-teal: rgba(
|
|
275
|
-
--alias-colors-icon-accent-purple: rgba(
|
|
276
|
-
--alias-colors-icon-accent-pink: rgba(
|
|
277
|
-
--alias-colors-border-subtle: rgba(
|
|
278
|
-
--alias-colors-border-default: rgba(
|
|
279
|
-
--alias-colors-border-inverse-subtle: rgba(255, 255, 255, 0.
|
|
280
|
-
--alias-colors-border-strong: rgba(
|
|
263
|
+
--alias-colors-icon-brand: rgba(48, 98, 212, 1);
|
|
264
|
+
--alias-colors-icon-danger: rgba(207, 63, 63, 1);
|
|
265
|
+
--alias-colors-icon-warning: rgba(245, 150, 56, 1);
|
|
266
|
+
--alias-colors-icon-success: rgba(29, 124, 77, 1);
|
|
267
|
+
--alias-colors-icon-information: rgba(48, 98, 212, 1);
|
|
268
|
+
--alias-colors-icon-accent-gray: rgba(85, 95, 109, 1);
|
|
269
|
+
--alias-colors-icon-accent-blue: rgba(48, 98, 212, 1);
|
|
270
|
+
--alias-colors-icon-accent-red: rgba(207, 63, 63, 1);
|
|
271
|
+
--alias-colors-icon-accent-orange: rgba(255, 126, 70, 1);
|
|
272
|
+
--alias-colors-icon-accent-yellow: rgba(245, 150, 56, 1);
|
|
273
|
+
--alias-colors-icon-accent-green: rgba(29, 124, 77, 1);
|
|
274
|
+
--alias-colors-icon-accent-teal: rgba(7, 117, 151, 1);
|
|
275
|
+
--alias-colors-icon-accent-purple: rgba(99, 78, 202, 1);
|
|
276
|
+
--alias-colors-icon-accent-pink: rgba(177, 47, 134, 1);
|
|
277
|
+
--alias-colors-border-subtle: rgba(234, 237, 240, 1);
|
|
278
|
+
--alias-colors-border-default: rgba(207, 214, 221, 1);
|
|
279
|
+
--alias-colors-border-inverse-subtle: rgba(255, 255, 255, 0.09);
|
|
280
|
+
--alias-colors-border-strong: rgba(158, 168, 179, 1);
|
|
281
281
|
--alias-colors-border-inverse-default: rgba(255, 255, 255, 0.16);
|
|
282
282
|
--alias-colors-border-inverse-strong: rgba(255, 255, 255, 0.24);
|
|
283
|
-
--alias-colors-border-selected: rgba(
|
|
283
|
+
--alias-colors-border-selected: rgba(48, 98, 212, 1);
|
|
284
284
|
--alias-colors-border-disabled: rgba(0, 0, 0, 0.06);
|
|
285
285
|
--alias-colors-border-transp: rgba(0, 0, 0, 0);
|
|
286
|
-
--alias-colors-border-brand: rgba(
|
|
287
|
-
--alias-colors-border-danger: rgba(
|
|
288
|
-
--alias-colors-border-accent-gray-default: rgba(
|
|
289
|
-
--alias-colors-border-accent-gray-strong: rgba(
|
|
290
|
-
--alias-colors-border-warning: rgba(
|
|
291
|
-
--alias-colors-border-success: rgba(
|
|
292
|
-
--alias-colors-border-information: rgba(
|
|
286
|
+
--alias-colors-border-brand: rgba(48, 98, 212, 1);
|
|
287
|
+
--alias-colors-border-danger: rgba(207, 63, 63, 1);
|
|
288
|
+
--alias-colors-border-accent-gray-default: rgba(234, 237, 240, 1);
|
|
289
|
+
--alias-colors-border-accent-gray-strong: rgba(85, 95, 109, 1);
|
|
290
|
+
--alias-colors-border-warning: rgba(245, 150, 56, 1);
|
|
291
|
+
--alias-colors-border-success: rgba(29, 124, 77, 1);
|
|
292
|
+
--alias-colors-border-information: rgba(48, 98, 212, 1);
|
|
293
293
|
--alias-colors-bg-interaction-inverse-hover: rgba(255, 255, 255, 0.06);
|
|
294
294
|
--alias-colors-bg-skeleton-subtler: rgba(255, 255, 255, 1);
|
|
295
|
-
--alias-colors-bg-skeleton-subtle: rgba(
|
|
296
|
-
--alias-colors-bg-skeleton-strong: rgba(
|
|
297
|
-
--alias-colors-bg-skeleton-stronger: rgba(
|
|
298
|
-
--alias-colors-bg-skeleton-strongest: rgba(
|
|
299
|
-
--alias-colors-bg-skeleton-inverse-subtler: rgba(
|
|
295
|
+
--alias-colors-bg-skeleton-subtle: rgba(252, 252, 253, 1);
|
|
296
|
+
--alias-colors-bg-skeleton-strong: rgba(245, 247, 249, 1);
|
|
297
|
+
--alias-colors-bg-skeleton-stronger: rgba(234, 237, 240, 1);
|
|
298
|
+
--alias-colors-bg-skeleton-strongest: rgba(222, 227, 231, 1);
|
|
299
|
+
--alias-colors-bg-skeleton-inverse-subtler: rgba(39, 46, 53, 1);
|
|
300
300
|
--alias-colors-bg-skeleton-inverse-subtle: rgba(255, 255, 255, 0.06);
|
|
301
301
|
--alias-colors-bg-skeleton-inverse-strong: rgba(255, 255, 255, 0.16);
|
|
302
302
|
--alias-colors-bg-skeleton-inverse-stronger: rgba(255, 255, 255, 0.24);
|
|
303
303
|
--alias-colors-bg-skeleton-inverse-strongest: rgba(255, 255, 255, 0.4);
|
|
304
|
-
--alias-colors-bg-accent-gray-default: rgba(
|
|
305
|
-
--alias-colors-bg-accent-gray-strong: rgba(
|
|
304
|
+
--alias-colors-bg-accent-gray-default: rgba(245, 247, 249, 1);
|
|
305
|
+
--alias-colors-bg-accent-gray-strong: rgba(85, 95, 109, 1);
|
|
306
306
|
--alias-colors-bg-interaction-inverse-press: rgba(255, 255, 255, 0.16);
|
|
307
|
-
--alias-colors-bg-selected-inverse-default: rgba(
|
|
308
|
-
--alias-colors-bg-selected-default: rgba(
|
|
309
|
-
--alias-colors-bg-selected-inverse-hover: rgba(
|
|
310
|
-
--alias-colors-bg-selected-hover: rgba(
|
|
311
|
-
--alias-colors-bg-selected-inverse-press: rgba(
|
|
312
|
-
--alias-colors-bg-selected-press: rgba(
|
|
313
|
-
--alias-colors-bg-interaction-hover: rgba(0,
|
|
314
|
-
--alias-colors-bg-selected-inverse-strong-default: rgba(
|
|
307
|
+
--alias-colors-bg-selected-inverse-default: rgba(17, 57, 151, 1);
|
|
308
|
+
--alias-colors-bg-selected-default: rgba(229, 238, 255, 1);
|
|
309
|
+
--alias-colors-bg-selected-inverse-hover: rgba(17, 57, 151, 1);
|
|
310
|
+
--alias-colors-bg-selected-hover: rgba(229, 238, 255, 1);
|
|
311
|
+
--alias-colors-bg-selected-inverse-press: rgba(5, 32, 94, 1);
|
|
312
|
+
--alias-colors-bg-selected-press: rgba(215, 228, 255, 1);
|
|
313
|
+
--alias-colors-bg-interaction-hover: rgba(0, 0, 0, 0.04);
|
|
314
|
+
--alias-colors-bg-selected-inverse-strong-default: rgba(48, 98, 212, 1);
|
|
315
315
|
--alias-colors-bg-interaction-press: rgba(0, 0, 0, 0.06);
|
|
316
|
-
--alias-colors-bg-selected-strong-default: rgba(
|
|
317
|
-
--alias-colors-bg-selected-inverse-strong-hover: rgba(
|
|
318
|
-
--alias-colors-bg-blanker-default: rgba(
|
|
319
|
-
--alias-colors-bg-selected-strong-hover: rgba(
|
|
320
|
-
--alias-colors-bg-selected-inverse-strong-press: rgba(
|
|
321
|
-
--alias-colors-bg-selected-strong-press: rgba(
|
|
316
|
+
--alias-colors-bg-selected-strong-default: rgba(48, 98, 212, 1);
|
|
317
|
+
--alias-colors-bg-selected-inverse-strong-hover: rgba(30, 80, 192, 1);
|
|
318
|
+
--alias-colors-bg-blanker-default: rgba(25, 39, 58, 0.74);
|
|
319
|
+
--alias-colors-bg-selected-strong-hover: rgba(48, 98, 212, 1);
|
|
320
|
+
--alias-colors-bg-selected-inverse-strong-press: rgba(30, 80, 192, 1);
|
|
321
|
+
--alias-colors-bg-selected-strong-press: rgba(17, 57, 151, 1);
|
|
322
322
|
--alias-colors-bg-disabled: rgba(0, 0, 0, 0.06);
|
|
323
323
|
--alias-colors-bg-transp: rgba(0, 0, 0, 0);
|
|
324
324
|
--alias-colors-bg-inverse-disabled: rgba(255, 255, 255, 0.06);
|
|
325
|
-
--alias-colors-bg-accent-blue-default: rgba(
|
|
326
|
-
--alias-colors-bg-accent-blue-strong: rgba(
|
|
327
|
-
--alias-colors-bg-accent-red-default: rgba(
|
|
328
|
-
--alias-colors-bg-accent-red-strong: rgba(
|
|
329
|
-
--alias-colors-bg-accent-orange-default: rgba(255,
|
|
330
|
-
--alias-colors-bg-accent-orange-strong: rgba(
|
|
331
|
-
--alias-colors-bg-accent-yellow-default: rgba(
|
|
332
|
-
--alias-colors-bg-accent-yellow-strong: rgba(
|
|
333
|
-
--alias-colors-bg-accent-green-default: rgba(
|
|
334
|
-
--alias-colors-bg-accent-green-strong: rgba(
|
|
335
|
-
--alias-colors-bg-accent-teal-default: rgba(
|
|
336
|
-
--alias-colors-bg-accent-teal-strong: rgba(
|
|
337
|
-
--alias-colors-bg-accent-purple-default: rgba(
|
|
338
|
-
--alias-colors-bg-accent-purple-strong: rgba(
|
|
339
|
-
--alias-colors-bg-accent-pink-default: rgba(
|
|
340
|
-
--alias-colors-bg-accent-pink-strong: rgba(
|
|
341
|
-
--alias-colors-data-gray: rgba(
|
|
342
|
-
--alias-colors-data-blue: rgba(
|
|
343
|
-
--alias-colors-data-auburn: rgba(
|
|
344
|
-
--alias-colors-data-orange: rgba(
|
|
345
|
-
--alias-colors-data-yellow: rgba(
|
|
346
|
-
--alias-colors-data-green: rgba(
|
|
347
|
-
--alias-colors-data-teal: rgba(
|
|
348
|
-
--alias-colors-data-purple: rgba(
|
|
349
|
-
--alias-colors-data-pink: rgba(
|
|
350
|
-
--alias-colors-data-red: rgba(
|
|
351
|
-
--alias-colors-text-accent-teal-strong: rgba(
|
|
352
|
-
--alias-colors-text-accent-teal-default: rgba(
|
|
353
|
-
--alias-colors-text-accent-purple-strong: rgba(
|
|
354
|
-
--alias-colors-text-accent-purple-default: rgba(
|
|
355
|
-
--alias-colors-text-accent-pink-strong: rgba(
|
|
356
|
-
--alias-colors-text-accent-pink-default: rgba(
|
|
357
|
-
--alias-colors-border-accent-blue-default: rgba(
|
|
358
|
-
--alias-colors-border-accent-blue-strong: rgba(
|
|
359
|
-
--alias-colors-border-accent-green-default: rgba(
|
|
360
|
-
--alias-colors-border-accent-green-strong: rgba(
|
|
361
|
-
--alias-colors-border-accent-yellow-default: rgba(
|
|
362
|
-
--alias-colors-border-accent-yellow-strong: rgba(
|
|
363
|
-
--alias-colors-border-accent-orange-default: rgba(
|
|
364
|
-
--alias-colors-border-accent-orange-strong: rgba(
|
|
365
|
-
--alias-colors-border-accent-red-default: rgba(
|
|
366
|
-
--alias-colors-border-accent-red-strong: rgba(
|
|
367
|
-
--alias-colors-border-accent-purple-default: rgba(
|
|
368
|
-
--alias-colors-border-accent-purple-strong: rgba(
|
|
369
|
-
--alias-colors-border-accent-pink-default: rgba(
|
|
370
|
-
--alias-colors-border-accent-pink-strong: rgba(
|
|
325
|
+
--alias-colors-bg-accent-blue-default: rgba(215, 228, 255, 1);
|
|
326
|
+
--alias-colors-bg-accent-blue-strong: rgba(48, 98, 212, 1);
|
|
327
|
+
--alias-colors-bg-accent-red-default: rgba(252, 217, 217, 1);
|
|
328
|
+
--alias-colors-bg-accent-red-strong: rgba(207, 63, 63, 1);
|
|
329
|
+
--alias-colors-bg-accent-orange-default: rgba(255, 215, 201, 1);
|
|
330
|
+
--alias-colors-bg-accent-orange-strong: rgba(255, 126, 70, 1);
|
|
331
|
+
--alias-colors-bg-accent-yellow-default: rgba(252, 222, 192, 1);
|
|
332
|
+
--alias-colors-bg-accent-yellow-strong: rgba(245, 150, 56, 1);
|
|
333
|
+
--alias-colors-bg-accent-green-default: rgba(198, 241, 218, 1);
|
|
334
|
+
--alias-colors-bg-accent-green-strong: rgba(29, 124, 77, 1);
|
|
335
|
+
--alias-colors-bg-accent-teal-default: rgba(197, 236, 247, 1);
|
|
336
|
+
--alias-colors-bg-accent-teal-strong: rgba(7, 117, 151, 1);
|
|
337
|
+
--alias-colors-bg-accent-purple-default: rgba(227, 224, 255, 1);
|
|
338
|
+
--alias-colors-bg-accent-purple-strong: rgba(99, 78, 202, 1);
|
|
339
|
+
--alias-colors-bg-accent-pink-default: rgba(251, 213, 238, 1);
|
|
340
|
+
--alias-colors-bg-accent-pink-strong: rgba(177, 47, 134, 1);
|
|
341
|
+
--alias-colors-data-gray: rgba(179, 153, 253, 1);
|
|
342
|
+
--alias-colors-data-blue: rgba(40, 158, 255, 1);
|
|
343
|
+
--alias-colors-data-auburn: rgba(252, 132, 151, 1);
|
|
344
|
+
--alias-colors-data-orange: rgba(243, 133, 80, 1);
|
|
345
|
+
--alias-colors-data-yellow: rgba(250, 189, 48, 1);
|
|
346
|
+
--alias-colors-data-green: rgba(50, 252, 180, 1);
|
|
347
|
+
--alias-colors-data-teal: rgba(63, 248, 255, 1);
|
|
348
|
+
--alias-colors-data-purple: rgba(109, 72, 210, 1);
|
|
349
|
+
--alias-colors-data-pink: rgba(200, 34, 132, 1);
|
|
350
|
+
--alias-colors-data-red: rgba(232, 53, 98, 1);
|
|
351
|
+
--alias-colors-text-accent-teal-strong: rgba(10, 73, 92, 1);
|
|
352
|
+
--alias-colors-text-accent-teal-default: rgba(7, 117, 151, 1);
|
|
353
|
+
--alias-colors-text-accent-purple-strong: rgba(57, 40, 138, 1);
|
|
354
|
+
--alias-colors-text-accent-purple-default: rgba(99, 78, 202, 1);
|
|
355
|
+
--alias-colors-text-accent-pink-strong: rgba(103, 30, 54, 1);
|
|
356
|
+
--alias-colors-text-accent-pink-default: rgba(192, 48, 96, 1);
|
|
357
|
+
--alias-colors-border-accent-blue-default: rgba(205, 221, 255, 1);
|
|
358
|
+
--alias-colors-border-accent-blue-strong: rgba(48, 98, 212, 1);
|
|
359
|
+
--alias-colors-border-accent-green-default: rgba(194, 235, 213, 1);
|
|
360
|
+
--alias-colors-border-accent-green-strong: rgba(29, 124, 77, 1);
|
|
361
|
+
--alias-colors-border-accent-yellow-default: rgba(255, 212, 168, 1);
|
|
362
|
+
--alias-colors-border-accent-yellow-strong: rgba(245, 150, 56, 1);
|
|
363
|
+
--alias-colors-border-accent-orange-default: rgba(255, 215, 201, 1);
|
|
364
|
+
--alias-colors-border-accent-orange-strong: rgba(255, 126, 70, 1);
|
|
365
|
+
--alias-colors-border-accent-red-default: rgba(252, 207, 207, 1);
|
|
366
|
+
--alias-colors-border-accent-red-strong: rgba(207, 63, 63, 1);
|
|
367
|
+
--alias-colors-border-accent-purple-default: rgba(220, 214, 255, 1);
|
|
368
|
+
--alias-colors-border-accent-purple-strong: rgba(99, 78, 202, 1);
|
|
369
|
+
--alias-colors-border-accent-pink-default: rgba(248, 206, 220, 1);
|
|
370
|
+
--alias-colors-border-accent-pink-strong: rgba(192, 48, 96, 1);
|
|
371
|
+
/* COLOR */
|
|
372
|
+
--global-cool-grey-950: #1b242c;
|
|
373
|
+
--global-cool-grey-900: #272e35;
|
|
374
|
+
--global-cool-grey-800: #3a424a;
|
|
375
|
+
--global-cool-grey-700: #4a545e;
|
|
376
|
+
--global-cool-grey-600: #555f6d;
|
|
377
|
+
--global-cool-grey-500: #7e8c9a;
|
|
378
|
+
--global-cool-grey-400: #9ea8b3;
|
|
379
|
+
--global-cool-grey-300: #cfd6dd;
|
|
380
|
+
--global-cool-grey-200: #dee3e7;
|
|
381
|
+
--global-cool-grey-100: #eaedf0;
|
|
382
|
+
--global-cool-grey-50: #f0f3f5;
|
|
383
|
+
--global-cool-grey-25: #f5f7f9;
|
|
384
|
+
--global-cool-grey-0: #fcfcfd;
|
|
385
|
+
--global-cool-gray-alpha-950: rgba(10 20 28 / 0.93);
|
|
386
|
+
--global-cool-gray-alpha-900: rgba(10 18 25 / 0.88);
|
|
387
|
+
--global-cool-gray-alpha-800: rgba(26 35 45 / 0.86);
|
|
388
|
+
--global-cool-gray-alpha-700: rgba(29 41 54 / 0.8);
|
|
389
|
+
--global-cool-gray-alpha-600: rgba(25 39 58 / 0.74);
|
|
390
|
+
--global-cool-gray-alpha-500: rgba(24 48 72 / 0.56);
|
|
391
|
+
--global-cool-gray-alpha-400: rgba(13 38 64 / 0.4);
|
|
392
|
+
--global-cool-gray-alpha-300: rgba(16 48 84 / 0.2);
|
|
393
|
+
--global-cool-gray-alpha-200: rgba(4 41 68 / 0.13);
|
|
394
|
+
--global-cool-gray-alpha-100: rgba(16 40 72 / 0.09);
|
|
395
|
+
--global-cool-gray-alpha-50: rgba(2 47 82 / 0.06);
|
|
396
|
+
--global-cool-gray-alpha-25: rgba(0 43 94 / 0.04);
|
|
397
|
+
--global-cool-gray-alpha-0: rgba(31 82 158 / 0.02);
|
|
398
|
+
--global-neutral-grey-950: #222222;
|
|
399
|
+
--global-neutral-grey-900: #2d2d2d;
|
|
400
|
+
--global-neutral-grey-800: #404040;
|
|
401
|
+
--global-neutral-grey-700: #525252;
|
|
402
|
+
--global-neutral-grey-600: #5e5e5e;
|
|
403
|
+
--global-neutral-grey-500: #898989;
|
|
404
|
+
--global-neutral-grey-400: #a6a6a6;
|
|
405
|
+
--global-neutral-grey-300: #d5d5d5;
|
|
406
|
+
--global-neutral-grey-200: #e2e2e2;
|
|
407
|
+
--global-neutral-grey-100: #ebebeb;
|
|
408
|
+
--global-neutral-grey-50: #f2f2f2;
|
|
409
|
+
--global-neutral-grey-25: #f7f7f7;
|
|
410
|
+
--global-neutral-grey-0: #fcfcfc;
|
|
411
|
+
--global-neutral-grey-alpha-950: rgba(17 17 17 / 0.93);
|
|
412
|
+
--global-neutral-grey-alpha-900: rgba(16 16 16 / 0.88);
|
|
413
|
+
--global-neutral-grey-alpha-800: rgba(33 33 33 / 0.86);
|
|
414
|
+
--global-neutral-grey-alpha-700: rgba(38 38 38 / 0.8);
|
|
415
|
+
--global-neutral-grey-alpha-600: rgba(37 37 38 / 0.74);
|
|
416
|
+
--global-neutral-grey-alpha-500: rgba(44 44 44 / 0.56);
|
|
417
|
+
--global-neutral-grey-alpha-400: rgba(32 32 32 / 0.4);
|
|
418
|
+
--global-neutral-grey-alpha-300: rgba(46 46 46 / 0.2);
|
|
419
|
+
--global-neutral-grey-alpha-200: rgba(31 31 31 / 0.13);
|
|
420
|
+
--global-neutral-grey-alpha-100: rgba(28 28 28 / 0.09);
|
|
421
|
+
--global-neutral-grey-alpha-50: rgba(32 32 32 / 0.06);
|
|
422
|
+
--global-neutral-grey-alpha-25: rgba(46 46 46 / 0.04);
|
|
423
|
+
--global-neutral-grey-alpha-0: rgba(82 82 82 / 0.02);
|
|
424
|
+
--global-warm-grey-950: #232321;
|
|
425
|
+
--global-warm-grey-900: #2f2f2b;
|
|
426
|
+
--global-warm-grey-800: #40403a;
|
|
427
|
+
--global-warm-grey-700: #52524c;
|
|
428
|
+
--global-warm-grey-600: #5f5f58;
|
|
429
|
+
--global-warm-grey-500: #8b8b84;
|
|
430
|
+
--global-warm-grey-400: #a8a89f;
|
|
431
|
+
--global-warm-grey-300: #d8d8d2;
|
|
432
|
+
--global-warm-grey-200: #e4e4e0;
|
|
433
|
+
--global-warm-grey-100: #eaeae6;
|
|
434
|
+
--global-warm-grey-50: #f3f3f1;
|
|
435
|
+
--global-warm-grey-25: #f7f7f7;
|
|
436
|
+
--global-warm-grey-0: #fcfcfc;
|
|
437
|
+
--global-warm-grey-alpha-950: rgba(18 18 16 / 0.93);
|
|
438
|
+
--global-warm-grey-alpha-900: rgba(19 19 14 / 0.88);
|
|
439
|
+
--global-warm-grey-alpha-800: rgba(33 33 26 / 0.86);
|
|
440
|
+
--global-warm-grey-alpha-700: rgba(39 39 32 / 0.8);
|
|
441
|
+
--global-warm-grey-alpha-600: rgba(39 39 29 / 0.74);
|
|
442
|
+
--global-warm-grey-alpha-500: rgba(47 47 35 / 0.56);
|
|
443
|
+
--global-warm-grey-alpha-400: rgba(38 38 16 / 0.4);
|
|
444
|
+
--global-warm-grey-alpha-300: rgba(62 62 29 / 0.2);
|
|
445
|
+
--global-warm-grey-alpha-200: rgba(50 50 20 / 0.13);
|
|
446
|
+
--global-warm-grey-alpha-100: rgba(34 34 2 / 0.09);
|
|
447
|
+
--global-warm-grey-alpha-50: rgba(47 47 14 / 0.06);
|
|
448
|
+
--global-warm-grey-alpha-25: rgba(47 47 44 / 0.04);
|
|
449
|
+
--global-warm-grey-alpha-warmgreya-0: rgba(82 82 82 / 0.02);
|
|
450
|
+
--global-white-alpha-0: rgba(255 255 255 / 0.02);
|
|
451
|
+
--global-white-alpha-25: rgba(255 255 255 / 0.03);
|
|
452
|
+
--global-white-alpha-50: rgba(255 255 255 / 0.05);
|
|
453
|
+
--global-white-alpha-100: rgba(255 255 255 / 0.08);
|
|
454
|
+
--global-white-alpha-200: rgba(255 255 255 / 0.1);
|
|
455
|
+
--global-white-alpha-300: rgba(255 255 255 / 0.12);
|
|
456
|
+
--global-white-alpha-400: rgba(255 255 255 / 0.24);
|
|
457
|
+
--global-white-alpha-500: rgba(255 255 255 / 0.4);
|
|
458
|
+
--global-white-alpha-600: rgba(255 255 255 / 0.64);
|
|
459
|
+
--global-white-alpha-700: rgba(255 255 255 / 0.68);
|
|
460
|
+
--global-white-alpha-800: rgba(255 255 255 / 0.72);
|
|
461
|
+
--global-white-alpha-900: rgba(255 255 255 / 0.82);
|
|
462
|
+
--global-white-alpha-950: #ffffff;
|
|
463
|
+
--global-transparent-transparent: rgba(255 255 255 / 0);
|
|
464
|
+
--global-red-950: #4a0d0d;
|
|
465
|
+
--global-red-900: #6f2020;
|
|
466
|
+
--global-red-800: #952d2d;
|
|
467
|
+
--global-red-700: #a13636;
|
|
468
|
+
--global-red-600: #cf3f3f;
|
|
469
|
+
--global-red-500: #f26464;
|
|
470
|
+
--global-red-400: #f49090;
|
|
471
|
+
--global-red-300: #fccfcf;
|
|
472
|
+
--global-red-200: #fcd9d9;
|
|
473
|
+
--global-red-100: #fee6e6;
|
|
474
|
+
--global-red-50: #ffebeb;
|
|
475
|
+
--global-red-25: #fef5f5;
|
|
476
|
+
--global-red-0: #fffafa;
|
|
477
|
+
--global-raspberry-950: #450c1f;
|
|
478
|
+
--global-raspberry-900: #671e36;
|
|
479
|
+
--global-raspberry-800: #912b4d;
|
|
480
|
+
--global-raspberry-700: #9d3457;
|
|
481
|
+
--global-raspberry-600: #c03060;
|
|
482
|
+
--global-raspberry-500: #e4628d;
|
|
483
|
+
--global-raspberry-400: #ec8dad;
|
|
484
|
+
--global-raspberry-300: #f8cedc;
|
|
485
|
+
--global-raspberry-200: #fbd5e2;
|
|
486
|
+
--global-raspberry-100: #fde3eb;
|
|
487
|
+
--global-raspberry-50: #fdedf2;
|
|
488
|
+
--global-raspberry-25: #fef5f8;
|
|
489
|
+
--global-raspberry-raspberry-0: #fffafc;
|
|
490
|
+
--global-magenta-950: #410b2f;
|
|
491
|
+
--global-magenta-900: #671e4e;
|
|
492
|
+
--global-magenta-800: #892969;
|
|
493
|
+
--global-magenta-700: #953274;
|
|
494
|
+
--global-magenta-600: #b12f86;
|
|
495
|
+
--global-magenta-500: #de5eb3;
|
|
496
|
+
--global-magenta-400: #ec89cb;
|
|
497
|
+
--global-magenta-300: #f7cae8;
|
|
498
|
+
--global-magenta-200: #fbd5ee;
|
|
499
|
+
--global-magenta-100: #fde3f4;
|
|
500
|
+
--global-magenta-50: #fdedf8;
|
|
501
|
+
--global-magenta-25: #fef5fb;
|
|
502
|
+
--global-magenta-magenta-0: #fffafd;
|
|
503
|
+
--global-purple-950: #410b2f;
|
|
504
|
+
--global-purple-900: #5b1e67;
|
|
505
|
+
--global-purple-800: #792989;
|
|
506
|
+
--global-purple-700: #853295;
|
|
507
|
+
--global-purple-600: #9939ac;
|
|
508
|
+
--global-purple-500: #c466db;
|
|
509
|
+
--global-purple-400: #d98dec;
|
|
510
|
+
--global-purple-300: #f4caf7;
|
|
511
|
+
--global-purple-200: #f5d5fb;
|
|
512
|
+
--global-purple-100: #f8e3fd;
|
|
513
|
+
--global-purple-50: #faedfd;
|
|
514
|
+
--global-purple-25: #fdf5ff;
|
|
515
|
+
--global-purple-0: #fefaff;
|
|
516
|
+
--global-grape-950: #2e0e4e;
|
|
517
|
+
--global-grape-900: #4c2277;
|
|
518
|
+
--global-grape-800: #662f9d;
|
|
519
|
+
--global-grape-700: #7339ac;
|
|
520
|
+
--global-grape-600: #8040bf;
|
|
521
|
+
--global-grape-500: #ad71ea;
|
|
522
|
+
--global-grape-400: #c494f4;
|
|
523
|
+
--global-grape-300: #e5d0fb;
|
|
524
|
+
--global-grape-200: #eddbff;
|
|
525
|
+
--global-grape-100: #f2e5ff;
|
|
526
|
+
--global-grape-50: #f6f0ff;
|
|
527
|
+
--global-grape-25: #faf5ff;
|
|
528
|
+
--global-grape-grape-0: #fcfaff;
|
|
529
|
+
--global-violet-950: #1f1264;
|
|
530
|
+
--global-violet-900: #39288a;
|
|
531
|
+
--global-violet-800: #4e38bc;
|
|
532
|
+
--global-violet-700: #573fcf;
|
|
533
|
+
--global-violet-600: #634eca;
|
|
534
|
+
--global-violet-500: #917ef1;
|
|
535
|
+
--global-violet-400: #aba2fb;
|
|
536
|
+
--global-violet-300: #dcd6ff;
|
|
537
|
+
--global-violet-200: #e3e0ff;
|
|
538
|
+
--global-violet-100: #eeebff;
|
|
539
|
+
--global-violet-50: #f3f0ff;
|
|
540
|
+
--global-violet-25: #f7f5ff;
|
|
541
|
+
--global-violet-0: #fbfaff;
|
|
542
|
+
--global-blue-950: #05205e;
|
|
543
|
+
--global-blue-900: #113997;
|
|
544
|
+
--global-blue-800: #1e50c0;
|
|
545
|
+
--global-blue-700: #2759cd;
|
|
546
|
+
--global-blue-600: #3062d4;
|
|
547
|
+
--global-blue-500: #6792f4;
|
|
548
|
+
--global-blue-400: #8db0fb;
|
|
549
|
+
--global-blue-300: #cdddff;
|
|
550
|
+
--global-blue-200: #d7e4ff;
|
|
551
|
+
--global-blue-100: #e5eeff;
|
|
552
|
+
--global-blue-50: #edf2ff;
|
|
553
|
+
--global-blue-25: #f5f8ff;
|
|
554
|
+
--global-blue-blue-0: #fafbff;
|
|
555
|
+
--global-cyan-950: #002742;
|
|
556
|
+
--global-cyan-900: #0c456e;
|
|
557
|
+
--global-cyan-800: #165b8d;
|
|
558
|
+
--global-cyan-700: #1b679d;
|
|
559
|
+
--global-cyan-600: #0870ba;
|
|
560
|
+
--global-cyan-500: #5699dc;
|
|
561
|
+
--global-cyan-400: #79bcf6;
|
|
562
|
+
--global-cyan-300: #c2e3ff;
|
|
563
|
+
--global-cyan-200: #cce7ff;
|
|
564
|
+
--global-cyan-100: #e0f1ff;
|
|
565
|
+
--global-cyan-50: #ebf5ff;
|
|
566
|
+
--global-cyan-25: #f0f9ff;
|
|
567
|
+
--global-cyan-cyan-0: #fafdff;
|
|
568
|
+
--global-teal-950: #012a37;
|
|
569
|
+
--global-teal-900: #0a495c;
|
|
570
|
+
--global-teal-800: #196076;
|
|
571
|
+
--global-teal-700: #196c85;
|
|
572
|
+
--global-teal-600: #077597;
|
|
573
|
+
--global-teal-500: #4f9eba;
|
|
574
|
+
--global-teal-400: #7ac0dc;
|
|
575
|
+
--global-teal-300: #b8e8f5;
|
|
576
|
+
--global-teal-200: #c5ecf7;
|
|
577
|
+
--global-teal-100: #e0f3fa;
|
|
578
|
+
--global-teal-50: #e8f7fc;
|
|
579
|
+
--global-teal-25: #f0fbff;
|
|
580
|
+
--global-teal-teal-0: #fafeff;
|
|
581
|
+
--global-aquamarine-950: #012d26;
|
|
582
|
+
--global-aquamarine-900: #0d4a42;
|
|
583
|
+
--global-aquamarine-800: #15655a;
|
|
584
|
+
--global-aquamarine-700: #1a7061;
|
|
585
|
+
--global-aquamarine-600: #097c69;
|
|
586
|
+
--global-aquamarine-500: #3da497;
|
|
587
|
+
--global-aquamarine-400: #6ec9bf;
|
|
588
|
+
--global-aquamarine-300: #bee9e4;
|
|
589
|
+
--global-aquamarine-200: #c5f2ec;
|
|
590
|
+
--global-aquamarine-100: #daf6f3;
|
|
591
|
+
--global-aquamarine-50: #e2f8f5;
|
|
592
|
+
--global-aquamarine-25: #f0faf9;
|
|
593
|
+
--global-aquamarine-aquamarine-0: #fbfefe;
|
|
594
|
+
--global-green-950: #062d1b;
|
|
595
|
+
--global-green-900: #0e4e30;
|
|
596
|
+
--global-green-800: #196742;
|
|
597
|
+
--global-green-700: #1e714a;
|
|
598
|
+
--global-green-600: #1d7c4d;
|
|
599
|
+
--global-green-500: #4aa578;
|
|
600
|
+
--global-green-400: #75cc9e;
|
|
601
|
+
--global-green-300: #c2ebd5;
|
|
602
|
+
--global-green-200: #c6f1da;
|
|
603
|
+
--global-green-100: #d8f8e7;
|
|
604
|
+
--global-green-50: #e6f9ef;
|
|
605
|
+
--global-green-25: #f4fbf7;
|
|
606
|
+
--global-green-green-0: #fbfefc;
|
|
607
|
+
--global-emerald-950: #0a2e0b;
|
|
608
|
+
--global-emerald-900: #135315;
|
|
609
|
+
--global-emerald-800: #246626;
|
|
610
|
+
--global-emerald-700: #2f6f2f;
|
|
611
|
+
--global-emerald-600: #347434;
|
|
612
|
+
--global-emerald-500: #55a555;
|
|
613
|
+
--global-emerald-400: #87c987;
|
|
614
|
+
--global-emerald-300: #c6ecc6;
|
|
615
|
+
--global-emerald-200: #cff2cf;
|
|
616
|
+
--global-emerald-100: #dff6df;
|
|
617
|
+
--global-emerald-50: #e6f9e6;
|
|
618
|
+
--global-emerald-25: #f4fbf4;
|
|
619
|
+
--global-emerald-emerald-0: #fbfefb;
|
|
620
|
+
--global-orange-950: #482909;
|
|
621
|
+
--global-orange-900: #7a4510;
|
|
622
|
+
--global-orange-800: #a05c1c;
|
|
623
|
+
--global-orange-700: #b4610e;
|
|
624
|
+
--global-orange-600: #f59638;
|
|
625
|
+
--global-orange-500: #f6a351;
|
|
626
|
+
--global-orange-400: #feb872;
|
|
627
|
+
--global-orange-300: #ffd4a8;
|
|
628
|
+
--global-orange-200: #fcdec0;
|
|
629
|
+
--global-orange-100: #ffe8d1;
|
|
630
|
+
--global-orange-50: #fff0e0;
|
|
631
|
+
--global-orange-25: #fff5eb;
|
|
632
|
+
--global-orange-orange-0: #fffcfa;
|
|
633
|
+
--semantic-brand-950: var(--global-blue-950);
|
|
634
|
+
--semantic-brand-900: var(--global-blue-900);
|
|
635
|
+
--semantic-brand-800: var(--global-blue-800);
|
|
636
|
+
--semantic-brand-700: var(--global-blue-700);
|
|
637
|
+
--semantic-brand-600: var(--global-blue-600);
|
|
638
|
+
--semantic-brand-500: var(--global-blue-500);
|
|
639
|
+
--semantic-brand-400: var(--global-blue-400);
|
|
640
|
+
--semantic-brand-300: var(--global-blue-300);
|
|
641
|
+
--semantic-brand-200: var(--global-blue-200);
|
|
642
|
+
--semantic-brand-100: var(--global-blue-100);
|
|
643
|
+
--semantic-brand-50: var(--global-blue-50);
|
|
644
|
+
--semantic-brand-25: var(--global-blue-25);
|
|
645
|
+
--semantic-brand-0: var(--global-blue-blue-0);
|
|
646
|
+
--semantic-neutral-950: var(--global-cool-grey-950);
|
|
647
|
+
--semantic-neutral-900: var(--global-cool-grey-900);
|
|
648
|
+
--semantic-neutral-800: var(--global-cool-grey-800);
|
|
649
|
+
--semantic-neutral-700: var(--global-cool-grey-700);
|
|
650
|
+
--semantic-neutral-600: var(--global-cool-grey-600);
|
|
651
|
+
--semantic-neutral-500: var(--global-cool-grey-500);
|
|
652
|
+
--semantic-neutral-400: var(--global-cool-grey-400);
|
|
653
|
+
--semantic-neutral-300: var(--global-cool-grey-300);
|
|
654
|
+
--semantic-neutral-200: var(--global-cool-grey-200);
|
|
655
|
+
--semantic-neutral-100: var(--global-cool-grey-100);
|
|
656
|
+
--semantic-neutral-50: var(--global-cool-grey-50);
|
|
657
|
+
--semantic-neutral-25: var(--global-cool-grey-25);
|
|
658
|
+
--semantic-neutral-neutral-0: var(--global-cool-grey-0);
|
|
659
|
+
--semantic-neutral-alpha-950: var(--global-cool-gray-alpha-950);
|
|
660
|
+
--semantic-neutral-alpha-900: var(--global-cool-gray-alpha-900);
|
|
661
|
+
--semantic-neutral-alpha-800: var(--global-cool-gray-alpha-800);
|
|
662
|
+
--semantic-neutral-alpha-700: var(--global-cool-gray-alpha-700);
|
|
663
|
+
--semantic-neutral-alpha-600: var(--global-cool-gray-alpha-600);
|
|
664
|
+
--semantic-neutral-alpha-500: var(--global-cool-gray-alpha-500);
|
|
665
|
+
--semantic-neutral-alpha-400: var(--global-cool-gray-alpha-400);
|
|
666
|
+
--semantic-neutral-alpha-300: var(--global-cool-gray-alpha-300);
|
|
667
|
+
--semantic-neutral-alpha-200: var(--global-cool-gray-alpha-200);
|
|
668
|
+
--semantic-neutral-alpha-100: var(--global-cool-gray-alpha-100);
|
|
669
|
+
--semantic-neutral-alpha-50: var(--global-cool-gray-alpha-50);
|
|
670
|
+
--semantic-neutral-alpha-25: var(--global-cool-gray-alpha-25);
|
|
671
|
+
--semantic-neutral-alpha-0: var(--global-cool-gray-alpha-0);
|
|
672
|
+
--semantic-informative-950: var(--global-blue-950);
|
|
673
|
+
--semantic-informative-900: var(--global-blue-900);
|
|
674
|
+
--semantic-informative-800: var(--global-blue-800);
|
|
675
|
+
--semantic-informative-700: var(--global-blue-700);
|
|
676
|
+
--semantic-informative-600: var(--global-blue-600);
|
|
677
|
+
--semantic-informative-500: var(--global-blue-500);
|
|
678
|
+
--semantic-informative-400: var(--global-blue-400);
|
|
679
|
+
--semantic-informative-300: var(--global-blue-300);
|
|
680
|
+
--semantic-informative-200: var(--global-blue-200);
|
|
681
|
+
--semantic-informative-100: var(--global-blue-100);
|
|
682
|
+
--semantic-informative-50: var(--global-blue-50);
|
|
683
|
+
--semantic-informative-25: var(--global-blue-25);
|
|
684
|
+
--semantic-informative-informative-0: var(--global-blue-blue-0);
|
|
685
|
+
--semantic-positive-950: var(--global-green-950);
|
|
686
|
+
--semantic-positive-900: var(--global-green-900);
|
|
687
|
+
--semantic-positive-800: var(--global-green-800);
|
|
688
|
+
--semantic-positive-700: var(--global-green-700);
|
|
689
|
+
--semantic-positive-600: var(--global-green-600);
|
|
690
|
+
--semantic-positive-500: var(--global-green-500);
|
|
691
|
+
--semantic-positive-400: var(--global-green-400);
|
|
692
|
+
--semantic-positive-300: var(--global-green-300);
|
|
693
|
+
--semantic-positive-200: var(--global-green-200);
|
|
694
|
+
--semantic-positive-100: var(--global-green-100);
|
|
695
|
+
--semantic-positive-50: var(--global-green-50);
|
|
696
|
+
--semantic-positive-25: var(--global-green-25);
|
|
697
|
+
--semantic-positive-0: var(--global-green-green-0);
|
|
698
|
+
--semantic-warning-950: var(--global-orange-950);
|
|
699
|
+
--semantic-warning-900: var(--global-orange-900);
|
|
700
|
+
--semantic-warning-800: var(--global-orange-800);
|
|
701
|
+
--semantic-warning-700: var(--global-orange-700);
|
|
702
|
+
--semantic-warning-600: var(--global-orange-600);
|
|
703
|
+
--semantic-warning-500: var(--global-orange-500);
|
|
704
|
+
--semantic-warning-400: var(--global-orange-400);
|
|
705
|
+
--semantic-warning-300: var(--global-orange-300);
|
|
706
|
+
--semantic-warning-200: var(--global-orange-200);
|
|
707
|
+
--semantic-warning-100: var(--global-orange-100);
|
|
708
|
+
--semantic-warning-50: var(--global-orange-50);
|
|
709
|
+
--semantic-warning-25: var(--global-orange-25);
|
|
710
|
+
--semantic-warning-0: var(--global-orange-orange-0);
|
|
711
|
+
--semantic-negative-950: var(--global-red-950);
|
|
712
|
+
--semantic-negative-900: var(--global-red-900);
|
|
713
|
+
--semantic-negative-800: var(--global-red-800);
|
|
714
|
+
--semantic-negative-700: var(--global-red-700);
|
|
715
|
+
--semantic-negative-600: var(--global-red-600);
|
|
716
|
+
--semantic-negative-500: var(--global-red-500);
|
|
717
|
+
--semantic-negative-400: var(--global-red-400);
|
|
718
|
+
--semantic-negative-300: var(--global-red-300);
|
|
719
|
+
--semantic-negative-200: var(--global-red-200);
|
|
720
|
+
--semantic-negative-100: var(--global-red-100);
|
|
721
|
+
--semantic-negative-50: var(--global-red-50);
|
|
722
|
+
--semantic-negative-25: var(--global-red-25);
|
|
723
|
+
--semantic-negative-0: var(--global-red-0);
|
|
724
|
+
--content-primary: var(--semantic-neutral-900);
|
|
725
|
+
--content-secondary: var(--semantic-neutral-600);
|
|
726
|
+
--content-tertiary: var(--semantic-neutral-500);
|
|
727
|
+
--content-disabled: var(--semantic-neutral-400);
|
|
728
|
+
--content-inverted-primary: var(--global-white-alpha-950);
|
|
729
|
+
--content-inverted-secondary: var(--global-white-alpha-600);
|
|
730
|
+
--content-inverted-tertiary: var(--global-white-alpha-500);
|
|
731
|
+
--content-inverted-disabled: var(--global-white-alpha-400);
|
|
732
|
+
--content-informative-primary: var(--semantic-informative-900);
|
|
733
|
+
--content-informative-secondary: var(--semantic-informative-600);
|
|
734
|
+
--content-positive-primary: var(--semantic-positive-900);
|
|
735
|
+
--content-positive-secondary: var(--semantic-positive-600);
|
|
736
|
+
--content-warning-primary: var(--semantic-warning-900);
|
|
737
|
+
--content-warning-secondary: var(--semantic-warning-600);
|
|
738
|
+
--content-negative-primary: var(--semantic-negative-900);
|
|
739
|
+
--content-negative-secondary: var(--semantic-negative-600);
|
|
740
|
+
--content-brand-primary: var(--semantic-brand-900);
|
|
741
|
+
--content-brand-secondary: var(--semantic-brand-600);
|
|
742
|
+
--border-default: var(--semantic-neutral-100);
|
|
743
|
+
--border-default-alpha: var(--semantic-neutral-alpha-100);
|
|
744
|
+
--border-inverted: var(--global-white-alpha-950);
|
|
745
|
+
--border-neutral-strong: var(--semantic-neutral-600);
|
|
746
|
+
--border-neutral-subtle: var(--semantic-neutral-300);
|
|
747
|
+
--border-informative-strong: var(--semantic-informative-600);
|
|
748
|
+
--border-informative-subtle: var(--semantic-informative-300);
|
|
749
|
+
--border-positive-strong: var(--semantic-positive-600);
|
|
750
|
+
--border-positive-subtle: var(--semantic-positive-300);
|
|
751
|
+
--border-warning-strong: var(--semantic-warning-600);
|
|
752
|
+
--border-warning-subtle: var(--semantic-warning-300);
|
|
753
|
+
--border-negative-strong: var(--semantic-negative-600);
|
|
754
|
+
--border-negative-subtle: var(--semantic-negative-300);
|
|
755
|
+
--border-brand-strong: var(--semantic-brand-600);
|
|
756
|
+
--border-brand-subtle: var(--semantic-brand-300);
|
|
757
|
+
--background-default: var(--global-white-alpha-950);
|
|
758
|
+
--background-inverted: var(--semantic-neutral-900);
|
|
759
|
+
--background-neutral-strong: var(--semantic-neutral-600);
|
|
760
|
+
--background-neutral-muted: var(--semantic-neutral-200);
|
|
761
|
+
--background-neutral-on-subtle: var(--semantic-neutral-100);
|
|
762
|
+
--background-neutral-subtle: var(--semantic-neutral-25);
|
|
763
|
+
--background-neutral-surface: var(--semantic-neutral-neutral-0);
|
|
764
|
+
--background-informative-strong: var(--semantic-informative-600);
|
|
765
|
+
--background-informative-muted: var(--semantic-informative-200);
|
|
766
|
+
--background-informative-on-subtle: var(--semantic-informative-100);
|
|
767
|
+
--background-informative-subtle: var(--semantic-informative-25);
|
|
768
|
+
--background-informative-surface: var(--semantic-informative-informative-0);
|
|
769
|
+
--background-positive-strong: var(--semantic-positive-600);
|
|
770
|
+
--background-positive-muted: var(--semantic-positive-200);
|
|
771
|
+
--background-positive-on-subtle: var(--semantic-positive-100);
|
|
772
|
+
--background-positive-subtle: var(--semantic-positive-25);
|
|
773
|
+
--background-positive-surface: var(--semantic-positive-0);
|
|
774
|
+
--background-warning-strong: var(--semantic-warning-600);
|
|
775
|
+
--background-warning-muted: var(--semantic-warning-200);
|
|
776
|
+
--background-warning-on-subtle: var(--semantic-warning-100);
|
|
777
|
+
--background-warning-subtle: var(--semantic-warning-25);
|
|
778
|
+
--background-warning-surface: var(--semantic-warning-0);
|
|
779
|
+
--background-negative-strong: var(--semantic-negative-600);
|
|
780
|
+
--background-negative-muted: var(--semantic-negative-200);
|
|
781
|
+
--background-negative-on-subtle: var(--semantic-negative-100);
|
|
782
|
+
--background-negative-subtle: var(--semantic-negative-25);
|
|
783
|
+
--background-negative-surface: var(--semantic-negative-0);
|
|
784
|
+
--background-brand-strong: var(--semantic-brand-600);
|
|
785
|
+
--background-brand-muted: var(--semantic-brand-200);
|
|
786
|
+
--background-brand-on-subtle: var(--semantic-brand-100);
|
|
787
|
+
--background-brand-subtle: var(--semantic-brand-25);
|
|
788
|
+
--background-brand-surface: var(--semantic-brand-0);
|
|
789
|
+
--action-primary-normal: var(--semantic-brand-600);
|
|
790
|
+
--action-primary-hover: var(--semantic-brand-800);
|
|
791
|
+
--action-primary-active: var(--semantic-brand-900);
|
|
792
|
+
--action-primary-selected: var(--semantic-brand-800);
|
|
793
|
+
--action-primary-subtle-normal: var(--semantic-brand-50);
|
|
794
|
+
--action-primary-subtle-hover: var(--semantic-brand-100);
|
|
795
|
+
--action-primary-subtle-active: var(--semantic-brand-300);
|
|
796
|
+
--action-primary-subtle-selected: var(--semantic-brand-100);
|
|
797
|
+
--action-neutral-normal: var(--semantic-neutral-700);
|
|
798
|
+
--action-neutral-hover: var(--semantic-neutral-800);
|
|
799
|
+
--action-neutral-active: var(--semantic-neutral-900);
|
|
800
|
+
--action-neutral-selected: var(--semantic-neutral-800);
|
|
801
|
+
--action-neutral-subtle-normal: var(--semantic-neutral-50);
|
|
802
|
+
--action-neutral-subtle-hover: var(--semantic-neutral-100);
|
|
803
|
+
--action-neutral-subtle-active: var(--semantic-neutral-300);
|
|
804
|
+
--action-neutral-subtle-selected: var(--semantic-neutral-100);
|
|
805
|
+
--action-success-normal: var(--semantic-positive-600);
|
|
806
|
+
--action-success-hover: var(--semantic-positive-800);
|
|
807
|
+
--action-success-active: var(--semantic-positive-900);
|
|
808
|
+
--action-success-selected: var(--semantic-positive-800);
|
|
809
|
+
--action-success-subtle-normal: var(--semantic-positive-50);
|
|
810
|
+
--action-success-subtle-hover: var(--semantic-positive-100);
|
|
811
|
+
--action-success-subtle-active: var(--semantic-positive-300);
|
|
812
|
+
--action-success-subtle-selected: var(--semantic-positive-100);
|
|
813
|
+
--action-destructive-normal: var(--semantic-negative-600);
|
|
814
|
+
--action-destructive-hover: var(--semantic-negative-800);
|
|
815
|
+
--action-destructive-active: var(--semantic-negative-900);
|
|
816
|
+
--action-destructive-selected: var(--semantic-negative-800);
|
|
817
|
+
--action-destructive-subtle-normal: var(--semantic-negative-50);
|
|
818
|
+
--action-destructive-subtle-hover: var(--semantic-negative-100);
|
|
819
|
+
--action-destructive-subtle-active: var(--semantic-negative-300);
|
|
820
|
+
--action-destructive-subtle-selected: var(--semantic-negative-100);
|
|
821
|
+
--action-ghost-normal: var(--global-transparent-transparent);
|
|
822
|
+
--action-ghost-hover: var(--semantic-neutral-alpha-50);
|
|
823
|
+
--action-ghost-active: var(--semantic-neutral-alpha-100);
|
|
824
|
+
--action-ghost-selected: var(--semantic-neutral-alpha-50);
|
|
825
|
+
--action-ghost-inverted-hover: var(--global-white-alpha-200);
|
|
826
|
+
--action-ghost-inverted-active: var(--global-white-alpha-300);
|
|
827
|
+
--action-ghost-inverted-selected: var(--global-white-alpha-200);
|
|
828
|
+
--action-ghost-destructive-hover: var(--semantic-negative-50);
|
|
829
|
+
--action-ghost-destructive-active: var(--semantic-negative-100);
|
|
830
|
+
--action-ghost-destructive-selected: var(--semantic-negative-50);
|
|
831
|
+
--action-outline-normal: var(--semantic-neutral-300);
|
|
832
|
+
--action-outline-hover: var(--semantic-neutral-400);
|
|
833
|
+
--action-outline-active: var(--semantic-neutral-500);
|
|
834
|
+
--action-outline-selected: var(--semantic-neutral-400);
|
|
835
|
+
--action-inverted-normal: var(--global-white-alpha-950);
|
|
836
|
+
--action-inverted-hover: var(--global-white-alpha-900);
|
|
837
|
+
--action-inverted-active: var(--global-white-alpha-800);
|
|
838
|
+
--action-inverted-selected: var(--global-white-alpha-900);
|
|
839
|
+
--action-reverse-inverted-normal: var(--semantic-neutral-alpha-900);
|
|
840
|
+
--action-reverse-inverted-hover: var(--semantic-neutral-alpha-700);
|
|
841
|
+
--action-reverse-inverted-active: var(--semantic-neutral-alpha-600);
|
|
842
|
+
--action-reverse-inverted-selected: var(--semantic-neutral-alpha-700);
|
|
843
|
+
--interaction-default-normal: var(--global-blue-600);
|
|
844
|
+
--interaction-default-hover: var(--global-blue-800);
|
|
845
|
+
--interaction-default-active: var(--global-blue-900);
|
|
846
|
+
--interaction-default-selected: var(--global-blue-800);
|
|
847
|
+
--interaction-default-subtle-normal: var(--global-blue-50);
|
|
848
|
+
--interaction-default-subtle-hover: var(--global-blue-100);
|
|
849
|
+
--interaction-default-subtle-active: var(--global-blue-300);
|
|
850
|
+
--interaction-default-subtle-selected: var(--global-blue-100);
|
|
851
|
+
--interaction-neutral-normal: var(--semantic-neutral-700);
|
|
852
|
+
--interaction-neutral-hover: var(--semantic-neutral-800);
|
|
853
|
+
--interaction-neutral-active: var(--semantic-neutral-900);
|
|
854
|
+
--interaction-neutral-selected: var(--semantic-neutral-800);
|
|
855
|
+
--interaction-neutral-subtle-normal: var(--semantic-neutral-50);
|
|
856
|
+
--interaction-neutral-subtle-hover: var(--semantic-neutral-100);
|
|
857
|
+
--interaction-neutral-subtle-active: var(--semantic-neutral-300);
|
|
858
|
+
--interaction-neutral-subtle-selected: var(--semantic-neutral-100);
|
|
859
|
+
--interaction-alert-normal: var(--semantic-negative-600);
|
|
860
|
+
--interaction-alert-hover: var(--semantic-negative-800);
|
|
861
|
+
--interaction-alert-active: var(--semantic-negative-900);
|
|
862
|
+
--interaction-alert-selected: var(--semantic-negative-800);
|
|
863
|
+
--interaction-alert-subtle-normal: var(--semantic-negative-50);
|
|
864
|
+
--interaction-alert-subtle-hover: var(--semantic-negative-100);
|
|
865
|
+
--interaction-alert-subtle-active: var(--semantic-negative-300);
|
|
866
|
+
--interaction-alert-subtle-selected: var(--semantic-negative-100);
|
|
867
|
+
--interaction-ghost-normal: var(--global-transparent-transparent);
|
|
868
|
+
--interaction-ghost-hover: var(--semantic-neutral-alpha-50);
|
|
869
|
+
--interaction-ghost-active: var(--semantic-neutral-alpha-100);
|
|
870
|
+
--interaction-ghost-selected: var(--semantic-neutral-alpha-50);
|
|
871
|
+
--interaction-ghost-inverted-hover: var(--global-white-alpha-200);
|
|
872
|
+
--interaction-ghost-inverted-active: var(--global-white-alpha-300);
|
|
873
|
+
--interaction-ghost-inverted-selected: var(--global-white-alpha-200);
|
|
874
|
+
--interaction-ghost-destructive-selected: var(--semantic-negative-50);
|
|
875
|
+
--interaction-ghost-destructive-active: var(--semantic-negative-100);
|
|
876
|
+
--interaction-ghost-destructive-hover: var(--semantic-negative-50);
|
|
877
|
+
--interaction-disabled-normal: var(--semantic-neutral-400);
|
|
878
|
+
--interaction-disabled-hover: var(--semantic-neutral-500);
|
|
879
|
+
--interaction-disabled-active: var(--semantic-neutral-600);
|
|
880
|
+
--interaction-disabled-subtle-normal: var(--semantic-neutral-100);
|
|
881
|
+
--interaction-disabled-subtle-hover: var(--semantic-neutral-200);
|
|
882
|
+
--interaction-disabled-subtle-active: var(--semantic-neutral-300);
|
|
883
|
+
--interaction-border-normal: var(--global-blue-400);
|
|
884
|
+
--interaction-border-hover: var(--global-blue-500);
|
|
885
|
+
--interaction-border-active: var(--global-blue-700);
|
|
886
|
+
--interaction-border-selected: var(--global-blue-600);
|
|
887
|
+
--interaction-border-neutral-normal: var(--semantic-neutral-300);
|
|
888
|
+
--interaction-border-neutral-hover: var(--semantic-neutral-400);
|
|
889
|
+
--interaction-border-neutral-active: var(--semantic-neutral-500);
|
|
890
|
+
--interaction-border-neutral-selected: var(--semantic-neutral-400);
|
|
891
|
+
--interaction-border-alert: var(--semantic-negative-500);
|
|
892
|
+
--interaction-background-modal: var(--background-default);
|
|
893
|
+
--interaction-background-modeless: var(--background-default);
|
|
894
|
+
--interaction-background-inverted-modeless: var(--background-inverted);
|
|
895
|
+
--interaction-background-sidepanel: var(--background-default);
|
|
896
|
+
--interaction-background-form-field: var(--background-default);
|
|
897
|
+
--interaction-background-default-dimmer: var(--semantic-neutral-alpha-600);
|
|
898
|
+
--interaction-inverted-normal: var(--global-white-alpha-950);
|
|
899
|
+
--interaction-inverted-hover: var(--global-white-alpha-900);
|
|
900
|
+
--interaction-inverted-active: var(--global-white-alpha-800);
|
|
901
|
+
--interaction-inverted-selected: var(--global-white-alpha-900);
|
|
902
|
+
--interaction-focus-default: var(--global-blue-500);
|
|
903
|
+
--non-semantic-content-grey-primary: var(--semantic-neutral-900);
|
|
904
|
+
--non-semantic-content-grey-secondary: var(--semantic-neutral-600);
|
|
905
|
+
--non-semantic-border-grey-default: var(--semantic-neutral-100);
|
|
906
|
+
--non-semantic-border-grey-strong: var(--semantic-neutral-600);
|
|
907
|
+
--non-semantic-border-grey-subtle: var(--semantic-neutral-300);
|
|
908
|
+
--non-semantic-background-grey-strong: var(--semantic-neutral-600);
|
|
909
|
+
--non-semantic-background-grey-muted: var(--semantic-neutral-200);
|
|
910
|
+
--non-semantic-background-grey-on-subtle: var(--semantic-neutral-100);
|
|
911
|
+
--non-semantic-background-grey-subtle: var(--semantic-neutral-25);
|
|
912
|
+
--non-semantic-background-grey-surface: var(--semantic-neutral-neutral-0);
|
|
913
|
+
--non-semantic-content-white-primary: var(--global-white-alpha-950);
|
|
914
|
+
--non-semantic-content-white-secondary: var(--global-white-alpha-600);
|
|
915
|
+
--non-semantic-border-white-default: var(--global-white-alpha-500);
|
|
916
|
+
--non-semantic-border-white-strong: var(--global-white-alpha-950);
|
|
917
|
+
--non-semantic-border-white-subtle: var(--global-white-alpha-700);
|
|
918
|
+
--non-semantic-background-white-strong: var(--global-white-alpha-950);
|
|
919
|
+
--non-semantic-background-white-muted: var(--global-white-alpha-600);
|
|
920
|
+
--non-semantic-background-white-on-subtle: var(--global-white-alpha-500);
|
|
921
|
+
--non-semantic-background-white-subtle: var(--global-white-alpha-300);
|
|
922
|
+
--non-semantic-background-white-surface: var(--global-white-alpha-200);
|
|
923
|
+
--non-semantic-content-red-primary: var(--global-red-900);
|
|
924
|
+
--non-semantic-content-red-secondary: var(--global-red-600);
|
|
925
|
+
--non-semantic-border-red-default: var(--global-red-100);
|
|
926
|
+
--non-semantic-border-red-strong: var(--global-red-600);
|
|
927
|
+
--non-semantic-border-red-subtle: var(--global-red-300);
|
|
928
|
+
--non-semantic-background-red-strong: var(--global-red-600);
|
|
929
|
+
--non-semantic-background-red-muted: var(--global-red-200);
|
|
930
|
+
--non-semantic-background-red-on-subtle: var(--global-red-100);
|
|
931
|
+
--non-semantic-background-red-subtle: var(--global-red-25);
|
|
932
|
+
--non-semantic-background-red-surface: var(--global-red-0);
|
|
933
|
+
--non-semantic-content-raspberry-primary: var(--global-raspberry-900);
|
|
934
|
+
--non-semantic-content-raspberry-secondary: var(--global-raspberry-600);
|
|
935
|
+
--non-semantic-border-raspberry-default: var(--global-raspberry-100);
|
|
936
|
+
--non-semantic-border-raspberry-strong: var(--global-raspberry-600);
|
|
937
|
+
--non-semantic-border-raspberry-subtle: var(--global-raspberry-300);
|
|
938
|
+
--non-semantic-background-raspberry-strong: var(--global-raspberry-600);
|
|
939
|
+
--non-semantic-background-raspberry-muted: var(--global-raspberry-200);
|
|
940
|
+
--non-semantic-background-raspberry-on-subtle: var(--global-raspberry-100);
|
|
941
|
+
--non-semantic-background-raspberry-subtle: var(--global-raspberry-25);
|
|
942
|
+
--non-semantic-background-raspberry-surface: var(
|
|
943
|
+
--global-raspberry-raspberry-0
|
|
944
|
+
);
|
|
945
|
+
--non-semantic-content-magenta-primary: var(--global-magenta-900);
|
|
946
|
+
--non-semantic-content-magenta-secondary: var(--global-magenta-600);
|
|
947
|
+
--non-semantic-border-magenta-default: var(--global-magenta-100);
|
|
948
|
+
--non-semantic-border-magenta-strong: var(--global-magenta-600);
|
|
949
|
+
--non-semantic-border-magenta-subtle: var(--global-magenta-300);
|
|
950
|
+
--non-semantic-background-magenta-strong: var(--global-magenta-600);
|
|
951
|
+
--non-semantic-background-magenta-muted: var(--global-magenta-200);
|
|
952
|
+
--non-semantic-background-magenta-on-subtle: var(--global-magenta-100);
|
|
953
|
+
--non-semantic-background-magenta-subtle: var(--global-magenta-25);
|
|
954
|
+
--non-semantic-background-magenta-surface: var(--global-magenta-magenta-0);
|
|
955
|
+
--non-semantic-content-purple-primary: var(--global-purple-900);
|
|
956
|
+
--non-semantic-content-purple-secondary: var(--global-purple-600);
|
|
957
|
+
--non-semantic-border-purple-default: var(--global-purple-100);
|
|
958
|
+
--non-semantic-border-purple-strong: var(--global-purple-600);
|
|
959
|
+
--non-semantic-border-purple-subtle: var(--global-purple-300);
|
|
960
|
+
--non-semantic-background-purple-strong: var(--global-purple-600);
|
|
961
|
+
--non-semantic-background-purple-muted: var(--global-purple-200);
|
|
962
|
+
--non-semantic-background-purple-on-subtle: var(--global-purple-100);
|
|
963
|
+
--non-semantic-background-purple-subtle: var(--global-purple-25);
|
|
964
|
+
--non-semantic-background-purple-surface: var(--global-purple-0);
|
|
965
|
+
--non-semantic-content-grape-primary: var(--global-grape-900);
|
|
966
|
+
--non-semantic-content-grape-secondary: var(--global-grape-600);
|
|
967
|
+
--non-semantic-border-grape-default: var(--global-grape-100);
|
|
968
|
+
--non-semantic-border-grape-strong: var(--global-grape-600);
|
|
969
|
+
--non-semantic-border-grape-subtle: var(--global-grape-300);
|
|
970
|
+
--non-semantic-background-grape-strong: var(--global-grape-600);
|
|
971
|
+
--non-semantic-background-grape-muted: var(--global-grape-200);
|
|
972
|
+
--non-semantic-background-grape-on-subtle: var(--global-grape-100);
|
|
973
|
+
--non-semantic-background-grape-subtle: var(--global-grape-25);
|
|
974
|
+
--non-semantic-background-grape-surface: var(--global-grape-grape-0);
|
|
975
|
+
--non-semantic-content-violet-primary: var(--global-violet-900);
|
|
976
|
+
--non-semantic-content-violet-secondary: var(--global-violet-600);
|
|
977
|
+
--non-semantic-border-violet-default: var(--global-violet-100);
|
|
978
|
+
--non-semantic-border-violet-strong: var(--global-violet-600);
|
|
979
|
+
--non-semantic-border-violet-subtle: var(--global-violet-300);
|
|
980
|
+
--non-semantic-background-violet-strong: var(--global-violet-600);
|
|
981
|
+
--non-semantic-background-violet-muted: var(--global-violet-200);
|
|
982
|
+
--non-semantic-background-violet-on-subtle: var(--global-violet-100);
|
|
983
|
+
--non-semantic-background-violet-subtle: var(--global-violet-25);
|
|
984
|
+
--non-semantic-background-violet-surface: var(--global-violet-0);
|
|
985
|
+
--non-semantic-content-blue-primary: var(--global-blue-900);
|
|
986
|
+
--non-semantic-content-blue-secondary: var(--global-blue-600);
|
|
987
|
+
--non-semantic-border-blue-default: var(--global-blue-100);
|
|
988
|
+
--non-semantic-border-blue-strong: var(--global-blue-600);
|
|
989
|
+
--non-semantic-border-blue-subtle: var(--global-blue-300);
|
|
990
|
+
--non-semantic-background-blue-strong: var(--global-blue-600);
|
|
991
|
+
--non-semantic-background-blue-muted: var(--global-blue-200);
|
|
992
|
+
--non-semantic-background-blue-on-subtle: var(--global-blue-100);
|
|
993
|
+
--non-semantic-background-blue-subtle: var(--global-blue-25);
|
|
994
|
+
--non-semantic-background-blue-surface: var(--global-blue-blue-0);
|
|
995
|
+
--non-semantic-content-cyan-primary: var(--global-cyan-900);
|
|
996
|
+
--non-semantic-content-cyan-secondary: var(--global-cyan-600);
|
|
997
|
+
--non-semantic-border-cyan-default: var(--global-cyan-100);
|
|
998
|
+
--non-semantic-border-cyan-strong: var(--global-cyan-600);
|
|
999
|
+
--non-semantic-border-cyan-subtle: var(--global-cyan-300);
|
|
1000
|
+
--non-semantic-background-cyan-strong: var(--global-cyan-600);
|
|
1001
|
+
--non-semantic-background-cyan-muted: var(--global-cyan-200);
|
|
1002
|
+
--non-semantic-background-cyan-on-subtle: var(--global-cyan-100);
|
|
1003
|
+
--non-semantic-background-cyan-subtle: var(--global-cyan-25);
|
|
1004
|
+
--non-semantic-background-cyan-surface: var(--global-cyan-cyan-0);
|
|
1005
|
+
--non-semantic-content-teal-primary: var(--global-teal-900);
|
|
1006
|
+
--non-semantic-content-teal-secondary: var(--global-teal-600);
|
|
1007
|
+
--non-semantic-border-teal-default: var(--global-teal-100);
|
|
1008
|
+
--non-semantic-border-teal-strong: var(--global-teal-600);
|
|
1009
|
+
--non-semantic-border-teal-subtle: var(--global-teal-300);
|
|
1010
|
+
--non-semantic-background-teal-strong: var(--global-teal-600);
|
|
1011
|
+
--non-semantic-background-teal-muted: var(--global-teal-200);
|
|
1012
|
+
--non-semantic-background-teal-on-subtle: var(--global-teal-100);
|
|
1013
|
+
--non-semantic-background-teal-subtle: var(--global-teal-25);
|
|
1014
|
+
--non-semantic-background-teal-surface: var(--global-teal-teal-0);
|
|
1015
|
+
--non-semantic-content-aquamarine-primary: var(--global-aquamarine-900);
|
|
1016
|
+
--non-semantic-content-aquamarine-secondary: var(--global-aquamarine-600);
|
|
1017
|
+
--non-semantic-border-aquamarine-default: var(--global-aquamarine-100);
|
|
1018
|
+
--non-semantic-border-aquamarine-strong: var(--global-aquamarine-600);
|
|
1019
|
+
--non-semantic-border-aquamarine-subtle: var(--global-aquamarine-300);
|
|
1020
|
+
--non-semantic-background-aquamarine-strong: var(--global-aquamarine-600);
|
|
1021
|
+
--non-semantic-background-aquamarine-muted: var(--global-aquamarine-200);
|
|
1022
|
+
--non-semantic-background-aquamarine-on-subtle: var(--global-aquamarine-100);
|
|
1023
|
+
--non-semantic-background-aquamarine-subtle: var(--global-aquamarine-25);
|
|
1024
|
+
--non-semantic-background-aquamarine-surface: var(
|
|
1025
|
+
--global-aquamarine-aquamarine-0
|
|
1026
|
+
);
|
|
1027
|
+
--non-semantic-content-green-primary: var(--global-green-900);
|
|
1028
|
+
--non-semantic-content-green-secondary: var(--global-green-600);
|
|
1029
|
+
--non-semantic-border-green-default: var(--global-green-100);
|
|
1030
|
+
--non-semantic-border-green-strong: var(--global-green-600);
|
|
1031
|
+
--non-semantic-border-green-subtle: var(--global-green-300);
|
|
1032
|
+
--non-semantic-background-green-strong: var(--global-green-600);
|
|
1033
|
+
--non-semantic-background-green-muted: var(--global-green-200);
|
|
1034
|
+
--non-semantic-background-green-on-subtle: var(--global-green-100);
|
|
1035
|
+
--non-semantic-background-green-subtle: var(--global-green-25);
|
|
1036
|
+
--non-semantic-background-green-surface: var(--global-green-green-0);
|
|
1037
|
+
--non-semantic-content-emerald-primary: var(--global-emerald-900);
|
|
1038
|
+
--non-semantic-content-emerald-secondary: var(--global-emerald-600);
|
|
1039
|
+
--non-semantic-border-emerald-default: var(--global-emerald-100);
|
|
1040
|
+
--non-semantic-border-emerald-strong: var(--global-emerald-600);
|
|
1041
|
+
--non-semantic-border-emerald-subtle: var(--global-emerald-300);
|
|
1042
|
+
--non-semantic-background-emerald-strong: var(--global-emerald-600);
|
|
1043
|
+
--non-semantic-background-emerald-muted: var(--global-emerald-200);
|
|
1044
|
+
--non-semantic-background-emerald-on-subtle: var(--global-emerald-100);
|
|
1045
|
+
--non-semantic-background-emerald-subtle: var(--global-emerald-25);
|
|
1046
|
+
--non-semantic-background-emerald-surface: var(--global-emerald-emerald-0);
|
|
1047
|
+
--non-semantic-content-orange-primary: var(--global-orange-900);
|
|
1048
|
+
--non-semantic-content-orange-secondary: var(--global-orange-600);
|
|
1049
|
+
--non-semantic-border-orange-default: var(--global-orange-100);
|
|
1050
|
+
--non-semantic-border-orange-strong: var(--global-orange-600);
|
|
1051
|
+
--non-semantic-border-orange-subtle: var(--global-orange-300);
|
|
1052
|
+
--non-semantic-background-orange-strong: var(--global-orange-600);
|
|
1053
|
+
--non-semantic-background-orange-muted: var(--global-orange-200);
|
|
1054
|
+
--non-semantic-background-orange-on-subtle: var(--global-orange-100);
|
|
1055
|
+
--non-semantic-background-orange-subtle: var(--global-orange-25);
|
|
1056
|
+
--non-semantic-background-orange-surface: var(--global-orange-orange-0);
|
|
1057
|
+
--interaction-background-sidebar-nav: var(--background-default);
|
|
1058
|
+
--interaction-background-top-nav: var(--background-default);
|
|
1059
|
+
--data-visualisation-graphical-blue: #289eff;
|
|
1060
|
+
--background-neutral-hard: var(--semantic-neutral-800);
|
|
1061
|
+
--non-semantic-background-grey-hard: var(--semantic-neutral-800);
|
|
1062
|
+
--data-visualisation-border-strong: var(--global-cool-grey-400);
|
|
1063
|
+
--data-visualisation-border-subtle: var(--global-cool-grey-200);
|
|
1064
|
+
--data-visualisation-border-hover: var(--global-cool-grey-600);
|
|
1065
|
+
--data-visualisation-graphical-pink: #fc8497;
|
|
1066
|
+
--data-visualisation-graphical-yellow: #fabd30;
|
|
1067
|
+
--data-visualisation-graphical-purple: #b399fd;
|
|
1068
|
+
--data-visualisation-graphical-red: #e83562;
|
|
1069
|
+
--data-visualisation-graphical-cyan: #3ff8ff;
|
|
1070
|
+
--data-visualisation-graphical-orange: #f38550;
|
|
1071
|
+
--data-visualisation-graphical-rose: #c82284;
|
|
1072
|
+
--data-visualisation-graphical-teal: #32fcb4;
|
|
1073
|
+
--data-visualisation-graphical-violet: #6d48d2;
|
|
1074
|
+
--non-semantic-background-tangerine-strong: var(--global-tangerine-600);
|
|
1075
|
+
--non-semantic-background-tangerine-muted: var(--global-coral-200);
|
|
1076
|
+
--non-semantic-background-tangerine-on-subtle: var(--global-tangerine-100);
|
|
1077
|
+
--non-semantic-background-tangerine-subtle: var(--global-tangerine-25);
|
|
1078
|
+
--non-semantic-background-tangerine-surface: var(--global-tangerine-0);
|
|
1079
|
+
--global-tangerine-950: #492000;
|
|
1080
|
+
--global-tangerine-900: #6b2c00;
|
|
1081
|
+
--global-tangerine-800: #8a3a00;
|
|
1082
|
+
--global-tangerine-700: #a94900;
|
|
1083
|
+
--global-tangerine-600: #ff7e46;
|
|
1084
|
+
--global-tangerine-500: #ff9b70;
|
|
1085
|
+
--global-tangerine-400: #ffba97;
|
|
1086
|
+
--global-tangerine-300: #ffccb0;
|
|
1087
|
+
--global-tangerine-200: #ffdfc9;
|
|
1088
|
+
--global-tangerine-100: #ffecdd;
|
|
1089
|
+
--global-tangerine-50: #fff5ee;
|
|
1090
|
+
--global-tangerine-25: #fffaf6;
|
|
1091
|
+
--global-tangerine-0: #fffcfa;
|
|
1092
|
+
--global-coral-950: #6b2c1f;
|
|
1093
|
+
--global-coral-900: #8a3a2a;
|
|
1094
|
+
--global-coral-800: #a94934;
|
|
1095
|
+
--global-coral-700: #c7573f;
|
|
1096
|
+
--global-coral-600: #ff6e52;
|
|
1097
|
+
--global-coral-500: #ff8f7e;
|
|
1098
|
+
--global-coral-400: #ffa897;
|
|
1099
|
+
--global-coral-300: #ffbeb0;
|
|
1100
|
+
--global-coral-200: #ffd7c9;
|
|
1101
|
+
--global-coral-100: #ffe7dd;
|
|
1102
|
+
--global-coral-50: #fff3ee;
|
|
1103
|
+
--global-coral-25: #fff9f6;
|
|
1104
|
+
--global-coral-0: #fffcfa;
|
|
1105
|
+
--global-cerulean-950: #003b5b;
|
|
1106
|
+
--global-cerulean-900: #004d74;
|
|
1107
|
+
--global-cerulean-800: #00608d;
|
|
1108
|
+
--global-cerulean-700: #0073a6;
|
|
1109
|
+
--global-cerulean-600: #359dde;
|
|
1110
|
+
--global-cerulean-500: #5ab0e3;
|
|
1111
|
+
--global-cerulean-400: #80c3e8;
|
|
1112
|
+
--global-cerulean-300: #a6d6ed;
|
|
1113
|
+
--global-cerulean-200: #cce9f2;
|
|
1114
|
+
--global-cerulean-100: #e3f3f8;
|
|
1115
|
+
--global-cerulean-50: #f0f8fb;
|
|
1116
|
+
--global-cerulean-25: #f8fbfd;
|
|
1117
|
+
--global-cerulean-0: #fcfeff;
|
|
1118
|
+
--non-semantic-background-coral-strong: var(--global-coral-600);
|
|
1119
|
+
--non-semantic-background-coral-muted: var(--global-coral-200);
|
|
1120
|
+
--non-semantic-background-coral-on-subtle: var(--global-coral-100);
|
|
1121
|
+
--non-semantic-background-coral-subtle: var(--global-coral-25);
|
|
1122
|
+
--non-semantic-background-coral-surface: var(--global-coral-0);
|
|
1123
|
+
--non-semantic-background-cerulean-strong: var(--global-cerulean-600);
|
|
1124
|
+
--non-semantic-background-cerulean-muted: var(--global-cerulean-200);
|
|
1125
|
+
--non-semantic-background-cerulean-on-subtle: var(--global-cerulean-100);
|
|
1126
|
+
--non-semantic-background-cerulean-subtle: var(--global-cerulean-25);
|
|
1127
|
+
--non-semantic-background-cerulean-surface: var(--global-cerulean-0);
|
|
1128
|
+
--non-semantic-border-coral-default: var(--global-coral-100);
|
|
1129
|
+
--non-semantic-border-coral-strong: var(--global-coral-600);
|
|
1130
|
+
--non-semantic-border-coral-subtle: var(--global-coral-300);
|
|
1131
|
+
--non-semantic-border-tangerine-default: var(--global-tangerine-100);
|
|
1132
|
+
--non-semantic-border-tangerine-strong: var(--global-tangerine-600);
|
|
1133
|
+
--non-semantic-border-tangerine-subtle: var(--global-tangerine-300);
|
|
1134
|
+
--non-semantic-border-cerulean-default: var(--global-cerulean-100);
|
|
1135
|
+
--non-semantic-border-cerulean-strong: var(--global-cerulean-600);
|
|
1136
|
+
--non-semantic-border-cerulean-subtle: var(--global-cerulean-300);
|
|
1137
|
+
--non-semantic-content-cerulean-primary: var(--global-cerulean-900);
|
|
1138
|
+
--non-semantic-content-cerulean-secondary: var(--global-cerulean-600);
|
|
1139
|
+
--non-semantic-content-coral-primary: var(--global-coral-900);
|
|
1140
|
+
--non-semantic-content-coral-secondary: var(--global-coral-600);
|
|
1141
|
+
--non-semantic-content-tangerine-primary: var(--global-tangerine-900);
|
|
1142
|
+
--non-semantic-content-tangerine-secondary: var(--global-tangerine-600);
|
|
1143
|
+
/* BORDER-RADIUS */
|
|
1144
|
+
--global-border-radius-2: 2px;
|
|
1145
|
+
--global-border-radius-2-rem: 0.125rem;
|
|
1146
|
+
--global-border-radius-4: 4px;
|
|
1147
|
+
--global-border-radius-4-rem: 0.25rem;
|
|
1148
|
+
--global-border-radius-8: 8px;
|
|
1149
|
+
--global-border-radius-8-rem: 0.5rem;
|
|
1150
|
+
--global-border-radius-999: 9999px;
|
|
1151
|
+
--global-border-radius-999-rem: 624.9375rem;
|
|
1152
|
+
--sm: var(--global-border-radius-2);
|
|
1153
|
+
--default: var(--global-border-radius-4);
|
|
1154
|
+
--lg: var(--global-border-radius-8);
|
|
1155
|
+
--full: var(--global-border-radius-999);
|
|
1156
|
+
--global-border-radius-12: 12px;
|
|
1157
|
+
--global-border-radius-12-rem: 0.75rem;
|
|
1158
|
+
--xl: var(--global-border-radius-12);
|
|
1159
|
+
--global-border-radius-16: 16px;
|
|
1160
|
+
--global-border-radius-16-rem: 1rem;
|
|
1161
|
+
--2xl: var(--global-border-radius-16);
|
|
1162
|
+
/* SPACE */
|
|
1163
|
+
--component-padding-null: var(--dimension-0);
|
|
1164
|
+
--component-padding-xs: var(--dimension-1-5);
|
|
1165
|
+
--component-padding-sm: var(--dimension-2);
|
|
1166
|
+
--component-padding-md: var(--dimension-3);
|
|
1167
|
+
--component-padding-lg: var(--dimension-4);
|
|
1168
|
+
--component-padding-2xl: var(--dimension-6);
|
|
1169
|
+
--component-gap-null: var(--dimension-0);
|
|
1170
|
+
--component-gap-3xs: var(--dimension-0-5);
|
|
1171
|
+
--component-gap-2xs: var(--dimension-1);
|
|
1172
|
+
--component-gap-sm: var(--dimension-2);
|
|
1173
|
+
--component-gap-md: var(--dimension-3);
|
|
1174
|
+
--component-gap-lg: var(--dimension-4);
|
|
1175
|
+
--component-gap-3xl: var(--dimension-8);
|
|
1176
|
+
--component-gap-2xl: var(--dimension-6);
|
|
1177
|
+
--component-padding-3xl: var(--dimension-8);
|
|
1178
|
+
--component-padding-4xl: var(--dimension-10);
|
|
1179
|
+
--component-padding-6xl: var(--dimension-16);
|
|
1180
|
+
--component-padding-3xs: var(--dimension-0-5);
|
|
1181
|
+
--component-padding-xl: var(--dimension-5);
|
|
1182
|
+
--component-padding-5xl: var(--dimension-11);
|
|
1183
|
+
--component-gap-4xl: var(--dimension-11);
|
|
1184
|
+
--component-gap-xl: var(--dimension-5);
|
|
1185
|
+
--component-gap-xs: var(--dimension-1-5);
|
|
1186
|
+
--component-padding-2xs: var(--dimension-1);
|
|
1187
|
+
/* SIZE */
|
|
1188
|
+
--2xl: var(--dimension-16);
|
|
1189
|
+
--lg: var(--dimension-12);
|
|
1190
|
+
--md: var(--dimension-10);
|
|
1191
|
+
--sm: var(--dimension-8);
|
|
1192
|
+
--2xs: var(--dimension-6);
|
|
1193
|
+
--3xs: var(--dimension-5);
|
|
1194
|
+
--4xs: var(--dimension-4);
|
|
1195
|
+
--xl: var(--dimension-14);
|
|
1196
|
+
--3xl: var(--dimension-18);
|
|
1197
|
+
--xs: var(--dimension-7);
|
|
1198
|
+
--4xl: var(--dimension-20);
|
|
1199
|
+
/* DIMENSION */
|
|
1200
|
+
--dimension-0: 0px;
|
|
1201
|
+
--dimension-0-rem: 0rem;
|
|
1202
|
+
--dimension-0-5: 2px;
|
|
1203
|
+
--dimension-0-5-rem: 0.125rem;
|
|
1204
|
+
--dimension-1: 4px;
|
|
1205
|
+
--dimension-1-rem: 0.25rem;
|
|
1206
|
+
--dimension-2: 8px;
|
|
1207
|
+
--dimension-2-rem: 0.5rem;
|
|
1208
|
+
--dimension-3: 12px;
|
|
1209
|
+
--dimension-3-rem: 0.75rem;
|
|
1210
|
+
--dimension-4: 16px;
|
|
1211
|
+
--dimension-4-rem: 1rem;
|
|
1212
|
+
--dimension-5: 20px;
|
|
1213
|
+
--dimension-5-rem: 1.25rem;
|
|
1214
|
+
--dimension-6: 24px;
|
|
1215
|
+
--dimension-6-rem: 1.5rem;
|
|
1216
|
+
--dimension-8: 32px;
|
|
1217
|
+
--dimension-8-rem: 2rem;
|
|
1218
|
+
--dimension-10: 40px;
|
|
1219
|
+
--dimension-10-rem: 2.5rem;
|
|
1220
|
+
--dimension-12: 48px;
|
|
1221
|
+
--dimension-12-rem: 3rem;
|
|
1222
|
+
--dimension-14: 56px;
|
|
1223
|
+
--dimension-14-rem: 3.5rem;
|
|
1224
|
+
--dimension-16: 64px;
|
|
1225
|
+
--dimension-16-rem: 4rem;
|
|
1226
|
+
--dimension-20: 80px;
|
|
1227
|
+
--dimension-20-rem: 5rem;
|
|
1228
|
+
--dimension-24: 96px;
|
|
1229
|
+
--dimension-24-rem: 6rem;
|
|
1230
|
+
--dimension-30: 120px;
|
|
1231
|
+
--dimension-30-rem: 7.5rem;
|
|
1232
|
+
--dimension-32: 128px;
|
|
1233
|
+
--dimension-32-rem: 8rem;
|
|
1234
|
+
--dimension-11: 44px;
|
|
1235
|
+
--dimension-11-rem: 2.75rem;
|
|
1236
|
+
--dimension-18: 72px;
|
|
1237
|
+
--dimension-18-rem: 4.5rem;
|
|
1238
|
+
--dimension-px: 1px;
|
|
1239
|
+
--dimension-px-rem: 0.0625rem;
|
|
1240
|
+
--dimension-1-5: 6px;
|
|
1241
|
+
--dimension-1-5-rem: 0.375rem;
|
|
1242
|
+
--dimension-2-5: 10px;
|
|
1243
|
+
--dimension-2-5-rem: 0.625rem;
|
|
1244
|
+
--dimension-3-5: 14px;
|
|
1245
|
+
--dimension-3-5-rem: 0.875rem;
|
|
1246
|
+
--dimension-7: 28px;
|
|
1247
|
+
--dimension-7-rem: 1.75rem;
|
|
1248
|
+
--dimension-9: 36px;
|
|
1249
|
+
--dimension-9-rem: 2.25rem;
|
|
1250
|
+
/* SHADOWS */
|
|
1251
|
+
--elevation-bottom-bottom-sm: 0 1px 2px 0 rgba(27 36 44 / 0.12);
|
|
1252
|
+
--elevation-bottom-bottom-md: 0 2px 8px -1px rgba(27 36 44 / 0.08),
|
|
1253
|
+
0 2px 2px -1px rgba(27 36 44 / 0.04);
|
|
1254
|
+
--elevation-bottom-bottom-lg: 0 8px 16px -2px rgba(27 36 44 / 0.12),
|
|
1255
|
+
0 2px 2px -1px rgba(27 35 44 / 0.04);
|
|
1256
|
+
--elevation-bottom-bottom-xl: 0 16px 24px -6px rgba(27 36 44 / 0.16),
|
|
1257
|
+
0 2px 2px -1px rgba(27 36 44 / 0.04);
|
|
1258
|
+
--elevation-top-top-sm: 0 -1px 2px 0 rgba(27 36 44 / 0.12);
|
|
1259
|
+
--elevation-top-top-md: 0 -2px 8px -1px rgba(27 36 44 / 0.08),
|
|
1260
|
+
0 -2px 2px -1px rgba(27 36 44 / 0.04);
|
|
1261
|
+
--elevation-top-top-lg: 0 -8px 16px -2px rgba(27 36 44 / 0.12),
|
|
1262
|
+
0 -2px 2px -1px rgba(27 35 44 / 0.04);
|
|
1263
|
+
--elevation-top-top-xl: 0 -16px 24px -6px rgba(27 36 44 / 0.16),
|
|
1264
|
+
0 -2px 2px -1px rgba(27 36 44 / 0.04);
|
|
1265
|
+
--focus-default-focus: 0 0 0 2px #6792f4;
|
|
1266
|
+
--focus-default-focus-1px-white-offset: 0 0 0 3px #6792f4, 0 0 0 1px #ffffff;
|
|
1267
|
+
--focus-default-focus-1px-dark-offset: 0 0 0 3px #6792f4, 0 0 0 1px #293138;
|
|
1268
|
+
--additional-effects-white-offset: 0 0 0 2px #ffffff;
|
|
1269
|
+
--additional-effects-inner-default-border: inset 0 0 0 1px
|
|
1270
|
+
rgba(41 49 56 / 0.16);
|
|
371
1271
|
}
|