@kickstartds/ds-agency-premium 1.2.12 → 1.2.13--canary.6.224.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/page-wrapper/tokens.css +1571 -395
- package/dist/components/testimonials/testimonials.css +12 -0
- package/dist/static/tokens-business.css +1522 -346
- package/dist/static/tokens-google.css +1540 -364
- package/dist/static/tokens-ngo.css +1787 -335
- package/dist/static/tokens-telekom.css +1532 -356
- package/dist/static/tokens.css +1571 -395
- package/dist/tokens/tokens.css +1571 -395
- package/dist/tokens/tokens.js +654 -250
- package/package.json +8 -2
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,153 +1,277 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Feb 2024
|
|
3
|
+
* Generated on Thu, 29 Feb 2024 19:01:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const KsBackgroundColorAccentBase = "#
|
|
7
|
-
export const KsBackgroundColorAccentInvertedBase = "#
|
|
8
|
-
export const KsBackgroundColorBoldBase = "#
|
|
9
|
-
export const KsBackgroundColorBoldInvertedBase = "#
|
|
6
|
+
export const KsBackgroundColorAccentBase = "#230a2b";
|
|
7
|
+
export const KsBackgroundColorAccentInvertedBase = "#dcd6f2";
|
|
8
|
+
export const KsBackgroundColorBoldBase = "#570e40";
|
|
9
|
+
export const KsBackgroundColorBoldInvertedBase = "#b4a6f2";
|
|
10
10
|
export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
|
|
11
|
-
export const KsBackgroundColorClearInteractiveBase = "rgba(
|
|
12
|
-
export const KsBackgroundColorClearInteractiveHoverBase = "rgba(
|
|
13
|
-
export const KsBackgroundColorClearInteractiveActiveBase = "rgba(
|
|
14
|
-
export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(
|
|
11
|
+
export const KsBackgroundColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
12
|
+
export const KsBackgroundColorClearInteractiveHoverBase = "rgba(226, 24, 121, 0.13)";
|
|
13
|
+
export const KsBackgroundColorClearInteractiveActiveBase = "rgba(226, 24, 121, 0.24)";
|
|
14
|
+
export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(226, 24, 121, 0.37)";
|
|
15
15
|
export const KsBackgroundColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
16
|
-
export const KsBackgroundColorClearInvertedInteractiveBase = "rgba(
|
|
17
|
-
export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(
|
|
18
|
-
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(
|
|
19
|
-
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(
|
|
16
|
+
export const KsBackgroundColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
17
|
+
export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(77, 37, 239, 0.24)";
|
|
18
|
+
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.37)";
|
|
19
|
+
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.5)";
|
|
20
20
|
export const KsBackgroundColorDefaultBase = "#06081f";
|
|
21
21
|
export const KsBackgroundColorDefaultInvertedBase = "#f1f1f3";
|
|
22
|
-
export const KsBackgroundColorInterfaceBase = "rgba(255, 255, 255, 0.
|
|
23
|
-
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.
|
|
24
|
-
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.
|
|
25
|
-
export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.
|
|
22
|
+
export const KsBackgroundColorInterfaceBase = "rgba(255, 255, 255, 0.05)";
|
|
23
|
+
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.13)";
|
|
24
|
+
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.05)";
|
|
25
|
+
export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.37)";
|
|
26
26
|
export const KsBackgroundColorInterfaceInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
|
|
27
27
|
export const KsBackgroundColorInterfaceInteractiveSelectedBase = "#e21879";
|
|
28
|
-
export const KsBackgroundColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.
|
|
29
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.
|
|
30
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.
|
|
31
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.
|
|
28
|
+
export const KsBackgroundColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.05)";
|
|
29
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.13)";
|
|
30
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.05)";
|
|
31
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.37)";
|
|
32
32
|
export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
|
|
33
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "
|
|
34
|
-
export const
|
|
35
|
-
export const
|
|
36
|
-
export const
|
|
37
|
-
export const
|
|
38
|
-
export const
|
|
39
|
-
export const
|
|
40
|
-
export const
|
|
41
|
-
export const
|
|
42
|
-
export const
|
|
43
|
-
export const
|
|
44
|
-
export const
|
|
45
|
-
export const
|
|
46
|
-
export const
|
|
47
|
-
export const
|
|
33
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#4d25ef";
|
|
34
|
+
export const KsBackgroundColorCardBase = "rgba(255, 255, 255, 0.05)";
|
|
35
|
+
export const KsBackgroundColorCardInteractiveBase = "rgba(255, 255, 255, 0.13)";
|
|
36
|
+
export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(255, 255, 255, 0.24)";
|
|
37
|
+
export const KsBackgroundColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
|
|
38
|
+
export const KsBackgroundColorCardInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
|
|
39
|
+
export const KsBackgroundColorCardInteractiveSelectedBase = "#e21879";
|
|
40
|
+
export const KsBackgroundColorCardInvertedBase = "rgba(6, 8, 31, 0.05)";
|
|
41
|
+
export const KsBackgroundColorCardInvertedInteractiveBase = "rgba(6, 8, 31, 0.13)";
|
|
42
|
+
export const KsBackgroundColorCardInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.24)";
|
|
43
|
+
export const KsBackgroundColorCardInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.05)";
|
|
44
|
+
export const KsBackgroundColorCardInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.05)";
|
|
45
|
+
export const KsBackgroundColorCardInvertedInteractiveSelectedBase = "#4d25ef";
|
|
46
|
+
export const KsBackgroundColorPrimaryBase = "#e21879";
|
|
47
|
+
export const KsBackgroundColorPrimaryInteractiveBase = "#e21879";
|
|
48
|
+
export const KsBackgroundColorPrimaryInteractiveHoverBase = "#c5166d";
|
|
49
|
+
export const KsBackgroundColorPrimaryInteractiveActiveBase = "#c5166d";
|
|
50
|
+
export const KsBackgroundColorPrimaryInteractiveSelectedBase = "#911258";
|
|
51
|
+
export const KsBackgroundColorPrimaryTranslucentBase = "rgba(226, 24, 121, 0.5)";
|
|
52
|
+
export const KsBackgroundColorPrimaryInvertedBase = "#4d25ef";
|
|
53
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveBase = "#4d25ef";
|
|
54
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#6240f0";
|
|
55
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#6240f0";
|
|
56
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#8a70f0";
|
|
57
|
+
export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(77, 37, 239, 0.5)";
|
|
58
|
+
export const KsBackgroundColorPositiveBase = "#6edb64";
|
|
59
|
+
export const KsBackgroundColorPositiveInteractiveBase = "#6edb64";
|
|
60
|
+
export const KsBackgroundColorPositiveInteractiveHoverBase = "#60c05b";
|
|
61
|
+
export const KsBackgroundColorPositiveInteractiveActiveBase = "#60c05b";
|
|
62
|
+
export const KsBackgroundColorPositiveInteractiveSelectedBase = "#488d4a";
|
|
63
|
+
export const KsBackgroundColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.5)";
|
|
64
|
+
export const KsBackgroundColorPositiveInvertedBase = "#23831b";
|
|
65
|
+
export const KsBackgroundColorPositiveInvertedInteractiveBase = "#23831b";
|
|
66
|
+
export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#3e9137";
|
|
67
|
+
export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#3e9137";
|
|
68
|
+
export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#6fac6b";
|
|
69
|
+
export const KsBackgroundColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.5)";
|
|
70
|
+
export const KsBackgroundColorInformativeBase = "#64c2db";
|
|
71
|
+
export const KsBackgroundColorInformativeInteractiveBase = "#64c2db";
|
|
72
|
+
export const KsBackgroundColorInformativeInteractiveHoverBase = "#58aac3";
|
|
73
|
+
export const KsBackgroundColorInformativeInteractiveActiveBase = "#58aac3";
|
|
74
|
+
export const KsBackgroundColorInformativeInteractiveSelectedBase = "#417d95";
|
|
75
|
+
export const KsBackgroundColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.5)";
|
|
76
|
+
export const KsBackgroundColorInformativeInvertedBase = "#00718f";
|
|
77
|
+
export const KsBackgroundColorInformativeInvertedInteractiveBase = "#00718f";
|
|
78
|
+
export const KsBackgroundColorInformativeInvertedInteractiveHoverBase = "#1f829c";
|
|
79
|
+
export const KsBackgroundColorInformativeInvertedInteractiveActiveBase = "#1f829c";
|
|
80
|
+
export const KsBackgroundColorInformativeInvertedInteractiveSelectedBase = "#59a0b4";
|
|
81
|
+
export const KsBackgroundColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.5)";
|
|
82
|
+
export const KsBackgroundColorNoticeBase = "#f9de55";
|
|
83
|
+
export const KsBackgroundColorNoticeInteractiveBase = "#f9de55";
|
|
84
|
+
export const KsBackgroundColorNoticeInteractiveHoverBase = "#d9c24e";
|
|
85
|
+
export const KsBackgroundColorNoticeInteractiveActiveBase = "#d9c24e";
|
|
86
|
+
export const KsBackgroundColorNoticeInteractiveSelectedBase = "#9f8f41";
|
|
87
|
+
export const KsBackgroundColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.5)";
|
|
88
|
+
export const KsBackgroundColorNoticeInvertedBase = "#ff5d53";
|
|
89
|
+
export const KsBackgroundColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
90
|
+
export const KsBackgroundColorNoticeInvertedInteractiveHoverBase = "#fd7068";
|
|
91
|
+
export const KsBackgroundColorNoticeInvertedInteractiveActiveBase = "#fd7068";
|
|
92
|
+
export const KsBackgroundColorNoticeInvertedInteractiveSelectedBase = "#fa948e";
|
|
93
|
+
export const KsBackgroundColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.5)";
|
|
94
|
+
export const KsBackgroundColorNegativeBase = "#ff1a57";
|
|
95
|
+
export const KsBackgroundColorNegativeInteractiveBase = "#ff1a57";
|
|
96
|
+
export const KsBackgroundColorNegativeInteractiveHoverBase = "#df1850";
|
|
97
|
+
export const KsBackgroundColorNegativeInteractiveActiveBase = "#df1850";
|
|
98
|
+
export const KsBackgroundColorNegativeInteractiveSelectedBase = "#a31342";
|
|
99
|
+
export const KsBackgroundColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.5)";
|
|
100
|
+
export const KsBackgroundColorNegativeInvertedBase = "#d21d48";
|
|
101
|
+
export const KsBackgroundColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
102
|
+
export const KsBackgroundColorNegativeInvertedInteractiveHoverBase = "#d6395e";
|
|
103
|
+
export const KsBackgroundColorNegativeInvertedInteractiveActiveBase = "#d6395e";
|
|
104
|
+
export const KsBackgroundColorNegativeInvertedInteractiveSelectedBase = "#dd6b87";
|
|
105
|
+
export const KsBackgroundColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.5)";
|
|
106
|
+
export const KsBackgroundColorSecondaryBase = "#4d25ef";
|
|
107
|
+
export const KsBackgroundColorSecondaryInteractiveBase = "#4d25ef";
|
|
108
|
+
export const KsBackgroundColorSecondaryInteractiveHoverBase = "#4421d4";
|
|
109
|
+
export const KsBackgroundColorSecondaryInteractiveActiveBase = "#4421d4";
|
|
110
|
+
export const KsBackgroundColorSecondaryInteractiveSelectedBase = "#331aa2";
|
|
111
|
+
export const KsBackgroundColorSecondaryTranslucentBase = "rgba(77, 37, 239, 0.5)";
|
|
112
|
+
export const KsBackgroundColorSecondaryInvertedBase = "#e21879";
|
|
113
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveBase = "#e21879";
|
|
114
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveHoverBase = "#e43489";
|
|
115
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveActiveBase = "#e43489";
|
|
116
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveSelectedBase = "#e868a6";
|
|
117
|
+
export const KsBackgroundColorSecondaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.5)";
|
|
118
|
+
export const KsBorderColorAccentBase = "#230a2b";
|
|
119
|
+
export const KsBorderColorAccentInvertedBase = "#dcd6f2";
|
|
48
120
|
export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
|
|
49
121
|
export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
50
|
-
export const KsBorderColorClearInteractiveHoverBase = "rgba(
|
|
51
|
-
export const KsBorderColorClearInteractiveActiveBase = "rgba(
|
|
52
|
-
export const KsBorderColorClearInteractiveSelectedBase = "rgba(
|
|
122
|
+
export const KsBorderColorClearInteractiveHoverBase = "rgba(226, 24, 121, 0.13)";
|
|
123
|
+
export const KsBorderColorClearInteractiveActiveBase = "rgba(226, 24, 121, 0.24)";
|
|
124
|
+
export const KsBorderColorClearInteractiveSelectedBase = "rgba(226, 24, 121, 0.37)";
|
|
53
125
|
export const KsBorderColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
54
126
|
export const KsBorderColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
55
|
-
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(
|
|
56
|
-
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(
|
|
57
|
-
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(
|
|
127
|
+
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(77, 37, 239, 0.24)";
|
|
128
|
+
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.37)";
|
|
129
|
+
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.5)";
|
|
58
130
|
export const KsBorderColorDefaultBase = "#06081f";
|
|
59
131
|
export const KsBorderColorDefaultInvertedBase = "rgba(255, 255, 255, 0.76)";
|
|
60
|
-
export const KsBorderColorInterfaceBase = "rgba(255, 255, 255, 0.
|
|
132
|
+
export const KsBorderColorInterfaceBase = "rgba(255, 255, 255, 0.13)";
|
|
61
133
|
export const KsBorderColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.24)";
|
|
62
134
|
export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";
|
|
63
|
-
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.
|
|
64
|
-
export const KsBorderColorInterfaceInteractiveActiveBase = "
|
|
135
|
+
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.5)";
|
|
136
|
+
export const KsBorderColorInterfaceInteractiveActiveBase = "rgba(255, 255, 255, 0.5)";
|
|
65
137
|
export const KsBorderColorInterfaceInteractiveSelectedBase = "#e21879";
|
|
66
|
-
export const KsBorderColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.
|
|
138
|
+
export const KsBorderColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.13)";
|
|
67
139
|
export const KsBorderColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.24)";
|
|
68
|
-
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.
|
|
69
|
-
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.
|
|
70
|
-
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "
|
|
71
|
-
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#
|
|
72
|
-
export const
|
|
73
|
-
export const
|
|
74
|
-
export const
|
|
75
|
-
export const
|
|
76
|
-
export const
|
|
77
|
-
export const
|
|
78
|
-
export const
|
|
79
|
-
export const
|
|
80
|
-
export const
|
|
81
|
-
export const
|
|
82
|
-
export const
|
|
83
|
-
export const
|
|
140
|
+
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.13)";
|
|
141
|
+
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.5)";
|
|
142
|
+
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.5)";
|
|
143
|
+
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#4d25ef";
|
|
144
|
+
export const KsBorderColorCardBase = "rgba(255, 255, 255, 0.05)";
|
|
145
|
+
export const KsBorderColorCardInteractiveBase = "rgba(255, 255, 255, 0.24)";
|
|
146
|
+
export const KsBorderColorCardInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";
|
|
147
|
+
export const KsBorderColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.5)";
|
|
148
|
+
export const KsBorderColorCardInteractiveActiveBase = "rgba(255, 255, 255, 0.76)";
|
|
149
|
+
export const KsBorderColorCardInteractiveSelectedBase = "#e21879";
|
|
150
|
+
export const KsBorderColorCardInvertedBase = "rgba(6, 8, 31, 0.05)";
|
|
151
|
+
export const KsBorderColorCardInvertedInteractiveBase = "rgba(6, 8, 31, 0.5)";
|
|
152
|
+
export const KsBorderColorCardInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.87)";
|
|
153
|
+
export const KsBorderColorCardInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.76)";
|
|
154
|
+
export const KsBorderColorCardInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.95)";
|
|
155
|
+
export const KsBorderColorCardInvertedInteractiveSelectedBase = "#4d25ef";
|
|
156
|
+
export const KsBorderColorPrimaryBase = "#e21879";
|
|
157
|
+
export const KsBorderColorPrimaryInteractiveBase = "#e21879";
|
|
158
|
+
export const KsBorderColorPrimaryInteractiveHoverBase = "#c5166d";
|
|
159
|
+
export const KsBorderColorPrimaryInteractiveActiveBase = "#ad1463";
|
|
160
|
+
export const KsBorderColorPrimaryInteractiveSelectedBase = "#e21879";
|
|
161
|
+
export const KsBorderColorPrimaryTranslucentBase = "rgba(226, 24, 121, 0.87)";
|
|
162
|
+
export const KsBorderColorPrimaryInvertedBase = "#4d25ef";
|
|
163
|
+
export const KsBorderColorPrimaryInvertedInteractiveBase = "#4d25ef";
|
|
164
|
+
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#6240f0";
|
|
165
|
+
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#7456f0";
|
|
166
|
+
export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#4d25ef";
|
|
167
|
+
export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(77, 37, 239, 0.87)";
|
|
168
|
+
export const KsBorderColorPositiveBase = "#6edb64";
|
|
169
|
+
export const KsBorderColorPositiveInteractiveBase = "#6edb64";
|
|
170
|
+
export const KsBorderColorPositiveInteractiveHoverBase = "#60c05b";
|
|
171
|
+
export const KsBorderColorPositiveInteractiveActiveBase = "#55a853";
|
|
172
|
+
export const KsBorderColorPositiveInteractiveSelectedBase = "#6edb64";
|
|
173
|
+
export const KsBorderColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.87)";
|
|
174
|
+
export const KsBorderColorPositiveInvertedBase = "#23831b";
|
|
175
|
+
export const KsBorderColorPositiveInvertedInteractiveBase = "#23831b";
|
|
176
|
+
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#3e9137";
|
|
177
|
+
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#549d4f";
|
|
178
|
+
export const KsBorderColorPositiveInvertedInteractiveSelectedBase = "#23831b";
|
|
179
|
+
export const KsBorderColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.87)";
|
|
180
|
+
export const KsBorderColorInformativeBase = "#64c2db";
|
|
181
|
+
export const KsBorderColorInformativeInteractiveBase = "#64c2db";
|
|
182
|
+
export const KsBorderColorInformativeInteractiveHoverBase = "#58aac3";
|
|
183
|
+
export const KsBorderColorInformativeInteractiveActiveBase = "#4d95ae";
|
|
184
|
+
export const KsBorderColorInformativeInteractiveSelectedBase = "#64c2db";
|
|
185
|
+
export const KsBorderColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.87)";
|
|
186
|
+
export const KsBorderColorInformativeInvertedBase = "#00718f";
|
|
187
|
+
export const KsBorderColorInformativeInvertedInteractiveBase = "#00718f";
|
|
188
|
+
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#1f829c";
|
|
189
|
+
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#3a90a7";
|
|
190
|
+
export const KsBorderColorInformativeInvertedInteractiveSelectedBase = "#00718f";
|
|
191
|
+
export const KsBorderColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.87)";
|
|
192
|
+
export const KsBorderColorNoticeBase = "#f9de55";
|
|
193
|
+
export const KsBorderColorNoticeInteractiveBase = "#f9de55";
|
|
194
|
+
export const KsBorderColorNoticeInteractiveHoverBase = "#d9c24e";
|
|
195
|
+
export const KsBorderColorNoticeInteractiveActiveBase = "#bfab48";
|
|
196
|
+
export const KsBorderColorNoticeInteractiveSelectedBase = "#f9de55";
|
|
197
|
+
export const KsBorderColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.87)";
|
|
198
|
+
export const KsBorderColorNoticeInvertedBase = "#ff5d53";
|
|
199
|
+
export const KsBorderColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
200
|
+
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#fd7068";
|
|
201
|
+
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#fc8179";
|
|
202
|
+
export const KsBorderColorNoticeInvertedInteractiveSelectedBase = "#ff5d53";
|
|
203
|
+
export const KsBorderColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.87)";
|
|
204
|
+
export const KsBorderColorNegativeBase = "#ff1a57";
|
|
205
|
+
export const KsBorderColorNegativeInteractiveBase = "#ff1a57";
|
|
206
|
+
export const KsBorderColorNegativeInteractiveHoverBase = "#df1850";
|
|
207
|
+
export const KsBorderColorNegativeInteractiveActiveBase = "#c3164a";
|
|
208
|
+
export const KsBorderColorNegativeInteractiveSelectedBase = "#ff1a57";
|
|
209
|
+
export const KsBorderColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.87)";
|
|
210
|
+
export const KsBorderColorNegativeInvertedBase = "#d21d48";
|
|
211
|
+
export const KsBorderColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
212
|
+
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#d6395e";
|
|
213
|
+
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#d95071";
|
|
214
|
+
export const KsBorderColorNegativeInvertedInteractiveSelectedBase = "#d21d48";
|
|
215
|
+
export const KsBorderColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.87)";
|
|
216
|
+
export const KsBorderColorSecondaryBase = "#4d25ef";
|
|
217
|
+
export const KsBorderColorSecondaryInteractiveBase = "#4d25ef";
|
|
218
|
+
export const KsBorderColorSecondaryInteractiveHoverBase = "#4421d4";
|
|
219
|
+
export const KsBorderColorSecondaryInteractiveActiveBase = "#3c1ebd";
|
|
220
|
+
export const KsBorderColorSecondaryInteractiveSelectedBase = "#4d25ef";
|
|
221
|
+
export const KsBorderColorSecondaryTranslucentBase = "rgba(77, 37, 239, 0.87)";
|
|
222
|
+
export const KsBorderColorSecondaryInvertedBase = "#e21879";
|
|
223
|
+
export const KsBorderColorSecondaryInvertedInteractiveBase = "#e21879";
|
|
224
|
+
export const KsBorderColorSecondaryInvertedInteractiveHoverBase = "#e43489";
|
|
225
|
+
export const KsBorderColorSecondaryInvertedInteractiveActiveBase = "#e64c96";
|
|
226
|
+
export const KsBorderColorSecondaryInvertedInteractiveSelectedBase = "#e21879";
|
|
227
|
+
export const KsBorderColorSecondaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.87)";
|
|
84
228
|
export const KsBorderWidthDefault = "1px";
|
|
85
229
|
export const KsBorderWidthEmphasized = "2px";
|
|
86
|
-
export const KsBorderRadiusControl = "
|
|
230
|
+
export const KsBorderRadiusControl = "16px";
|
|
87
231
|
export const KsBorderRadiusCard = "16px";
|
|
88
|
-
export const KsBorderRadiusSurface = "
|
|
232
|
+
export const KsBorderRadiusSurface = "32px";
|
|
89
233
|
export const KsBorderRadiusPill = "999px";
|
|
90
234
|
export const KsBorderRadiusCircle = "50%";
|
|
91
235
|
export const KsBoxShadowOpacityControl = "0.2";
|
|
92
236
|
export const KsBoxShadowOpacityControlHover = "0.3";
|
|
237
|
+
export const KsBoxShadowOpacityControlInverted = "0.2";
|
|
238
|
+
export const KsBoxShadowOpacityControlInvertedHover = "0.3";
|
|
93
239
|
export const KsBoxShadowOpacityCard = "0.2";
|
|
94
240
|
export const KsBoxShadowOpacityCardHover = "0.3";
|
|
241
|
+
export const KsBoxShadowOpacityCardInverted = "0.2";
|
|
242
|
+
export const KsBoxShadowOpacityCardInvertedHover = "0.3";
|
|
95
243
|
export const KsBoxShadowOpacitySurface = "0.1";
|
|
96
244
|
export const KsBoxShadowOpacitySurfaceHover = "0.2";
|
|
245
|
+
export const KsBoxShadowOpacitySurfaceInverted = "0.1";
|
|
246
|
+
export const KsBoxShadowOpacitySurfaceInvertedHover = "0.2";
|
|
97
247
|
export const KsBoxShadowColorControl = "rgba(255,255,255,0.2)";
|
|
98
248
|
export const KsBoxShadowColorControlHover = "rgba(255,255,255,0.3)";
|
|
249
|
+
export const KsBoxShadowColorControlInverted = "rgba(255,255,255,0.2)";
|
|
250
|
+
export const KsBoxShadowColorControlInvertedHover = "rgba(255,255,255,0.3)";
|
|
99
251
|
export const KsBoxShadowColorCard = "rgba(255,255,255,0.2)";
|
|
100
252
|
export const KsBoxShadowColorCardHover = "rgba(255,255,255,0.3)";
|
|
253
|
+
export const KsBoxShadowColorCardInverted = "rgba(255,255,255,0.2)";
|
|
254
|
+
export const KsBoxShadowColorCardInvertedHover = "rgba(255,255,255,0.3)";
|
|
101
255
|
export const KsBoxShadowColorSurface = "rgba(255,255,255,0.1)";
|
|
102
256
|
export const KsBoxShadowColorSurfaceHover = "rgba(255,255,255,0.2)";
|
|
257
|
+
export const KsBoxShadowColorSurfaceInverted = "rgba(255,255,255,0.1)";
|
|
258
|
+
export const KsBoxShadowColorSurfaceInvertedHover = "rgba(255,255,255,0.2)";
|
|
103
259
|
export const KsBoxShadowControl = "0 1px 2.75px rgba(255,255,255,0.2)";
|
|
104
260
|
export const KsBoxShadowControlHover = "0 1px 5.5px rgba(255,255,255,0.3)";
|
|
261
|
+
export const KsBoxShadowControlInverted = "0 1px 2.75px rgba(255,255,255,0.2)";
|
|
262
|
+
export const KsBoxShadowControlInvertedHover = "0 1px 5.5px rgba(255,255,255,0.3)";
|
|
105
263
|
export const KsBoxShadowCard = "0 1px 5.5px rgba(255,255,255,0.2)";
|
|
106
264
|
export const KsBoxShadowCardHover = "0 1px 11px rgba(255,255,255,0.3)";
|
|
265
|
+
export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(255,255,255,0.2)";
|
|
266
|
+
export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(255,255,255,0.3)";
|
|
107
267
|
export const KsBoxShadowSurface = "0 1px 11px rgba(255,255,255,0.1)";
|
|
108
268
|
export const KsBoxShadowSurfaceHover = "0 1px 22px rgba(255,255,255,0.2)";
|
|
269
|
+
export const KsBoxShadowSurfaceInverted = "0 1px 11px rgba(255,255,255,0.1)";
|
|
270
|
+
export const KsBoxShadowSurfaceInvertedHover = "0 1px 22px rgba(255,255,255,0.2)";
|
|
109
271
|
export const KsBreakpointPhone = "36em";
|
|
110
272
|
export const KsBreakpointTablet = "48em";
|
|
111
273
|
export const KsBreakpointLaptop = "62em";
|
|
112
274
|
export const KsBreakpointDesktop = "75em";
|
|
113
|
-
export const KsColorPrimaryBase = "#5435d2";
|
|
114
|
-
export const KsColorPrimaryAlpha1Base = "rgba(84, 53, 210, 0.95)";
|
|
115
|
-
export const KsColorPrimaryAlpha2Base = "rgba(84, 53, 210, 0.87)";
|
|
116
|
-
export const KsColorPrimaryAlpha3Base = "rgba(84, 53, 210, 0.76)";
|
|
117
|
-
export const KsColorPrimaryAlpha4Base = "rgba(84, 53, 210, 0.63)";
|
|
118
|
-
export const KsColorPrimaryAlpha5Base = "rgba(84, 53, 210, 0.5)";
|
|
119
|
-
export const KsColorPrimaryAlpha6Base = "rgba(84, 53, 210, 0.37)";
|
|
120
|
-
export const KsColorPrimaryAlpha7Base = "rgba(84, 53, 210, 0.24)";
|
|
121
|
-
export const KsColorPrimaryAlpha8Base = "rgba(84, 53, 210, 0.13)";
|
|
122
|
-
export const KsColorPrimaryAlpha9Base = "rgba(84, 53, 210, 0.05)";
|
|
123
|
-
export const KsColorPrimaryToBg1Base = "#5033c9";
|
|
124
|
-
export const KsColorPrimaryToBg2Base = "#4a2fbb";
|
|
125
|
-
export const KsColorPrimaryToBg3Base = "#412aa7";
|
|
126
|
-
export const KsColorPrimaryToBg4Base = "#372490";
|
|
127
|
-
export const KsColorPrimaryToBg5Base = "#2d1f79";
|
|
128
|
-
export const KsColorPrimaryToBg6Base = "#231961";
|
|
129
|
-
export const KsColorPrimaryToBg7Base = "#19134a";
|
|
130
|
-
export const KsColorPrimaryToBg8Base = "#100e36";
|
|
131
|
-
export const KsColorPrimaryToBg9Base = "#0a0a28";
|
|
132
|
-
export const KsColorPrimaryInvertedBase = "#e21879";
|
|
133
|
-
export const KsColorPrimaryInvertedAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
134
|
-
export const KsColorPrimaryInvertedAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
135
|
-
export const KsColorPrimaryInvertedAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
136
|
-
export const KsColorPrimaryInvertedAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
137
|
-
export const KsColorPrimaryInvertedAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
138
|
-
export const KsColorPrimaryInvertedAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
139
|
-
export const KsColorPrimaryInvertedAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
140
|
-
export const KsColorPrimaryInvertedAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
141
|
-
export const KsColorPrimaryInvertedAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
142
|
-
export const KsColorPrimaryInvertedToBg1Base = "#e32480";
|
|
143
|
-
export const KsColorPrimaryInvertedToBg2Base = "#e6368a";
|
|
144
|
-
export const KsColorPrimaryInvertedToBg3Base = "#e94f99";
|
|
145
|
-
export const KsColorPrimaryInvertedToBg4Base = "#ed6dab";
|
|
146
|
-
export const KsColorPrimaryInvertedToBg5Base = "#f18cbc";
|
|
147
|
-
export const KsColorPrimaryInvertedToBg6Base = "#f4aacd";
|
|
148
|
-
export const KsColorPrimaryInvertedToBg7Base = "#f8c8df";
|
|
149
|
-
export const KsColorPrimaryInvertedToBg8Base = "#fbe1ee";
|
|
150
|
-
export const KsColorPrimaryInvertedToBg9Base = "#fef3f8";
|
|
151
275
|
export const KsColorFgBase = "#ffffff";
|
|
152
276
|
export const KsColorFgAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
153
277
|
export const KsColorFgAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
@@ -178,17 +302,165 @@ export const KsColorFgInvertedAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
|
178
302
|
export const KsColorFgInvertedAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
179
303
|
export const KsColorFgInvertedAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
180
304
|
export const KsColorFgInvertedToBg1Base = "#12142a";
|
|
181
|
-
export const KsColorFgInvertedToBg2Base = "#
|
|
182
|
-
export const KsColorFgInvertedToBg3Base = "#
|
|
183
|
-
export const KsColorFgInvertedToBg4Base = "#
|
|
184
|
-
export const KsColorFgInvertedToBg5Base = "#
|
|
185
|
-
export const KsColorFgInvertedToBg6Base = "#
|
|
186
|
-
export const KsColorFgInvertedToBg7Base = "#
|
|
187
|
-
export const KsColorFgInvertedToBg8Base = "#
|
|
188
|
-
export const KsColorFgInvertedToBg9Base = "#
|
|
305
|
+
export const KsColorFgInvertedToBg2Base = "#25263b";
|
|
306
|
+
export const KsColorFgInvertedToBg3Base = "#3e4052";
|
|
307
|
+
export const KsColorFgInvertedToBg4Base = "#5d5e6d";
|
|
308
|
+
export const KsColorFgInvertedToBg5Base = "#7c7d89";
|
|
309
|
+
export const KsColorFgInvertedToBg6Base = "#9a9ba5";
|
|
310
|
+
export const KsColorFgInvertedToBg7Base = "#b9b9c0";
|
|
311
|
+
export const KsColorFgInvertedToBg8Base = "#d2d3d7";
|
|
312
|
+
export const KsColorFgInvertedToBg9Base = "#e5e5e8";
|
|
313
|
+
export const KsColorBgBase = "#06081f";
|
|
314
|
+
export const KsColorBgAlpha1Base = "rgba(6, 8, 31, 0.95)";
|
|
315
|
+
export const KsColorBgAlpha2Base = "rgba(6, 8, 31, 0.87)";
|
|
316
|
+
export const KsColorBgAlpha3Base = "rgba(6, 8, 31, 0.76)";
|
|
317
|
+
export const KsColorBgAlpha4Base = "rgba(6, 8, 31, 0.63)";
|
|
318
|
+
export const KsColorBgAlpha5Base = "rgba(6, 8, 31, 0.5)";
|
|
319
|
+
export const KsColorBgAlpha6Base = "rgba(6, 8, 31, 0.37)";
|
|
320
|
+
export const KsColorBgAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
321
|
+
export const KsColorBgAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
322
|
+
export const KsColorBgAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
323
|
+
export const KsColorBgToFg1Base = "#12142a";
|
|
324
|
+
export const KsColorBgToFg2Base = "#26283c";
|
|
325
|
+
export const KsColorBgToFg3Base = "#424355";
|
|
326
|
+
export const KsColorBgToFg4Base = "#626372";
|
|
327
|
+
export const KsColorBgToFg5Base = "#83848f";
|
|
328
|
+
export const KsColorBgToFg6Base = "#a3a4ac";
|
|
329
|
+
export const KsColorBgToFg7Base = "#c3c4c9";
|
|
330
|
+
export const KsColorBgToFg8Base = "#dfdfe2";
|
|
331
|
+
export const KsColorBgToFg9Base = "#f3f3f4";
|
|
332
|
+
export const KsColorBgInvertedBase = "#f1f1f3";
|
|
333
|
+
export const KsColorBgInvertedAlpha1Base = "rgba(241, 241, 243, 0.95)";
|
|
334
|
+
export const KsColorBgInvertedAlpha2Base = "rgba(241, 241, 243, 0.87)";
|
|
335
|
+
export const KsColorBgInvertedAlpha3Base = "rgba(241, 241, 243, 0.76)";
|
|
336
|
+
export const KsColorBgInvertedAlpha4Base = "rgba(241, 241, 243, 0.63)";
|
|
337
|
+
export const KsColorBgInvertedAlpha5Base = "rgba(241, 241, 243, 0.5)";
|
|
338
|
+
export const KsColorBgInvertedAlpha6Base = "rgba(241, 241, 243, 0.37)";
|
|
339
|
+
export const KsColorBgInvertedAlpha7Base = "rgba(241, 241, 243, 0.24)";
|
|
340
|
+
export const KsColorBgInvertedAlpha8Base = "rgba(241, 241, 243, 0.13)";
|
|
341
|
+
export const KsColorBgInvertedAlpha9Base = "rgba(241, 241, 243, 0.05)";
|
|
342
|
+
export const KsColorBgInvertedToFg1Base = "#e5e5e8";
|
|
343
|
+
export const KsColorBgInvertedToFg2Base = "#d2d3d7";
|
|
344
|
+
export const KsColorBgInvertedToFg3Base = "#b9b9c0";
|
|
345
|
+
export const KsColorBgInvertedToFg4Base = "#9a9ba5";
|
|
346
|
+
export const KsColorBgInvertedToFg5Base = "#7c7d89";
|
|
347
|
+
export const KsColorBgInvertedToFg6Base = "#5d5e6d";
|
|
348
|
+
export const KsColorBgInvertedToFg7Base = "#3e4052";
|
|
349
|
+
export const KsColorBgInvertedToFg8Base = "#25263b";
|
|
350
|
+
export const KsColorBgInvertedToFg9Base = "#12142a";
|
|
351
|
+
export const KsColorTransparentBase = "rgba(0, 0, 0, 0)";
|
|
352
|
+
export const KsColorPrimaryBase = "#e21879";
|
|
353
|
+
export const KsColorPrimaryAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
354
|
+
export const KsColorPrimaryAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
355
|
+
export const KsColorPrimaryAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
356
|
+
export const KsColorPrimaryAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
357
|
+
export const KsColorPrimaryAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
358
|
+
export const KsColorPrimaryAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
359
|
+
export const KsColorPrimaryAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
360
|
+
export const KsColorPrimaryAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
361
|
+
export const KsColorPrimaryAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
362
|
+
export const KsColorPrimaryToBg1Base = "#d71775";
|
|
363
|
+
export const KsColorPrimaryToBg2Base = "#c5166d";
|
|
364
|
+
export const KsColorPrimaryToBg3Base = "#ad1463";
|
|
365
|
+
export const KsColorPrimaryToBg4Base = "#911258";
|
|
366
|
+
export const KsColorPrimaryToBg5Base = "#74104c";
|
|
367
|
+
export const KsColorPrimaryToBg6Base = "#570e40";
|
|
368
|
+
export const KsColorPrimaryToBg7Base = "#3b0c35";
|
|
369
|
+
export const KsColorPrimaryToBg8Base = "#230a2b";
|
|
370
|
+
export const KsColorPrimaryToBg9Base = "#110924";
|
|
371
|
+
export const KsColorPrimaryToFg1Base = "#e32480";
|
|
372
|
+
export const KsColorPrimaryToFg2Base = "#e6368a";
|
|
373
|
+
export const KsColorPrimaryToFg3Base = "#e94f99";
|
|
374
|
+
export const KsColorPrimaryToFg4Base = "#ed6dab";
|
|
375
|
+
export const KsColorPrimaryToFg5Base = "#f18cbc";
|
|
376
|
+
export const KsColorPrimaryToFg6Base = "#f4aacd";
|
|
377
|
+
export const KsColorPrimaryToFg7Base = "#f8c8df";
|
|
378
|
+
export const KsColorPrimaryToFg8Base = "#fbe1ee";
|
|
379
|
+
export const KsColorPrimaryToFg9Base = "#fef3f8";
|
|
380
|
+
export const KsColorPrimaryInvertedBase = "#4d25ef";
|
|
381
|
+
export const KsColorPrimaryInvertedAlpha1Base = "rgba(77, 37, 239, 0.95)";
|
|
382
|
+
export const KsColorPrimaryInvertedAlpha2Base = "rgba(77, 37, 239, 0.87)";
|
|
383
|
+
export const KsColorPrimaryInvertedAlpha3Base = "rgba(77, 37, 239, 0.76)";
|
|
384
|
+
export const KsColorPrimaryInvertedAlpha4Base = "rgba(77, 37, 239, 0.63)";
|
|
385
|
+
export const KsColorPrimaryInvertedAlpha5Base = "rgba(77, 37, 239, 0.5)";
|
|
386
|
+
export const KsColorPrimaryInvertedAlpha6Base = "rgba(77, 37, 239, 0.37)";
|
|
387
|
+
export const KsColorPrimaryInvertedAlpha7Base = "rgba(77, 37, 239, 0.24)";
|
|
388
|
+
export const KsColorPrimaryInvertedAlpha8Base = "rgba(77, 37, 239, 0.13)";
|
|
389
|
+
export const KsColorPrimaryInvertedAlpha9Base = "rgba(77, 37, 239, 0.05)";
|
|
390
|
+
export const KsColorPrimaryInvertedToBg1Base = "#552fef";
|
|
391
|
+
export const KsColorPrimaryInvertedToBg2Base = "#6240f0";
|
|
392
|
+
export const KsColorPrimaryInvertedToBg3Base = "#7456f0";
|
|
393
|
+
export const KsColorPrimaryInvertedToBg4Base = "#8a70f0";
|
|
394
|
+
export const KsColorPrimaryInvertedToBg5Base = "#9f8bf1";
|
|
395
|
+
export const KsColorPrimaryInvertedToBg6Base = "#b4a6f2";
|
|
396
|
+
export const KsColorPrimaryInvertedToBg7Base = "#cac0f2";
|
|
397
|
+
export const KsColorPrimaryInvertedToBg8Base = "#dcd6f2";
|
|
398
|
+
export const KsColorPrimaryInvertedToBg9Base = "#e9e7f3";
|
|
399
|
+
export const KsColorPrimaryInvertedToFg1Base = "#4924e5";
|
|
400
|
+
export const KsColorPrimaryInvertedToFg2Base = "#4421d4";
|
|
401
|
+
export const KsColorPrimaryInvertedToFg3Base = "#3c1ebd";
|
|
402
|
+
export const KsColorPrimaryInvertedToFg4Base = "#331aa2";
|
|
403
|
+
export const KsColorPrimaryInvertedToFg5Base = "#2a1787";
|
|
404
|
+
export const KsColorPrimaryInvertedToFg6Base = "#20136c";
|
|
405
|
+
export const KsColorPrimaryInvertedToFg7Base = "#170f51";
|
|
406
|
+
export const KsColorPrimaryInvertedToFg8Base = "#0f0c3a";
|
|
407
|
+
export const KsColorPrimaryInvertedToFg9Base = "#0a0929";
|
|
189
408
|
export const KsColorLinkBase = "#b7a5ff";
|
|
409
|
+
export const KsColorLinkAlpha1Base = "rgba(183, 165, 255, 0.95)";
|
|
410
|
+
export const KsColorLinkAlpha2Base = "rgba(183, 165, 255, 0.87)";
|
|
411
|
+
export const KsColorLinkAlpha3Base = "rgba(183, 165, 255, 0.76)";
|
|
412
|
+
export const KsColorLinkAlpha4Base = "rgba(183, 165, 255, 0.63)";
|
|
413
|
+
export const KsColorLinkAlpha5Base = "rgba(183, 165, 255, 0.5)";
|
|
414
|
+
export const KsColorLinkAlpha6Base = "rgba(183, 165, 255, 0.37)";
|
|
415
|
+
export const KsColorLinkAlpha7Base = "rgba(183, 165, 255, 0.24)";
|
|
416
|
+
export const KsColorLinkAlpha8Base = "rgba(183, 165, 255, 0.13)";
|
|
417
|
+
export const KsColorLinkAlpha9Base = "rgba(183, 165, 255, 0.05)";
|
|
418
|
+
export const KsColorLinkToBg1Base = "#ae9df4";
|
|
419
|
+
export const KsColorLinkToBg2Base = "#a091e2";
|
|
420
|
+
export const KsColorLinkToBg3Base = "#8d7fc9";
|
|
421
|
+
export const KsColorLinkToBg4Base = "#766bac";
|
|
422
|
+
export const KsColorLinkToBg5Base = "#5f578f";
|
|
423
|
+
export const KsColorLinkToBg6Base = "#474272";
|
|
424
|
+
export const KsColorLinkToBg7Base = "#302e55";
|
|
425
|
+
export const KsColorLinkToBg8Base = "#1d1c3c";
|
|
426
|
+
export const KsColorLinkToBg9Base = "#0f102a";
|
|
427
|
+
export const KsColorLinkToFg1Base = "#bbaaff";
|
|
428
|
+
export const KsColorLinkToFg2Base = "#c0b1ff";
|
|
429
|
+
export const KsColorLinkToFg3Base = "#c8bbff";
|
|
430
|
+
export const KsColorLinkToFg4Base = "#d2c6ff";
|
|
431
|
+
export const KsColorLinkToFg5Base = "#dbd2ff";
|
|
432
|
+
export const KsColorLinkToFg6Base = "#e4deff";
|
|
433
|
+
export const KsColorLinkToFg7Base = "#eee9ff";
|
|
434
|
+
export const KsColorLinkToFg8Base = "#f6f3ff";
|
|
435
|
+
export const KsColorLinkToFg9Base = "#fbfbff";
|
|
190
436
|
export const KsColorLinkInvertedBase = "#6642f6";
|
|
191
|
-
export const
|
|
437
|
+
export const KsColorLinkInvertedAlpha1Base = "rgba(102, 66, 246, 0.95)";
|
|
438
|
+
export const KsColorLinkInvertedAlpha2Base = "rgba(102, 66, 246, 0.87)";
|
|
439
|
+
export const KsColorLinkInvertedAlpha3Base = "rgba(102, 66, 246, 0.76)";
|
|
440
|
+
export const KsColorLinkInvertedAlpha4Base = "rgba(102, 66, 246, 0.63)";
|
|
441
|
+
export const KsColorLinkInvertedAlpha5Base = "rgba(102, 66, 246, 0.5)";
|
|
442
|
+
export const KsColorLinkInvertedAlpha6Base = "rgba(102, 66, 246, 0.37)";
|
|
443
|
+
export const KsColorLinkInvertedAlpha7Base = "rgba(102, 66, 246, 0.24)";
|
|
444
|
+
export const KsColorLinkInvertedAlpha8Base = "rgba(102, 66, 246, 0.13)";
|
|
445
|
+
export const KsColorLinkInvertedAlpha9Base = "rgba(102, 66, 246, 0.05)";
|
|
446
|
+
export const KsColorLinkInvertedToBg1Base = "#6d4bf6";
|
|
447
|
+
export const KsColorLinkInvertedToBg2Base = "#7859f6";
|
|
448
|
+
export const KsColorLinkInvertedToBg3Base = "#876cf5";
|
|
449
|
+
export const KsColorLinkInvertedToBg4Base = "#9983f5";
|
|
450
|
+
export const KsColorLinkInvertedToBg5Base = "#ac9af5";
|
|
451
|
+
export const KsColorLinkInvertedToBg6Base = "#beb0f4";
|
|
452
|
+
export const KsColorLinkInvertedToBg7Base = "#d0c7f4";
|
|
453
|
+
export const KsColorLinkInvertedToBg8Base = "#dfdaf3";
|
|
454
|
+
export const KsColorLinkInvertedToBg9Base = "#eae8f3";
|
|
455
|
+
export const KsColorLinkInvertedToFg1Base = "#613feb";
|
|
456
|
+
export const KsColorLinkInvertedToFg2Base = "#5a3ada";
|
|
457
|
+
export const KsColorLinkInvertedToFg3Base = "#4f34c2";
|
|
458
|
+
export const KsColorLinkInvertedToFg4Base = "#422da6";
|
|
459
|
+
export const KsColorLinkInvertedToFg5Base = "#36258b";
|
|
460
|
+
export const KsColorLinkInvertedToFg6Base = "#2a1d6f";
|
|
461
|
+
export const KsColorLinkInvertedToFg7Base = "#1d1653";
|
|
462
|
+
export const KsColorLinkInvertedToFg8Base = "#12103b";
|
|
463
|
+
export const KsColorLinkInvertedToFg9Base = "#0b0b2a";
|
|
192
464
|
export const KsColorPositiveBase = "#6edb64";
|
|
193
465
|
export const KsColorPositiveAlpha1Base = "rgba(110, 219, 100, 0.95)";
|
|
194
466
|
export const KsColorPositiveAlpha2Base = "rgba(110, 219, 100, 0.87)";
|
|
@@ -208,6 +480,15 @@ export const KsColorPositiveToBg6Base = "#2c5639";
|
|
|
208
480
|
export const KsColorPositiveToBg7Base = "#1f3b30";
|
|
209
481
|
export const KsColorPositiveToBg8Base = "#142328";
|
|
210
482
|
export const KsColorPositiveToBg9Base = "#0b1322";
|
|
483
|
+
export const KsColorPositiveToFg1Base = "#75dd6c";
|
|
484
|
+
export const KsColorPositiveToFg2Base = "#81e078";
|
|
485
|
+
export const KsColorPositiveToFg3Base = "#91e489";
|
|
486
|
+
export const KsColorPositiveToFg4Base = "#a4e89d";
|
|
487
|
+
export const KsColorPositiveToFg5Base = "#b7edb2";
|
|
488
|
+
export const KsColorPositiveToFg6Base = "#c9f2c6";
|
|
489
|
+
export const KsColorPositiveToFg7Base = "#dcf6da";
|
|
490
|
+
export const KsColorPositiveToFg8Base = "#ecfaeb";
|
|
491
|
+
export const KsColorPositiveToFg9Base = "#f8fdf7";
|
|
211
492
|
export const KsColorPositiveInvertedBase = "#23831b";
|
|
212
493
|
export const KsColorPositiveInvertedAlpha1Base = "rgba(35, 131, 27, 0.95)";
|
|
213
494
|
export const KsColorPositiveInvertedAlpha2Base = "rgba(35, 131, 27, 0.87)";
|
|
@@ -218,15 +499,24 @@ export const KsColorPositiveInvertedAlpha6Base = "rgba(35, 131, 27, 0.37)";
|
|
|
218
499
|
export const KsColorPositiveInvertedAlpha7Base = "rgba(35, 131, 27, 0.24)";
|
|
219
500
|
export const KsColorPositiveInvertedAlpha8Base = "rgba(35, 131, 27, 0.13)";
|
|
220
501
|
export const KsColorPositiveInvertedAlpha9Base = "rgba(35, 131, 27, 0.05)";
|
|
221
|
-
export const KsColorPositiveInvertedToBg1Base = "#
|
|
222
|
-
export const KsColorPositiveInvertedToBg2Base = "#
|
|
223
|
-
export const KsColorPositiveInvertedToBg3Base = "#
|
|
224
|
-
export const KsColorPositiveInvertedToBg4Base = "#
|
|
225
|
-
export const KsColorPositiveInvertedToBg5Base = "#
|
|
226
|
-
export const KsColorPositiveInvertedToBg6Base = "#
|
|
227
|
-
export const KsColorPositiveInvertedToBg7Base = "#
|
|
228
|
-
export const KsColorPositiveInvertedToBg8Base = "#
|
|
229
|
-
export const KsColorPositiveInvertedToBg9Base = "#
|
|
502
|
+
export const KsColorPositiveInvertedToBg1Base = "#2d8926";
|
|
503
|
+
export const KsColorPositiveInvertedToBg2Base = "#3e9137";
|
|
504
|
+
export const KsColorPositiveInvertedToBg3Base = "#549d4f";
|
|
505
|
+
export const KsColorPositiveInvertedToBg4Base = "#6fac6b";
|
|
506
|
+
export const KsColorPositiveInvertedToBg5Base = "#8aba87";
|
|
507
|
+
export const KsColorPositiveInvertedToBg6Base = "#a5c8a3";
|
|
508
|
+
export const KsColorPositiveInvertedToBg7Base = "#c0d7bf";
|
|
509
|
+
export const KsColorPositiveInvertedToBg8Base = "#d6e3d7";
|
|
510
|
+
export const KsColorPositiveInvertedToBg9Base = "#e7ece8";
|
|
511
|
+
export const KsColorPositiveInvertedToFg1Base = "#227d1b";
|
|
512
|
+
export const KsColorPositiveInvertedToFg2Base = "#1f731c";
|
|
513
|
+
export const KsColorPositiveInvertedToFg3Base = "#1c651c";
|
|
514
|
+
export const KsColorPositiveInvertedToFg4Base = "#18551c";
|
|
515
|
+
export const KsColorPositiveInvertedToFg5Base = "#15461d";
|
|
516
|
+
export const KsColorPositiveInvertedToFg6Base = "#11361e";
|
|
517
|
+
export const KsColorPositiveInvertedToFg7Base = "#0d261e";
|
|
518
|
+
export const KsColorPositiveInvertedToFg8Base = "#0a181e";
|
|
519
|
+
export const KsColorPositiveInvertedToFg9Base = "#070e1f";
|
|
230
520
|
export const KsColorInformativeBase = "#64c2db";
|
|
231
521
|
export const KsColorInformativeAlpha1Base = "rgba(100, 194, 219, 0.95)";
|
|
232
522
|
export const KsColorInformativeAlpha2Base = "rgba(100, 194, 219, 0.87)";
|
|
@@ -246,6 +536,15 @@ export const KsColorInformativeToBg6Base = "#294d65";
|
|
|
246
536
|
export const KsColorInformativeToBg7Base = "#1d354c";
|
|
247
537
|
export const KsColorInformativeToBg8Base = "#122037";
|
|
248
538
|
export const KsColorInformativeToBg9Base = "#0b1128";
|
|
539
|
+
export const KsColorInformativeToFg1Base = "#6cc5dd";
|
|
540
|
+
export const KsColorInformativeToFg2Base = "#78cae0";
|
|
541
|
+
export const KsColorInformativeToFg3Base = "#89d1e4";
|
|
542
|
+
export const KsColorInformativeToFg4Base = "#9dd9e8";
|
|
543
|
+
export const KsColorInformativeToFg5Base = "#b2e1ed";
|
|
544
|
+
export const KsColorInformativeToFg6Base = "#c6e8f2";
|
|
545
|
+
export const KsColorInformativeToFg7Base = "#daf0f6";
|
|
546
|
+
export const KsColorInformativeToFg8Base = "#ebf7fa";
|
|
547
|
+
export const KsColorInformativeToFg9Base = "#f7fcfd";
|
|
249
548
|
export const KsColorInformativeInvertedBase = "#00718f";
|
|
250
549
|
export const KsColorInformativeInvertedAlpha1Base = "rgba(0, 113, 143, 0.95)";
|
|
251
550
|
export const KsColorInformativeInvertedAlpha2Base = "rgba(0, 113, 143, 0.87)";
|
|
@@ -256,15 +555,24 @@ export const KsColorInformativeInvertedAlpha6Base = "rgba(0, 113, 143, 0.37)";
|
|
|
256
555
|
export const KsColorInformativeInvertedAlpha7Base = "rgba(0, 113, 143, 0.24)";
|
|
257
556
|
export const KsColorInformativeInvertedAlpha8Base = "rgba(0, 113, 143, 0.13)";
|
|
258
557
|
export const KsColorInformativeInvertedAlpha9Base = "rgba(0, 113, 143, 0.05)";
|
|
259
|
-
export const KsColorInformativeInvertedToBg1Base = "#
|
|
260
|
-
export const KsColorInformativeInvertedToBg2Base = "#
|
|
261
|
-
export const KsColorInformativeInvertedToBg3Base = "#
|
|
262
|
-
export const KsColorInformativeInvertedToBg4Base = "#
|
|
263
|
-
export const KsColorInformativeInvertedToBg5Base = "#
|
|
264
|
-
export const KsColorInformativeInvertedToBg6Base = "#
|
|
265
|
-
export const KsColorInformativeInvertedToBg7Base = "#
|
|
266
|
-
export const KsColorInformativeInvertedToBg8Base = "#
|
|
267
|
-
export const KsColorInformativeInvertedToBg9Base = "#
|
|
558
|
+
export const KsColorInformativeInvertedToBg1Base = "#0c7794";
|
|
559
|
+
export const KsColorInformativeInvertedToBg2Base = "#1f829c";
|
|
560
|
+
export const KsColorInformativeInvertedToBg3Base = "#3a90a7";
|
|
561
|
+
export const KsColorInformativeInvertedToBg4Base = "#59a0b4";
|
|
562
|
+
export const KsColorInformativeInvertedToBg5Base = "#79b1c1";
|
|
563
|
+
export const KsColorInformativeInvertedToBg6Base = "#98c2ce";
|
|
564
|
+
export const KsColorInformativeInvertedToBg7Base = "#b7d2db";
|
|
565
|
+
export const KsColorInformativeInvertedToBg8Base = "#d2e0e6";
|
|
566
|
+
export const KsColorInformativeInvertedToBg9Base = "#e5ebee";
|
|
567
|
+
export const KsColorInformativeInvertedToFg1Base = "#006c89";
|
|
568
|
+
export const KsColorInformativeInvertedToFg2Base = "#016380";
|
|
569
|
+
export const KsColorInformativeInvertedToFg3Base = "#015874";
|
|
570
|
+
export const KsColorInformativeInvertedToFg4Base = "#024a66";
|
|
571
|
+
export const KsColorInformativeInvertedToFg5Base = "#033d57";
|
|
572
|
+
export const KsColorInformativeInvertedToFg6Base = "#042f48";
|
|
573
|
+
export const KsColorInformativeInvertedToFg7Base = "#05213a";
|
|
574
|
+
export const KsColorInformativeInvertedToFg8Base = "#05162e";
|
|
575
|
+
export const KsColorInformativeInvertedToFg9Base = "#060d25";
|
|
268
576
|
export const KsColorNoticeBase = "#f9de55";
|
|
269
577
|
export const KsColorNoticeAlpha1Base = "rgba(249, 222, 85, 0.95)";
|
|
270
578
|
export const KsColorNoticeAlpha2Base = "rgba(249, 222, 85, 0.87)";
|
|
@@ -284,6 +592,15 @@ export const KsColorNoticeToBg6Base = "#605733";
|
|
|
284
592
|
export const KsColorNoticeToBg7Base = "#403b2c";
|
|
285
593
|
export const KsColorNoticeToBg8Base = "#262426";
|
|
286
594
|
export const KsColorNoticeToBg9Base = "#121322";
|
|
595
|
+
export const KsColorNoticeToFg1Base = "#f9e05e";
|
|
596
|
+
export const KsColorNoticeToFg2Base = "#fae26b";
|
|
597
|
+
export const KsColorNoticeToFg3Base = "#fae67e";
|
|
598
|
+
export const KsColorNoticeToFg4Base = "#fbea94";
|
|
599
|
+
export const KsColorNoticeToFg5Base = "#fcefaa";
|
|
600
|
+
export const KsColorNoticeToFg6Base = "#fdf3c0";
|
|
601
|
+
export const KsColorNoticeToFg7Base = "#fef7d6";
|
|
602
|
+
export const KsColorNoticeToFg8Base = "#fefbe9";
|
|
603
|
+
export const KsColorNoticeToFg9Base = "#fffdf7";
|
|
287
604
|
export const KsColorNoticeInvertedBase = "#ff5d53";
|
|
288
605
|
export const KsColorNoticeInvertedAlpha1Base = "rgba(255, 93, 83, 0.95)";
|
|
289
606
|
export const KsColorNoticeInvertedAlpha2Base = "rgba(255, 93, 83, 0.87)";
|
|
@@ -294,15 +611,24 @@ export const KsColorNoticeInvertedAlpha6Base = "rgba(255, 93, 83, 0.37)";
|
|
|
294
611
|
export const KsColorNoticeInvertedAlpha7Base = "rgba(255, 93, 83, 0.24)";
|
|
295
612
|
export const KsColorNoticeInvertedAlpha8Base = "rgba(255, 93, 83, 0.13)";
|
|
296
613
|
export const KsColorNoticeInvertedAlpha9Base = "rgba(255, 93, 83, 0.05)";
|
|
297
|
-
export const KsColorNoticeInvertedToBg1Base = "#
|
|
298
|
-
export const KsColorNoticeInvertedToBg2Base = "#
|
|
299
|
-
export const KsColorNoticeInvertedToBg3Base = "#
|
|
300
|
-
export const KsColorNoticeInvertedToBg4Base = "#
|
|
301
|
-
export const KsColorNoticeInvertedToBg5Base = "#
|
|
302
|
-
export const KsColorNoticeInvertedToBg6Base = "#
|
|
303
|
-
export const KsColorNoticeInvertedToBg7Base = "#
|
|
304
|
-
export const KsColorNoticeInvertedToBg8Base = "#
|
|
305
|
-
export const KsColorNoticeInvertedToBg9Base = "#
|
|
614
|
+
export const KsColorNoticeInvertedToBg1Base = "#fe645b";
|
|
615
|
+
export const KsColorNoticeInvertedToBg2Base = "#fd7068";
|
|
616
|
+
export const KsColorNoticeInvertedToBg3Base = "#fc8179";
|
|
617
|
+
export const KsColorNoticeInvertedToBg4Base = "#fa948e";
|
|
618
|
+
export const KsColorNoticeInvertedToBg5Base = "#f8a7a3";
|
|
619
|
+
export const KsColorNoticeInvertedToBg6Base = "#f6bab8";
|
|
620
|
+
export const KsColorNoticeInvertedToBg7Base = "#f4cdcd";
|
|
621
|
+
export const KsColorNoticeInvertedToBg8Base = "#f3dede";
|
|
622
|
+
export const KsColorNoticeInvertedToBg9Base = "#f2eaeb";
|
|
623
|
+
export const KsColorNoticeInvertedToFg1Base = "#f35950";
|
|
624
|
+
export const KsColorNoticeInvertedToFg2Base = "#df524c";
|
|
625
|
+
export const KsColorNoticeInvertedToFg3Base = "#c34947";
|
|
626
|
+
export const KsColorNoticeInvertedToFg4Base = "#a33e40";
|
|
627
|
+
export const KsColorNoticeInvertedToFg5Base = "#833339";
|
|
628
|
+
export const KsColorNoticeInvertedToFg6Base = "#622732";
|
|
629
|
+
export const KsColorNoticeInvertedToFg7Base = "#421c2b";
|
|
630
|
+
export const KsColorNoticeInvertedToFg8Base = "#261326";
|
|
631
|
+
export const KsColorNoticeInvertedToFg9Base = "#120c22";
|
|
306
632
|
export const KsColorNegativeBase = "#ff1a57";
|
|
307
633
|
export const KsColorNegativeAlpha1Base = "rgba(255, 26, 87, 0.95)";
|
|
308
634
|
export const KsColorNegativeAlpha2Base = "rgba(255, 26, 87, 0.87)";
|
|
@@ -322,6 +648,15 @@ export const KsColorNegativeToBg6Base = "#620f34";
|
|
|
322
648
|
export const KsColorNegativeToBg7Base = "#420c2c";
|
|
323
649
|
export const KsColorNegativeToBg8Base = "#260a26";
|
|
324
650
|
export const KsColorNegativeToBg9Base = "#120922";
|
|
651
|
+
export const KsColorNegativeToFg1Base = "#ff255f";
|
|
652
|
+
export const KsColorNegativeToFg2Base = "#ff386d";
|
|
653
|
+
export const KsColorNegativeToFg3Base = "#ff517f";
|
|
654
|
+
export const KsColorNegativeToFg4Base = "#ff6f95";
|
|
655
|
+
export const KsColorNegativeToFg5Base = "#ff8dab";
|
|
656
|
+
export const KsColorNegativeToFg6Base = "#ffaac1";
|
|
657
|
+
export const KsColorNegativeToFg7Base = "#ffc8d7";
|
|
658
|
+
export const KsColorNegativeToFg8Base = "#ffe1e9";
|
|
659
|
+
export const KsColorNegativeToFg9Base = "#fff4f7";
|
|
325
660
|
export const KsColorNegativeInvertedBase = "#d21d48";
|
|
326
661
|
export const KsColorNegativeInvertedAlpha1Base = "rgba(210, 29, 72, 0.95)";
|
|
327
662
|
export const KsColorNegativeInvertedAlpha2Base = "rgba(210, 29, 72, 0.87)";
|
|
@@ -333,90 +668,79 @@ export const KsColorNegativeInvertedAlpha7Base = "rgba(210, 29, 72, 0.24)";
|
|
|
333
668
|
export const KsColorNegativeInvertedAlpha8Base = "rgba(210, 29, 72, 0.13)";
|
|
334
669
|
export const KsColorNegativeInvertedAlpha9Base = "rgba(210, 29, 72, 0.05)";
|
|
335
670
|
export const KsColorNegativeInvertedToBg1Base = "#d42851";
|
|
336
|
-
export const KsColorNegativeInvertedToBg2Base = "#
|
|
337
|
-
export const KsColorNegativeInvertedToBg3Base = "#
|
|
338
|
-
export const KsColorNegativeInvertedToBg4Base = "#
|
|
339
|
-
export const KsColorNegativeInvertedToBg5Base = "#
|
|
340
|
-
export const KsColorNegativeInvertedToBg6Base = "#
|
|
341
|
-
export const KsColorNegativeInvertedToBg7Base = "#
|
|
342
|
-
export const KsColorNegativeInvertedToBg8Base = "#
|
|
343
|
-
export const KsColorNegativeInvertedToBg9Base = "#
|
|
344
|
-
export const
|
|
345
|
-
export const
|
|
346
|
-
export const
|
|
347
|
-
export const
|
|
348
|
-
export const
|
|
349
|
-
export const
|
|
350
|
-
export const
|
|
351
|
-
export const
|
|
352
|
-
export const
|
|
353
|
-
export const
|
|
354
|
-
export const
|
|
355
|
-
export const
|
|
356
|
-
export const
|
|
357
|
-
export const
|
|
358
|
-
export const
|
|
359
|
-
export const
|
|
360
|
-
export const
|
|
361
|
-
export const
|
|
362
|
-
export const
|
|
363
|
-
export const
|
|
364
|
-
export const
|
|
365
|
-
export const
|
|
366
|
-
export const
|
|
367
|
-
export const
|
|
368
|
-
export const
|
|
369
|
-
export const
|
|
370
|
-
export const
|
|
371
|
-
export const
|
|
372
|
-
export const
|
|
373
|
-
export const
|
|
374
|
-
export const
|
|
375
|
-
export const
|
|
376
|
-
export const
|
|
377
|
-
export const
|
|
378
|
-
export const
|
|
379
|
-
export const
|
|
380
|
-
export const
|
|
381
|
-
export const
|
|
382
|
-
export const
|
|
383
|
-
export const
|
|
384
|
-
export const
|
|
385
|
-
export const
|
|
386
|
-
export const
|
|
387
|
-
export const
|
|
388
|
-
export const
|
|
389
|
-
export const
|
|
390
|
-
export const
|
|
391
|
-
export const
|
|
392
|
-
export const
|
|
393
|
-
export const
|
|
394
|
-
export const
|
|
395
|
-
export const
|
|
396
|
-
export const
|
|
397
|
-
export const
|
|
398
|
-
export const
|
|
399
|
-
export const
|
|
400
|
-
export const
|
|
401
|
-
export const
|
|
402
|
-
export const
|
|
403
|
-
export const
|
|
404
|
-
export const
|
|
405
|
-
export const
|
|
406
|
-
export const
|
|
407
|
-
export const
|
|
408
|
-
export const
|
|
409
|
-
export const KsColorBgInvertedAlpha8Base = "rgba(241, 241, 243, 0.13)";
|
|
410
|
-
export const KsColorBgInvertedAlpha9Base = "rgba(241, 241, 243, 0.05)";
|
|
411
|
-
export const KsColorBgInvertedToBg1Base = "#f2f2f4";
|
|
412
|
-
export const KsColorBgInvertedToBg2Base = "#f3f3f5";
|
|
413
|
-
export const KsColorBgInvertedToBg3Base = "#f4f4f6";
|
|
414
|
-
export const KsColorBgInvertedToBg4Base = "#f6f6f7";
|
|
415
|
-
export const KsColorBgInvertedToBg5Base = "#f8f8f9";
|
|
416
|
-
export const KsColorBgInvertedToBg6Base = "#fafafb";
|
|
417
|
-
export const KsColorBgInvertedToBg7Base = "#fcfcfc";
|
|
418
|
-
export const KsColorBgInvertedToBg8Base = "#fdfdfd";
|
|
419
|
-
export const KsColorBgInvertedToBg9Base = "#fefefe";
|
|
671
|
+
export const KsColorNegativeInvertedToBg2Base = "#d6395e";
|
|
672
|
+
export const KsColorNegativeInvertedToBg3Base = "#d95071";
|
|
673
|
+
export const KsColorNegativeInvertedToBg4Base = "#dd6b87";
|
|
674
|
+
export const KsColorNegativeInvertedToBg5Base = "#e2879e";
|
|
675
|
+
export const KsColorNegativeInvertedToBg6Base = "#e6a3b4";
|
|
676
|
+
export const KsColorNegativeInvertedToBg7Base = "#eabeca";
|
|
677
|
+
export const KsColorNegativeInvertedToBg8Base = "#edd5dd";
|
|
678
|
+
export const KsColorNegativeInvertedToBg9Base = "#efe6ea";
|
|
679
|
+
export const KsColorNegativeInvertedToFg1Base = "#c81c46";
|
|
680
|
+
export const KsColorNegativeInvertedToFg2Base = "#b71a43";
|
|
681
|
+
export const KsColorNegativeInvertedToFg3Base = "#a1183e";
|
|
682
|
+
export const KsColorNegativeInvertedToFg4Base = "#871539";
|
|
683
|
+
export const KsColorNegativeInvertedToFg5Base = "#6c1334";
|
|
684
|
+
export const KsColorNegativeInvertedToFg6Base = "#51102e";
|
|
685
|
+
export const KsColorNegativeInvertedToFg7Base = "#370d29";
|
|
686
|
+
export const KsColorNegativeInvertedToFg8Base = "#210b24";
|
|
687
|
+
export const KsColorNegativeInvertedToFg9Base = "#100921";
|
|
688
|
+
export const KsColorSecondaryBase = "#4d25ef";
|
|
689
|
+
export const KsColorSecondaryAlpha1Base = "rgba(77, 37, 239, 0.95)";
|
|
690
|
+
export const KsColorSecondaryAlpha2Base = "rgba(77, 37, 239, 0.87)";
|
|
691
|
+
export const KsColorSecondaryAlpha3Base = "rgba(77, 37, 239, 0.76)";
|
|
692
|
+
export const KsColorSecondaryAlpha4Base = "rgba(77, 37, 239, 0.63)";
|
|
693
|
+
export const KsColorSecondaryAlpha5Base = "rgba(77, 37, 239, 0.5)";
|
|
694
|
+
export const KsColorSecondaryAlpha6Base = "rgba(77, 37, 239, 0.37)";
|
|
695
|
+
export const KsColorSecondaryAlpha7Base = "rgba(77, 37, 239, 0.24)";
|
|
696
|
+
export const KsColorSecondaryAlpha8Base = "rgba(77, 37, 239, 0.13)";
|
|
697
|
+
export const KsColorSecondaryAlpha9Base = "rgba(77, 37, 239, 0.05)";
|
|
698
|
+
export const KsColorSecondaryToBg1Base = "#4924e5";
|
|
699
|
+
export const KsColorSecondaryToBg2Base = "#4421d4";
|
|
700
|
+
export const KsColorSecondaryToBg3Base = "#3c1ebd";
|
|
701
|
+
export const KsColorSecondaryToBg4Base = "#331aa2";
|
|
702
|
+
export const KsColorSecondaryToBg5Base = "#2a1787";
|
|
703
|
+
export const KsColorSecondaryToBg6Base = "#20136c";
|
|
704
|
+
export const KsColorSecondaryToBg7Base = "#170f51";
|
|
705
|
+
export const KsColorSecondaryToBg8Base = "#0f0c3a";
|
|
706
|
+
export const KsColorSecondaryToBg9Base = "#0a0929";
|
|
707
|
+
export const KsColorSecondaryToFg1Base = "#5630f0";
|
|
708
|
+
export const KsColorSecondaryToFg2Base = "#6441f1";
|
|
709
|
+
export const KsColorSecondaryToFg3Base = "#7859f3";
|
|
710
|
+
export const KsColorSecondaryToFg4Base = "#8f76f5";
|
|
711
|
+
export const KsColorSecondaryToFg5Base = "#a692f7";
|
|
712
|
+
export const KsColorSecondaryToFg6Base = "#bdaef9";
|
|
713
|
+
export const KsColorSecondaryToFg7Base = "#d4cbfb";
|
|
714
|
+
export const KsColorSecondaryToFg8Base = "#e8e3fd";
|
|
715
|
+
export const KsColorSecondaryToFg9Base = "#f6f4fe";
|
|
716
|
+
export const KsColorSecondaryInvertedBase = "#e21879";
|
|
717
|
+
export const KsColorSecondaryInvertedAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
718
|
+
export const KsColorSecondaryInvertedAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
719
|
+
export const KsColorSecondaryInvertedAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
720
|
+
export const KsColorSecondaryInvertedAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
721
|
+
export const KsColorSecondaryInvertedAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
722
|
+
export const KsColorSecondaryInvertedAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
723
|
+
export const KsColorSecondaryInvertedAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
724
|
+
export const KsColorSecondaryInvertedAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
725
|
+
export const KsColorSecondaryInvertedAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
726
|
+
export const KsColorSecondaryInvertedToBg1Base = "#e3237f";
|
|
727
|
+
export const KsColorSecondaryInvertedToBg2Base = "#e43489";
|
|
728
|
+
export const KsColorSecondaryInvertedToBg3Base = "#e64c96";
|
|
729
|
+
export const KsColorSecondaryInvertedToBg4Base = "#e868a6";
|
|
730
|
+
export const KsColorSecondaryInvertedToBg5Base = "#ea85b6";
|
|
731
|
+
export const KsColorSecondaryInvertedToBg6Base = "#eba1c6";
|
|
732
|
+
export const KsColorSecondaryInvertedToBg7Base = "#edbdd6";
|
|
733
|
+
export const KsColorSecondaryInvertedToBg8Base = "#efd5e3";
|
|
734
|
+
export const KsColorSecondaryInvertedToBg9Base = "#f0e6ed";
|
|
735
|
+
export const KsColorSecondaryInvertedToFg1Base = "#d71775";
|
|
736
|
+
export const KsColorSecondaryInvertedToFg2Base = "#c5166d";
|
|
737
|
+
export const KsColorSecondaryInvertedToFg3Base = "#ad1463";
|
|
738
|
+
export const KsColorSecondaryInvertedToFg4Base = "#911258";
|
|
739
|
+
export const KsColorSecondaryInvertedToFg5Base = "#74104c";
|
|
740
|
+
export const KsColorSecondaryInvertedToFg6Base = "#570e40";
|
|
741
|
+
export const KsColorSecondaryInvertedToFg7Base = "#3b0c35";
|
|
742
|
+
export const KsColorSecondaryInvertedToFg8Base = "#230a2b";
|
|
743
|
+
export const KsColorSecondaryInvertedToFg9Base = "#110924";
|
|
420
744
|
export const KsDepthModal = "1000";
|
|
421
745
|
export const KsSpacingXxs = "0.246rem";
|
|
422
746
|
export const KsSpacingXxsBase = "0.246rem";
|
|
@@ -487,34 +811,114 @@ export const KsSpacingInsetStretchL = "1.5769rem 1.0875rem";
|
|
|
487
811
|
export const KsSpacingInsetStretchXl = "2.2865rem 1.5769rem";
|
|
488
812
|
export const KsTextColorDefaultBase = "#ffffff";
|
|
489
813
|
export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
|
|
490
|
-
export const KsTextColorDefaultInteractiveHoverBase = "#
|
|
491
|
-
export const KsTextColorDefaultInteractiveActiveBase = "#
|
|
492
|
-
export const
|
|
493
|
-
export const KsTextColorDefaultInvertedBase = "
|
|
814
|
+
export const KsTextColorDefaultInteractiveHoverBase = "#b7a5ff";
|
|
815
|
+
export const KsTextColorDefaultInteractiveActiveBase = "#b7a5ff";
|
|
816
|
+
export const KsTextColorDefaultInteractiveSelectedBase = "#b7a5ff";
|
|
817
|
+
export const KsTextColorDefaultInvertedBase = "#06081f";
|
|
494
818
|
export const KsTextColorDefaultInvertedInteractiveBase = "#6642f6";
|
|
495
|
-
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#
|
|
496
|
-
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#
|
|
497
|
-
export const
|
|
498
|
-
export const
|
|
819
|
+
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#6642f6";
|
|
820
|
+
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#6642f6";
|
|
821
|
+
export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#6642f6";
|
|
822
|
+
export const KsTextColorCopyBase = "rgba(255, 255, 255, 0.76)";
|
|
823
|
+
export const KsTextColorCopyInteractiveBase = "#b7a5ff";
|
|
824
|
+
export const KsTextColorCopyInteractiveHoverBase = "#c0b1ff";
|
|
825
|
+
export const KsTextColorCopyInteractiveActiveBase = "#c8bbff";
|
|
826
|
+
export const KsTextColorCopyInteractiveSelectedBase = "#c8bbff";
|
|
827
|
+
export const KsTextColorCopyInvertedBase = "rgba(6, 8, 31, 0.76)";
|
|
828
|
+
export const KsTextColorCopyInvertedInteractiveBase = "#6642f6";
|
|
829
|
+
export const KsTextColorCopyInvertedInteractiveHoverBase = "#5a3ada";
|
|
830
|
+
export const KsTextColorCopyInvertedInteractiveActiveBase = "#5a3ada";
|
|
831
|
+
export const KsTextColorCopyInvertedInteractiveSelectedBase = "#5a3ada";
|
|
832
|
+
export const KsTextColorDisplayBase = "#ffffff";
|
|
833
|
+
export const KsTextColorDisplayInteractiveBase = "#b7a5ff";
|
|
834
|
+
export const KsTextColorDisplayInteractiveHoverBase = "#c0b1ff";
|
|
835
|
+
export const KsTextColorDisplayInteractiveActiveBase = "#c8bbff";
|
|
836
|
+
export const KsTextColorDisplayInteractiveSelectedBase = "#c8bbff";
|
|
837
|
+
export const KsTextColorDisplayInvertedBase = "#06081f";
|
|
838
|
+
export const KsTextColorDisplayInvertedInteractiveBase = "#6642f6";
|
|
839
|
+
export const KsTextColorDisplayInvertedInteractiveHoverBase = "#5a3ada";
|
|
840
|
+
export const KsTextColorDisplayInvertedInteractiveActiveBase = "#5a3ada";
|
|
841
|
+
export const KsTextColorDisplayInvertedInteractiveSelectedBase = "#5a3ada";
|
|
842
|
+
export const KsTextColorInterfaceBase = "rgba(255, 255, 255, 0.63)";
|
|
499
843
|
export const KsTextColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.76)";
|
|
500
844
|
export const KsTextColorInterfaceInteractiveHoverBase = "#ffffff";
|
|
501
845
|
export const KsTextColorInterfaceInteractiveActiveBase = "#ffffff";
|
|
502
|
-
export const
|
|
503
|
-
export const KsTextColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.
|
|
846
|
+
export const KsTextColorInterfaceInteractiveSelectedBase = "#ffffff";
|
|
847
|
+
export const KsTextColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.63)";
|
|
504
848
|
export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.76)";
|
|
505
849
|
export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#06081f";
|
|
506
850
|
export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#06081f";
|
|
507
|
-
export const
|
|
851
|
+
export const KsTextColorInterfaceInvertedInteractiveSelectedBase = "#06081f";
|
|
852
|
+
export const KsTextColorCardBase = "rgba(255, 255, 255, 0.87)";
|
|
853
|
+
export const KsTextColorCardInteractiveBase = "#ffffff";
|
|
854
|
+
export const KsTextColorCardInteractiveHoverBase = "#000000";
|
|
855
|
+
export const KsTextColorCardInteractiveActiveBase = "#000000";
|
|
856
|
+
export const KsTextColorCardInteractiveSelectedBase = "#000000";
|
|
857
|
+
export const KsTextColorCardInvertedBase = "rgba(6, 8, 31, 0.87)";
|
|
858
|
+
export const KsTextColorCardInvertedInteractiveBase = "#06081f";
|
|
859
|
+
export const KsTextColorCardInvertedInteractiveHoverBase = "#06081f";
|
|
860
|
+
export const KsTextColorCardInvertedInteractiveActiveBase = "#06081f";
|
|
861
|
+
export const KsTextColorCardInvertedInteractiveSelectedBase = "#06081f";
|
|
508
862
|
export const KsTextColorPrimaryBase = "#e21879";
|
|
509
863
|
export const KsTextColorPrimaryInteractiveBase = "#e21879";
|
|
510
864
|
export const KsTextColorPrimaryInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
|
|
511
865
|
export const KsTextColorPrimaryInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
|
|
512
|
-
export const
|
|
513
|
-
export const KsTextColorPrimaryInvertedBase = "#
|
|
514
|
-
export const KsTextColorPrimaryInvertedInteractiveBase = "
|
|
515
|
-
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(
|
|
516
|
-
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(
|
|
517
|
-
export const
|
|
866
|
+
export const KsTextColorPrimaryInteractiveSelectedBase = "rgba(226, 24, 121, 0.87)";
|
|
867
|
+
export const KsTextColorPrimaryInvertedBase = "#4d25ef";
|
|
868
|
+
export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(77, 37, 239, 0.87)";
|
|
869
|
+
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(77, 37, 239, 0.87)";
|
|
870
|
+
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.87)";
|
|
871
|
+
export const KsTextColorPrimaryInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.87)";
|
|
872
|
+
export const KsTextColorPositiveBase = "#6edb64";
|
|
873
|
+
export const KsTextColorPositiveInteractiveBase = "#6edb64";
|
|
874
|
+
export const KsTextColorPositiveInteractiveHoverBase = "rgba(110, 219, 100, 0.87)";
|
|
875
|
+
export const KsTextColorPositiveInteractiveActiveBase = "rgba(110, 219, 100, 0.87)";
|
|
876
|
+
export const KsTextColorPositiveInteractiveSelectedBase = "rgba(110, 219, 100, 0.87)";
|
|
877
|
+
export const KsTextColorPositiveInvertedBase = "#23831b";
|
|
878
|
+
export const KsTextColorPositiveInvertedInteractiveBase = "rgba(35, 131, 27, 0.87)";
|
|
879
|
+
export const KsTextColorPositiveInvertedInteractiveHoverBase = "rgba(35, 131, 27, 0.87)";
|
|
880
|
+
export const KsTextColorPositiveInvertedInteractiveActiveBase = "rgba(35, 131, 27, 0.87)";
|
|
881
|
+
export const KsTextColorPositiveInvertedInteractiveSelectedBase = "rgba(35, 131, 27, 0.87)";
|
|
882
|
+
export const KsTextColorInformativeBase = "#64c2db";
|
|
883
|
+
export const KsTextColorInformativeInteractiveBase = "#64c2db";
|
|
884
|
+
export const KsTextColorInformativeInteractiveHoverBase = "rgba(100, 194, 219, 0.87)";
|
|
885
|
+
export const KsTextColorInformativeInteractiveActiveBase = "rgba(100, 194, 219, 0.87)";
|
|
886
|
+
export const KsTextColorInformativeInteractiveSelectedBase = "rgba(100, 194, 219, 0.87)";
|
|
887
|
+
export const KsTextColorInformativeInvertedBase = "#00718f";
|
|
888
|
+
export const KsTextColorInformativeInvertedInteractiveBase = "rgba(0, 113, 143, 0.87)";
|
|
889
|
+
export const KsTextColorInformativeInvertedInteractiveHoverBase = "rgba(0, 113, 143, 0.87)";
|
|
890
|
+
export const KsTextColorInformativeInvertedInteractiveActiveBase = "rgba(0, 113, 143, 0.87)";
|
|
891
|
+
export const KsTextColorInformativeInvertedInteractiveSelectedBase = "rgba(0, 113, 143, 0.87)";
|
|
892
|
+
export const KsTextColorNoticeBase = "#f9de55";
|
|
893
|
+
export const KsTextColorNoticeInteractiveBase = "#f9de55";
|
|
894
|
+
export const KsTextColorNoticeInteractiveHoverBase = "rgba(249, 222, 85, 0.87)";
|
|
895
|
+
export const KsTextColorNoticeInteractiveActiveBase = "rgba(249, 222, 85, 0.87)";
|
|
896
|
+
export const KsTextColorNoticeInteractiveSelectedBase = "rgba(249, 222, 85, 0.87)";
|
|
897
|
+
export const KsTextColorNoticeInvertedBase = "#ff5d53";
|
|
898
|
+
export const KsTextColorNoticeInvertedInteractiveBase = "rgba(255, 93, 83, 0.87)";
|
|
899
|
+
export const KsTextColorNoticeInvertedInteractiveHoverBase = "rgba(255, 93, 83, 0.87)";
|
|
900
|
+
export const KsTextColorNoticeInvertedInteractiveActiveBase = "rgba(255, 93, 83, 0.87)";
|
|
901
|
+
export const KsTextColorNoticeInvertedInteractiveSelectedBase = "rgba(255, 93, 83, 0.87)";
|
|
902
|
+
export const KsTextColorNegativeBase = "#ff1a57";
|
|
903
|
+
export const KsTextColorNegativeInteractiveBase = "#ff1a57";
|
|
904
|
+
export const KsTextColorNegativeInteractiveHoverBase = "rgba(255, 26, 87, 0.87)";
|
|
905
|
+
export const KsTextColorNegativeInteractiveActiveBase = "rgba(255, 26, 87, 0.87)";
|
|
906
|
+
export const KsTextColorNegativeInteractiveSelectedBase = "rgba(255, 26, 87, 0.87)";
|
|
907
|
+
export const KsTextColorNegativeInvertedBase = "#d21d48";
|
|
908
|
+
export const KsTextColorNegativeInvertedInteractiveBase = "rgba(210, 29, 72, 0.87)";
|
|
909
|
+
export const KsTextColorNegativeInvertedInteractiveHoverBase = "rgba(210, 29, 72, 0.87)";
|
|
910
|
+
export const KsTextColorNegativeInvertedInteractiveActiveBase = "rgba(210, 29, 72, 0.87)";
|
|
911
|
+
export const KsTextColorNegativeInvertedInteractiveSelectedBase = "rgba(210, 29, 72, 0.87)";
|
|
912
|
+
export const KsTextColorSecondaryBase = "#4d25ef";
|
|
913
|
+
export const KsTextColorSecondaryInteractiveBase = "#4d25ef";
|
|
914
|
+
export const KsTextColorSecondaryInteractiveHoverBase = "rgba(77, 37, 239, 0.87)";
|
|
915
|
+
export const KsTextColorSecondaryInteractiveActiveBase = "rgba(77, 37, 239, 0.87)";
|
|
916
|
+
export const KsTextColorSecondaryInteractiveSelectedBase = "rgba(77, 37, 239, 0.87)";
|
|
917
|
+
export const KsTextColorSecondaryInvertedBase = "#e21879";
|
|
918
|
+
export const KsTextColorSecondaryInvertedInteractiveBase = "rgba(226, 24, 121, 0.87)";
|
|
919
|
+
export const KsTextColorSecondaryInvertedInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
|
|
920
|
+
export const KsTextColorSecondaryInvertedInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
|
|
921
|
+
export const KsTextColorSecondaryInvertedInteractiveSelectedBase = "rgba(226, 24, 121, 0.87)";
|
|
518
922
|
export const KsDurationImmediate = "50ms";
|
|
519
923
|
export const KsDurationFast = "100ms";
|
|
520
924
|
export const KsDurationMedium = "150ms";
|
|
@@ -524,7 +928,7 @@ export const KsTimingFunctionEaseOut = "ease-out";
|
|
|
524
928
|
export const KsTimingFunctionEaseIn = "ease-in";
|
|
525
929
|
export const KsTimingFunctionEaseInOut = "ease-in-out";
|
|
526
930
|
export const KsTimingFunctionLinear = "linear";
|
|
527
|
-
export const KsTransitionCollapse = "
|
|
931
|
+
export const KsTransitionCollapse = "300ms ease-out";
|
|
528
932
|
export const KsTransitionHover = "100ms ease-in-out";
|
|
529
933
|
export const KsTransitionFade = "300ms ease-out";
|
|
530
934
|
export const KsFontFamilyDisplay = "Fredoka, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";
|
|
@@ -539,14 +943,14 @@ export const KsFontWeightBold = 700;
|
|
|
539
943
|
export const KsFontSizeDisplayBpFactorPhone = 1.125;
|
|
540
944
|
export const KsFontSizeDisplayBpFactorTablet = 1.25;
|
|
541
945
|
export const KsFontSizeDisplayBpFactorLaptop = 1.5;
|
|
542
|
-
export const KsFontSizeDisplayBpFactorDesktop = 1.
|
|
543
|
-
export const KsFontSizeDisplayXxsBase = "0.
|
|
544
|
-
export const KsFontSizeDisplayXsBase = "0.
|
|
545
|
-
export const KsFontSizeDisplaySBase = "
|
|
946
|
+
export const KsFontSizeDisplayBpFactorDesktop = 1.75;
|
|
947
|
+
export const KsFontSizeDisplayXxsBase = "0.68rem";
|
|
948
|
+
export const KsFontSizeDisplayXsBase = "0.833rem";
|
|
949
|
+
export const KsFontSizeDisplaySBase = "1.0204rem";
|
|
546
950
|
export const KsFontSizeDisplayMBase = "1.25rem";
|
|
547
|
-
export const KsFontSizeDisplayLBase = "1.
|
|
548
|
-
export const KsFontSizeDisplayXlBase = "
|
|
549
|
-
export const KsFontSizeDisplayXxlBase = "2.
|
|
951
|
+
export const KsFontSizeDisplayLBase = "1.5313rem";
|
|
952
|
+
export const KsFontSizeDisplayXlBase = "1.8758rem";
|
|
953
|
+
export const KsFontSizeDisplayXxlBase = "2.2978rem";
|
|
550
954
|
export const KsFontSizeCopyBpFactorTablet = 1.125;
|
|
551
955
|
export const KsFontSizeCopyXxsBase = "0.612rem";
|
|
552
956
|
export const KsFontSizeCopyXsBase = "0.7497rem";
|
|
@@ -582,9 +986,9 @@ export const KsLineHeightCopyXxs = 1.5;
|
|
|
582
986
|
export const KsLineHeightCopyXs = 1.5;
|
|
583
987
|
export const KsLineHeightCopyS = 1.5;
|
|
584
988
|
export const KsLineHeightCopyM = 1.5;
|
|
585
|
-
export const KsLineHeightCopyL = 1.
|
|
586
|
-
export const KsLineHeightCopyXl = 1.
|
|
587
|
-
export const KsLineHeightCopyXxl = 1.
|
|
989
|
+
export const KsLineHeightCopyL = 1.5;
|
|
990
|
+
export const KsLineHeightCopyXl = 1.5;
|
|
991
|
+
export const KsLineHeightCopyXxl = 1.5;
|
|
588
992
|
export const KsLineHeightInterfaceXxs = 1.5;
|
|
589
993
|
export const KsLineHeightInterfaceXs = 1.5;
|
|
590
994
|
export const KsLineHeightInterfaceS = 1.5;
|