@kickstartds/ds-agency-premium 1.6.68--canary.1557.6fbeeea.0 → 1.6.68--canary.1561.e2b3b8b.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/button/button.css +2 -2
- package/dist/components/headline/headline.css +1 -1
- package/dist/components/hero/hero.css +1 -1
- package/dist/components/page-wrapper/tokens.css +402 -706
- package/dist/components/video-curtain/index.js +1 -0
- package/dist/components/video-curtain/video-curtain.css +5 -1
- package/dist/global.css +40 -4
- package/dist/static/fonts/systemics/WorkSans-Bold.woff2 +0 -0
- package/dist/static/fonts/systemics/WorkSans-Medium.woff2 +0 -0
- package/dist/static/fonts/systemics/WorkSans-Regular.woff2 +0 -0
- package/dist/static/fonts/systemics/WorkSans-SemiBold.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-500.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-600.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-700.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-regular.woff2 +0 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +72 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +112 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +197 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +76 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +82 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +219 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +85 -0
- package/dist/static/logo-dark.svg +13 -0
- package/dist/static/logo-dsa.svg +26 -0
- package/dist/static/logo.svg +12 -25
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +402 -706
- package/dist/tokens/tokens.js +613 -720
- package/package.json +1 -1
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,236 +1,211 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 09 May 2025 08:01:40 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 = "#e4ebf7";
|
|
7
|
+
export const KsBackgroundColorAccentInvertedBase = "#0b1434";
|
|
8
|
+
export const KsBackgroundColorBoldBase = "#b2c6e8";
|
|
9
|
+
export const KsBackgroundColorBoldInvertedBase = "#162a5b";
|
|
10
10
|
export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
|
|
11
11
|
export const KsBackgroundColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
12
|
-
export const KsBackgroundColorClearInteractiveHoverBase = "rgba(
|
|
13
|
-
export const KsBackgroundColorClearInteractiveActiveBase = "rgba(
|
|
14
|
-
export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(
|
|
12
|
+
export const KsBackgroundColorClearInteractiveHoverBase = "rgba(48, 101, 192, 0.13)";
|
|
13
|
+
export const KsBackgroundColorClearInteractiveActiveBase = "rgba(48, 101, 192, 0.24)";
|
|
14
|
+
export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(48, 101, 192, 0.37)";
|
|
15
15
|
export const KsBackgroundColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
16
16
|
export const KsBackgroundColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
17
|
-
export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(
|
|
18
|
-
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(
|
|
19
|
-
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(
|
|
20
|
-
export const KsBackgroundColorDefaultBase = "#
|
|
21
|
-
export const KsBackgroundColorDefaultInvertedBase = "#
|
|
22
|
-
export const KsBackgroundColorInterfaceBase = "rgba(
|
|
23
|
-
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(
|
|
24
|
-
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(
|
|
25
|
-
export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(
|
|
26
|
-
export const KsBackgroundColorInterfaceInteractiveActiveBase = "rgba(
|
|
27
|
-
export const KsBackgroundColorInterfaceInteractiveSelectedBase = "#
|
|
28
|
-
export const KsBackgroundColorInterfaceInvertedBase = "rgba(
|
|
29
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(
|
|
30
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(
|
|
31
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(
|
|
32
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(
|
|
33
|
-
export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#
|
|
34
|
-
export const KsBackgroundColorCardBase = "
|
|
35
|
-
export const KsBackgroundColorCardInteractiveBase = "rgba(
|
|
36
|
-
export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(
|
|
37
|
-
export const KsBackgroundColorCardInteractiveHoverBase = "rgba(
|
|
38
|
-
export const KsBackgroundColorCardInteractiveActiveBase = "rgba(
|
|
39
|
-
export const KsBackgroundColorCardInteractiveSelectedBase = "#
|
|
40
|
-
export const KsBackgroundColorCardInvertedBase = "
|
|
41
|
-
export const KsBackgroundColorCardInvertedInteractiveBase = "rgba(
|
|
42
|
-
export const KsBackgroundColorCardInvertedInteractiveDisabledBase = "rgba(
|
|
43
|
-
export const KsBackgroundColorCardInvertedInteractiveHoverBase = "rgba(
|
|
44
|
-
export const KsBackgroundColorCardInvertedInteractiveActiveBase = "rgba(
|
|
45
|
-
export const KsBackgroundColorCardInvertedInteractiveSelectedBase = "#
|
|
46
|
-
export const KsBackgroundColorPrimaryBase = "#
|
|
47
|
-
export const KsBackgroundColorPrimaryInteractiveBase = "#
|
|
48
|
-
export const KsBackgroundColorPrimaryInteractiveHoverBase = "#
|
|
49
|
-
export const KsBackgroundColorPrimaryInteractiveActiveBase = "#
|
|
50
|
-
export const KsBackgroundColorPrimaryInteractiveSelectedBase = "#
|
|
51
|
-
export const KsBackgroundColorPrimaryTranslucentBase = "rgba(
|
|
52
|
-
export const KsBackgroundColorPrimaryInvertedBase = "#
|
|
53
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveBase = "#
|
|
54
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#
|
|
55
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#
|
|
56
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#
|
|
57
|
-
export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(
|
|
17
|
+
export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(48, 101, 192, 0.24)";
|
|
18
|
+
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(48, 101, 192, 0.37)";
|
|
19
|
+
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(48, 101, 192, 0.5)";
|
|
20
|
+
export const KsBackgroundColorDefaultBase = "#ffffff";
|
|
21
|
+
export const KsBackgroundColorDefaultInvertedBase = "#06081f";
|
|
22
|
+
export const KsBackgroundColorInterfaceBase = "rgba(6, 8, 31, 0.05)";
|
|
23
|
+
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(6, 8, 31, 0.13)";
|
|
24
|
+
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(6, 8, 31, 0.05)";
|
|
25
|
+
export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(6, 8, 31, 0.37)";
|
|
26
|
+
export const KsBackgroundColorInterfaceInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
|
|
27
|
+
export const KsBackgroundColorInterfaceInteractiveSelectedBase = "#3065c0";
|
|
28
|
+
export const KsBackgroundColorInterfaceInvertedBase = "rgba(255, 255, 255, 0.05)";
|
|
29
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(255, 255, 255, 0.13)";
|
|
30
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(255, 255, 255, 0.05)";
|
|
31
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(255, 255, 255, 0.37)";
|
|
32
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
|
|
33
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#3065c0";
|
|
34
|
+
export const KsBackgroundColorCardBase = "rgba(6, 8, 31, 0.05)";
|
|
35
|
+
export const KsBackgroundColorCardInteractiveBase = "rgba(6, 8, 31, 0.13)";
|
|
36
|
+
export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(6, 8, 31, 0.24)";
|
|
37
|
+
export const KsBackgroundColorCardInteractiveHoverBase = "rgba(6, 8, 31, 0.05)";
|
|
38
|
+
export const KsBackgroundColorCardInteractiveActiveBase = "rgba(6, 8, 31, 0.05)";
|
|
39
|
+
export const KsBackgroundColorCardInteractiveSelectedBase = "#3065c0";
|
|
40
|
+
export const KsBackgroundColorCardInvertedBase = "rgba(255, 255, 255, 0.05)";
|
|
41
|
+
export const KsBackgroundColorCardInvertedInteractiveBase = "rgba(255, 255, 255, 0.13)";
|
|
42
|
+
export const KsBackgroundColorCardInvertedInteractiveDisabledBase = "rgba(255, 255, 255, 0.24)";
|
|
43
|
+
export const KsBackgroundColorCardInvertedInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
|
|
44
|
+
export const KsBackgroundColorCardInvertedInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
|
|
45
|
+
export const KsBackgroundColorCardInvertedInteractiveSelectedBase = "#3065c0";
|
|
46
|
+
export const KsBackgroundColorPrimaryBase = "#3065c0";
|
|
47
|
+
export const KsBackgroundColorPrimaryInteractiveBase = "#3065c0";
|
|
48
|
+
export const KsBackgroundColorPrimaryInteractiveHoverBase = "#4b79c8";
|
|
49
|
+
export const KsBackgroundColorPrimaryInteractiveActiveBase = "#4b79c8";
|
|
50
|
+
export const KsBackgroundColorPrimaryInteractiveSelectedBase = "#7d9ed7";
|
|
51
|
+
export const KsBackgroundColorPrimaryTranslucentBase = "rgba(48, 101, 192, 0.5)";
|
|
52
|
+
export const KsBackgroundColorPrimaryInvertedBase = "#3065c0";
|
|
53
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveBase = "#3065c0";
|
|
54
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#2b59ab";
|
|
55
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#2b59ab";
|
|
56
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#204384";
|
|
57
|
+
export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(48, 101, 192, 0.5)";
|
|
58
58
|
export const KsBackgroundColorPositiveBase = "#6edb64";
|
|
59
59
|
export const KsBackgroundColorPositiveInteractiveBase = "#6edb64";
|
|
60
|
-
export const KsBackgroundColorPositiveInteractiveHoverBase = "#
|
|
61
|
-
export const KsBackgroundColorPositiveInteractiveActiveBase = "#
|
|
62
|
-
export const KsBackgroundColorPositiveInteractiveSelectedBase = "#
|
|
60
|
+
export const KsBackgroundColorPositiveInteractiveHoverBase = "#81e078";
|
|
61
|
+
export const KsBackgroundColorPositiveInteractiveActiveBase = "#81e078";
|
|
62
|
+
export const KsBackgroundColorPositiveInteractiveSelectedBase = "#a4e89d";
|
|
63
63
|
export const KsBackgroundColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.5)";
|
|
64
64
|
export const KsBackgroundColorPositiveInvertedBase = "#23831b";
|
|
65
65
|
export const KsBackgroundColorPositiveInvertedInteractiveBase = "#23831b";
|
|
66
|
-
export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#
|
|
67
|
-
export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#
|
|
68
|
-
export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#
|
|
66
|
+
export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#1f731c";
|
|
67
|
+
export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#1f731c";
|
|
68
|
+
export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#18551c";
|
|
69
69
|
export const KsBackgroundColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.5)";
|
|
70
70
|
export const KsBackgroundColorInformativeBase = "#64c2db";
|
|
71
71
|
export const KsBackgroundColorInformativeInteractiveBase = "#64c2db";
|
|
72
|
-
export const KsBackgroundColorInformativeInteractiveHoverBase = "#
|
|
73
|
-
export const KsBackgroundColorInformativeInteractiveActiveBase = "#
|
|
74
|
-
export const KsBackgroundColorInformativeInteractiveSelectedBase = "#
|
|
72
|
+
export const KsBackgroundColorInformativeInteractiveHoverBase = "#78cae0";
|
|
73
|
+
export const KsBackgroundColorInformativeInteractiveActiveBase = "#78cae0";
|
|
74
|
+
export const KsBackgroundColorInformativeInteractiveSelectedBase = "#9dd9e8";
|
|
75
75
|
export const KsBackgroundColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.5)";
|
|
76
76
|
export const KsBackgroundColorInformativeInvertedBase = "#00718f";
|
|
77
77
|
export const KsBackgroundColorInformativeInvertedInteractiveBase = "#00718f";
|
|
78
|
-
export const KsBackgroundColorInformativeInvertedInteractiveHoverBase = "#
|
|
79
|
-
export const KsBackgroundColorInformativeInvertedInteractiveActiveBase = "#
|
|
80
|
-
export const KsBackgroundColorInformativeInvertedInteractiveSelectedBase = "#
|
|
78
|
+
export const KsBackgroundColorInformativeInvertedInteractiveHoverBase = "#016380";
|
|
79
|
+
export const KsBackgroundColorInformativeInvertedInteractiveActiveBase = "#016380";
|
|
80
|
+
export const KsBackgroundColorInformativeInvertedInteractiveSelectedBase = "#024a66";
|
|
81
81
|
export const KsBackgroundColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.5)";
|
|
82
82
|
export const KsBackgroundColorNoticeBase = "#f9de55";
|
|
83
83
|
export const KsBackgroundColorNoticeInteractiveBase = "#f9de55";
|
|
84
|
-
export const KsBackgroundColorNoticeInteractiveHoverBase = "#
|
|
85
|
-
export const KsBackgroundColorNoticeInteractiveActiveBase = "#
|
|
86
|
-
export const KsBackgroundColorNoticeInteractiveSelectedBase = "#
|
|
84
|
+
export const KsBackgroundColorNoticeInteractiveHoverBase = "#fae26b";
|
|
85
|
+
export const KsBackgroundColorNoticeInteractiveActiveBase = "#fae26b";
|
|
86
|
+
export const KsBackgroundColorNoticeInteractiveSelectedBase = "#fbea94";
|
|
87
87
|
export const KsBackgroundColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.5)";
|
|
88
88
|
export const KsBackgroundColorNoticeInvertedBase = "#ff5d53";
|
|
89
89
|
export const KsBackgroundColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
90
|
-
export const KsBackgroundColorNoticeInvertedInteractiveHoverBase = "#
|
|
91
|
-
export const KsBackgroundColorNoticeInvertedInteractiveActiveBase = "#
|
|
92
|
-
export const KsBackgroundColorNoticeInvertedInteractiveSelectedBase = "#
|
|
90
|
+
export const KsBackgroundColorNoticeInvertedInteractiveHoverBase = "#df524c";
|
|
91
|
+
export const KsBackgroundColorNoticeInvertedInteractiveActiveBase = "#df524c";
|
|
92
|
+
export const KsBackgroundColorNoticeInvertedInteractiveSelectedBase = "#a33e40";
|
|
93
93
|
export const KsBackgroundColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.5)";
|
|
94
94
|
export const KsBackgroundColorNegativeBase = "#ff1a57";
|
|
95
95
|
export const KsBackgroundColorNegativeInteractiveBase = "#ff1a57";
|
|
96
|
-
export const KsBackgroundColorNegativeInteractiveHoverBase = "#
|
|
97
|
-
export const KsBackgroundColorNegativeInteractiveActiveBase = "#
|
|
98
|
-
export const KsBackgroundColorNegativeInteractiveSelectedBase = "#
|
|
96
|
+
export const KsBackgroundColorNegativeInteractiveHoverBase = "#ff386d";
|
|
97
|
+
export const KsBackgroundColorNegativeInteractiveActiveBase = "#ff386d";
|
|
98
|
+
export const KsBackgroundColorNegativeInteractiveSelectedBase = "#ff6f95";
|
|
99
99
|
export const KsBackgroundColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.5)";
|
|
100
100
|
export const KsBackgroundColorNegativeInvertedBase = "#d21d48";
|
|
101
101
|
export const KsBackgroundColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
102
|
-
export const KsBackgroundColorNegativeInvertedInteractiveHoverBase = "#
|
|
103
|
-
export const KsBackgroundColorNegativeInvertedInteractiveActiveBase = "#
|
|
104
|
-
export const KsBackgroundColorNegativeInvertedInteractiveSelectedBase = "#
|
|
102
|
+
export const KsBackgroundColorNegativeInvertedInteractiveHoverBase = "#b71a43";
|
|
103
|
+
export const KsBackgroundColorNegativeInvertedInteractiveActiveBase = "#b71a43";
|
|
104
|
+
export const KsBackgroundColorNegativeInvertedInteractiveSelectedBase = "#871539";
|
|
105
105
|
export const KsBackgroundColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.5)";
|
|
106
|
-
export const
|
|
107
|
-
export const
|
|
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 = "rgba(226, 24, 121, 0.24)";
|
|
119
|
-
export const KsBorderColorAccentInvertedBase = "rgba(77, 37, 239, 0.24)";
|
|
106
|
+
export const KsBorderColorAccentBase = "#e4ebf7";
|
|
107
|
+
export const KsBorderColorAccentInvertedBase = "#0b1434";
|
|
120
108
|
export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
|
|
121
109
|
export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
122
|
-
export const KsBorderColorClearInteractiveHoverBase = "rgba(
|
|
123
|
-
export const KsBorderColorClearInteractiveActiveBase = "rgba(
|
|
124
|
-
export const KsBorderColorClearInteractiveSelectedBase = "rgba(
|
|
110
|
+
export const KsBorderColorClearInteractiveHoverBase = "rgba(48, 101, 192, 0.13)";
|
|
111
|
+
export const KsBorderColorClearInteractiveActiveBase = "rgba(48, 101, 192, 0.24)";
|
|
112
|
+
export const KsBorderColorClearInteractiveSelectedBase = "rgba(48, 101, 192, 0.37)";
|
|
125
113
|
export const KsBorderColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
126
114
|
export const KsBorderColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
127
|
-
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(
|
|
128
|
-
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(
|
|
129
|
-
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(
|
|
130
|
-
export const KsBorderColorDefaultBase = "
|
|
131
|
-
export const KsBorderColorDefaultInvertedBase = "rgba(6, 8, 31, 0.
|
|
132
|
-
export const KsBorderColorInterfaceBase = "rgba(
|
|
133
|
-
export const KsBorderColorInterfaceInteractiveBase = "rgba(
|
|
134
|
-
export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(
|
|
135
|
-
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(
|
|
136
|
-
export const KsBorderColorInterfaceInteractiveActiveBase = "rgba(
|
|
137
|
-
export const KsBorderColorInterfaceInteractiveSelectedBase = "#
|
|
138
|
-
export const KsBorderColorInterfaceInvertedBase = "rgba(
|
|
139
|
-
export const KsBorderColorInterfaceInvertedInteractiveBase = "rgba(
|
|
140
|
-
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(
|
|
141
|
-
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(
|
|
142
|
-
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "rgba(
|
|
143
|
-
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#
|
|
144
|
-
export const KsBorderColorCardBase = "rgba(
|
|
145
|
-
export const KsBorderColorCardInteractiveBase = "rgba(
|
|
146
|
-
export const KsBorderColorCardInteractiveDisabledBase = "rgba(
|
|
147
|
-
export const KsBorderColorCardInteractiveHoverBase = "rgba(
|
|
148
|
-
export const KsBorderColorCardInteractiveActiveBase = "rgba(
|
|
149
|
-
export const KsBorderColorCardInteractiveSelectedBase = "#
|
|
150
|
-
export const KsBorderColorCardInvertedBase = "rgba(
|
|
151
|
-
export const KsBorderColorCardInvertedInteractiveBase = "rgba(
|
|
152
|
-
export const KsBorderColorCardInvertedInteractiveDisabledBase = "rgba(
|
|
153
|
-
export const KsBorderColorCardInvertedInteractiveHoverBase = "rgba(
|
|
154
|
-
export const KsBorderColorCardInvertedInteractiveActiveBase = "rgba(
|
|
155
|
-
export const KsBorderColorCardInvertedInteractiveSelectedBase = "#
|
|
156
|
-
export const KsBorderColorPrimaryBase = "#
|
|
157
|
-
export const KsBorderColorPrimaryInteractiveBase = "#
|
|
158
|
-
export const KsBorderColorPrimaryInteractiveHoverBase = "#
|
|
159
|
-
export const KsBorderColorPrimaryInteractiveActiveBase = "#
|
|
160
|
-
export const KsBorderColorPrimaryInteractiveSelectedBase = "#
|
|
161
|
-
export const KsBorderColorPrimaryTranslucentBase = "rgba(
|
|
162
|
-
export const KsBorderColorPrimaryInvertedBase = "#
|
|
163
|
-
export const KsBorderColorPrimaryInvertedInteractiveBase = "#
|
|
164
|
-
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#
|
|
165
|
-
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#
|
|
166
|
-
export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#
|
|
167
|
-
export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(
|
|
115
|
+
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(48, 101, 192, 0.24)";
|
|
116
|
+
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(48, 101, 192, 0.37)";
|
|
117
|
+
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(48, 101, 192, 0.5)";
|
|
118
|
+
export const KsBorderColorDefaultBase = "#ffffff";
|
|
119
|
+
export const KsBorderColorDefaultInvertedBase = "rgba(6, 8, 31, 0.76)";
|
|
120
|
+
export const KsBorderColorInterfaceBase = "rgba(6, 8, 31, 0.13)";
|
|
121
|
+
export const KsBorderColorInterfaceInteractiveBase = "rgba(6, 8, 31, 0.24)";
|
|
122
|
+
export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(6, 8, 31, 0.13)";
|
|
123
|
+
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(6, 8, 31, 0.5)";
|
|
124
|
+
export const KsBorderColorInterfaceInteractiveActiveBase = "rgba(6, 8, 31, 0.5)";
|
|
125
|
+
export const KsBorderColorInterfaceInteractiveSelectedBase = "#3065c0";
|
|
126
|
+
export const KsBorderColorInterfaceInvertedBase = "rgba(255, 255, 255, 0.13)";
|
|
127
|
+
export const KsBorderColorInterfaceInvertedInteractiveBase = "rgba(255, 255, 255, 0.24)";
|
|
128
|
+
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";
|
|
129
|
+
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(255, 255, 255, 0.5)";
|
|
130
|
+
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "rgba(255, 255, 255, 0.5)";
|
|
131
|
+
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#3065c0";
|
|
132
|
+
export const KsBorderColorCardBase = "rgba(6, 8, 31, 0.05)";
|
|
133
|
+
export const KsBorderColorCardInteractiveBase = "rgba(6, 8, 31, 0.24)";
|
|
134
|
+
export const KsBorderColorCardInteractiveDisabledBase = "rgba(6, 8, 31, 0.13)";
|
|
135
|
+
export const KsBorderColorCardInteractiveHoverBase = "rgba(6, 8, 31, 0.5)";
|
|
136
|
+
export const KsBorderColorCardInteractiveActiveBase = "rgba(6, 8, 31, 0.76)";
|
|
137
|
+
export const KsBorderColorCardInteractiveSelectedBase = "#3065c0";
|
|
138
|
+
export const KsBorderColorCardInvertedBase = "rgba(255, 255, 255, 0.05)";
|
|
139
|
+
export const KsBorderColorCardInvertedInteractiveBase = "rgba(255, 255, 255, 0.5)";
|
|
140
|
+
export const KsBorderColorCardInvertedInteractiveDisabledBase = "rgba(255, 255, 255, 0.87)";
|
|
141
|
+
export const KsBorderColorCardInvertedInteractiveHoverBase = "rgba(255, 255, 255, 0.76)";
|
|
142
|
+
export const KsBorderColorCardInvertedInteractiveActiveBase = "rgba(255, 255, 255, 0.95)";
|
|
143
|
+
export const KsBorderColorCardInvertedInteractiveSelectedBase = "#3065c0";
|
|
144
|
+
export const KsBorderColorPrimaryBase = "#3065c0";
|
|
145
|
+
export const KsBorderColorPrimaryInteractiveBase = "#3065c0";
|
|
146
|
+
export const KsBorderColorPrimaryInteractiveHoverBase = "#4b79c8";
|
|
147
|
+
export const KsBorderColorPrimaryInteractiveActiveBase = "#628acf";
|
|
148
|
+
export const KsBorderColorPrimaryInteractiveSelectedBase = "#3065c0";
|
|
149
|
+
export const KsBorderColorPrimaryTranslucentBase = "rgba(48, 101, 192, 0.87)";
|
|
150
|
+
export const KsBorderColorPrimaryInvertedBase = "#3065c0";
|
|
151
|
+
export const KsBorderColorPrimaryInvertedInteractiveBase = "#3065c0";
|
|
152
|
+
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#2b59ab";
|
|
153
|
+
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#264f99";
|
|
154
|
+
export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#3065c0";
|
|
155
|
+
export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(48, 101, 192, 0.87)";
|
|
168
156
|
export const KsBorderColorPositiveBase = "#6edb64";
|
|
169
157
|
export const KsBorderColorPositiveInteractiveBase = "#6edb64";
|
|
170
|
-
export const KsBorderColorPositiveInteractiveHoverBase = "#
|
|
171
|
-
export const KsBorderColorPositiveInteractiveActiveBase = "#
|
|
158
|
+
export const KsBorderColorPositiveInteractiveHoverBase = "#81e078";
|
|
159
|
+
export const KsBorderColorPositiveInteractiveActiveBase = "#91e489";
|
|
172
160
|
export const KsBorderColorPositiveInteractiveSelectedBase = "#6edb64";
|
|
173
161
|
export const KsBorderColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.87)";
|
|
174
162
|
export const KsBorderColorPositiveInvertedBase = "#23831b";
|
|
175
163
|
export const KsBorderColorPositiveInvertedInteractiveBase = "#23831b";
|
|
176
|
-
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#
|
|
177
|
-
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#
|
|
164
|
+
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#1f731c";
|
|
165
|
+
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#1c651c";
|
|
178
166
|
export const KsBorderColorPositiveInvertedInteractiveSelectedBase = "#23831b";
|
|
179
167
|
export const KsBorderColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.87)";
|
|
180
168
|
export const KsBorderColorInformativeBase = "#64c2db";
|
|
181
169
|
export const KsBorderColorInformativeInteractiveBase = "#64c2db";
|
|
182
|
-
export const KsBorderColorInformativeInteractiveHoverBase = "#
|
|
183
|
-
export const KsBorderColorInformativeInteractiveActiveBase = "#
|
|
170
|
+
export const KsBorderColorInformativeInteractiveHoverBase = "#78cae0";
|
|
171
|
+
export const KsBorderColorInformativeInteractiveActiveBase = "#89d1e4";
|
|
184
172
|
export const KsBorderColorInformativeInteractiveSelectedBase = "#64c2db";
|
|
185
173
|
export const KsBorderColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.87)";
|
|
186
174
|
export const KsBorderColorInformativeInvertedBase = "#00718f";
|
|
187
175
|
export const KsBorderColorInformativeInvertedInteractiveBase = "#00718f";
|
|
188
|
-
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#
|
|
189
|
-
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#
|
|
176
|
+
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#016380";
|
|
177
|
+
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#015874";
|
|
190
178
|
export const KsBorderColorInformativeInvertedInteractiveSelectedBase = "#00718f";
|
|
191
179
|
export const KsBorderColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.87)";
|
|
192
180
|
export const KsBorderColorNoticeBase = "#f9de55";
|
|
193
181
|
export const KsBorderColorNoticeInteractiveBase = "#f9de55";
|
|
194
|
-
export const KsBorderColorNoticeInteractiveHoverBase = "#
|
|
195
|
-
export const KsBorderColorNoticeInteractiveActiveBase = "#
|
|
182
|
+
export const KsBorderColorNoticeInteractiveHoverBase = "#fae26b";
|
|
183
|
+
export const KsBorderColorNoticeInteractiveActiveBase = "#fae67e";
|
|
196
184
|
export const KsBorderColorNoticeInteractiveSelectedBase = "#f9de55";
|
|
197
185
|
export const KsBorderColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.87)";
|
|
198
186
|
export const KsBorderColorNoticeInvertedBase = "#ff5d53";
|
|
199
187
|
export const KsBorderColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
200
|
-
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#
|
|
201
|
-
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#
|
|
188
|
+
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#df524c";
|
|
189
|
+
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#c34947";
|
|
202
190
|
export const KsBorderColorNoticeInvertedInteractiveSelectedBase = "#ff5d53";
|
|
203
191
|
export const KsBorderColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.87)";
|
|
204
192
|
export const KsBorderColorNegativeBase = "#ff1a57";
|
|
205
193
|
export const KsBorderColorNegativeInteractiveBase = "#ff1a57";
|
|
206
|
-
export const KsBorderColorNegativeInteractiveHoverBase = "#
|
|
207
|
-
export const KsBorderColorNegativeInteractiveActiveBase = "#
|
|
194
|
+
export const KsBorderColorNegativeInteractiveHoverBase = "#ff386d";
|
|
195
|
+
export const KsBorderColorNegativeInteractiveActiveBase = "#ff517f";
|
|
208
196
|
export const KsBorderColorNegativeInteractiveSelectedBase = "#ff1a57";
|
|
209
197
|
export const KsBorderColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.87)";
|
|
210
198
|
export const KsBorderColorNegativeInvertedBase = "#d21d48";
|
|
211
199
|
export const KsBorderColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
212
|
-
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#
|
|
213
|
-
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#
|
|
200
|
+
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#b71a43";
|
|
201
|
+
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#a1183e";
|
|
214
202
|
export const KsBorderColorNegativeInvertedInteractiveSelectedBase = "#d21d48";
|
|
215
203
|
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)";
|
|
228
204
|
export const KsBorderWidthDefault = "1px";
|
|
229
205
|
export const KsBorderWidthEmphasized = "2px";
|
|
230
|
-
export const KsBorderRadiusControl = "
|
|
231
|
-
export const KsBorderRadiusCard = "
|
|
232
|
-
export const KsBorderRadiusSurface = "
|
|
233
|
-
export const KsBorderRadiusImage = "0px";
|
|
206
|
+
export const KsBorderRadiusControl = "8px";
|
|
207
|
+
export const KsBorderRadiusCard = "8px";
|
|
208
|
+
export const KsBorderRadiusSurface = "16px";
|
|
234
209
|
export const KsBorderRadiusPill = "999px";
|
|
235
210
|
export const KsBorderRadiusCircle = "50%";
|
|
236
211
|
export const KsBoxShadowOpacityControl = "0.2";
|
|
@@ -245,225 +220,224 @@ export const KsBoxShadowOpacitySurface = "0.1";
|
|
|
245
220
|
export const KsBoxShadowOpacitySurfaceHover = "0.2";
|
|
246
221
|
export const KsBoxShadowOpacitySurfaceInverted = "0.1";
|
|
247
222
|
export const KsBoxShadowOpacitySurfaceInvertedHover = "0.2";
|
|
248
|
-
export const KsBoxShadowColorControl = "rgba(
|
|
249
|
-
export const KsBoxShadowColorControlHover = "rgba(
|
|
250
|
-
export const KsBoxShadowColorControlInverted = "rgba(
|
|
251
|
-
export const KsBoxShadowColorControlInvertedHover = "rgba(
|
|
252
|
-
export const KsBoxShadowColorCard = "rgba(
|
|
253
|
-
export const KsBoxShadowColorCardHover = "rgba(
|
|
254
|
-
export const KsBoxShadowColorCardInverted = "rgba(
|
|
255
|
-
export const KsBoxShadowColorCardInvertedHover = "rgba(
|
|
256
|
-
export const KsBoxShadowColorSurface = "rgba(
|
|
257
|
-
export const KsBoxShadowColorSurfaceHover = "rgba(
|
|
258
|
-
export const KsBoxShadowColorSurfaceInverted = "rgba(
|
|
259
|
-
export const KsBoxShadowColorSurfaceInvertedHover = "rgba(
|
|
260
|
-
export const KsBoxShadowControl = "0 1px 2.75px rgba(
|
|
261
|
-
export const KsBoxShadowControlHover = "0 1px 5.5px rgba(
|
|
262
|
-
export const KsBoxShadowControlInverted = "0 1px 2.75px rgba(
|
|
263
|
-
export const KsBoxShadowControlInvertedHover = "0 1px 5.5px rgba(
|
|
264
|
-
export const KsBoxShadowCard = "0 1px 5.5px rgba(
|
|
265
|
-
export const KsBoxShadowCardHover = "0 1px 11px rgba(
|
|
266
|
-
export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(
|
|
267
|
-
export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(
|
|
268
|
-
export const KsBoxShadowSurface = "0 1px 11px rgba(
|
|
269
|
-
export const KsBoxShadowSurfaceHover = "0 1px 22px rgba(
|
|
270
|
-
export const KsBoxShadowSurfaceInverted = "0 1px 11px rgba(
|
|
271
|
-
export const KsBoxShadowSurfaceInvertedHover = "0 1px 22px rgba(
|
|
223
|
+
export const KsBoxShadowColorControl = "rgba(6,8,31,0.2)";
|
|
224
|
+
export const KsBoxShadowColorControlHover = "rgba(6,8,31,0.3)";
|
|
225
|
+
export const KsBoxShadowColorControlInverted = "rgba(6,8,31,0.2)";
|
|
226
|
+
export const KsBoxShadowColorControlInvertedHover = "rgba(6,8,31,0.3)";
|
|
227
|
+
export const KsBoxShadowColorCard = "rgba(6,8,31,0.2)";
|
|
228
|
+
export const KsBoxShadowColorCardHover = "rgba(6,8,31,0.3)";
|
|
229
|
+
export const KsBoxShadowColorCardInverted = "rgba(6,8,31,0.2)";
|
|
230
|
+
export const KsBoxShadowColorCardInvertedHover = "rgba(6,8,31,0.3)";
|
|
231
|
+
export const KsBoxShadowColorSurface = "rgba(6,8,31,0.1)";
|
|
232
|
+
export const KsBoxShadowColorSurfaceHover = "rgba(6,8,31,0.2)";
|
|
233
|
+
export const KsBoxShadowColorSurfaceInverted = "rgba(6,8,31,0.1)";
|
|
234
|
+
export const KsBoxShadowColorSurfaceInvertedHover = "rgba(6,8,31,0.2)";
|
|
235
|
+
export const KsBoxShadowControl = "0 1px 2.75px rgba(6,8,31,0.2)";
|
|
236
|
+
export const KsBoxShadowControlHover = "0 1px 5.5px rgba(6,8,31,0.3)";
|
|
237
|
+
export const KsBoxShadowControlInverted = "0 1px 2.75px rgba(6,8,31,0.2)";
|
|
238
|
+
export const KsBoxShadowControlInvertedHover = "0 1px 5.5px rgba(6,8,31,0.3)";
|
|
239
|
+
export const KsBoxShadowCard = "0 1px 5.5px rgba(6,8,31,0.2)";
|
|
240
|
+
export const KsBoxShadowCardHover = "0 1px 11px rgba(6,8,31,0.3)";
|
|
241
|
+
export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(6,8,31,0.2)";
|
|
242
|
+
export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(6,8,31,0.3)";
|
|
243
|
+
export const KsBoxShadowSurface = "0 1px 11px rgba(6,8,31,0.1)";
|
|
244
|
+
export const KsBoxShadowSurfaceHover = "0 1px 22px rgba(6,8,31,0.2)";
|
|
245
|
+
export const KsBoxShadowSurfaceInverted = "0 1px 11px rgba(6,8,31,0.1)";
|
|
246
|
+
export const KsBoxShadowSurfaceInvertedHover = "0 1px 22px rgba(6,8,31,0.2)";
|
|
272
247
|
export const KsBreakpointPhone = "36em";
|
|
273
248
|
export const KsBreakpointTablet = "48em";
|
|
274
249
|
export const KsBreakpointLaptop = "62em";
|
|
275
250
|
export const KsBreakpointDesktop = "75em";
|
|
276
|
-
export const
|
|
277
|
-
export const
|
|
278
|
-
export const
|
|
279
|
-
export const
|
|
280
|
-
export const
|
|
281
|
-
export const
|
|
282
|
-
export const
|
|
283
|
-
export const
|
|
284
|
-
export const
|
|
285
|
-
export const
|
|
286
|
-
export const
|
|
287
|
-
export const
|
|
288
|
-
export const
|
|
289
|
-
export const
|
|
290
|
-
export const
|
|
291
|
-
export const KsColorFgToBg4Base = "#a3a4ac";
|
|
251
|
+
export const KsBreakpointTv = "122em";
|
|
252
|
+
export const KsColorFgBase = "#06081f";
|
|
253
|
+
export const KsColorFgAlpha1Base = "rgba(6, 8, 31, 0.95)";
|
|
254
|
+
export const KsColorFgAlpha2Base = "rgba(6, 8, 31, 0.87)";
|
|
255
|
+
export const KsColorFgAlpha3Base = "rgba(6, 8, 31, 0.76)";
|
|
256
|
+
export const KsColorFgAlpha4Base = "rgba(6, 8, 31, 0.63)";
|
|
257
|
+
export const KsColorFgAlpha5Base = "rgba(6, 8, 31, 0.5)";
|
|
258
|
+
export const KsColorFgAlpha6Base = "rgba(6, 8, 31, 0.37)";
|
|
259
|
+
export const KsColorFgAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
260
|
+
export const KsColorFgAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
261
|
+
export const KsColorFgAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
262
|
+
export const KsColorFgToBg1Base = "#12142a";
|
|
263
|
+
export const KsColorFgToBg2Base = "#26283c";
|
|
264
|
+
export const KsColorFgToBg3Base = "#424355";
|
|
265
|
+
export const KsColorFgToBg4Base = "#626372";
|
|
292
266
|
export const KsColorFgToBg5Base = "#83848f";
|
|
293
|
-
export const KsColorFgToBg6Base = "#
|
|
294
|
-
export const KsColorFgToBg7Base = "#
|
|
295
|
-
export const KsColorFgToBg8Base = "#
|
|
296
|
-
export const KsColorFgToBg9Base = "#
|
|
297
|
-
export const KsColorFgInvertedBase = "#
|
|
298
|
-
export const KsColorFgInvertedAlpha1Base = "rgba(
|
|
299
|
-
export const KsColorFgInvertedAlpha2Base = "rgba(
|
|
300
|
-
export const KsColorFgInvertedAlpha3Base = "rgba(
|
|
301
|
-
export const KsColorFgInvertedAlpha4Base = "rgba(
|
|
302
|
-
export const KsColorFgInvertedAlpha5Base = "rgba(
|
|
303
|
-
export const KsColorFgInvertedAlpha6Base = "rgba(
|
|
304
|
-
export const KsColorFgInvertedAlpha7Base = "rgba(
|
|
305
|
-
export const KsColorFgInvertedAlpha8Base = "rgba(
|
|
306
|
-
export const KsColorFgInvertedAlpha9Base = "rgba(
|
|
307
|
-
export const KsColorFgInvertedToBg1Base = "#
|
|
308
|
-
export const KsColorFgInvertedToBg2Base = "#
|
|
309
|
-
export const KsColorFgInvertedToBg3Base = "#
|
|
310
|
-
export const KsColorFgInvertedToBg4Base = "#
|
|
311
|
-
export const KsColorFgInvertedToBg5Base = "#
|
|
312
|
-
export const KsColorFgInvertedToBg6Base = "#
|
|
313
|
-
export const KsColorFgInvertedToBg7Base = "#
|
|
314
|
-
export const KsColorFgInvertedToBg8Base = "#
|
|
315
|
-
export const KsColorFgInvertedToBg9Base = "#
|
|
316
|
-
export const KsColorBgBase = "#
|
|
317
|
-
export const KsColorBgAlpha1Base = "rgba(
|
|
318
|
-
export const KsColorBgAlpha2Base = "rgba(
|
|
319
|
-
export const KsColorBgAlpha3Base = "rgba(
|
|
320
|
-
export const KsColorBgAlpha4Base = "rgba(
|
|
321
|
-
export const KsColorBgAlpha5Base = "rgba(
|
|
322
|
-
export const KsColorBgAlpha6Base = "rgba(
|
|
323
|
-
export const KsColorBgAlpha7Base = "rgba(
|
|
324
|
-
export const KsColorBgAlpha8Base = "rgba(
|
|
325
|
-
export const KsColorBgAlpha9Base = "rgba(
|
|
326
|
-
export const KsColorBgToFg1Base = "#
|
|
327
|
-
export const KsColorBgToFg2Base = "#
|
|
328
|
-
export const KsColorBgToFg3Base = "#
|
|
329
|
-
export const KsColorBgToFg4Base = "#
|
|
267
|
+
export const KsColorFgToBg6Base = "#a3a4ac";
|
|
268
|
+
export const KsColorFgToBg7Base = "#c3c4c9";
|
|
269
|
+
export const KsColorFgToBg8Base = "#dfdfe2";
|
|
270
|
+
export const KsColorFgToBg9Base = "#f3f3f4";
|
|
271
|
+
export const KsColorFgInvertedBase = "#ffffff";
|
|
272
|
+
export const KsColorFgInvertedAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
273
|
+
export const KsColorFgInvertedAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
274
|
+
export const KsColorFgInvertedAlpha3Base = "rgba(255, 255, 255, 0.76)";
|
|
275
|
+
export const KsColorFgInvertedAlpha4Base = "rgba(255, 255, 255, 0.63)";
|
|
276
|
+
export const KsColorFgInvertedAlpha5Base = "rgba(255, 255, 255, 0.5)";
|
|
277
|
+
export const KsColorFgInvertedAlpha6Base = "rgba(255, 255, 255, 0.37)";
|
|
278
|
+
export const KsColorFgInvertedAlpha7Base = "rgba(255, 255, 255, 0.24)";
|
|
279
|
+
export const KsColorFgInvertedAlpha8Base = "rgba(255, 255, 255, 0.13)";
|
|
280
|
+
export const KsColorFgInvertedAlpha9Base = "rgba(255, 255, 255, 0.05)";
|
|
281
|
+
export const KsColorFgInvertedToBg1Base = "#f3f3f4";
|
|
282
|
+
export const KsColorFgInvertedToBg2Base = "#dfdfe2";
|
|
283
|
+
export const KsColorFgInvertedToBg3Base = "#c3c4c9";
|
|
284
|
+
export const KsColorFgInvertedToBg4Base = "#a3a4ac";
|
|
285
|
+
export const KsColorFgInvertedToBg5Base = "#83848f";
|
|
286
|
+
export const KsColorFgInvertedToBg6Base = "#626372";
|
|
287
|
+
export const KsColorFgInvertedToBg7Base = "#424355";
|
|
288
|
+
export const KsColorFgInvertedToBg8Base = "#26283c";
|
|
289
|
+
export const KsColorFgInvertedToBg9Base = "#12142a";
|
|
290
|
+
export const KsColorBgBase = "#ffffff";
|
|
291
|
+
export const KsColorBgAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
292
|
+
export const KsColorBgAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
293
|
+
export const KsColorBgAlpha3Base = "rgba(255, 255, 255, 0.76)";
|
|
294
|
+
export const KsColorBgAlpha4Base = "rgba(255, 255, 255, 0.63)";
|
|
295
|
+
export const KsColorBgAlpha5Base = "rgba(255, 255, 255, 0.5)";
|
|
296
|
+
export const KsColorBgAlpha6Base = "rgba(255, 255, 255, 0.37)";
|
|
297
|
+
export const KsColorBgAlpha7Base = "rgba(255, 255, 255, 0.24)";
|
|
298
|
+
export const KsColorBgAlpha8Base = "rgba(255, 255, 255, 0.13)";
|
|
299
|
+
export const KsColorBgAlpha9Base = "rgba(255, 255, 255, 0.05)";
|
|
300
|
+
export const KsColorBgToFg1Base = "#f3f3f4";
|
|
301
|
+
export const KsColorBgToFg2Base = "#dfdfe2";
|
|
302
|
+
export const KsColorBgToFg3Base = "#c3c4c9";
|
|
303
|
+
export const KsColorBgToFg4Base = "#a3a4ac";
|
|
330
304
|
export const KsColorBgToFg5Base = "#83848f";
|
|
331
|
-
export const KsColorBgToFg6Base = "#
|
|
332
|
-
export const KsColorBgToFg7Base = "#
|
|
333
|
-
export const KsColorBgToFg8Base = "#
|
|
334
|
-
export const KsColorBgToFg9Base = "#
|
|
335
|
-
export const KsColorBgInvertedBase = "#
|
|
336
|
-
export const KsColorBgInvertedAlpha1Base = "rgba(
|
|
337
|
-
export const KsColorBgInvertedAlpha2Base = "rgba(
|
|
338
|
-
export const KsColorBgInvertedAlpha3Base = "rgba(
|
|
339
|
-
export const KsColorBgInvertedAlpha4Base = "rgba(
|
|
340
|
-
export const KsColorBgInvertedAlpha5Base = "rgba(
|
|
341
|
-
export const KsColorBgInvertedAlpha6Base = "rgba(
|
|
342
|
-
export const KsColorBgInvertedAlpha7Base = "rgba(
|
|
343
|
-
export const KsColorBgInvertedAlpha8Base = "rgba(
|
|
344
|
-
export const KsColorBgInvertedAlpha9Base = "rgba(
|
|
345
|
-
export const KsColorBgInvertedToFg1Base = "#
|
|
346
|
-
export const KsColorBgInvertedToFg2Base = "#
|
|
347
|
-
export const KsColorBgInvertedToFg3Base = "#
|
|
348
|
-
export const KsColorBgInvertedToFg4Base = "#
|
|
349
|
-
export const KsColorBgInvertedToFg5Base = "#
|
|
350
|
-
export const KsColorBgInvertedToFg6Base = "#
|
|
351
|
-
export const KsColorBgInvertedToFg7Base = "#
|
|
352
|
-
export const KsColorBgInvertedToFg8Base = "#
|
|
353
|
-
export const KsColorBgInvertedToFg9Base = "#
|
|
305
|
+
export const KsColorBgToFg6Base = "#626372";
|
|
306
|
+
export const KsColorBgToFg7Base = "#424355";
|
|
307
|
+
export const KsColorBgToFg8Base = "#26283c";
|
|
308
|
+
export const KsColorBgToFg9Base = "#12142a";
|
|
309
|
+
export const KsColorBgInvertedBase = "#06081f";
|
|
310
|
+
export const KsColorBgInvertedAlpha1Base = "rgba(6, 8, 31, 0.95)";
|
|
311
|
+
export const KsColorBgInvertedAlpha2Base = "rgba(6, 8, 31, 0.87)";
|
|
312
|
+
export const KsColorBgInvertedAlpha3Base = "rgba(6, 8, 31, 0.76)";
|
|
313
|
+
export const KsColorBgInvertedAlpha4Base = "rgba(6, 8, 31, 0.63)";
|
|
314
|
+
export const KsColorBgInvertedAlpha5Base = "rgba(6, 8, 31, 0.5)";
|
|
315
|
+
export const KsColorBgInvertedAlpha6Base = "rgba(6, 8, 31, 0.37)";
|
|
316
|
+
export const KsColorBgInvertedAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
317
|
+
export const KsColorBgInvertedAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
318
|
+
export const KsColorBgInvertedAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
319
|
+
export const KsColorBgInvertedToFg1Base = "#12142a";
|
|
320
|
+
export const KsColorBgInvertedToFg2Base = "#26283c";
|
|
321
|
+
export const KsColorBgInvertedToFg3Base = "#424355";
|
|
322
|
+
export const KsColorBgInvertedToFg4Base = "#626372";
|
|
323
|
+
export const KsColorBgInvertedToFg5Base = "#83848f";
|
|
324
|
+
export const KsColorBgInvertedToFg6Base = "#a3a4ac";
|
|
325
|
+
export const KsColorBgInvertedToFg7Base = "#c3c4c9";
|
|
326
|
+
export const KsColorBgInvertedToFg8Base = "#dfdfe2";
|
|
327
|
+
export const KsColorBgInvertedToFg9Base = "#f3f3f4";
|
|
354
328
|
export const KsColorTransparentBase = "rgba(0, 0, 0, 0)";
|
|
355
|
-
export const KsColorPrimaryBase = "#
|
|
356
|
-
export const KsColorPrimaryAlpha1Base = "rgba(
|
|
357
|
-
export const KsColorPrimaryAlpha2Base = "rgba(
|
|
358
|
-
export const KsColorPrimaryAlpha3Base = "rgba(
|
|
359
|
-
export const KsColorPrimaryAlpha4Base = "rgba(
|
|
360
|
-
export const KsColorPrimaryAlpha5Base = "rgba(
|
|
361
|
-
export const KsColorPrimaryAlpha6Base = "rgba(
|
|
362
|
-
export const KsColorPrimaryAlpha7Base = "rgba(
|
|
363
|
-
export const KsColorPrimaryAlpha8Base = "rgba(
|
|
364
|
-
export const KsColorPrimaryAlpha9Base = "rgba(
|
|
365
|
-
export const KsColorPrimaryToBg1Base = "#
|
|
366
|
-
export const KsColorPrimaryToBg2Base = "#
|
|
367
|
-
export const KsColorPrimaryToBg3Base = "#
|
|
368
|
-
export const KsColorPrimaryToBg4Base = "#
|
|
369
|
-
export const KsColorPrimaryToBg5Base = "#
|
|
370
|
-
export const KsColorPrimaryToBg6Base = "#
|
|
371
|
-
export const KsColorPrimaryToBg7Base = "#
|
|
372
|
-
export const KsColorPrimaryToBg8Base = "#
|
|
373
|
-
export const KsColorPrimaryToBg9Base = "#
|
|
374
|
-
export const KsColorPrimaryToFg1Base = "#
|
|
375
|
-
export const KsColorPrimaryToFg2Base = "#
|
|
376
|
-
export const KsColorPrimaryToFg3Base = "#
|
|
377
|
-
export const KsColorPrimaryToFg4Base = "#
|
|
378
|
-
export const KsColorPrimaryToFg5Base = "#
|
|
379
|
-
export const KsColorPrimaryToFg6Base = "#
|
|
380
|
-
export const KsColorPrimaryToFg7Base = "#
|
|
381
|
-
export const KsColorPrimaryToFg8Base = "#
|
|
382
|
-
export const KsColorPrimaryToFg9Base = "#
|
|
383
|
-
export const KsColorPrimaryInvertedBase = "#
|
|
384
|
-
export const KsColorPrimaryInvertedAlpha1Base = "rgba(
|
|
385
|
-
export const KsColorPrimaryInvertedAlpha2Base = "rgba(
|
|
386
|
-
export const KsColorPrimaryInvertedAlpha3Base = "rgba(
|
|
387
|
-
export const KsColorPrimaryInvertedAlpha4Base = "rgba(
|
|
388
|
-
export const KsColorPrimaryInvertedAlpha5Base = "rgba(
|
|
389
|
-
export const KsColorPrimaryInvertedAlpha6Base = "rgba(
|
|
390
|
-
export const KsColorPrimaryInvertedAlpha7Base = "rgba(
|
|
391
|
-
export const KsColorPrimaryInvertedAlpha8Base = "rgba(
|
|
392
|
-
export const KsColorPrimaryInvertedAlpha9Base = "rgba(
|
|
393
|
-
export const KsColorPrimaryInvertedToBg1Base = "#
|
|
394
|
-
export const KsColorPrimaryInvertedToBg2Base = "#
|
|
395
|
-
export const KsColorPrimaryInvertedToBg3Base = "#
|
|
396
|
-
export const KsColorPrimaryInvertedToBg4Base = "#
|
|
397
|
-
export const KsColorPrimaryInvertedToBg5Base = "#
|
|
398
|
-
export const KsColorPrimaryInvertedToBg6Base = "#
|
|
399
|
-
export const KsColorPrimaryInvertedToBg7Base = "#
|
|
400
|
-
export const KsColorPrimaryInvertedToBg8Base = "#
|
|
401
|
-
export const KsColorPrimaryInvertedToBg9Base = "#
|
|
402
|
-
export const KsColorPrimaryInvertedToFg1Base = "#
|
|
403
|
-
export const KsColorPrimaryInvertedToFg2Base = "#
|
|
404
|
-
export const KsColorPrimaryInvertedToFg3Base = "#
|
|
405
|
-
export const KsColorPrimaryInvertedToFg4Base = "#
|
|
406
|
-
export const KsColorPrimaryInvertedToFg5Base = "#
|
|
407
|
-
export const KsColorPrimaryInvertedToFg6Base = "#
|
|
408
|
-
export const KsColorPrimaryInvertedToFg7Base = "#
|
|
409
|
-
export const KsColorPrimaryInvertedToFg8Base = "#
|
|
410
|
-
export const KsColorPrimaryInvertedToFg9Base = "#
|
|
411
|
-
export const KsColorLinkBase = "#
|
|
412
|
-
export const KsColorLinkAlpha1Base = "rgba(
|
|
413
|
-
export const KsColorLinkAlpha2Base = "rgba(
|
|
414
|
-
export const KsColorLinkAlpha3Base = "rgba(
|
|
415
|
-
export const KsColorLinkAlpha4Base = "rgba(
|
|
416
|
-
export const KsColorLinkAlpha5Base = "rgba(
|
|
417
|
-
export const KsColorLinkAlpha6Base = "rgba(
|
|
418
|
-
export const KsColorLinkAlpha7Base = "rgba(
|
|
419
|
-
export const KsColorLinkAlpha8Base = "rgba(
|
|
420
|
-
export const KsColorLinkAlpha9Base = "rgba(
|
|
421
|
-
export const KsColorLinkToBg1Base = "#
|
|
422
|
-
export const KsColorLinkToBg2Base = "#
|
|
423
|
-
export const KsColorLinkToBg3Base = "#
|
|
424
|
-
export const KsColorLinkToBg4Base = "#
|
|
425
|
-
export const KsColorLinkToBg5Base = "#
|
|
426
|
-
export const KsColorLinkToBg6Base = "#
|
|
427
|
-
export const KsColorLinkToBg7Base = "#
|
|
428
|
-
export const KsColorLinkToBg8Base = "#
|
|
429
|
-
export const KsColorLinkToBg9Base = "#
|
|
430
|
-
export const KsColorLinkToFg1Base = "#
|
|
431
|
-
export const KsColorLinkToFg2Base = "#
|
|
432
|
-
export const KsColorLinkToFg3Base = "#
|
|
433
|
-
export const KsColorLinkToFg4Base = "#
|
|
434
|
-
export const KsColorLinkToFg5Base = "#
|
|
435
|
-
export const KsColorLinkToFg6Base = "#
|
|
436
|
-
export const KsColorLinkToFg7Base = "#
|
|
437
|
-
export const KsColorLinkToFg8Base = "#
|
|
438
|
-
export const KsColorLinkToFg9Base = "#
|
|
439
|
-
export const KsColorLinkInvertedBase = "#
|
|
440
|
-
export const KsColorLinkInvertedAlpha1Base = "rgba(
|
|
441
|
-
export const KsColorLinkInvertedAlpha2Base = "rgba(
|
|
442
|
-
export const KsColorLinkInvertedAlpha3Base = "rgba(
|
|
443
|
-
export const KsColorLinkInvertedAlpha4Base = "rgba(
|
|
444
|
-
export const KsColorLinkInvertedAlpha5Base = "rgba(
|
|
445
|
-
export const KsColorLinkInvertedAlpha6Base = "rgba(
|
|
446
|
-
export const KsColorLinkInvertedAlpha7Base = "rgba(
|
|
447
|
-
export const KsColorLinkInvertedAlpha8Base = "rgba(
|
|
448
|
-
export const KsColorLinkInvertedAlpha9Base = "rgba(
|
|
449
|
-
export const KsColorLinkInvertedToBg1Base = "#
|
|
450
|
-
export const KsColorLinkInvertedToBg2Base = "#
|
|
451
|
-
export const KsColorLinkInvertedToBg3Base = "#
|
|
452
|
-
export const KsColorLinkInvertedToBg4Base = "#
|
|
453
|
-
export const KsColorLinkInvertedToBg5Base = "#
|
|
454
|
-
export const KsColorLinkInvertedToBg6Base = "#
|
|
455
|
-
export const KsColorLinkInvertedToBg7Base = "#
|
|
456
|
-
export const KsColorLinkInvertedToBg8Base = "#
|
|
457
|
-
export const KsColorLinkInvertedToBg9Base = "#
|
|
458
|
-
export const KsColorLinkInvertedToFg1Base = "#
|
|
459
|
-
export const KsColorLinkInvertedToFg2Base = "#
|
|
460
|
-
export const KsColorLinkInvertedToFg3Base = "#
|
|
461
|
-
export const KsColorLinkInvertedToFg4Base = "#
|
|
462
|
-
export const KsColorLinkInvertedToFg5Base = "#
|
|
463
|
-
export const KsColorLinkInvertedToFg6Base = "#
|
|
464
|
-
export const KsColorLinkInvertedToFg7Base = "#
|
|
465
|
-
export const KsColorLinkInvertedToFg8Base = "#
|
|
466
|
-
export const KsColorLinkInvertedToFg9Base = "#
|
|
329
|
+
export const KsColorPrimaryBase = "#3065c0";
|
|
330
|
+
export const KsColorPrimaryAlpha1Base = "rgba(48, 101, 192, 0.95)";
|
|
331
|
+
export const KsColorPrimaryAlpha2Base = "rgba(48, 101, 192, 0.87)";
|
|
332
|
+
export const KsColorPrimaryAlpha3Base = "rgba(48, 101, 192, 0.76)";
|
|
333
|
+
export const KsColorPrimaryAlpha4Base = "rgba(48, 101, 192, 0.63)";
|
|
334
|
+
export const KsColorPrimaryAlpha5Base = "rgba(48, 101, 192, 0.5)";
|
|
335
|
+
export const KsColorPrimaryAlpha6Base = "rgba(48, 101, 192, 0.37)";
|
|
336
|
+
export const KsColorPrimaryAlpha7Base = "rgba(48, 101, 192, 0.24)";
|
|
337
|
+
export const KsColorPrimaryAlpha8Base = "rgba(48, 101, 192, 0.13)";
|
|
338
|
+
export const KsColorPrimaryAlpha9Base = "rgba(48, 101, 192, 0.05)";
|
|
339
|
+
export const KsColorPrimaryToBg1Base = "#3a6dc3";
|
|
340
|
+
export const KsColorPrimaryToBg2Base = "#4b79c8";
|
|
341
|
+
export const KsColorPrimaryToBg3Base = "#628acf";
|
|
342
|
+
export const KsColorPrimaryToBg4Base = "#7d9ed7";
|
|
343
|
+
export const KsColorPrimaryToBg5Base = "#98b2e0";
|
|
344
|
+
export const KsColorPrimaryToBg6Base = "#b2c6e8";
|
|
345
|
+
export const KsColorPrimaryToBg7Base = "#cddaf0";
|
|
346
|
+
export const KsColorPrimaryToBg8Base = "#e4ebf7";
|
|
347
|
+
export const KsColorPrimaryToBg9Base = "#f5f7fc";
|
|
348
|
+
export const KsColorPrimaryToFg1Base = "#2e60b8";
|
|
349
|
+
export const KsColorPrimaryToFg2Base = "#2b59ab";
|
|
350
|
+
export const KsColorPrimaryToFg3Base = "#264f99";
|
|
351
|
+
export const KsColorPrimaryToFg4Base = "#204384";
|
|
352
|
+
export const KsColorPrimaryToFg5Base = "#1b3770";
|
|
353
|
+
export const KsColorPrimaryToFg6Base = "#162a5b";
|
|
354
|
+
export const KsColorPrimaryToFg7Base = "#101e46";
|
|
355
|
+
export const KsColorPrimaryToFg8Base = "#0b1434";
|
|
356
|
+
export const KsColorPrimaryToFg9Base = "#080d27";
|
|
357
|
+
export const KsColorPrimaryInvertedBase = "#3065c0";
|
|
358
|
+
export const KsColorPrimaryInvertedAlpha1Base = "rgba(48, 101, 192, 0.95)";
|
|
359
|
+
export const KsColorPrimaryInvertedAlpha2Base = "rgba(48, 101, 192, 0.87)";
|
|
360
|
+
export const KsColorPrimaryInvertedAlpha3Base = "rgba(48, 101, 192, 0.76)";
|
|
361
|
+
export const KsColorPrimaryInvertedAlpha4Base = "rgba(48, 101, 192, 0.63)";
|
|
362
|
+
export const KsColorPrimaryInvertedAlpha5Base = "rgba(48, 101, 192, 0.5)";
|
|
363
|
+
export const KsColorPrimaryInvertedAlpha6Base = "rgba(48, 101, 192, 0.37)";
|
|
364
|
+
export const KsColorPrimaryInvertedAlpha7Base = "rgba(48, 101, 192, 0.24)";
|
|
365
|
+
export const KsColorPrimaryInvertedAlpha8Base = "rgba(48, 101, 192, 0.13)";
|
|
366
|
+
export const KsColorPrimaryInvertedAlpha9Base = "rgba(48, 101, 192, 0.05)";
|
|
367
|
+
export const KsColorPrimaryInvertedToBg1Base = "#2e60b8";
|
|
368
|
+
export const KsColorPrimaryInvertedToBg2Base = "#2b59ab";
|
|
369
|
+
export const KsColorPrimaryInvertedToBg3Base = "#264f99";
|
|
370
|
+
export const KsColorPrimaryInvertedToBg4Base = "#204384";
|
|
371
|
+
export const KsColorPrimaryInvertedToBg5Base = "#1b3770";
|
|
372
|
+
export const KsColorPrimaryInvertedToBg6Base = "#162a5b";
|
|
373
|
+
export const KsColorPrimaryInvertedToBg7Base = "#101e46";
|
|
374
|
+
export const KsColorPrimaryInvertedToBg8Base = "#0b1434";
|
|
375
|
+
export const KsColorPrimaryInvertedToBg9Base = "#080d27";
|
|
376
|
+
export const KsColorPrimaryInvertedToFg1Base = "#3a6dc3";
|
|
377
|
+
export const KsColorPrimaryInvertedToFg2Base = "#4b79c8";
|
|
378
|
+
export const KsColorPrimaryInvertedToFg3Base = "#628acf";
|
|
379
|
+
export const KsColorPrimaryInvertedToFg4Base = "#7d9ed7";
|
|
380
|
+
export const KsColorPrimaryInvertedToFg5Base = "#98b2e0";
|
|
381
|
+
export const KsColorPrimaryInvertedToFg6Base = "#b2c6e8";
|
|
382
|
+
export const KsColorPrimaryInvertedToFg7Base = "#cddaf0";
|
|
383
|
+
export const KsColorPrimaryInvertedToFg8Base = "#e4ebf7";
|
|
384
|
+
export const KsColorPrimaryInvertedToFg9Base = "#f5f7fc";
|
|
385
|
+
export const KsColorLinkBase = "#3065c0";
|
|
386
|
+
export const KsColorLinkAlpha1Base = "rgba(48, 101, 192, 0.95)";
|
|
387
|
+
export const KsColorLinkAlpha2Base = "rgba(48, 101, 192, 0.87)";
|
|
388
|
+
export const KsColorLinkAlpha3Base = "rgba(48, 101, 192, 0.76)";
|
|
389
|
+
export const KsColorLinkAlpha4Base = "rgba(48, 101, 192, 0.63)";
|
|
390
|
+
export const KsColorLinkAlpha5Base = "rgba(48, 101, 192, 0.5)";
|
|
391
|
+
export const KsColorLinkAlpha6Base = "rgba(48, 101, 192, 0.37)";
|
|
392
|
+
export const KsColorLinkAlpha7Base = "rgba(48, 101, 192, 0.24)";
|
|
393
|
+
export const KsColorLinkAlpha8Base = "rgba(48, 101, 192, 0.13)";
|
|
394
|
+
export const KsColorLinkAlpha9Base = "rgba(48, 101, 192, 0.05)";
|
|
395
|
+
export const KsColorLinkToBg1Base = "#3a6dc3";
|
|
396
|
+
export const KsColorLinkToBg2Base = "#4b79c8";
|
|
397
|
+
export const KsColorLinkToBg3Base = "#628acf";
|
|
398
|
+
export const KsColorLinkToBg4Base = "#7d9ed7";
|
|
399
|
+
export const KsColorLinkToBg5Base = "#98b2e0";
|
|
400
|
+
export const KsColorLinkToBg6Base = "#b2c6e8";
|
|
401
|
+
export const KsColorLinkToBg7Base = "#cddaf0";
|
|
402
|
+
export const KsColorLinkToBg8Base = "#e4ebf7";
|
|
403
|
+
export const KsColorLinkToBg9Base = "#f5f7fc";
|
|
404
|
+
export const KsColorLinkToFg1Base = "#2e60b8";
|
|
405
|
+
export const KsColorLinkToFg2Base = "#2b59ab";
|
|
406
|
+
export const KsColorLinkToFg3Base = "#264f99";
|
|
407
|
+
export const KsColorLinkToFg4Base = "#204384";
|
|
408
|
+
export const KsColorLinkToFg5Base = "#1b3770";
|
|
409
|
+
export const KsColorLinkToFg6Base = "#162a5b";
|
|
410
|
+
export const KsColorLinkToFg7Base = "#101e46";
|
|
411
|
+
export const KsColorLinkToFg8Base = "#0b1434";
|
|
412
|
+
export const KsColorLinkToFg9Base = "#080d27";
|
|
413
|
+
export const KsColorLinkInvertedBase = "#3065c0";
|
|
414
|
+
export const KsColorLinkInvertedAlpha1Base = "rgba(48, 101, 192, 0.95)";
|
|
415
|
+
export const KsColorLinkInvertedAlpha2Base = "rgba(48, 101, 192, 0.87)";
|
|
416
|
+
export const KsColorLinkInvertedAlpha3Base = "rgba(48, 101, 192, 0.76)";
|
|
417
|
+
export const KsColorLinkInvertedAlpha4Base = "rgba(48, 101, 192, 0.63)";
|
|
418
|
+
export const KsColorLinkInvertedAlpha5Base = "rgba(48, 101, 192, 0.5)";
|
|
419
|
+
export const KsColorLinkInvertedAlpha6Base = "rgba(48, 101, 192, 0.37)";
|
|
420
|
+
export const KsColorLinkInvertedAlpha7Base = "rgba(48, 101, 192, 0.24)";
|
|
421
|
+
export const KsColorLinkInvertedAlpha8Base = "rgba(48, 101, 192, 0.13)";
|
|
422
|
+
export const KsColorLinkInvertedAlpha9Base = "rgba(48, 101, 192, 0.05)";
|
|
423
|
+
export const KsColorLinkInvertedToBg1Base = "#2e60b8";
|
|
424
|
+
export const KsColorLinkInvertedToBg2Base = "#2b59ab";
|
|
425
|
+
export const KsColorLinkInvertedToBg3Base = "#264f99";
|
|
426
|
+
export const KsColorLinkInvertedToBg4Base = "#204384";
|
|
427
|
+
export const KsColorLinkInvertedToBg5Base = "#1b3770";
|
|
428
|
+
export const KsColorLinkInvertedToBg6Base = "#162a5b";
|
|
429
|
+
export const KsColorLinkInvertedToBg7Base = "#101e46";
|
|
430
|
+
export const KsColorLinkInvertedToBg8Base = "#0b1434";
|
|
431
|
+
export const KsColorLinkInvertedToBg9Base = "#080d27";
|
|
432
|
+
export const KsColorLinkInvertedToFg1Base = "#3a6dc3";
|
|
433
|
+
export const KsColorLinkInvertedToFg2Base = "#4b79c8";
|
|
434
|
+
export const KsColorLinkInvertedToFg3Base = "#628acf";
|
|
435
|
+
export const KsColorLinkInvertedToFg4Base = "#7d9ed7";
|
|
436
|
+
export const KsColorLinkInvertedToFg5Base = "#98b2e0";
|
|
437
|
+
export const KsColorLinkInvertedToFg6Base = "#b2c6e8";
|
|
438
|
+
export const KsColorLinkInvertedToFg7Base = "#cddaf0";
|
|
439
|
+
export const KsColorLinkInvertedToFg8Base = "#e4ebf7";
|
|
440
|
+
export const KsColorLinkInvertedToFg9Base = "#f5f7fc";
|
|
467
441
|
export const KsColorPositiveBase = "#6edb64";
|
|
468
442
|
export const KsColorPositiveAlpha1Base = "rgba(110, 219, 100, 0.95)";
|
|
469
443
|
export const KsColorPositiveAlpha2Base = "rgba(110, 219, 100, 0.87)";
|
|
@@ -474,24 +448,24 @@ export const KsColorPositiveAlpha6Base = "rgba(110, 219, 100, 0.37)";
|
|
|
474
448
|
export const KsColorPositiveAlpha7Base = "rgba(110, 219, 100, 0.24)";
|
|
475
449
|
export const KsColorPositiveAlpha8Base = "rgba(110, 219, 100, 0.13)";
|
|
476
450
|
export const KsColorPositiveAlpha9Base = "rgba(110, 219, 100, 0.05)";
|
|
477
|
-
export const KsColorPositiveToBg1Base = "#
|
|
478
|
-
export const KsColorPositiveToBg2Base = "#
|
|
479
|
-
export const KsColorPositiveToBg3Base = "#
|
|
480
|
-
export const KsColorPositiveToBg4Base = "#
|
|
481
|
-
export const KsColorPositiveToBg5Base = "#
|
|
482
|
-
export const KsColorPositiveToBg6Base = "#
|
|
483
|
-
export const KsColorPositiveToBg7Base = "#
|
|
484
|
-
export const KsColorPositiveToBg8Base = "#
|
|
485
|
-
export const KsColorPositiveToBg9Base = "#
|
|
486
|
-
export const KsColorPositiveToFg1Base = "#
|
|
487
|
-
export const KsColorPositiveToFg2Base = "#
|
|
488
|
-
export const KsColorPositiveToFg3Base = "#
|
|
489
|
-
export const KsColorPositiveToFg4Base = "#
|
|
490
|
-
export const KsColorPositiveToFg5Base = "#
|
|
491
|
-
export const KsColorPositiveToFg6Base = "#
|
|
492
|
-
export const KsColorPositiveToFg7Base = "#
|
|
493
|
-
export const KsColorPositiveToFg8Base = "#
|
|
494
|
-
export const KsColorPositiveToFg9Base = "#
|
|
451
|
+
export const KsColorPositiveToBg1Base = "#75dd6c";
|
|
452
|
+
export const KsColorPositiveToBg2Base = "#81e078";
|
|
453
|
+
export const KsColorPositiveToBg3Base = "#91e489";
|
|
454
|
+
export const KsColorPositiveToBg4Base = "#a4e89d";
|
|
455
|
+
export const KsColorPositiveToBg5Base = "#b7edb2";
|
|
456
|
+
export const KsColorPositiveToBg6Base = "#c9f2c6";
|
|
457
|
+
export const KsColorPositiveToBg7Base = "#dcf6da";
|
|
458
|
+
export const KsColorPositiveToBg8Base = "#ecfaeb";
|
|
459
|
+
export const KsColorPositiveToBg9Base = "#f8fdf7";
|
|
460
|
+
export const KsColorPositiveToFg1Base = "#69d061";
|
|
461
|
+
export const KsColorPositiveToFg2Base = "#60c05b";
|
|
462
|
+
export const KsColorPositiveToFg3Base = "#55a853";
|
|
463
|
+
export const KsColorPositiveToFg4Base = "#488d4a";
|
|
464
|
+
export const KsColorPositiveToFg5Base = "#3a7242";
|
|
465
|
+
export const KsColorPositiveToFg6Base = "#2c5639";
|
|
466
|
+
export const KsColorPositiveToFg7Base = "#1f3b30";
|
|
467
|
+
export const KsColorPositiveToFg8Base = "#142328";
|
|
468
|
+
export const KsColorPositiveToFg9Base = "#0b1322";
|
|
495
469
|
export const KsColorPositiveInvertedBase = "#23831b";
|
|
496
470
|
export const KsColorPositiveInvertedAlpha1Base = "rgba(35, 131, 27, 0.95)";
|
|
497
471
|
export const KsColorPositiveInvertedAlpha2Base = "rgba(35, 131, 27, 0.87)";
|
|
@@ -502,24 +476,24 @@ export const KsColorPositiveInvertedAlpha6Base = "rgba(35, 131, 27, 0.37)";
|
|
|
502
476
|
export const KsColorPositiveInvertedAlpha7Base = "rgba(35, 131, 27, 0.24)";
|
|
503
477
|
export const KsColorPositiveInvertedAlpha8Base = "rgba(35, 131, 27, 0.13)";
|
|
504
478
|
export const KsColorPositiveInvertedAlpha9Base = "rgba(35, 131, 27, 0.05)";
|
|
505
|
-
export const KsColorPositiveInvertedToBg1Base = "#
|
|
506
|
-
export const KsColorPositiveInvertedToBg2Base = "#
|
|
507
|
-
export const KsColorPositiveInvertedToBg3Base = "#
|
|
508
|
-
export const KsColorPositiveInvertedToBg4Base = "#
|
|
509
|
-
export const KsColorPositiveInvertedToBg5Base = "#
|
|
510
|
-
export const KsColorPositiveInvertedToBg6Base = "#
|
|
511
|
-
export const KsColorPositiveInvertedToBg7Base = "#
|
|
512
|
-
export const KsColorPositiveInvertedToBg8Base = "#
|
|
513
|
-
export const KsColorPositiveInvertedToBg9Base = "#
|
|
514
|
-
export const KsColorPositiveInvertedToFg1Base = "#
|
|
515
|
-
export const KsColorPositiveInvertedToFg2Base = "#
|
|
516
|
-
export const KsColorPositiveInvertedToFg3Base = "#
|
|
517
|
-
export const KsColorPositiveInvertedToFg4Base = "#
|
|
518
|
-
export const KsColorPositiveInvertedToFg5Base = "#
|
|
519
|
-
export const KsColorPositiveInvertedToFg6Base = "#
|
|
520
|
-
export const KsColorPositiveInvertedToFg7Base = "#
|
|
521
|
-
export const KsColorPositiveInvertedToFg8Base = "#
|
|
522
|
-
export const KsColorPositiveInvertedToFg9Base = "#
|
|
479
|
+
export const KsColorPositiveInvertedToBg1Base = "#227d1b";
|
|
480
|
+
export const KsColorPositiveInvertedToBg2Base = "#1f731c";
|
|
481
|
+
export const KsColorPositiveInvertedToBg3Base = "#1c651c";
|
|
482
|
+
export const KsColorPositiveInvertedToBg4Base = "#18551c";
|
|
483
|
+
export const KsColorPositiveInvertedToBg5Base = "#15461d";
|
|
484
|
+
export const KsColorPositiveInvertedToBg6Base = "#11361e";
|
|
485
|
+
export const KsColorPositiveInvertedToBg7Base = "#0d261e";
|
|
486
|
+
export const KsColorPositiveInvertedToBg8Base = "#0a181e";
|
|
487
|
+
export const KsColorPositiveInvertedToBg9Base = "#070e1f";
|
|
488
|
+
export const KsColorPositiveInvertedToFg1Base = "#2e8926";
|
|
489
|
+
export const KsColorPositiveInvertedToFg2Base = "#409339";
|
|
490
|
+
export const KsColorPositiveInvertedToFg3Base = "#58a152";
|
|
491
|
+
export const KsColorPositiveInvertedToFg4Base = "#74b16f";
|
|
492
|
+
export const KsColorPositiveInvertedToFg5Base = "#91c18d";
|
|
493
|
+
export const KsColorPositiveInvertedToFg6Base = "#aed1ab";
|
|
494
|
+
export const KsColorPositiveInvertedToFg7Base = "#cae1c8";
|
|
495
|
+
export const KsColorPositiveInvertedToFg8Base = "#e2efe1";
|
|
496
|
+
export const KsColorPositiveInvertedToFg9Base = "#f4f9f4";
|
|
523
497
|
export const KsColorInformativeBase = "#64c2db";
|
|
524
498
|
export const KsColorInformativeAlpha1Base = "rgba(100, 194, 219, 0.95)";
|
|
525
499
|
export const KsColorInformativeAlpha2Base = "rgba(100, 194, 219, 0.87)";
|
|
@@ -530,24 +504,24 @@ export const KsColorInformativeAlpha6Base = "rgba(100, 194, 219, 0.37)";
|
|
|
530
504
|
export const KsColorInformativeAlpha7Base = "rgba(100, 194, 219, 0.24)";
|
|
531
505
|
export const KsColorInformativeAlpha8Base = "rgba(100, 194, 219, 0.13)";
|
|
532
506
|
export const KsColorInformativeAlpha9Base = "rgba(100, 194, 219, 0.05)";
|
|
533
|
-
export const KsColorInformativeToBg1Base = "#
|
|
534
|
-
export const KsColorInformativeToBg2Base = "#
|
|
535
|
-
export const KsColorInformativeToBg3Base = "#
|
|
536
|
-
export const KsColorInformativeToBg4Base = "#
|
|
537
|
-
export const KsColorInformativeToBg5Base = "#
|
|
538
|
-
export const KsColorInformativeToBg6Base = "#
|
|
539
|
-
export const KsColorInformativeToBg7Base = "#
|
|
540
|
-
export const KsColorInformativeToBg8Base = "#
|
|
541
|
-
export const KsColorInformativeToBg9Base = "#
|
|
542
|
-
export const KsColorInformativeToFg1Base = "#
|
|
543
|
-
export const KsColorInformativeToFg2Base = "#
|
|
544
|
-
export const KsColorInformativeToFg3Base = "#
|
|
545
|
-
export const KsColorInformativeToFg4Base = "#
|
|
546
|
-
export const KsColorInformativeToFg5Base = "#
|
|
547
|
-
export const KsColorInformativeToFg6Base = "#
|
|
548
|
-
export const KsColorInformativeToFg7Base = "#
|
|
549
|
-
export const KsColorInformativeToFg8Base = "#
|
|
550
|
-
export const KsColorInformativeToFg9Base = "#
|
|
507
|
+
export const KsColorInformativeToBg1Base = "#6cc5dd";
|
|
508
|
+
export const KsColorInformativeToBg2Base = "#78cae0";
|
|
509
|
+
export const KsColorInformativeToBg3Base = "#89d1e4";
|
|
510
|
+
export const KsColorInformativeToBg4Base = "#9dd9e8";
|
|
511
|
+
export const KsColorInformativeToBg5Base = "#b2e1ed";
|
|
512
|
+
export const KsColorInformativeToBg6Base = "#c6e8f2";
|
|
513
|
+
export const KsColorInformativeToBg7Base = "#daf0f6";
|
|
514
|
+
export const KsColorInformativeToBg8Base = "#ebf7fa";
|
|
515
|
+
export const KsColorInformativeToBg9Base = "#f7fcfd";
|
|
516
|
+
export const KsColorInformativeToFg1Base = "#5fb9d2";
|
|
517
|
+
export const KsColorInformativeToFg2Base = "#58aac3";
|
|
518
|
+
export const KsColorInformativeToFg3Base = "#4d95ae";
|
|
519
|
+
export const KsColorInformativeToFg4Base = "#417d95";
|
|
520
|
+
export const KsColorInformativeToFg5Base = "#35657d";
|
|
521
|
+
export const KsColorInformativeToFg6Base = "#294d65";
|
|
522
|
+
export const KsColorInformativeToFg7Base = "#1d354c";
|
|
523
|
+
export const KsColorInformativeToFg8Base = "#122037";
|
|
524
|
+
export const KsColorInformativeToFg9Base = "#0b1128";
|
|
551
525
|
export const KsColorInformativeInvertedBase = "#00718f";
|
|
552
526
|
export const KsColorInformativeInvertedAlpha1Base = "rgba(0, 113, 143, 0.95)";
|
|
553
527
|
export const KsColorInformativeInvertedAlpha2Base = "rgba(0, 113, 143, 0.87)";
|
|
@@ -558,24 +532,24 @@ export const KsColorInformativeInvertedAlpha6Base = "rgba(0, 113, 143, 0.37)";
|
|
|
558
532
|
export const KsColorInformativeInvertedAlpha7Base = "rgba(0, 113, 143, 0.24)";
|
|
559
533
|
export const KsColorInformativeInvertedAlpha8Base = "rgba(0, 113, 143, 0.13)";
|
|
560
534
|
export const KsColorInformativeInvertedAlpha9Base = "rgba(0, 113, 143, 0.05)";
|
|
561
|
-
export const KsColorInformativeInvertedToBg1Base = "#
|
|
562
|
-
export const KsColorInformativeInvertedToBg2Base = "#
|
|
563
|
-
export const KsColorInformativeInvertedToBg3Base = "#
|
|
564
|
-
export const KsColorInformativeInvertedToBg4Base = "#
|
|
565
|
-
export const KsColorInformativeInvertedToBg5Base = "#
|
|
566
|
-
export const KsColorInformativeInvertedToBg6Base = "#
|
|
567
|
-
export const KsColorInformativeInvertedToBg7Base = "#
|
|
568
|
-
export const KsColorInformativeInvertedToBg8Base = "#
|
|
569
|
-
export const KsColorInformativeInvertedToBg9Base = "#
|
|
570
|
-
export const KsColorInformativeInvertedToFg1Base = "#
|
|
571
|
-
export const KsColorInformativeInvertedToFg2Base = "#
|
|
572
|
-
export const KsColorInformativeInvertedToFg3Base = "#
|
|
573
|
-
export const KsColorInformativeInvertedToFg4Base = "#
|
|
574
|
-
export const KsColorInformativeInvertedToFg5Base = "#
|
|
575
|
-
export const KsColorInformativeInvertedToFg6Base = "#
|
|
576
|
-
export const KsColorInformativeInvertedToFg7Base = "#
|
|
577
|
-
export const KsColorInformativeInvertedToFg8Base = "#
|
|
578
|
-
export const KsColorInformativeInvertedToFg9Base = "#
|
|
535
|
+
export const KsColorInformativeInvertedToBg1Base = "#006c89";
|
|
536
|
+
export const KsColorInformativeInvertedToBg2Base = "#016380";
|
|
537
|
+
export const KsColorInformativeInvertedToBg3Base = "#015874";
|
|
538
|
+
export const KsColorInformativeInvertedToBg4Base = "#024a66";
|
|
539
|
+
export const KsColorInformativeInvertedToBg5Base = "#033d57";
|
|
540
|
+
export const KsColorInformativeInvertedToBg6Base = "#042f48";
|
|
541
|
+
export const KsColorInformativeInvertedToBg7Base = "#05213a";
|
|
542
|
+
export const KsColorInformativeInvertedToBg8Base = "#05162e";
|
|
543
|
+
export const KsColorInformativeInvertedToBg9Base = "#060d25";
|
|
544
|
+
export const KsColorInformativeInvertedToFg1Base = "#0d7895";
|
|
545
|
+
export const KsColorInformativeInvertedToFg2Base = "#21839e";
|
|
546
|
+
export const KsColorInformativeInvertedToFg3Base = "#3d93aa";
|
|
547
|
+
export const KsColorInformativeInvertedToFg4Base = "#5ea6b8";
|
|
548
|
+
export const KsColorInformativeInvertedToFg5Base = "#80b8c7";
|
|
549
|
+
export const KsColorInformativeInvertedToFg6Base = "#a1cad6";
|
|
550
|
+
export const KsColorInformativeInvertedToFg7Base = "#c2dde4";
|
|
551
|
+
export const KsColorInformativeInvertedToFg8Base = "#deedf0";
|
|
552
|
+
export const KsColorInformativeInvertedToFg9Base = "#f2f8f9";
|
|
579
553
|
export const KsColorNoticeBase = "#f9de55";
|
|
580
554
|
export const KsColorNoticeAlpha1Base = "rgba(249, 222, 85, 0.95)";
|
|
581
555
|
export const KsColorNoticeAlpha2Base = "rgba(249, 222, 85, 0.87)";
|
|
@@ -586,24 +560,24 @@ export const KsColorNoticeAlpha6Base = "rgba(249, 222, 85, 0.37)";
|
|
|
586
560
|
export const KsColorNoticeAlpha7Base = "rgba(249, 222, 85, 0.24)";
|
|
587
561
|
export const KsColorNoticeAlpha8Base = "rgba(249, 222, 85, 0.13)";
|
|
588
562
|
export const KsColorNoticeAlpha9Base = "rgba(249, 222, 85, 0.05)";
|
|
589
|
-
export const KsColorNoticeToBg1Base = "#
|
|
590
|
-
export const KsColorNoticeToBg2Base = "#
|
|
591
|
-
export const KsColorNoticeToBg3Base = "#
|
|
592
|
-
export const KsColorNoticeToBg4Base = "#
|
|
593
|
-
export const KsColorNoticeToBg5Base = "#
|
|
594
|
-
export const KsColorNoticeToBg6Base = "#
|
|
595
|
-
export const KsColorNoticeToBg7Base = "#
|
|
596
|
-
export const KsColorNoticeToBg8Base = "#
|
|
597
|
-
export const KsColorNoticeToBg9Base = "#
|
|
598
|
-
export const KsColorNoticeToFg1Base = "#
|
|
599
|
-
export const KsColorNoticeToFg2Base = "#
|
|
600
|
-
export const KsColorNoticeToFg3Base = "#
|
|
601
|
-
export const KsColorNoticeToFg4Base = "#
|
|
602
|
-
export const KsColorNoticeToFg5Base = "#
|
|
603
|
-
export const KsColorNoticeToFg6Base = "#
|
|
604
|
-
export const KsColorNoticeToFg7Base = "#
|
|
605
|
-
export const KsColorNoticeToFg8Base = "#
|
|
606
|
-
export const KsColorNoticeToFg9Base = "#
|
|
563
|
+
export const KsColorNoticeToBg1Base = "#f9e05e";
|
|
564
|
+
export const KsColorNoticeToBg2Base = "#fae26b";
|
|
565
|
+
export const KsColorNoticeToBg3Base = "#fae67e";
|
|
566
|
+
export const KsColorNoticeToBg4Base = "#fbea94";
|
|
567
|
+
export const KsColorNoticeToBg5Base = "#fcefaa";
|
|
568
|
+
export const KsColorNoticeToBg6Base = "#fdf3c0";
|
|
569
|
+
export const KsColorNoticeToBg7Base = "#fef7d6";
|
|
570
|
+
export const KsColorNoticeToBg8Base = "#fefbe9";
|
|
571
|
+
export const KsColorNoticeToBg9Base = "#fffdf7";
|
|
572
|
+
export const KsColorNoticeToFg1Base = "#edd352";
|
|
573
|
+
export const KsColorNoticeToFg2Base = "#d9c24e";
|
|
574
|
+
export const KsColorNoticeToFg3Base = "#bfab48";
|
|
575
|
+
export const KsColorNoticeToFg4Base = "#9f8f41";
|
|
576
|
+
export const KsColorNoticeToFg5Base = "#80733a";
|
|
577
|
+
export const KsColorNoticeToFg6Base = "#605733";
|
|
578
|
+
export const KsColorNoticeToFg7Base = "#403b2c";
|
|
579
|
+
export const KsColorNoticeToFg8Base = "#262426";
|
|
580
|
+
export const KsColorNoticeToFg9Base = "#121322";
|
|
607
581
|
export const KsColorNoticeInvertedBase = "#ff5d53";
|
|
608
582
|
export const KsColorNoticeInvertedAlpha1Base = "rgba(255, 93, 83, 0.95)";
|
|
609
583
|
export const KsColorNoticeInvertedAlpha2Base = "rgba(255, 93, 83, 0.87)";
|
|
@@ -614,24 +588,24 @@ export const KsColorNoticeInvertedAlpha6Base = "rgba(255, 93, 83, 0.37)";
|
|
|
614
588
|
export const KsColorNoticeInvertedAlpha7Base = "rgba(255, 93, 83, 0.24)";
|
|
615
589
|
export const KsColorNoticeInvertedAlpha8Base = "rgba(255, 93, 83, 0.13)";
|
|
616
590
|
export const KsColorNoticeInvertedAlpha9Base = "rgba(255, 93, 83, 0.05)";
|
|
617
|
-
export const KsColorNoticeInvertedToBg1Base = "#
|
|
618
|
-
export const KsColorNoticeInvertedToBg2Base = "#
|
|
619
|
-
export const KsColorNoticeInvertedToBg3Base = "#
|
|
620
|
-
export const KsColorNoticeInvertedToBg4Base = "#
|
|
621
|
-
export const KsColorNoticeInvertedToBg5Base = "#
|
|
622
|
-
export const KsColorNoticeInvertedToBg6Base = "#
|
|
623
|
-
export const KsColorNoticeInvertedToBg7Base = "#
|
|
624
|
-
export const KsColorNoticeInvertedToBg8Base = "#
|
|
625
|
-
export const KsColorNoticeInvertedToBg9Base = "#
|
|
626
|
-
export const KsColorNoticeInvertedToFg1Base = "#
|
|
627
|
-
export const KsColorNoticeInvertedToFg2Base = "#
|
|
628
|
-
export const KsColorNoticeInvertedToFg3Base = "#
|
|
629
|
-
export const KsColorNoticeInvertedToFg4Base = "#
|
|
630
|
-
export const KsColorNoticeInvertedToFg5Base = "#
|
|
631
|
-
export const KsColorNoticeInvertedToFg6Base = "#
|
|
632
|
-
export const KsColorNoticeInvertedToFg7Base = "#
|
|
633
|
-
export const KsColorNoticeInvertedToFg8Base = "#
|
|
634
|
-
export const KsColorNoticeInvertedToFg9Base = "#
|
|
591
|
+
export const KsColorNoticeInvertedToBg1Base = "#f35950";
|
|
592
|
+
export const KsColorNoticeInvertedToBg2Base = "#df524c";
|
|
593
|
+
export const KsColorNoticeInvertedToBg3Base = "#c34947";
|
|
594
|
+
export const KsColorNoticeInvertedToBg4Base = "#a33e40";
|
|
595
|
+
export const KsColorNoticeInvertedToBg5Base = "#833339";
|
|
596
|
+
export const KsColorNoticeInvertedToBg6Base = "#622732";
|
|
597
|
+
export const KsColorNoticeInvertedToBg7Base = "#421c2b";
|
|
598
|
+
export const KsColorNoticeInvertedToBg8Base = "#261326";
|
|
599
|
+
export const KsColorNoticeInvertedToBg9Base = "#120c22";
|
|
600
|
+
export const KsColorNoticeInvertedToFg1Base = "#ff655c";
|
|
601
|
+
export const KsColorNoticeInvertedToFg2Base = "#ff7269";
|
|
602
|
+
export const KsColorNoticeInvertedToFg3Base = "#ff847c";
|
|
603
|
+
export const KsColorNoticeInvertedToFg4Base = "#ff9993";
|
|
604
|
+
export const KsColorNoticeInvertedToFg5Base = "#ffaea9";
|
|
605
|
+
export const KsColorNoticeInvertedToFg6Base = "#ffc3bf";
|
|
606
|
+
export const KsColorNoticeInvertedToFg7Base = "#ffd8d6";
|
|
607
|
+
export const KsColorNoticeInvertedToFg8Base = "#ffeae9";
|
|
608
|
+
export const KsColorNoticeInvertedToFg9Base = "#fff7f6";
|
|
635
609
|
export const KsColorNegativeBase = "#ff1a57";
|
|
636
610
|
export const KsColorNegativeAlpha1Base = "rgba(255, 26, 87, 0.95)";
|
|
637
611
|
export const KsColorNegativeAlpha2Base = "rgba(255, 26, 87, 0.87)";
|
|
@@ -642,24 +616,24 @@ export const KsColorNegativeAlpha6Base = "rgba(255, 26, 87, 0.37)";
|
|
|
642
616
|
export const KsColorNegativeAlpha7Base = "rgba(255, 26, 87, 0.24)";
|
|
643
617
|
export const KsColorNegativeAlpha8Base = "rgba(255, 26, 87, 0.13)";
|
|
644
618
|
export const KsColorNegativeAlpha9Base = "rgba(255, 26, 87, 0.05)";
|
|
645
|
-
export const KsColorNegativeToBg1Base = "#
|
|
646
|
-
export const KsColorNegativeToBg2Base = "#
|
|
647
|
-
export const KsColorNegativeToBg3Base = "#
|
|
648
|
-
export const KsColorNegativeToBg4Base = "#
|
|
649
|
-
export const KsColorNegativeToBg5Base = "#
|
|
650
|
-
export const KsColorNegativeToBg6Base = "#
|
|
651
|
-
export const KsColorNegativeToBg7Base = "#
|
|
652
|
-
export const KsColorNegativeToBg8Base = "#
|
|
653
|
-
export const KsColorNegativeToBg9Base = "#
|
|
654
|
-
export const KsColorNegativeToFg1Base = "#
|
|
655
|
-
export const KsColorNegativeToFg2Base = "#
|
|
656
|
-
export const KsColorNegativeToFg3Base = "#
|
|
657
|
-
export const KsColorNegativeToFg4Base = "#
|
|
658
|
-
export const KsColorNegativeToFg5Base = "#
|
|
659
|
-
export const KsColorNegativeToFg6Base = "#
|
|
660
|
-
export const KsColorNegativeToFg7Base = "#
|
|
661
|
-
export const KsColorNegativeToFg8Base = "#
|
|
662
|
-
export const KsColorNegativeToFg9Base = "#
|
|
619
|
+
export const KsColorNegativeToBg1Base = "#ff255f";
|
|
620
|
+
export const KsColorNegativeToBg2Base = "#ff386d";
|
|
621
|
+
export const KsColorNegativeToBg3Base = "#ff517f";
|
|
622
|
+
export const KsColorNegativeToBg4Base = "#ff6f95";
|
|
623
|
+
export const KsColorNegativeToBg5Base = "#ff8dab";
|
|
624
|
+
export const KsColorNegativeToBg6Base = "#ffaac1";
|
|
625
|
+
export const KsColorNegativeToBg7Base = "#ffc8d7";
|
|
626
|
+
export const KsColorNegativeToBg8Base = "#ffe1e9";
|
|
627
|
+
export const KsColorNegativeToBg9Base = "#fff4f7";
|
|
628
|
+
export const KsColorNegativeToFg1Base = "#f31954";
|
|
629
|
+
export const KsColorNegativeToFg2Base = "#df1850";
|
|
630
|
+
export const KsColorNegativeToFg3Base = "#c3164a";
|
|
631
|
+
export const KsColorNegativeToFg4Base = "#a31342";
|
|
632
|
+
export const KsColorNegativeToFg5Base = "#83113b";
|
|
633
|
+
export const KsColorNegativeToFg6Base = "#620f34";
|
|
634
|
+
export const KsColorNegativeToFg7Base = "#420c2c";
|
|
635
|
+
export const KsColorNegativeToFg8Base = "#260a26";
|
|
636
|
+
export const KsColorNegativeToFg9Base = "#120922";
|
|
663
637
|
export const KsColorNegativeInvertedBase = "#d21d48";
|
|
664
638
|
export const KsColorNegativeInvertedAlpha1Base = "rgba(210, 29, 72, 0.95)";
|
|
665
639
|
export const KsColorNegativeInvertedAlpha2Base = "rgba(210, 29, 72, 0.87)";
|
|
@@ -670,221 +644,159 @@ export const KsColorNegativeInvertedAlpha6Base = "rgba(210, 29, 72, 0.37)";
|
|
|
670
644
|
export const KsColorNegativeInvertedAlpha7Base = "rgba(210, 29, 72, 0.24)";
|
|
671
645
|
export const KsColorNegativeInvertedAlpha8Base = "rgba(210, 29, 72, 0.13)";
|
|
672
646
|
export const KsColorNegativeInvertedAlpha9Base = "rgba(210, 29, 72, 0.05)";
|
|
673
|
-
export const KsColorNegativeInvertedToBg1Base = "#
|
|
674
|
-
export const KsColorNegativeInvertedToBg2Base = "#
|
|
675
|
-
export const KsColorNegativeInvertedToBg3Base = "#
|
|
676
|
-
export const KsColorNegativeInvertedToBg4Base = "#
|
|
677
|
-
export const KsColorNegativeInvertedToBg5Base = "#
|
|
678
|
-
export const KsColorNegativeInvertedToBg6Base = "#
|
|
679
|
-
export const KsColorNegativeInvertedToBg7Base = "#
|
|
680
|
-
export const KsColorNegativeInvertedToBg8Base = "#
|
|
681
|
-
export const KsColorNegativeInvertedToBg9Base = "#
|
|
682
|
-
export const KsColorNegativeInvertedToFg1Base = "#
|
|
683
|
-
export const KsColorNegativeInvertedToFg2Base = "#
|
|
684
|
-
export const KsColorNegativeInvertedToFg3Base = "#
|
|
685
|
-
export const KsColorNegativeInvertedToFg4Base = "#
|
|
686
|
-
export const KsColorNegativeInvertedToFg5Base = "#
|
|
687
|
-
export const KsColorNegativeInvertedToFg6Base = "#
|
|
688
|
-
export const KsColorNegativeInvertedToFg7Base = "#
|
|
689
|
-
export const KsColorNegativeInvertedToFg8Base = "#
|
|
690
|
-
export const KsColorNegativeInvertedToFg9Base = "#
|
|
691
|
-
export const KsColorSecondaryBase = "#4d25ef";
|
|
692
|
-
export const KsColorSecondaryAlpha1Base = "rgba(77, 37, 239, 0.95)";
|
|
693
|
-
export const KsColorSecondaryAlpha2Base = "rgba(77, 37, 239, 0.87)";
|
|
694
|
-
export const KsColorSecondaryAlpha3Base = "rgba(77, 37, 239, 0.76)";
|
|
695
|
-
export const KsColorSecondaryAlpha4Base = "rgba(77, 37, 239, 0.63)";
|
|
696
|
-
export const KsColorSecondaryAlpha5Base = "rgba(77, 37, 239, 0.5)";
|
|
697
|
-
export const KsColorSecondaryAlpha6Base = "rgba(77, 37, 239, 0.37)";
|
|
698
|
-
export const KsColorSecondaryAlpha7Base = "rgba(77, 37, 239, 0.24)";
|
|
699
|
-
export const KsColorSecondaryAlpha8Base = "rgba(77, 37, 239, 0.13)";
|
|
700
|
-
export const KsColorSecondaryAlpha9Base = "rgba(77, 37, 239, 0.05)";
|
|
701
|
-
export const KsColorSecondaryToBg1Base = "#4924e5";
|
|
702
|
-
export const KsColorSecondaryToBg2Base = "#4421d4";
|
|
703
|
-
export const KsColorSecondaryToBg3Base = "#3c1ebd";
|
|
704
|
-
export const KsColorSecondaryToBg4Base = "#331aa2";
|
|
705
|
-
export const KsColorSecondaryToBg5Base = "#2a1787";
|
|
706
|
-
export const KsColorSecondaryToBg6Base = "#20136c";
|
|
707
|
-
export const KsColorSecondaryToBg7Base = "#170f51";
|
|
708
|
-
export const KsColorSecondaryToBg8Base = "#0f0c3a";
|
|
709
|
-
export const KsColorSecondaryToBg9Base = "#0a0929";
|
|
710
|
-
export const KsColorSecondaryToFg1Base = "#5630f0";
|
|
711
|
-
export const KsColorSecondaryToFg2Base = "#6441f1";
|
|
712
|
-
export const KsColorSecondaryToFg3Base = "#7859f3";
|
|
713
|
-
export const KsColorSecondaryToFg4Base = "#8f76f5";
|
|
714
|
-
export const KsColorSecondaryToFg5Base = "#a692f7";
|
|
715
|
-
export const KsColorSecondaryToFg6Base = "#bdaef9";
|
|
716
|
-
export const KsColorSecondaryToFg7Base = "#d4cbfb";
|
|
717
|
-
export const KsColorSecondaryToFg8Base = "#e8e3fd";
|
|
718
|
-
export const KsColorSecondaryToFg9Base = "#f6f4fe";
|
|
719
|
-
export const KsColorSecondaryInvertedBase = "#e21879";
|
|
720
|
-
export const KsColorSecondaryInvertedAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
721
|
-
export const KsColorSecondaryInvertedAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
722
|
-
export const KsColorSecondaryInvertedAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
723
|
-
export const KsColorSecondaryInvertedAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
724
|
-
export const KsColorSecondaryInvertedAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
725
|
-
export const KsColorSecondaryInvertedAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
726
|
-
export const KsColorSecondaryInvertedAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
727
|
-
export const KsColorSecondaryInvertedAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
728
|
-
export const KsColorSecondaryInvertedAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
729
|
-
export const KsColorSecondaryInvertedToBg1Base = "#e3237f";
|
|
730
|
-
export const KsColorSecondaryInvertedToBg2Base = "#e43489";
|
|
731
|
-
export const KsColorSecondaryInvertedToBg3Base = "#e64c96";
|
|
732
|
-
export const KsColorSecondaryInvertedToBg4Base = "#e868a6";
|
|
733
|
-
export const KsColorSecondaryInvertedToBg5Base = "#ea85b6";
|
|
734
|
-
export const KsColorSecondaryInvertedToBg6Base = "#eba1c6";
|
|
735
|
-
export const KsColorSecondaryInvertedToBg7Base = "#edbdd6";
|
|
736
|
-
export const KsColorSecondaryInvertedToBg8Base = "#efd5e3";
|
|
737
|
-
export const KsColorSecondaryInvertedToBg9Base = "#f0e6ed";
|
|
738
|
-
export const KsColorSecondaryInvertedToFg1Base = "#d71775";
|
|
739
|
-
export const KsColorSecondaryInvertedToFg2Base = "#c5166d";
|
|
740
|
-
export const KsColorSecondaryInvertedToFg3Base = "#ad1463";
|
|
741
|
-
export const KsColorSecondaryInvertedToFg4Base = "#911258";
|
|
742
|
-
export const KsColorSecondaryInvertedToFg5Base = "#74104c";
|
|
743
|
-
export const KsColorSecondaryInvertedToFg6Base = "#570e40";
|
|
744
|
-
export const KsColorSecondaryInvertedToFg7Base = "#3b0c35";
|
|
745
|
-
export const KsColorSecondaryInvertedToFg8Base = "#230a2b";
|
|
746
|
-
export const KsColorSecondaryInvertedToFg9Base = "#110924";
|
|
647
|
+
export const KsColorNegativeInvertedToBg1Base = "#c81c46";
|
|
648
|
+
export const KsColorNegativeInvertedToBg2Base = "#b71a43";
|
|
649
|
+
export const KsColorNegativeInvertedToBg3Base = "#a1183e";
|
|
650
|
+
export const KsColorNegativeInvertedToBg4Base = "#871539";
|
|
651
|
+
export const KsColorNegativeInvertedToBg5Base = "#6c1334";
|
|
652
|
+
export const KsColorNegativeInvertedToBg6Base = "#51102e";
|
|
653
|
+
export const KsColorNegativeInvertedToBg7Base = "#370d29";
|
|
654
|
+
export const KsColorNegativeInvertedToBg8Base = "#210b24";
|
|
655
|
+
export const KsColorNegativeInvertedToBg9Base = "#100921";
|
|
656
|
+
export const KsColorNegativeInvertedToFg1Base = "#d42851";
|
|
657
|
+
export const KsColorNegativeInvertedToFg2Base = "#d83a60";
|
|
658
|
+
export const KsColorNegativeInvertedToFg3Base = "#dd5374";
|
|
659
|
+
export const KsColorNegativeInvertedToFg4Base = "#e3718c";
|
|
660
|
+
export const KsColorNegativeInvertedToFg5Base = "#e98ea4";
|
|
661
|
+
export const KsColorNegativeInvertedToFg6Base = "#eeabbb";
|
|
662
|
+
export const KsColorNegativeInvertedToFg7Base = "#f4c9d3";
|
|
663
|
+
export const KsColorNegativeInvertedToFg8Base = "#f9e2e7";
|
|
664
|
+
export const KsColorNegativeInvertedToFg9Base = "#fdf4f6";
|
|
747
665
|
export const KsDepthModal = "1000";
|
|
748
|
-
export const KsSpacingXxs = "0.
|
|
749
|
-
export const KsSpacingXxsBase = "0.
|
|
666
|
+
export const KsSpacingXxs = "0.3366rem";
|
|
667
|
+
export const KsSpacingXxsBase = "0.3366rem";
|
|
750
668
|
export const KsSpacingXxsBpFactorPhone = "1.225";
|
|
751
669
|
export const KsSpacingXxsBpFactorTablet = "1.5006";
|
|
752
670
|
export const KsSpacingXxsBpFactorLaptop = "1.8383";
|
|
753
671
|
export const KsSpacingXxsBpFactorDesktop = "2.2519";
|
|
754
|
-
export const
|
|
755
|
-
export const
|
|
756
|
-
export const
|
|
757
|
-
export const KsSpacingXsBase = "0.4309rem";
|
|
672
|
+
export const KsSpacingXxsBpFactorTv = "2.7585";
|
|
673
|
+
export const KsSpacingXs = "0.4628rem";
|
|
674
|
+
export const KsSpacingXsBase = "0.4628rem";
|
|
758
675
|
export const KsSpacingXsBpFactorPhone = "1.225";
|
|
759
676
|
export const KsSpacingXsBpFactorTablet = "1.5006";
|
|
760
677
|
export const KsSpacingXsBpFactorLaptop = "1.8383";
|
|
761
678
|
export const KsSpacingXsBpFactorDesktop = "2.2519";
|
|
762
|
-
export const
|
|
763
|
-
export const
|
|
764
|
-
export const
|
|
765
|
-
export const KsSpacingSBase = "0.614rem";
|
|
679
|
+
export const KsSpacingXsBpFactorTv = "2.7585";
|
|
680
|
+
export const KsSpacingS = "0.6364rem";
|
|
681
|
+
export const KsSpacingSBase = "0.6364rem";
|
|
766
682
|
export const KsSpacingSBpFactorPhone = "1.225";
|
|
767
683
|
export const KsSpacingSBpFactorTablet = "1.5006";
|
|
768
684
|
export const KsSpacingSBpFactorLaptop = "1.8383";
|
|
769
685
|
export const KsSpacingSBpFactorDesktop = "2.2519";
|
|
770
|
-
export const
|
|
771
|
-
export const KsSpacingSBpFactorTv = "3";
|
|
686
|
+
export const KsSpacingSBpFactorTv = "2.7585";
|
|
772
687
|
export const KsSpacingM = "0.875rem";
|
|
773
688
|
export const KsSpacingMBase = "0.875rem";
|
|
774
689
|
export const KsSpacingMBpFactorPhone = "1.225";
|
|
775
690
|
export const KsSpacingMBpFactorTablet = "1.5006";
|
|
776
691
|
export const KsSpacingMBpFactorLaptop = "1.8383";
|
|
777
692
|
export const KsSpacingMBpFactorDesktop = "2.2519";
|
|
778
|
-
export const
|
|
779
|
-
export const
|
|
780
|
-
export const
|
|
781
|
-
export const KsSpacingLBase = "1.2469rem";
|
|
693
|
+
export const KsSpacingMBpFactorTv = "2.7585";
|
|
694
|
+
export const KsSpacingL = "1.2031rem";
|
|
695
|
+
export const KsSpacingLBase = "1.2031rem";
|
|
782
696
|
export const KsSpacingLBpFactorPhone = "1.225";
|
|
783
697
|
export const KsSpacingLBpFactorTablet = "1.5006";
|
|
784
698
|
export const KsSpacingLBpFactorLaptop = "1.8383";
|
|
785
699
|
export const KsSpacingLBpFactorDesktop = "2.2519";
|
|
786
|
-
export const
|
|
787
|
-
export const
|
|
788
|
-
export const
|
|
789
|
-
export const KsSpacingXlBase = "1.7768rem";
|
|
700
|
+
export const KsSpacingLBpFactorTv = "2.7585";
|
|
701
|
+
export const KsSpacingXl = "1.6543rem";
|
|
702
|
+
export const KsSpacingXlBase = "1.6543rem";
|
|
790
703
|
export const KsSpacingXlBpFactorPhone = "1.225";
|
|
791
704
|
export const KsSpacingXlBpFactorTablet = "1.5006";
|
|
792
705
|
export const KsSpacingXlBpFactorLaptop = "1.8383";
|
|
793
706
|
export const KsSpacingXlBpFactorDesktop = "2.2519";
|
|
794
|
-
export const KsSpacingXlBpFactorTv = "2.
|
|
795
|
-
export const KsSpacingXxl = "2.
|
|
796
|
-
export const KsSpacingXxlBase = "2.
|
|
707
|
+
export const KsSpacingXlBpFactorTv = "2.7585";
|
|
708
|
+
export const KsSpacingXxl = "2.2747rem";
|
|
709
|
+
export const KsSpacingXxlBase = "2.2747rem";
|
|
797
710
|
export const KsSpacingXxlBpFactorPhone = "1.225";
|
|
798
711
|
export const KsSpacingXxlBpFactorTablet = "1.5006";
|
|
799
712
|
export const KsSpacingXxlBpFactorLaptop = "1.8383";
|
|
800
713
|
export const KsSpacingXxlBpFactorDesktop = "2.2519";
|
|
801
|
-
export const
|
|
802
|
-
export const
|
|
803
|
-
export const
|
|
804
|
-
export const KsSpacingStackS = "0.614rem";
|
|
714
|
+
export const KsSpacingXxlBpFactorTv = "2.7585";
|
|
715
|
+
export const KsSpacingStackXs = "0.4628rem";
|
|
716
|
+
export const KsSpacingStackS = "0.6364rem";
|
|
805
717
|
export const KsSpacingStackM = "0.875rem";
|
|
806
|
-
export const KsSpacingStackL = "1.
|
|
807
|
-
export const KsSpacingStackXl = "1.
|
|
808
|
-
export const KsSpacingInlineXs = "0.
|
|
809
|
-
export const KsSpacingInlineS = "0.
|
|
718
|
+
export const KsSpacingStackL = "1.2031rem";
|
|
719
|
+
export const KsSpacingStackXl = "1.6543rem";
|
|
720
|
+
export const KsSpacingInlineXs = "0.4628rem";
|
|
721
|
+
export const KsSpacingInlineS = "0.6364rem";
|
|
810
722
|
export const KsSpacingInlineM = "0.875rem";
|
|
811
|
-
export const KsSpacingInlineL = "1.
|
|
812
|
-
export const KsSpacingInlineXl = "1.
|
|
813
|
-
export const KsSpacingInsetXs = "0.
|
|
814
|
-
export const KsSpacingInsetS = "0.
|
|
723
|
+
export const KsSpacingInlineL = "1.2031rem";
|
|
724
|
+
export const KsSpacingInlineXl = "1.6543rem";
|
|
725
|
+
export const KsSpacingInsetXs = "0.4628rem";
|
|
726
|
+
export const KsSpacingInsetS = "0.6364rem";
|
|
815
727
|
export const KsSpacingInsetM = "0.875rem";
|
|
816
|
-
export const KsSpacingInsetL = "1.
|
|
817
|
-
export const KsSpacingInsetXl = "1.
|
|
818
|
-
export const KsSpacingInsetSquishXs = "0.
|
|
819
|
-
export const KsSpacingInsetSquishS = "0.
|
|
820
|
-
export const KsSpacingInsetSquishM = "0.
|
|
821
|
-
export const KsSpacingInsetSquishL = "0.875rem 1.
|
|
822
|
-
export const KsSpacingInsetSquishXl = "1.
|
|
823
|
-
export const KsSpacingInsetStretchXs = "0.
|
|
824
|
-
export const KsSpacingInsetStretchS = "0.875rem 0.
|
|
825
|
-
export const KsSpacingInsetStretchM = "1.
|
|
826
|
-
export const KsSpacingInsetStretchL = "1.
|
|
827
|
-
export const KsSpacingInsetStretchXl = "2.
|
|
828
|
-
export const KsTextColorDefaultBase = "#
|
|
829
|
-
export const KsTextColorDefaultInteractiveBase = "#
|
|
830
|
-
export const KsTextColorDefaultInteractiveHoverBase = "#
|
|
831
|
-
export const KsTextColorDefaultInteractiveActiveBase = "#
|
|
832
|
-
export const KsTextColorDefaultInteractiveSelectedBase = "#
|
|
833
|
-
export const KsTextColorDefaultInvertedBase = "#
|
|
834
|
-
export const KsTextColorDefaultInvertedInteractiveBase = "#
|
|
835
|
-
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#
|
|
836
|
-
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#
|
|
837
|
-
export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#
|
|
838
|
-
export const KsTextColorCopyBase = "rgba(
|
|
839
|
-
export const KsTextColorCopyInteractiveBase = "#
|
|
840
|
-
export const KsTextColorCopyInteractiveHoverBase = "#
|
|
841
|
-
export const KsTextColorCopyInteractiveActiveBase = "#
|
|
842
|
-
export const KsTextColorCopyInteractiveSelectedBase = "#
|
|
843
|
-
export const KsTextColorCopyInvertedBase = "rgba(
|
|
844
|
-
export const KsTextColorCopyInvertedInteractiveBase = "#
|
|
845
|
-
export const KsTextColorCopyInvertedInteractiveHoverBase = "#
|
|
846
|
-
export const KsTextColorCopyInvertedInteractiveActiveBase = "#
|
|
847
|
-
export const KsTextColorCopyInvertedInteractiveSelectedBase = "#
|
|
848
|
-
export const KsTextColorDisplayBase = "#
|
|
849
|
-
export const KsTextColorDisplayInteractiveBase = "#
|
|
850
|
-
export const KsTextColorDisplayInteractiveHoverBase = "#
|
|
851
|
-
export const KsTextColorDisplayInteractiveActiveBase = "#
|
|
852
|
-
export const KsTextColorDisplayInteractiveSelectedBase = "#
|
|
853
|
-
export const KsTextColorDisplayInvertedBase = "#
|
|
854
|
-
export const KsTextColorDisplayInvertedInteractiveBase = "#
|
|
855
|
-
export const KsTextColorDisplayInvertedInteractiveHoverBase = "#
|
|
856
|
-
export const KsTextColorDisplayInvertedInteractiveActiveBase = "#
|
|
857
|
-
export const KsTextColorDisplayInvertedInteractiveSelectedBase = "#
|
|
858
|
-
export const KsTextColorInterfaceBase = "rgba(
|
|
859
|
-
export const KsTextColorInterfaceInteractiveBase = "rgba(
|
|
860
|
-
export const KsTextColorInterfaceInteractiveHoverBase = "#
|
|
861
|
-
export const KsTextColorInterfaceInteractiveActiveBase = "#
|
|
862
|
-
export const KsTextColorInterfaceInteractiveSelectedBase = "#
|
|
863
|
-
export const KsTextColorInterfaceInvertedBase = "rgba(
|
|
864
|
-
export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(
|
|
865
|
-
export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#
|
|
866
|
-
export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#
|
|
867
|
-
export const KsTextColorInterfaceInvertedInteractiveSelectedBase = "#
|
|
868
|
-
export const KsTextColorCardBase = "rgba(
|
|
869
|
-
export const KsTextColorCardInteractiveBase = "#
|
|
728
|
+
export const KsSpacingInsetL = "1.2031rem";
|
|
729
|
+
export const KsSpacingInsetXl = "1.6543rem";
|
|
730
|
+
export const KsSpacingInsetSquishXs = "0.3366rem 0.4628rem";
|
|
731
|
+
export const KsSpacingInsetSquishS = "0.4628rem 0.6364rem";
|
|
732
|
+
export const KsSpacingInsetSquishM = "0.6364rem 0.875rem";
|
|
733
|
+
export const KsSpacingInsetSquishL = "0.875rem 1.2031rem";
|
|
734
|
+
export const KsSpacingInsetSquishXl = "1.2031rem 1.6543rem";
|
|
735
|
+
export const KsSpacingInsetStretchXs = "0.6364rem 0.4628rem";
|
|
736
|
+
export const KsSpacingInsetStretchS = "0.875rem 0.6364rem";
|
|
737
|
+
export const KsSpacingInsetStretchM = "1.2031rem 0.875rem";
|
|
738
|
+
export const KsSpacingInsetStretchL = "1.6543rem 1.2031rem";
|
|
739
|
+
export const KsSpacingInsetStretchXl = "2.2747rem 1.6543rem";
|
|
740
|
+
export const KsTextColorDefaultBase = "#06081f";
|
|
741
|
+
export const KsTextColorDefaultInteractiveBase = "#3065c0";
|
|
742
|
+
export const KsTextColorDefaultInteractiveHoverBase = "#3065c0";
|
|
743
|
+
export const KsTextColorDefaultInteractiveActiveBase = "#3065c0";
|
|
744
|
+
export const KsTextColorDefaultInteractiveSelectedBase = "#3065c0";
|
|
745
|
+
export const KsTextColorDefaultInvertedBase = "#ffffff";
|
|
746
|
+
export const KsTextColorDefaultInvertedInteractiveBase = "#3065c0";
|
|
747
|
+
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#3065c0";
|
|
748
|
+
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#3065c0";
|
|
749
|
+
export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#3065c0";
|
|
750
|
+
export const KsTextColorCopyBase = "rgba(6, 8, 31, 0.76)";
|
|
751
|
+
export const KsTextColorCopyInteractiveBase = "#3065c0";
|
|
752
|
+
export const KsTextColorCopyInteractiveHoverBase = "#2b59ab";
|
|
753
|
+
export const KsTextColorCopyInteractiveActiveBase = "#264f99";
|
|
754
|
+
export const KsTextColorCopyInteractiveSelectedBase = "#264f99";
|
|
755
|
+
export const KsTextColorCopyInvertedBase = "rgba(255, 255, 255, 0.76)";
|
|
756
|
+
export const KsTextColorCopyInvertedInteractiveBase = "#3065c0";
|
|
757
|
+
export const KsTextColorCopyInvertedInteractiveHoverBase = "#4b79c8";
|
|
758
|
+
export const KsTextColorCopyInvertedInteractiveActiveBase = "#4b79c8";
|
|
759
|
+
export const KsTextColorCopyInvertedInteractiveSelectedBase = "#4b79c8";
|
|
760
|
+
export const KsTextColorDisplayBase = "#06081f";
|
|
761
|
+
export const KsTextColorDisplayInteractiveBase = "#3065c0";
|
|
762
|
+
export const KsTextColorDisplayInteractiveHoverBase = "#2b59ab";
|
|
763
|
+
export const KsTextColorDisplayInteractiveActiveBase = "#264f99";
|
|
764
|
+
export const KsTextColorDisplayInteractiveSelectedBase = "#264f99";
|
|
765
|
+
export const KsTextColorDisplayInvertedBase = "#ffffff";
|
|
766
|
+
export const KsTextColorDisplayInvertedInteractiveBase = "#3065c0";
|
|
767
|
+
export const KsTextColorDisplayInvertedInteractiveHoverBase = "#4b79c8";
|
|
768
|
+
export const KsTextColorDisplayInvertedInteractiveActiveBase = "#4b79c8";
|
|
769
|
+
export const KsTextColorDisplayInvertedInteractiveSelectedBase = "#4b79c8";
|
|
770
|
+
export const KsTextColorInterfaceBase = "rgba(6, 8, 31, 0.63)";
|
|
771
|
+
export const KsTextColorInterfaceInteractiveBase = "rgba(6, 8, 31, 0.76)";
|
|
772
|
+
export const KsTextColorInterfaceInteractiveHoverBase = "#06081f";
|
|
773
|
+
export const KsTextColorInterfaceInteractiveActiveBase = "#06081f";
|
|
774
|
+
export const KsTextColorInterfaceInteractiveSelectedBase = "#06081f";
|
|
775
|
+
export const KsTextColorInterfaceInvertedBase = "rgba(255, 255, 255, 0.63)";
|
|
776
|
+
export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(255, 255, 255, 0.76)";
|
|
777
|
+
export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#ffffff";
|
|
778
|
+
export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#ffffff";
|
|
779
|
+
export const KsTextColorInterfaceInvertedInteractiveSelectedBase = "#ffffff";
|
|
780
|
+
export const KsTextColorCardBase = "rgba(6, 8, 31, 0.87)";
|
|
781
|
+
export const KsTextColorCardInteractiveBase = "#06081f";
|
|
870
782
|
export const KsTextColorCardInteractiveHoverBase = "#000000";
|
|
871
783
|
export const KsTextColorCardInteractiveActiveBase = "#000000";
|
|
872
784
|
export const KsTextColorCardInteractiveSelectedBase = "#000000";
|
|
873
|
-
export const KsTextColorCardInvertedBase = "rgba(
|
|
874
|
-
export const KsTextColorCardInvertedInteractiveBase = "#
|
|
875
|
-
export const KsTextColorCardInvertedInteractiveHoverBase = "#
|
|
876
|
-
export const KsTextColorCardInvertedInteractiveActiveBase = "#
|
|
877
|
-
export const KsTextColorCardInvertedInteractiveSelectedBase = "#
|
|
878
|
-
export const KsTextColorPrimaryBase = "#
|
|
879
|
-
export const KsTextColorPrimaryInteractiveBase = "#
|
|
880
|
-
export const KsTextColorPrimaryInteractiveHoverBase = "rgba(
|
|
881
|
-
export const KsTextColorPrimaryInteractiveActiveBase = "rgba(
|
|
882
|
-
export const KsTextColorPrimaryInteractiveSelectedBase = "rgba(
|
|
883
|
-
export const KsTextColorPrimaryInvertedBase = "#
|
|
884
|
-
export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(
|
|
885
|
-
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(
|
|
886
|
-
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(
|
|
887
|
-
export const KsTextColorPrimaryInvertedInteractiveSelectedBase = "rgba(
|
|
785
|
+
export const KsTextColorCardInvertedBase = "rgba(255, 255, 255, 0.87)";
|
|
786
|
+
export const KsTextColorCardInvertedInteractiveBase = "#ffffff";
|
|
787
|
+
export const KsTextColorCardInvertedInteractiveHoverBase = "#ffffff";
|
|
788
|
+
export const KsTextColorCardInvertedInteractiveActiveBase = "#ffffff";
|
|
789
|
+
export const KsTextColorCardInvertedInteractiveSelectedBase = "#ffffff";
|
|
790
|
+
export const KsTextColorPrimaryBase = "#3065c0";
|
|
791
|
+
export const KsTextColorPrimaryInteractiveBase = "#3065c0";
|
|
792
|
+
export const KsTextColorPrimaryInteractiveHoverBase = "rgba(48, 101, 192, 0.87)";
|
|
793
|
+
export const KsTextColorPrimaryInteractiveActiveBase = "rgba(48, 101, 192, 0.87)";
|
|
794
|
+
export const KsTextColorPrimaryInteractiveSelectedBase = "rgba(48, 101, 192, 0.87)";
|
|
795
|
+
export const KsTextColorPrimaryInvertedBase = "#3065c0";
|
|
796
|
+
export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(48, 101, 192, 0.87)";
|
|
797
|
+
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(48, 101, 192, 0.87)";
|
|
798
|
+
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(48, 101, 192, 0.87)";
|
|
799
|
+
export const KsTextColorPrimaryInvertedInteractiveSelectedBase = "rgba(48, 101, 192, 0.87)";
|
|
888
800
|
export const KsTextColorPositiveBase = "#6edb64";
|
|
889
801
|
export const KsTextColorPositiveInteractiveBase = "#6edb64";
|
|
890
802
|
export const KsTextColorPositiveInteractiveHoverBase = "rgba(110, 219, 100, 0.87)";
|
|
@@ -925,16 +837,6 @@ export const KsTextColorNegativeInvertedInteractiveBase = "rgba(210, 29, 72, 0.8
|
|
|
925
837
|
export const KsTextColorNegativeInvertedInteractiveHoverBase = "rgba(210, 29, 72, 0.87)";
|
|
926
838
|
export const KsTextColorNegativeInvertedInteractiveActiveBase = "rgba(210, 29, 72, 0.87)";
|
|
927
839
|
export const KsTextColorNegativeInvertedInteractiveSelectedBase = "rgba(210, 29, 72, 0.87)";
|
|
928
|
-
export const KsTextColorSecondaryBase = "#4d25ef";
|
|
929
|
-
export const KsTextColorSecondaryInteractiveBase = "#4d25ef";
|
|
930
|
-
export const KsTextColorSecondaryInteractiveHoverBase = "rgba(77, 37, 239, 0.87)";
|
|
931
|
-
export const KsTextColorSecondaryInteractiveActiveBase = "rgba(77, 37, 239, 0.87)";
|
|
932
|
-
export const KsTextColorSecondaryInteractiveSelectedBase = "rgba(77, 37, 239, 0.87)";
|
|
933
|
-
export const KsTextColorSecondaryInvertedBase = "#e21879";
|
|
934
|
-
export const KsTextColorSecondaryInvertedInteractiveBase = "rgba(226, 24, 121, 0.87)";
|
|
935
|
-
export const KsTextColorSecondaryInvertedInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
|
|
936
|
-
export const KsTextColorSecondaryInvertedInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
|
|
937
|
-
export const KsTextColorSecondaryInvertedInteractiveSelectedBase = "rgba(226, 24, 121, 0.87)";
|
|
938
840
|
export const KsDurationImmediate = "50ms";
|
|
939
841
|
export const KsDurationFast = "100ms";
|
|
940
842
|
export const KsDurationMedium = "150ms";
|
|
@@ -946,22 +848,19 @@ export const KsTimingFunctionEaseInOut = "ease-in-out";
|
|
|
946
848
|
export const KsTimingFunctionLinear = "linear";
|
|
947
849
|
export const KsTransitionCollapse = "300ms ease-out";
|
|
948
850
|
export const KsTransitionHover = "100ms ease-in-out";
|
|
949
|
-
export const KsTransitionFade = "
|
|
950
|
-
export const KsFontFamilyDisplay = "
|
|
951
|
-
export const KsFontFamilyCopy = "
|
|
952
|
-
export const KsFontFamilyInterface = "
|
|
851
|
+
export const KsTransitionFade = "300ms ease-out";
|
|
852
|
+
export const KsFontFamilyDisplay = "Inter, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";
|
|
853
|
+
export const KsFontFamilyCopy = "system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif";
|
|
854
|
+
export const KsFontFamilyInterface = "system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif";
|
|
953
855
|
export const KsFontFamilyMono = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
|
|
954
856
|
export const KsFontWeightLight = 300;
|
|
955
857
|
export const KsFontWeightRegular = 400;
|
|
956
|
-
export const
|
|
957
|
-
export const KsFontWeightSemiBold = 600;
|
|
858
|
+
export const KsFontWeightSemiBold = 500;
|
|
958
859
|
export const KsFontWeightBold = 700;
|
|
959
860
|
export const KsFontSizeDisplayBpFactorPhone = 1.125;
|
|
960
|
-
export const KsFontSizeDisplayBpFactorTablet = 1.
|
|
961
|
-
export const KsFontSizeDisplayBpFactorLaptop = 1.
|
|
962
|
-
export const KsFontSizeDisplayBpFactorDesktop = 1.
|
|
963
|
-
export const KsFontSizeDisplayBpFactorWidescreen = 2.25;
|
|
964
|
-
export const KsFontSizeDisplayBpFactorTv = 2.75;
|
|
861
|
+
export const KsFontSizeDisplayBpFactorTablet = 1.25;
|
|
862
|
+
export const KsFontSizeDisplayBpFactorLaptop = 1.35;
|
|
863
|
+
export const KsFontSizeDisplayBpFactorDesktop = 1.5;
|
|
965
864
|
export const KsFontSizeDisplayXxsBase = "0.68rem";
|
|
966
865
|
export const KsFontSizeDisplayXsBase = "0.833rem";
|
|
967
866
|
export const KsFontSizeDisplaySBase = "1.0204rem";
|
|
@@ -970,18 +869,14 @@ export const KsFontSizeDisplayLBase = "1.5313rem";
|
|
|
970
869
|
export const KsFontSizeDisplayXlBase = "1.8758rem";
|
|
971
870
|
export const KsFontSizeDisplayXxlBase = "2.2978rem";
|
|
972
871
|
export const KsFontSizeCopyBpFactorTablet = 1.125;
|
|
973
|
-
export const
|
|
974
|
-
export const
|
|
975
|
-
export const
|
|
976
|
-
export const
|
|
977
|
-
export const
|
|
978
|
-
export const
|
|
979
|
-
export const
|
|
980
|
-
export const KsFontSizeCopyXlBase = "1.6882rem";
|
|
981
|
-
export const KsFontSizeCopyXxlBase = "2.068rem";
|
|
872
|
+
export const KsFontSizeCopyXxsBase = "0.544rem";
|
|
873
|
+
export const KsFontSizeCopyXsBase = "0.6664rem";
|
|
874
|
+
export const KsFontSizeCopySBase = "0.8163rem";
|
|
875
|
+
export const KsFontSizeCopyMBase = "1rem";
|
|
876
|
+
export const KsFontSizeCopyLBase = "1.225rem";
|
|
877
|
+
export const KsFontSizeCopyXlBase = "1.5006rem";
|
|
878
|
+
export const KsFontSizeCopyXxlBase = "1.8383rem";
|
|
982
879
|
export const KsFontSizeInterfaceBpFactorTablet = 1.125;
|
|
983
|
-
export const KsFontSizeInterfaceBpFactorWidescreen = 1.35;
|
|
984
|
-
export const KsFontSizeInterfaceBpFactorTv = 1.65;
|
|
985
880
|
export const KsFontSizeInterfaceXxsBase = "0.544rem";
|
|
986
881
|
export const KsFontSizeInterfaceXsBase = "0.6664rem";
|
|
987
882
|
export const KsFontSizeInterfaceSBase = "0.8163rem";
|
|
@@ -990,15 +885,13 @@ export const KsFontSizeInterfaceLBase = "1.225rem";
|
|
|
990
885
|
export const KsFontSizeInterfaceXlBase = "1.5006rem";
|
|
991
886
|
export const KsFontSizeInterfaceXxlBase = "1.8383rem";
|
|
992
887
|
export const KsFontSizeMonoBpFactorTablet = 1.125;
|
|
993
|
-
export const
|
|
994
|
-
export const
|
|
995
|
-
export const
|
|
996
|
-
export const
|
|
997
|
-
export const
|
|
998
|
-
export const
|
|
999
|
-
export const
|
|
1000
|
-
export const KsFontSizeMonoXlBase = "1.6882rem";
|
|
1001
|
-
export const KsFontSizeMonoXxlBase = "2.068rem";
|
|
888
|
+
export const KsFontSizeMonoXxsBase = "0.544rem";
|
|
889
|
+
export const KsFontSizeMonoXsBase = "0.6664rem";
|
|
890
|
+
export const KsFontSizeMonoSBase = "0.8163rem";
|
|
891
|
+
export const KsFontSizeMonoMBase = "1rem";
|
|
892
|
+
export const KsFontSizeMonoLBase = "1.225rem";
|
|
893
|
+
export const KsFontSizeMonoXlBase = "1.5006rem";
|
|
894
|
+
export const KsFontSizeMonoXxlBase = "1.8383rem";
|
|
1002
895
|
export const KsLineHeightDisplayXxs = 1.15;
|
|
1003
896
|
export const KsLineHeightDisplayXs = 1.15;
|
|
1004
897
|
export const KsLineHeightDisplayS = 1.15;
|