@kickstartds/ds-agency-premium 1.2.12--canary.216.0543b48.0 → 1.2.12
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/BlogOverviewProps-f385fc47.d.ts +36 -0
- package/dist/BlogPostProps-0910f130.d.ts +36 -0
- package/dist/FooterProps-b5c16ab5.d.ts +37 -0
- package/dist/HeaderProps-ae331ab2.d.ts +42 -0
- package/dist/SectionProps-93230a76.d.ts +141 -0
- package/dist/components/blog-overview/index.d.ts +1 -36
- package/dist/components/blog-post/index.d.ts +1 -36
- package/dist/components/footer/index.d.ts +1 -37
- package/dist/components/header/index.d.ts +1 -42
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +50 -0
- package/dist/components/index/index.js +1 -0
- package/dist/components/page-wrapper/tokens.css +395 -1571
- package/dist/components/presets.json +3189 -0
- package/dist/components/section/index.d.ts +1 -141
- package/dist/components/testimonials/testimonials.css +0 -12
- package/dist/static/tokens-business.css +346 -1522
- package/dist/static/tokens-google.css +364 -1540
- package/dist/static/tokens-ngo.css +335 -1787
- package/dist/static/tokens-telekom.css +356 -1532
- package/dist/static/tokens.css +395 -1571
- package/dist/tokens/tokens.css +395 -1571
- package/dist/tokens/tokens.js +250 -654
- package/package.json +33 -17
- /package/dist/{ImageStoryProps-03ff6d21.d.ts → ImageStoryProps-24e0335c.d.ts} +0 -0
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,277 +1,153 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Feb 2024 18:
|
|
3
|
+
* Generated on Thu, 29 Feb 2024 18:30:22 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 = "#100e36";
|
|
7
|
+
export const KsBackgroundColorAccentInvertedBase = "#e9e5fa";
|
|
8
|
+
export const KsBackgroundColorBoldBase = "#231961";
|
|
9
|
+
export const KsBackgroundColorBoldInvertedBase = "#c0b5ef";
|
|
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(255, 255, 255, 0.13)";
|
|
12
|
+
export const KsBackgroundColorClearInteractiveHoverBase = "rgba(255, 255, 255, 0.24)";
|
|
13
|
+
export const KsBackgroundColorClearInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
|
|
14
|
+
export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(255, 255, 255, 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(6, 8, 31, 0.13)";
|
|
17
|
+
export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.24)";
|
|
18
|
+
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
|
|
19
|
+
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(6, 8, 31, 0.37)";
|
|
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.13)";
|
|
23
|
+
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.05)";
|
|
24
|
+
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.5)";
|
|
25
|
+
export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.24)";
|
|
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.13)";
|
|
29
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.05)";
|
|
30
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.5)";
|
|
31
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.24)";
|
|
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
|
|
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";
|
|
33
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "rgba(6, 8, 31, 0.37)";
|
|
34
|
+
export const KsBackgroundColorPrimaryBase = "#5435d2";
|
|
35
|
+
export const KsBackgroundColorPrimaryInteractiveBase = "#5435d2";
|
|
36
|
+
export const KsBackgroundColorPrimaryInteractiveHoverBase = "#4a2fbb";
|
|
37
|
+
export const KsBackgroundColorPrimaryInteractiveActiveBase = "#412aa7";
|
|
38
|
+
export const KsBackgroundColorPrimaryInteractiveSelectedBase = "#5435d2";
|
|
39
|
+
export const KsBackgroundColorPrimaryTranslucentBase = "rgba(84, 53, 210, 0.87)";
|
|
40
|
+
export const KsBackgroundColorPrimaryInvertedBase = "#e21879";
|
|
41
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveBase = "#e21879";
|
|
42
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#e6368a";
|
|
43
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#e94f99";
|
|
44
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#e21879";
|
|
45
|
+
export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.87)";
|
|
46
|
+
export const KsBorderColorAccentBase = "rgba(255, 255, 255, 0.13)";
|
|
47
|
+
export const KsBorderColorAccentInvertedBase = "rgba(6, 8, 31, 0.13)";
|
|
120
48
|
export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
|
|
121
49
|
export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
122
|
-
export const KsBorderColorClearInteractiveHoverBase = "rgba(
|
|
123
|
-
export const KsBorderColorClearInteractiveActiveBase = "rgba(
|
|
124
|
-
export const KsBorderColorClearInteractiveSelectedBase = "rgba(
|
|
50
|
+
export const KsBorderColorClearInteractiveHoverBase = "rgba(84, 53, 210, 0.13)";
|
|
51
|
+
export const KsBorderColorClearInteractiveActiveBase = "rgba(84, 53, 210, 0.24)";
|
|
52
|
+
export const KsBorderColorClearInteractiveSelectedBase = "rgba(84, 53, 210, 0.37)";
|
|
125
53
|
export const KsBorderColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
126
54
|
export const KsBorderColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
127
|
-
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(
|
|
128
|
-
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(
|
|
129
|
-
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(
|
|
55
|
+
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(226, 24, 121, 0.24)";
|
|
56
|
+
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(226, 24, 121, 0.37)";
|
|
57
|
+
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(226, 24, 121, 0.5)";
|
|
130
58
|
export const KsBorderColorDefaultBase = "#06081f";
|
|
131
59
|
export const KsBorderColorDefaultInvertedBase = "rgba(255, 255, 255, 0.76)";
|
|
132
|
-
export const KsBorderColorInterfaceBase = "rgba(255, 255, 255, 0.
|
|
60
|
+
export const KsBorderColorInterfaceBase = "rgba(255, 255, 255, 0.05)";
|
|
133
61
|
export const KsBorderColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.24)";
|
|
134
62
|
export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";
|
|
135
|
-
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.
|
|
136
|
-
export const KsBorderColorInterfaceInteractiveActiveBase = "
|
|
63
|
+
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.76)";
|
|
64
|
+
export const KsBorderColorInterfaceInteractiveActiveBase = "#e21879";
|
|
137
65
|
export const KsBorderColorInterfaceInteractiveSelectedBase = "#e21879";
|
|
138
|
-
export const KsBorderColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.
|
|
66
|
+
export const KsBorderColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.05)";
|
|
139
67
|
export const KsBorderColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.24)";
|
|
140
|
-
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.
|
|
141
|
-
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.
|
|
142
|
-
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "
|
|
143
|
-
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#
|
|
144
|
-
export const
|
|
145
|
-
export const
|
|
146
|
-
export const
|
|
147
|
-
export const
|
|
148
|
-
export const
|
|
149
|
-
export const
|
|
150
|
-
export const
|
|
151
|
-
export const
|
|
152
|
-
export const
|
|
153
|
-
export const
|
|
154
|
-
export const
|
|
155
|
-
export const
|
|
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)";
|
|
68
|
+
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.87)";
|
|
69
|
+
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.76)";
|
|
70
|
+
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "#5435d2";
|
|
71
|
+
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#5435d2";
|
|
72
|
+
export const KsBorderColorPrimaryBase = "#5435d2";
|
|
73
|
+
export const KsBorderColorPrimaryInteractiveBase = "#5435d2";
|
|
74
|
+
export const KsBorderColorPrimaryInteractiveHoverBase = "#4a2fbb";
|
|
75
|
+
export const KsBorderColorPrimaryInteractiveActiveBase = "#412aa7";
|
|
76
|
+
export const KsBorderColorPrimaryInteractiveSelectedBase = "#5435d2";
|
|
77
|
+
export const KsBorderColorPrimaryTranslucentBase = "rgba(84, 53, 210, 0.87)";
|
|
78
|
+
export const KsBorderColorPrimaryInvertedBase = "#e21879";
|
|
79
|
+
export const KsBorderColorPrimaryInvertedInteractiveBase = "#e21879";
|
|
80
|
+
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#e6368a";
|
|
81
|
+
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#e94f99";
|
|
82
|
+
export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#e21879";
|
|
83
|
+
export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.87)";
|
|
228
84
|
export const KsBorderWidthDefault = "1px";
|
|
229
85
|
export const KsBorderWidthEmphasized = "2px";
|
|
230
|
-
export const KsBorderRadiusControl = "
|
|
86
|
+
export const KsBorderRadiusControl = "2px";
|
|
231
87
|
export const KsBorderRadiusCard = "16px";
|
|
232
|
-
export const KsBorderRadiusSurface = "
|
|
88
|
+
export const KsBorderRadiusSurface = "20px";
|
|
233
89
|
export const KsBorderRadiusPill = "999px";
|
|
234
90
|
export const KsBorderRadiusCircle = "50%";
|
|
235
91
|
export const KsBoxShadowOpacityControl = "0.2";
|
|
236
92
|
export const KsBoxShadowOpacityControlHover = "0.3";
|
|
237
|
-
export const KsBoxShadowOpacityControlInverted = "0.2";
|
|
238
|
-
export const KsBoxShadowOpacityControlInvertedHover = "0.3";
|
|
239
93
|
export const KsBoxShadowOpacityCard = "0.2";
|
|
240
94
|
export const KsBoxShadowOpacityCardHover = "0.3";
|
|
241
|
-
export const KsBoxShadowOpacityCardInverted = "0.2";
|
|
242
|
-
export const KsBoxShadowOpacityCardInvertedHover = "0.3";
|
|
243
95
|
export const KsBoxShadowOpacitySurface = "0.1";
|
|
244
96
|
export const KsBoxShadowOpacitySurfaceHover = "0.2";
|
|
245
|
-
export const KsBoxShadowOpacitySurfaceInverted = "0.1";
|
|
246
|
-
export const KsBoxShadowOpacitySurfaceInvertedHover = "0.2";
|
|
247
97
|
export const KsBoxShadowColorControl = "rgba(255,255,255,0.2)";
|
|
248
98
|
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)";
|
|
251
99
|
export const KsBoxShadowColorCard = "rgba(255,255,255,0.2)";
|
|
252
100
|
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)";
|
|
255
101
|
export const KsBoxShadowColorSurface = "rgba(255,255,255,0.1)";
|
|
256
102
|
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)";
|
|
259
103
|
export const KsBoxShadowControl = "0 1px 2.75px rgba(255,255,255,0.2)";
|
|
260
104
|
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)";
|
|
263
105
|
export const KsBoxShadowCard = "0 1px 5.5px rgba(255,255,255,0.2)";
|
|
264
106
|
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)";
|
|
267
107
|
export const KsBoxShadowSurface = "0 1px 11px rgba(255,255,255,0.1)";
|
|
268
108
|
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)";
|
|
271
109
|
export const KsBreakpointPhone = "36em";
|
|
272
110
|
export const KsBreakpointTablet = "48em";
|
|
273
111
|
export const KsBreakpointLaptop = "62em";
|
|
274
112
|
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";
|
|
275
151
|
export const KsColorFgBase = "#ffffff";
|
|
276
152
|
export const KsColorFgAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
277
153
|
export const KsColorFgAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
@@ -302,165 +178,17 @@ export const KsColorFgInvertedAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
|
302
178
|
export const KsColorFgInvertedAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
303
179
|
export const KsColorFgInvertedAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
304
180
|
export const KsColorFgInvertedToBg1Base = "#12142a";
|
|
305
|
-
export const KsColorFgInvertedToBg2Base = "#
|
|
306
|
-
export const KsColorFgInvertedToBg3Base = "#
|
|
307
|
-
export const KsColorFgInvertedToBg4Base = "#
|
|
308
|
-
export const KsColorFgInvertedToBg5Base = "#
|
|
309
|
-
export const KsColorFgInvertedToBg6Base = "#
|
|
310
|
-
export const KsColorFgInvertedToBg7Base = "#
|
|
311
|
-
export const KsColorFgInvertedToBg8Base = "#
|
|
312
|
-
export const KsColorFgInvertedToBg9Base = "#
|
|
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";
|
|
181
|
+
export const KsColorFgInvertedToBg2Base = "#26283c";
|
|
182
|
+
export const KsColorFgInvertedToBg3Base = "#424355";
|
|
183
|
+
export const KsColorFgInvertedToBg4Base = "#626372";
|
|
184
|
+
export const KsColorFgInvertedToBg5Base = "#83848f";
|
|
185
|
+
export const KsColorFgInvertedToBg6Base = "#a3a4ac";
|
|
186
|
+
export const KsColorFgInvertedToBg7Base = "#c3c4c9";
|
|
187
|
+
export const KsColorFgInvertedToBg8Base = "#dfdfe2";
|
|
188
|
+
export const KsColorFgInvertedToBg9Base = "#f3f3f4";
|
|
408
189
|
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";
|
|
436
190
|
export const KsColorLinkInvertedBase = "#6642f6";
|
|
437
|
-
export const
|
|
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";
|
|
191
|
+
export const KsColorTransparentBase = "rgba(0, 0, 0, 0)";
|
|
464
192
|
export const KsColorPositiveBase = "#6edb64";
|
|
465
193
|
export const KsColorPositiveAlpha1Base = "rgba(110, 219, 100, 0.95)";
|
|
466
194
|
export const KsColorPositiveAlpha2Base = "rgba(110, 219, 100, 0.87)";
|
|
@@ -480,15 +208,6 @@ export const KsColorPositiveToBg6Base = "#2c5639";
|
|
|
480
208
|
export const KsColorPositiveToBg7Base = "#1f3b30";
|
|
481
209
|
export const KsColorPositiveToBg8Base = "#142328";
|
|
482
210
|
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";
|
|
492
211
|
export const KsColorPositiveInvertedBase = "#23831b";
|
|
493
212
|
export const KsColorPositiveInvertedAlpha1Base = "rgba(35, 131, 27, 0.95)";
|
|
494
213
|
export const KsColorPositiveInvertedAlpha2Base = "rgba(35, 131, 27, 0.87)";
|
|
@@ -499,24 +218,15 @@ export const KsColorPositiveInvertedAlpha6Base = "rgba(35, 131, 27, 0.37)";
|
|
|
499
218
|
export const KsColorPositiveInvertedAlpha7Base = "rgba(35, 131, 27, 0.24)";
|
|
500
219
|
export const KsColorPositiveInvertedAlpha8Base = "rgba(35, 131, 27, 0.13)";
|
|
501
220
|
export const KsColorPositiveInvertedAlpha9Base = "rgba(35, 131, 27, 0.05)";
|
|
502
|
-
export const KsColorPositiveInvertedToBg1Base = "#
|
|
503
|
-
export const KsColorPositiveInvertedToBg2Base = "#
|
|
504
|
-
export const KsColorPositiveInvertedToBg3Base = "#
|
|
505
|
-
export const KsColorPositiveInvertedToBg4Base = "#
|
|
506
|
-
export const KsColorPositiveInvertedToBg5Base = "#
|
|
507
|
-
export const KsColorPositiveInvertedToBg6Base = "#
|
|
508
|
-
export const KsColorPositiveInvertedToBg7Base = "#
|
|
509
|
-
export const KsColorPositiveInvertedToBg8Base = "#
|
|
510
|
-
export const KsColorPositiveInvertedToBg9Base = "#
|
|
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";
|
|
221
|
+
export const KsColorPositiveInvertedToBg1Base = "#2e8926";
|
|
222
|
+
export const KsColorPositiveInvertedToBg2Base = "#409339";
|
|
223
|
+
export const KsColorPositiveInvertedToBg3Base = "#58a152";
|
|
224
|
+
export const KsColorPositiveInvertedToBg4Base = "#74b16f";
|
|
225
|
+
export const KsColorPositiveInvertedToBg5Base = "#91c18d";
|
|
226
|
+
export const KsColorPositiveInvertedToBg6Base = "#aed1ab";
|
|
227
|
+
export const KsColorPositiveInvertedToBg7Base = "#cae1c8";
|
|
228
|
+
export const KsColorPositiveInvertedToBg8Base = "#e2efe1";
|
|
229
|
+
export const KsColorPositiveInvertedToBg9Base = "#f4f9f4";
|
|
520
230
|
export const KsColorInformativeBase = "#64c2db";
|
|
521
231
|
export const KsColorInformativeAlpha1Base = "rgba(100, 194, 219, 0.95)";
|
|
522
232
|
export const KsColorInformativeAlpha2Base = "rgba(100, 194, 219, 0.87)";
|
|
@@ -536,15 +246,6 @@ export const KsColorInformativeToBg6Base = "#294d65";
|
|
|
536
246
|
export const KsColorInformativeToBg7Base = "#1d354c";
|
|
537
247
|
export const KsColorInformativeToBg8Base = "#122037";
|
|
538
248
|
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";
|
|
548
249
|
export const KsColorInformativeInvertedBase = "#00718f";
|
|
549
250
|
export const KsColorInformativeInvertedAlpha1Base = "rgba(0, 113, 143, 0.95)";
|
|
550
251
|
export const KsColorInformativeInvertedAlpha2Base = "rgba(0, 113, 143, 0.87)";
|
|
@@ -555,24 +256,15 @@ export const KsColorInformativeInvertedAlpha6Base = "rgba(0, 113, 143, 0.37)";
|
|
|
555
256
|
export const KsColorInformativeInvertedAlpha7Base = "rgba(0, 113, 143, 0.24)";
|
|
556
257
|
export const KsColorInformativeInvertedAlpha8Base = "rgba(0, 113, 143, 0.13)";
|
|
557
258
|
export const KsColorInformativeInvertedAlpha9Base = "rgba(0, 113, 143, 0.05)";
|
|
558
|
-
export const KsColorInformativeInvertedToBg1Base = "#
|
|
559
|
-
export const KsColorInformativeInvertedToBg2Base = "#
|
|
560
|
-
export const KsColorInformativeInvertedToBg3Base = "#
|
|
561
|
-
export const KsColorInformativeInvertedToBg4Base = "#
|
|
562
|
-
export const KsColorInformativeInvertedToBg5Base = "#
|
|
563
|
-
export const KsColorInformativeInvertedToBg6Base = "#
|
|
564
|
-
export const KsColorInformativeInvertedToBg7Base = "#
|
|
565
|
-
export const KsColorInformativeInvertedToBg8Base = "#
|
|
566
|
-
export const KsColorInformativeInvertedToBg9Base = "#
|
|
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";
|
|
259
|
+
export const KsColorInformativeInvertedToBg1Base = "#0d7895";
|
|
260
|
+
export const KsColorInformativeInvertedToBg2Base = "#21839e";
|
|
261
|
+
export const KsColorInformativeInvertedToBg3Base = "#3d93aa";
|
|
262
|
+
export const KsColorInformativeInvertedToBg4Base = "#5ea6b8";
|
|
263
|
+
export const KsColorInformativeInvertedToBg5Base = "#80b8c7";
|
|
264
|
+
export const KsColorInformativeInvertedToBg6Base = "#a1cad6";
|
|
265
|
+
export const KsColorInformativeInvertedToBg7Base = "#c2dde4";
|
|
266
|
+
export const KsColorInformativeInvertedToBg8Base = "#deedf0";
|
|
267
|
+
export const KsColorInformativeInvertedToBg9Base = "#f2f8f9";
|
|
576
268
|
export const KsColorNoticeBase = "#f9de55";
|
|
577
269
|
export const KsColorNoticeAlpha1Base = "rgba(249, 222, 85, 0.95)";
|
|
578
270
|
export const KsColorNoticeAlpha2Base = "rgba(249, 222, 85, 0.87)";
|
|
@@ -592,15 +284,6 @@ export const KsColorNoticeToBg6Base = "#605733";
|
|
|
592
284
|
export const KsColorNoticeToBg7Base = "#403b2c";
|
|
593
285
|
export const KsColorNoticeToBg8Base = "#262426";
|
|
594
286
|
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";
|
|
604
287
|
export const KsColorNoticeInvertedBase = "#ff5d53";
|
|
605
288
|
export const KsColorNoticeInvertedAlpha1Base = "rgba(255, 93, 83, 0.95)";
|
|
606
289
|
export const KsColorNoticeInvertedAlpha2Base = "rgba(255, 93, 83, 0.87)";
|
|
@@ -611,24 +294,15 @@ export const KsColorNoticeInvertedAlpha6Base = "rgba(255, 93, 83, 0.37)";
|
|
|
611
294
|
export const KsColorNoticeInvertedAlpha7Base = "rgba(255, 93, 83, 0.24)";
|
|
612
295
|
export const KsColorNoticeInvertedAlpha8Base = "rgba(255, 93, 83, 0.13)";
|
|
613
296
|
export const KsColorNoticeInvertedAlpha9Base = "rgba(255, 93, 83, 0.05)";
|
|
614
|
-
export const KsColorNoticeInvertedToBg1Base = "#
|
|
615
|
-
export const KsColorNoticeInvertedToBg2Base = "#
|
|
616
|
-
export const KsColorNoticeInvertedToBg3Base = "#
|
|
617
|
-
export const KsColorNoticeInvertedToBg4Base = "#
|
|
618
|
-
export const KsColorNoticeInvertedToBg5Base = "#
|
|
619
|
-
export const KsColorNoticeInvertedToBg6Base = "#
|
|
620
|
-
export const KsColorNoticeInvertedToBg7Base = "#
|
|
621
|
-
export const KsColorNoticeInvertedToBg8Base = "#
|
|
622
|
-
export const KsColorNoticeInvertedToBg9Base = "#
|
|
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";
|
|
297
|
+
export const KsColorNoticeInvertedToBg1Base = "#ff655c";
|
|
298
|
+
export const KsColorNoticeInvertedToBg2Base = "#ff7269";
|
|
299
|
+
export const KsColorNoticeInvertedToBg3Base = "#ff847c";
|
|
300
|
+
export const KsColorNoticeInvertedToBg4Base = "#ff9993";
|
|
301
|
+
export const KsColorNoticeInvertedToBg5Base = "#ffaea9";
|
|
302
|
+
export const KsColorNoticeInvertedToBg6Base = "#ffc3bf";
|
|
303
|
+
export const KsColorNoticeInvertedToBg7Base = "#ffd8d6";
|
|
304
|
+
export const KsColorNoticeInvertedToBg8Base = "#ffeae9";
|
|
305
|
+
export const KsColorNoticeInvertedToBg9Base = "#fff7f6";
|
|
632
306
|
export const KsColorNegativeBase = "#ff1a57";
|
|
633
307
|
export const KsColorNegativeAlpha1Base = "rgba(255, 26, 87, 0.95)";
|
|
634
308
|
export const KsColorNegativeAlpha2Base = "rgba(255, 26, 87, 0.87)";
|
|
@@ -648,15 +322,6 @@ export const KsColorNegativeToBg6Base = "#620f34";
|
|
|
648
322
|
export const KsColorNegativeToBg7Base = "#420c2c";
|
|
649
323
|
export const KsColorNegativeToBg8Base = "#260a26";
|
|
650
324
|
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";
|
|
660
325
|
export const KsColorNegativeInvertedBase = "#d21d48";
|
|
661
326
|
export const KsColorNegativeInvertedAlpha1Base = "rgba(210, 29, 72, 0.95)";
|
|
662
327
|
export const KsColorNegativeInvertedAlpha2Base = "rgba(210, 29, 72, 0.87)";
|
|
@@ -668,79 +333,90 @@ export const KsColorNegativeInvertedAlpha7Base = "rgba(210, 29, 72, 0.24)";
|
|
|
668
333
|
export const KsColorNegativeInvertedAlpha8Base = "rgba(210, 29, 72, 0.13)";
|
|
669
334
|
export const KsColorNegativeInvertedAlpha9Base = "rgba(210, 29, 72, 0.05)";
|
|
670
335
|
export const KsColorNegativeInvertedToBg1Base = "#d42851";
|
|
671
|
-
export const KsColorNegativeInvertedToBg2Base = "#
|
|
672
|
-
export const KsColorNegativeInvertedToBg3Base = "#
|
|
673
|
-
export const KsColorNegativeInvertedToBg4Base = "#
|
|
674
|
-
export const KsColorNegativeInvertedToBg5Base = "#
|
|
675
|
-
export const KsColorNegativeInvertedToBg6Base = "#
|
|
676
|
-
export const KsColorNegativeInvertedToBg7Base = "#
|
|
677
|
-
export const KsColorNegativeInvertedToBg8Base = "#
|
|
678
|
-
export const KsColorNegativeInvertedToBg9Base = "#
|
|
679
|
-
export const
|
|
680
|
-
export const
|
|
681
|
-
export const
|
|
682
|
-
export const
|
|
683
|
-
export const
|
|
684
|
-
export const
|
|
685
|
-
export const
|
|
686
|
-
export const
|
|
687
|
-
export const
|
|
688
|
-
export const
|
|
689
|
-
export const
|
|
690
|
-
export const
|
|
691
|
-
export const
|
|
692
|
-
export const
|
|
693
|
-
export const
|
|
694
|
-
export const
|
|
695
|
-
export const
|
|
696
|
-
export const
|
|
697
|
-
export const
|
|
698
|
-
export const
|
|
699
|
-
export const
|
|
700
|
-
export const
|
|
701
|
-
export const
|
|
702
|
-
export const
|
|
703
|
-
export const
|
|
704
|
-
export const
|
|
705
|
-
export const
|
|
706
|
-
export const
|
|
707
|
-
export const
|
|
708
|
-
export const
|
|
709
|
-
export const
|
|
710
|
-
export const
|
|
711
|
-
export const
|
|
712
|
-
export const
|
|
713
|
-
export const
|
|
714
|
-
export const
|
|
715
|
-
export const
|
|
716
|
-
export const
|
|
717
|
-
export const
|
|
718
|
-
export const
|
|
719
|
-
export const
|
|
720
|
-
export const
|
|
721
|
-
export const
|
|
722
|
-
export const
|
|
723
|
-
export const
|
|
724
|
-
export const
|
|
725
|
-
export const
|
|
726
|
-
export const
|
|
727
|
-
export const
|
|
728
|
-
export const
|
|
729
|
-
export const
|
|
730
|
-
export const
|
|
731
|
-
export const
|
|
732
|
-
export const
|
|
733
|
-
export const
|
|
734
|
-
export const
|
|
735
|
-
export const
|
|
736
|
-
export const
|
|
737
|
-
export const
|
|
738
|
-
export const
|
|
739
|
-
export const
|
|
740
|
-
export const
|
|
741
|
-
export const
|
|
742
|
-
export const
|
|
743
|
-
export const
|
|
336
|
+
export const KsColorNegativeInvertedToBg2Base = "#d83a60";
|
|
337
|
+
export const KsColorNegativeInvertedToBg3Base = "#dd5374";
|
|
338
|
+
export const KsColorNegativeInvertedToBg4Base = "#e3718c";
|
|
339
|
+
export const KsColorNegativeInvertedToBg5Base = "#e98ea4";
|
|
340
|
+
export const KsColorNegativeInvertedToBg6Base = "#eeabbb";
|
|
341
|
+
export const KsColorNegativeInvertedToBg7Base = "#f4c9d3";
|
|
342
|
+
export const KsColorNegativeInvertedToBg8Base = "#f9e2e7";
|
|
343
|
+
export const KsColorNegativeInvertedToBg9Base = "#fdf4f6";
|
|
344
|
+
export const KsColorSecondaryBase = "#e21879";
|
|
345
|
+
export const KsColorSecondaryAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
346
|
+
export const KsColorSecondaryAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
347
|
+
export const KsColorSecondaryAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
348
|
+
export const KsColorSecondaryAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
349
|
+
export const KsColorSecondaryAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
350
|
+
export const KsColorSecondaryAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
351
|
+
export const KsColorSecondaryAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
352
|
+
export const KsColorSecondaryAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
353
|
+
export const KsColorSecondaryAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
354
|
+
export const KsColorSecondaryToBg1Base = "#d71775";
|
|
355
|
+
export const KsColorSecondaryToBg2Base = "#c5166d";
|
|
356
|
+
export const KsColorSecondaryToBg3Base = "#ad1463";
|
|
357
|
+
export const KsColorSecondaryToBg4Base = "#911258";
|
|
358
|
+
export const KsColorSecondaryToBg5Base = "#74104c";
|
|
359
|
+
export const KsColorSecondaryToBg6Base = "#570e40";
|
|
360
|
+
export const KsColorSecondaryToBg7Base = "#3b0c35";
|
|
361
|
+
export const KsColorSecondaryToBg8Base = "#230a2b";
|
|
362
|
+
export const KsColorSecondaryToBg9Base = "#110924";
|
|
363
|
+
export const KsColorSecondaryInvertedBase = "#5435d2";
|
|
364
|
+
export const KsColorSecondaryInvertedAlpha1Base = "rgba(84, 53, 210, 0.95)";
|
|
365
|
+
export const KsColorSecondaryInvertedAlpha2Base = "rgba(84, 53, 210, 0.87)";
|
|
366
|
+
export const KsColorSecondaryInvertedAlpha3Base = "rgba(84, 53, 210, 0.76)";
|
|
367
|
+
export const KsColorSecondaryInvertedAlpha4Base = "rgba(84, 53, 210, 0.63)";
|
|
368
|
+
export const KsColorSecondaryInvertedAlpha5Base = "rgba(84, 53, 210, 0.5)";
|
|
369
|
+
export const KsColorSecondaryInvertedAlpha6Base = "rgba(84, 53, 210, 0.37)";
|
|
370
|
+
export const KsColorSecondaryInvertedAlpha7Base = "rgba(84, 53, 210, 0.24)";
|
|
371
|
+
export const KsColorSecondaryInvertedAlpha8Base = "rgba(84, 53, 210, 0.13)";
|
|
372
|
+
export const KsColorSecondaryInvertedAlpha9Base = "rgba(84, 53, 210, 0.05)";
|
|
373
|
+
export const KsColorSecondaryInvertedToBg1Base = "#5d3fd4";
|
|
374
|
+
export const KsColorSecondaryInvertedToBg2Base = "#6a4fd8";
|
|
375
|
+
export const KsColorSecondaryInvertedToBg3Base = "#7d65dd";
|
|
376
|
+
export const KsColorSecondaryInvertedToBg4Base = "#9380e3";
|
|
377
|
+
export const KsColorSecondaryInvertedToBg5Base = "#aa9ae9";
|
|
378
|
+
export const KsColorSecondaryInvertedToBg6Base = "#c0b4ee";
|
|
379
|
+
export const KsColorSecondaryInvertedToBg7Base = "#d6cff4";
|
|
380
|
+
export const KsColorSecondaryInvertedToBg8Base = "#e9e5f9";
|
|
381
|
+
export const KsColorSecondaryInvertedToBg9Base = "#f6f5fd";
|
|
382
|
+
export const KsColorBgBase = "#06081f";
|
|
383
|
+
export const KsColorBgAlpha1Base = "rgba(6, 8, 31, 0.95)";
|
|
384
|
+
export const KsColorBgAlpha2Base = "rgba(6, 8, 31, 0.87)";
|
|
385
|
+
export const KsColorBgAlpha3Base = "rgba(6, 8, 31, 0.76)";
|
|
386
|
+
export const KsColorBgAlpha4Base = "rgba(6, 8, 31, 0.63)";
|
|
387
|
+
export const KsColorBgAlpha5Base = "rgba(6, 8, 31, 0.5)";
|
|
388
|
+
export const KsColorBgAlpha6Base = "rgba(6, 8, 31, 0.37)";
|
|
389
|
+
export const KsColorBgAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
390
|
+
export const KsColorBgAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
391
|
+
export const KsColorBgAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
392
|
+
export const KsColorBgToBg1Base = "#06081f";
|
|
393
|
+
export const KsColorBgToBg2Base = "#06081f";
|
|
394
|
+
export const KsColorBgToBg3Base = "#06081f";
|
|
395
|
+
export const KsColorBgToBg4Base = "#06081f";
|
|
396
|
+
export const KsColorBgToBg5Base = "#06081f";
|
|
397
|
+
export const KsColorBgToBg6Base = "#06081f";
|
|
398
|
+
export const KsColorBgToBg7Base = "#06081f";
|
|
399
|
+
export const KsColorBgToBg8Base = "#06081f";
|
|
400
|
+
export const KsColorBgToBg9Base = "#06081f";
|
|
401
|
+
export const KsColorBgInvertedBase = "#f1f1f3";
|
|
402
|
+
export const KsColorBgInvertedAlpha1Base = "rgba(241, 241, 243, 0.95)";
|
|
403
|
+
export const KsColorBgInvertedAlpha2Base = "rgba(241, 241, 243, 0.87)";
|
|
404
|
+
export const KsColorBgInvertedAlpha3Base = "rgba(241, 241, 243, 0.76)";
|
|
405
|
+
export const KsColorBgInvertedAlpha4Base = "rgba(241, 241, 243, 0.63)";
|
|
406
|
+
export const KsColorBgInvertedAlpha5Base = "rgba(241, 241, 243, 0.5)";
|
|
407
|
+
export const KsColorBgInvertedAlpha6Base = "rgba(241, 241, 243, 0.37)";
|
|
408
|
+
export const KsColorBgInvertedAlpha7Base = "rgba(241, 241, 243, 0.24)";
|
|
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";
|
|
744
420
|
export const KsDepthModal = "1000";
|
|
745
421
|
export const KsSpacingXxs = "0.246rem";
|
|
746
422
|
export const KsSpacingXxsBase = "0.246rem";
|
|
@@ -811,114 +487,34 @@ export const KsSpacingInsetStretchL = "1.5769rem 1.0875rem";
|
|
|
811
487
|
export const KsSpacingInsetStretchXl = "2.2865rem 1.5769rem";
|
|
812
488
|
export const KsTextColorDefaultBase = "#ffffff";
|
|
813
489
|
export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
|
|
814
|
-
export const KsTextColorDefaultInteractiveHoverBase = "#
|
|
815
|
-
export const KsTextColorDefaultInteractiveActiveBase = "#
|
|
816
|
-
export const
|
|
817
|
-
export const KsTextColorDefaultInvertedBase = "
|
|
490
|
+
export const KsTextColorDefaultInteractiveHoverBase = "#ffffff";
|
|
491
|
+
export const KsTextColorDefaultInteractiveActiveBase = "#ffffff";
|
|
492
|
+
export const KsTextColorDefaultInteractiveVisitedBase = "#ffffff";
|
|
493
|
+
export const KsTextColorDefaultInvertedBase = "rgba(6, 8, 31, 0.76)";
|
|
818
494
|
export const KsTextColorDefaultInvertedInteractiveBase = "#6642f6";
|
|
819
|
-
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#
|
|
820
|
-
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#
|
|
821
|
-
export const
|
|
822
|
-
export const
|
|
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)";
|
|
495
|
+
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#06081f";
|
|
496
|
+
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#06081f";
|
|
497
|
+
export const KsTextColorDefaultInvertedInteractiveVisitedBase = "#06081f";
|
|
498
|
+
export const KsTextColorInterfaceBase = "rgba(255, 255, 255, 0.76)";
|
|
843
499
|
export const KsTextColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.76)";
|
|
844
500
|
export const KsTextColorInterfaceInteractiveHoverBase = "#ffffff";
|
|
845
501
|
export const KsTextColorInterfaceInteractiveActiveBase = "#ffffff";
|
|
846
|
-
export const
|
|
847
|
-
export const KsTextColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.
|
|
502
|
+
export const KsTextColorInterfaceInteractiveVisitedBase = "#ffffff";
|
|
503
|
+
export const KsTextColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.87)";
|
|
848
504
|
export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.76)";
|
|
849
505
|
export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#06081f";
|
|
850
506
|
export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#06081f";
|
|
851
|
-
export const
|
|
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";
|
|
507
|
+
export const KsTextColorInterfaceInvertedInteractiveVisitedBase = "#06081f";
|
|
862
508
|
export const KsTextColorPrimaryBase = "#e21879";
|
|
863
509
|
export const KsTextColorPrimaryInteractiveBase = "#e21879";
|
|
864
510
|
export const KsTextColorPrimaryInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
|
|
865
511
|
export const KsTextColorPrimaryInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
|
|
866
|
-
export const
|
|
867
|
-
export const KsTextColorPrimaryInvertedBase = "#
|
|
868
|
-
export const KsTextColorPrimaryInvertedInteractiveBase = "
|
|
869
|
-
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(
|
|
870
|
-
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(
|
|
871
|
-
export const
|
|
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)";
|
|
512
|
+
export const KsTextColorPrimaryInteractiveVisitedBase = "rgba(84, 53, 210, 0.76)";
|
|
513
|
+
export const KsTextColorPrimaryInvertedBase = "#5435d2";
|
|
514
|
+
export const KsTextColorPrimaryInvertedInteractiveBase = "#5435d2";
|
|
515
|
+
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(84, 53, 210, 0.87)";
|
|
516
|
+
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(84, 53, 210, 0.87)";
|
|
517
|
+
export const KsTextColorPrimaryInvertedInteractiveVisitedBase = "rgba(84, 53, 210, 0.76)";
|
|
922
518
|
export const KsDurationImmediate = "50ms";
|
|
923
519
|
export const KsDurationFast = "100ms";
|
|
924
520
|
export const KsDurationMedium = "150ms";
|
|
@@ -928,7 +524,7 @@ export const KsTimingFunctionEaseOut = "ease-out";
|
|
|
928
524
|
export const KsTimingFunctionEaseIn = "ease-in";
|
|
929
525
|
export const KsTimingFunctionEaseInOut = "ease-in-out";
|
|
930
526
|
export const KsTimingFunctionLinear = "linear";
|
|
931
|
-
export const KsTransitionCollapse = "
|
|
527
|
+
export const KsTransitionCollapse = "150ms ease-out";
|
|
932
528
|
export const KsTransitionHover = "100ms ease-in-out";
|
|
933
529
|
export const KsTransitionFade = "300ms ease-out";
|
|
934
530
|
export const KsFontFamilyDisplay = "Fredoka, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";
|
|
@@ -943,14 +539,14 @@ export const KsFontWeightBold = 700;
|
|
|
943
539
|
export const KsFontSizeDisplayBpFactorPhone = 1.125;
|
|
944
540
|
export const KsFontSizeDisplayBpFactorTablet = 1.25;
|
|
945
541
|
export const KsFontSizeDisplayBpFactorLaptop = 1.5;
|
|
946
|
-
export const KsFontSizeDisplayBpFactorDesktop = 1.
|
|
947
|
-
export const KsFontSizeDisplayXxsBase = "0.
|
|
948
|
-
export const KsFontSizeDisplayXsBase = "0.
|
|
949
|
-
export const KsFontSizeDisplaySBase = "
|
|
542
|
+
export const KsFontSizeDisplayBpFactorDesktop = 1.65;
|
|
543
|
+
export const KsFontSizeDisplayXxsBase = "0.65rem";
|
|
544
|
+
export const KsFontSizeDisplayXsBase = "0.8rem";
|
|
545
|
+
export const KsFontSizeDisplaySBase = "1rem";
|
|
950
546
|
export const KsFontSizeDisplayMBase = "1.25rem";
|
|
951
|
-
export const KsFontSizeDisplayLBase = "1.
|
|
952
|
-
export const KsFontSizeDisplayXlBase = "
|
|
953
|
-
export const KsFontSizeDisplayXxlBase = "2.
|
|
547
|
+
export const KsFontSizeDisplayLBase = "1.5rem";
|
|
548
|
+
export const KsFontSizeDisplayXlBase = "2rem";
|
|
549
|
+
export const KsFontSizeDisplayXxlBase = "2.5rem";
|
|
954
550
|
export const KsFontSizeCopyBpFactorTablet = 1.125;
|
|
955
551
|
export const KsFontSizeCopyXxsBase = "0.612rem";
|
|
956
552
|
export const KsFontSizeCopyXsBase = "0.7497rem";
|
|
@@ -986,9 +582,9 @@ export const KsLineHeightCopyXxs = 1.5;
|
|
|
986
582
|
export const KsLineHeightCopyXs = 1.5;
|
|
987
583
|
export const KsLineHeightCopyS = 1.5;
|
|
988
584
|
export const KsLineHeightCopyM = 1.5;
|
|
989
|
-
export const KsLineHeightCopyL = 1.
|
|
990
|
-
export const KsLineHeightCopyXl = 1.
|
|
991
|
-
export const KsLineHeightCopyXxl = 1.
|
|
585
|
+
export const KsLineHeightCopyL = 1.45;
|
|
586
|
+
export const KsLineHeightCopyXl = 1.35;
|
|
587
|
+
export const KsLineHeightCopyXxl = 1.35;
|
|
992
588
|
export const KsLineHeightInterfaceXxs = 1.5;
|
|
993
589
|
export const KsLineHeightInterfaceXs = 1.5;
|
|
994
590
|
export const KsLineHeightInterfaceS = 1.5;
|