@kickstartds/ds-agency-premium 1.5.39--canary.1081.bfadc60.0 → 1.5.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +1 -1
- package/dist/DividerProps-2ef31901.d.ts +26 -0
- package/dist/HtmlProps-8e3e725a.d.ts +23 -0
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-83d399b4.d.ts → SectionProps-7a46a8ad.d.ts} +3 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +63 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +63 -0
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/divider/divider.css +14 -5
- package/dist/components/divider/index.d.ts +1 -26
- package/dist/components/header/index.d.ts +3 -3
- package/dist/components/header/index.js +1 -1
- package/dist/components/html/html.schema.dereffed.json +30 -0
- package/dist/components/html/html.schema.json +2 -2
- package/dist/components/html/index.d.ts +5 -27
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/page/page.schema.dereffed.json +63 -0
- package/dist/components/page-wrapper/tokens.css +405 -404
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.schema.dereffed.json +63 -0
- package/dist/components/section/section.schema.json +6 -0
- package/dist/global.css +44 -9
- package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
- package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
- package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
- package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
- package/dist/static/img/screenshots/layout-divider--default.png +0 -0
- package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +405 -404
- package/dist/tokens/tokens.js +614 -613
- package/package.json +1 -1
- package/dist/static/fonts/dsa/Vollkorn-Black.woff +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Black.woff2 +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Bold.woff +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Bold.woff2 +0 -0
- package/dist/static/fonts/dsa/Vollkorn-ExtraBold.woff +0 -0
- package/dist/static/fonts/dsa/Vollkorn-ExtraBold.woff2 +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Medium.woff +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Medium.woff2 +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Vollkorn-Regular.woff2 +0 -0
- package/dist/static/fonts/dsa/Vollkorn-SemiBold.woff +0 -0
- package/dist/static/fonts/dsa/Vollkorn-SemiBold.woff2 +0 -0
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,230 +1,230 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 24 Oct 2024
|
|
3
|
+
* Generated on Thu, 24 Oct 2024 10:20:18 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const KsBackgroundColorAccentBase = "#
|
|
7
|
-
export const KsBackgroundColorAccentInvertedBase = "#
|
|
8
|
-
export const KsBackgroundColorBoldBase = "#
|
|
9
|
-
export const KsBackgroundColorBoldInvertedBase = "#
|
|
6
|
+
export const KsBackgroundColorAccentBase = "#230a2b";
|
|
7
|
+
export const KsBackgroundColorAccentInvertedBase = "#dcd6f2";
|
|
8
|
+
export const KsBackgroundColorBoldBase = "#570e40";
|
|
9
|
+
export const KsBackgroundColorBoldInvertedBase = "#b4a6f2";
|
|
10
10
|
export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
|
|
11
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(226, 24, 121, 0.13)";
|
|
13
|
+
export const KsBackgroundColorClearInteractiveActiveBase = "rgba(226, 24, 121, 0.24)";
|
|
14
|
+
export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(226, 24, 121, 0.37)";
|
|
15
15
|
export const KsBackgroundColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
16
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(77, 37, 239, 0.24)";
|
|
18
|
+
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.37)";
|
|
19
|
+
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.5)";
|
|
20
|
+
export const KsBackgroundColorDefaultBase = "#06081f";
|
|
21
|
+
export const KsBackgroundColorDefaultInvertedBase = "#f1f1f3";
|
|
22
|
+
export const KsBackgroundColorInterfaceBase = "rgba(255, 255, 255, 0.05)";
|
|
23
|
+
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.13)";
|
|
24
|
+
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.05)";
|
|
25
|
+
export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.37)";
|
|
26
|
+
export const KsBackgroundColorInterfaceInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
|
|
27
|
+
export const KsBackgroundColorInterfaceInteractiveSelectedBase = "#e21879";
|
|
28
|
+
export const KsBackgroundColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.05)";
|
|
29
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.13)";
|
|
30
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.05)";
|
|
31
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.37)";
|
|
32
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
|
|
33
|
+
export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#4d25ef";
|
|
34
|
+
export const KsBackgroundColorCardBase = "#12142a";
|
|
35
|
+
export const KsBackgroundColorCardInteractiveBase = "rgba(255, 255, 255, 0.05)";
|
|
36
|
+
export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(255, 255, 255, 0.24)";
|
|
37
|
+
export const KsBackgroundColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
|
|
38
|
+
export const KsBackgroundColorCardInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
|
|
39
|
+
export const KsBackgroundColorCardInteractiveSelectedBase = "#e21879";
|
|
40
|
+
export const KsBackgroundColorCardInvertedBase = "#e5e5e8";
|
|
41
|
+
export const KsBackgroundColorCardInvertedInteractiveBase = "rgba(6, 8, 31, 0.05)";
|
|
42
|
+
export const KsBackgroundColorCardInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.24)";
|
|
43
|
+
export const KsBackgroundColorCardInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.05)";
|
|
44
|
+
export const KsBackgroundColorCardInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.05)";
|
|
45
|
+
export const KsBackgroundColorCardInvertedInteractiveSelectedBase = "#4d25ef";
|
|
46
|
+
export const KsBackgroundColorPrimaryBase = "#e21879";
|
|
47
|
+
export const KsBackgroundColorPrimaryInteractiveBase = "#e21879";
|
|
48
|
+
export const KsBackgroundColorPrimaryInteractiveHoverBase = "#c5166d";
|
|
49
|
+
export const KsBackgroundColorPrimaryInteractiveActiveBase = "#c5166d";
|
|
50
|
+
export const KsBackgroundColorPrimaryInteractiveSelectedBase = "#911258";
|
|
51
|
+
export const KsBackgroundColorPrimaryTranslucentBase = "rgba(226, 24, 121, 0.5)";
|
|
52
|
+
export const KsBackgroundColorPrimaryInvertedBase = "#4d25ef";
|
|
53
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveBase = "#4d25ef";
|
|
54
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#6240f0";
|
|
55
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#6240f0";
|
|
56
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#8a70f0";
|
|
57
|
+
export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(77, 37, 239, 0.5)";
|
|
58
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 = "#60c05b";
|
|
61
|
+
export const KsBackgroundColorPositiveInteractiveActiveBase = "#60c05b";
|
|
62
|
+
export const KsBackgroundColorPositiveInteractiveSelectedBase = "#488d4a";
|
|
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 = "#3e9137";
|
|
67
|
+
export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#3e9137";
|
|
68
|
+
export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#6fac6b";
|
|
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 = "#58aac3";
|
|
73
|
+
export const KsBackgroundColorInformativeInteractiveActiveBase = "#58aac3";
|
|
74
|
+
export const KsBackgroundColorInformativeInteractiveSelectedBase = "#417d95";
|
|
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 = "#1f829c";
|
|
79
|
+
export const KsBackgroundColorInformativeInvertedInteractiveActiveBase = "#1f829c";
|
|
80
|
+
export const KsBackgroundColorInformativeInvertedInteractiveSelectedBase = "#59a0b4";
|
|
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 = "#d9c24e";
|
|
85
|
+
export const KsBackgroundColorNoticeInteractiveActiveBase = "#d9c24e";
|
|
86
|
+
export const KsBackgroundColorNoticeInteractiveSelectedBase = "#9f8f41";
|
|
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 = "#fd7068";
|
|
91
|
+
export const KsBackgroundColorNoticeInvertedInteractiveActiveBase = "#fd7068";
|
|
92
|
+
export const KsBackgroundColorNoticeInvertedInteractiveSelectedBase = "#fa948e";
|
|
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 = "#df1850";
|
|
97
|
+
export const KsBackgroundColorNegativeInteractiveActiveBase = "#df1850";
|
|
98
|
+
export const KsBackgroundColorNegativeInteractiveSelectedBase = "#a31342";
|
|
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 = "#d6395e";
|
|
103
|
+
export const KsBackgroundColorNegativeInvertedInteractiveActiveBase = "#d6395e";
|
|
104
|
+
export const KsBackgroundColorNegativeInvertedInteractiveSelectedBase = "#dd6b87";
|
|
105
105
|
export const KsBackgroundColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.5)";
|
|
106
|
-
export const KsBackgroundColorSecondaryBase = "#
|
|
107
|
-
export const KsBackgroundColorSecondaryInteractiveBase = "#
|
|
108
|
-
export const KsBackgroundColorSecondaryInteractiveHoverBase = "#
|
|
109
|
-
export const KsBackgroundColorSecondaryInteractiveActiveBase = "#
|
|
110
|
-
export const KsBackgroundColorSecondaryInteractiveSelectedBase = "#
|
|
111
|
-
export const KsBackgroundColorSecondaryTranslucentBase = "rgba(
|
|
112
|
-
export const KsBackgroundColorSecondaryInvertedBase = "#
|
|
113
|
-
export const KsBackgroundColorSecondaryInvertedInteractiveBase = "#
|
|
114
|
-
export const KsBackgroundColorSecondaryInvertedInteractiveHoverBase = "#
|
|
115
|
-
export const KsBackgroundColorSecondaryInvertedInteractiveActiveBase = "#
|
|
116
|
-
export const KsBackgroundColorSecondaryInvertedInteractiveSelectedBase = "#
|
|
117
|
-
export const KsBackgroundColorSecondaryInvertedTranslucentBase = "rgba(
|
|
118
|
-
export const KsBorderColorAccentBase = "
|
|
119
|
-
export const KsBorderColorAccentInvertedBase = "
|
|
106
|
+
export const KsBackgroundColorSecondaryBase = "#4d25ef";
|
|
107
|
+
export const KsBackgroundColorSecondaryInteractiveBase = "#4d25ef";
|
|
108
|
+
export const KsBackgroundColorSecondaryInteractiveHoverBase = "#4421d4";
|
|
109
|
+
export const KsBackgroundColorSecondaryInteractiveActiveBase = "#4421d4";
|
|
110
|
+
export const KsBackgroundColorSecondaryInteractiveSelectedBase = "#331aa2";
|
|
111
|
+
export const KsBackgroundColorSecondaryTranslucentBase = "rgba(77, 37, 239, 0.5)";
|
|
112
|
+
export const KsBackgroundColorSecondaryInvertedBase = "#e21879";
|
|
113
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveBase = "#e21879";
|
|
114
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveHoverBase = "#e43489";
|
|
115
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveActiveBase = "#e43489";
|
|
116
|
+
export const KsBackgroundColorSecondaryInvertedInteractiveSelectedBase = "#e868a6";
|
|
117
|
+
export const KsBackgroundColorSecondaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.5)";
|
|
118
|
+
export const KsBorderColorAccentBase = "rgba(226, 24, 121, 0.24)";
|
|
119
|
+
export const KsBorderColorAccentInvertedBase = "rgba(77, 37, 239, 0.24)";
|
|
120
120
|
export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
|
|
121
121
|
export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
122
|
-
export const KsBorderColorClearInteractiveHoverBase = "rgba(
|
|
123
|
-
export const KsBorderColorClearInteractiveActiveBase = "rgba(
|
|
124
|
-
export const KsBorderColorClearInteractiveSelectedBase = "rgba(
|
|
122
|
+
export const KsBorderColorClearInteractiveHoverBase = "rgba(226, 24, 121, 0.13)";
|
|
123
|
+
export const KsBorderColorClearInteractiveActiveBase = "rgba(226, 24, 121, 0.24)";
|
|
124
|
+
export const KsBorderColorClearInteractiveSelectedBase = "rgba(226, 24, 121, 0.37)";
|
|
125
125
|
export const KsBorderColorClearInvertedBase = "rgba(0, 0, 0, 0)";
|
|
126
126
|
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(
|
|
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(
|
|
127
|
+
export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(77, 37, 239, 0.24)";
|
|
128
|
+
export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.37)";
|
|
129
|
+
export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.5)";
|
|
130
|
+
export const KsBorderColorDefaultBase = "rgba(255, 255, 255, 0.24)";
|
|
131
|
+
export const KsBorderColorDefaultInvertedBase = "rgba(6, 8, 31, 0.24)";
|
|
132
|
+
export const KsBorderColorInterfaceBase = "rgba(255, 255, 255, 0.13)";
|
|
133
|
+
export const KsBorderColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.24)";
|
|
134
|
+
export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";
|
|
135
|
+
export const KsBorderColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.5)";
|
|
136
|
+
export const KsBorderColorInterfaceInteractiveActiveBase = "rgba(255, 255, 255, 0.5)";
|
|
137
|
+
export const KsBorderColorInterfaceInteractiveSelectedBase = "#e21879";
|
|
138
|
+
export const KsBorderColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.13)";
|
|
139
|
+
export const KsBorderColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.24)";
|
|
140
|
+
export const KsBorderColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.13)";
|
|
141
|
+
export const KsBorderColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.5)";
|
|
142
|
+
export const KsBorderColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.5)";
|
|
143
|
+
export const KsBorderColorInterfaceInvertedInteractiveSelectedBase = "#4d25ef";
|
|
144
|
+
export const KsBorderColorCardBase = "rgba(255, 255, 255, 0.05)";
|
|
145
|
+
export const KsBorderColorCardInteractiveBase = "rgba(255, 255, 255, 0.05)";
|
|
146
|
+
export const KsBorderColorCardInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";
|
|
147
|
+
export const KsBorderColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.24)";
|
|
148
|
+
export const KsBorderColorCardInteractiveActiveBase = "rgba(255, 255, 255, 0.24)";
|
|
149
|
+
export const KsBorderColorCardInteractiveSelectedBase = "#e21879";
|
|
150
|
+
export const KsBorderColorCardInvertedBase = "rgba(6, 8, 31, 0.05)";
|
|
151
|
+
export const KsBorderColorCardInvertedInteractiveBase = "rgba(6, 8, 31, 0.05)";
|
|
152
|
+
export const KsBorderColorCardInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.87)";
|
|
153
|
+
export const KsBorderColorCardInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.24)";
|
|
154
|
+
export const KsBorderColorCardInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.24)";
|
|
155
|
+
export const KsBorderColorCardInvertedInteractiveSelectedBase = "#4d25ef";
|
|
156
|
+
export const KsBorderColorPrimaryBase = "#e21879";
|
|
157
|
+
export const KsBorderColorPrimaryInteractiveBase = "#e21879";
|
|
158
|
+
export const KsBorderColorPrimaryInteractiveHoverBase = "#c5166d";
|
|
159
|
+
export const KsBorderColorPrimaryInteractiveActiveBase = "#ad1463";
|
|
160
|
+
export const KsBorderColorPrimaryInteractiveSelectedBase = "#e21879";
|
|
161
|
+
export const KsBorderColorPrimaryTranslucentBase = "rgba(226, 24, 121, 0.87)";
|
|
162
|
+
export const KsBorderColorPrimaryInvertedBase = "#4d25ef";
|
|
163
|
+
export const KsBorderColorPrimaryInvertedInteractiveBase = "#4d25ef";
|
|
164
|
+
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#6240f0";
|
|
165
|
+
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#7456f0";
|
|
166
|
+
export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#4d25ef";
|
|
167
|
+
export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(77, 37, 239, 0.87)";
|
|
168
168
|
export const KsBorderColorPositiveBase = "#6edb64";
|
|
169
169
|
export const KsBorderColorPositiveInteractiveBase = "#6edb64";
|
|
170
|
-
export const KsBorderColorPositiveInteractiveHoverBase = "#
|
|
171
|
-
export const KsBorderColorPositiveInteractiveActiveBase = "#
|
|
170
|
+
export const KsBorderColorPositiveInteractiveHoverBase = "#60c05b";
|
|
171
|
+
export const KsBorderColorPositiveInteractiveActiveBase = "#55a853";
|
|
172
172
|
export const KsBorderColorPositiveInteractiveSelectedBase = "#6edb64";
|
|
173
173
|
export const KsBorderColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.87)";
|
|
174
174
|
export const KsBorderColorPositiveInvertedBase = "#23831b";
|
|
175
175
|
export const KsBorderColorPositiveInvertedInteractiveBase = "#23831b";
|
|
176
|
-
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#
|
|
177
|
-
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#
|
|
176
|
+
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#3e9137";
|
|
177
|
+
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#549d4f";
|
|
178
178
|
export const KsBorderColorPositiveInvertedInteractiveSelectedBase = "#23831b";
|
|
179
179
|
export const KsBorderColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.87)";
|
|
180
180
|
export const KsBorderColorInformativeBase = "#64c2db";
|
|
181
181
|
export const KsBorderColorInformativeInteractiveBase = "#64c2db";
|
|
182
|
-
export const KsBorderColorInformativeInteractiveHoverBase = "#
|
|
183
|
-
export const KsBorderColorInformativeInteractiveActiveBase = "#
|
|
182
|
+
export const KsBorderColorInformativeInteractiveHoverBase = "#58aac3";
|
|
183
|
+
export const KsBorderColorInformativeInteractiveActiveBase = "#4d95ae";
|
|
184
184
|
export const KsBorderColorInformativeInteractiveSelectedBase = "#64c2db";
|
|
185
185
|
export const KsBorderColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.87)";
|
|
186
186
|
export const KsBorderColorInformativeInvertedBase = "#00718f";
|
|
187
187
|
export const KsBorderColorInformativeInvertedInteractiveBase = "#00718f";
|
|
188
|
-
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#
|
|
189
|
-
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#
|
|
188
|
+
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#1f829c";
|
|
189
|
+
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#3a90a7";
|
|
190
190
|
export const KsBorderColorInformativeInvertedInteractiveSelectedBase = "#00718f";
|
|
191
191
|
export const KsBorderColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.87)";
|
|
192
192
|
export const KsBorderColorNoticeBase = "#f9de55";
|
|
193
193
|
export const KsBorderColorNoticeInteractiveBase = "#f9de55";
|
|
194
|
-
export const KsBorderColorNoticeInteractiveHoverBase = "#
|
|
195
|
-
export const KsBorderColorNoticeInteractiveActiveBase = "#
|
|
194
|
+
export const KsBorderColorNoticeInteractiveHoverBase = "#d9c24e";
|
|
195
|
+
export const KsBorderColorNoticeInteractiveActiveBase = "#bfab48";
|
|
196
196
|
export const KsBorderColorNoticeInteractiveSelectedBase = "#f9de55";
|
|
197
197
|
export const KsBorderColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.87)";
|
|
198
198
|
export const KsBorderColorNoticeInvertedBase = "#ff5d53";
|
|
199
199
|
export const KsBorderColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
200
|
-
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#
|
|
201
|
-
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#
|
|
200
|
+
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#fd7068";
|
|
201
|
+
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#fc8179";
|
|
202
202
|
export const KsBorderColorNoticeInvertedInteractiveSelectedBase = "#ff5d53";
|
|
203
203
|
export const KsBorderColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.87)";
|
|
204
204
|
export const KsBorderColorNegativeBase = "#ff1a57";
|
|
205
205
|
export const KsBorderColorNegativeInteractiveBase = "#ff1a57";
|
|
206
|
-
export const KsBorderColorNegativeInteractiveHoverBase = "#
|
|
207
|
-
export const KsBorderColorNegativeInteractiveActiveBase = "#
|
|
206
|
+
export const KsBorderColorNegativeInteractiveHoverBase = "#df1850";
|
|
207
|
+
export const KsBorderColorNegativeInteractiveActiveBase = "#c3164a";
|
|
208
208
|
export const KsBorderColorNegativeInteractiveSelectedBase = "#ff1a57";
|
|
209
209
|
export const KsBorderColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.87)";
|
|
210
210
|
export const KsBorderColorNegativeInvertedBase = "#d21d48";
|
|
211
211
|
export const KsBorderColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
212
|
-
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#
|
|
213
|
-
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#
|
|
212
|
+
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#d6395e";
|
|
213
|
+
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#d95071";
|
|
214
214
|
export const KsBorderColorNegativeInvertedInteractiveSelectedBase = "#d21d48";
|
|
215
215
|
export const KsBorderColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.87)";
|
|
216
|
-
export const KsBorderColorSecondaryBase = "#
|
|
217
|
-
export const KsBorderColorSecondaryInteractiveBase = "#
|
|
218
|
-
export const KsBorderColorSecondaryInteractiveHoverBase = "#
|
|
219
|
-
export const KsBorderColorSecondaryInteractiveActiveBase = "#
|
|
220
|
-
export const KsBorderColorSecondaryInteractiveSelectedBase = "#
|
|
221
|
-
export const KsBorderColorSecondaryTranslucentBase = "rgba(
|
|
222
|
-
export const KsBorderColorSecondaryInvertedBase = "#
|
|
223
|
-
export const KsBorderColorSecondaryInvertedInteractiveBase = "#
|
|
224
|
-
export const KsBorderColorSecondaryInvertedInteractiveHoverBase = "#
|
|
225
|
-
export const KsBorderColorSecondaryInvertedInteractiveActiveBase = "#
|
|
226
|
-
export const KsBorderColorSecondaryInvertedInteractiveSelectedBase = "#
|
|
227
|
-
export const KsBorderColorSecondaryInvertedTranslucentBase = "rgba(
|
|
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
228
|
export const KsBorderWidthDefault = "1px";
|
|
229
229
|
export const KsBorderWidthEmphasized = "2px";
|
|
230
230
|
export const KsBorderRadiusControl = "16px";
|
|
@@ -244,167 +244,167 @@ export const KsBoxShadowOpacitySurface = "0.1";
|
|
|
244
244
|
export const KsBoxShadowOpacitySurfaceHover = "0.2";
|
|
245
245
|
export const KsBoxShadowOpacitySurfaceInverted = "0.1";
|
|
246
246
|
export const KsBoxShadowOpacitySurfaceInvertedHover = "0.2";
|
|
247
|
-
export const KsBoxShadowColorControl = "rgba(
|
|
248
|
-
export const KsBoxShadowColorControlHover = "rgba(
|
|
249
|
-
export const KsBoxShadowColorControlInverted = "rgba(
|
|
250
|
-
export const KsBoxShadowColorControlInvertedHover = "rgba(
|
|
251
|
-
export const KsBoxShadowColorCard = "rgba(
|
|
252
|
-
export const KsBoxShadowColorCardHover = "rgba(
|
|
253
|
-
export const KsBoxShadowColorCardInverted = "rgba(
|
|
254
|
-
export const KsBoxShadowColorCardInvertedHover = "rgba(
|
|
255
|
-
export const KsBoxShadowColorSurface = "rgba(
|
|
256
|
-
export const KsBoxShadowColorSurfaceHover = "rgba(
|
|
257
|
-
export const KsBoxShadowColorSurfaceInverted = "rgba(
|
|
258
|
-
export const KsBoxShadowColorSurfaceInvertedHover = "rgba(
|
|
259
|
-
export const KsBoxShadowControl = "0 1px 2.75px rgba(
|
|
260
|
-
export const KsBoxShadowControlHover = "0 1px 5.5px rgba(
|
|
261
|
-
export const KsBoxShadowControlInverted = "0 1px 2.75px rgba(
|
|
262
|
-
export const KsBoxShadowControlInvertedHover = "0 1px 5.5px rgba(
|
|
263
|
-
export const KsBoxShadowCard = "0 1px 5.5px rgba(
|
|
264
|
-
export const KsBoxShadowCardHover = "0 1px 11px rgba(
|
|
265
|
-
export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(
|
|
266
|
-
export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(
|
|
267
|
-
export const KsBoxShadowSurface = "0 1px 11px rgba(
|
|
268
|
-
export const KsBoxShadowSurfaceHover = "0 1px 22px rgba(
|
|
269
|
-
export const KsBoxShadowSurfaceInverted = "0 1px 11px rgba(
|
|
270
|
-
export const KsBoxShadowSurfaceInvertedHover = "0 1px 22px rgba(
|
|
247
|
+
export const KsBoxShadowColorControl = "rgba(255,255,255,0.2)";
|
|
248
|
+
export const KsBoxShadowColorControlHover = "rgba(255,255,255,0.3)";
|
|
249
|
+
export const KsBoxShadowColorControlInverted = "rgba(255,255,255,0.2)";
|
|
250
|
+
export const KsBoxShadowColorControlInvertedHover = "rgba(255,255,255,0.3)";
|
|
251
|
+
export const KsBoxShadowColorCard = "rgba(255,255,255,0.2)";
|
|
252
|
+
export const KsBoxShadowColorCardHover = "rgba(255,255,255,0.3)";
|
|
253
|
+
export const KsBoxShadowColorCardInverted = "rgba(255,255,255,0.2)";
|
|
254
|
+
export const KsBoxShadowColorCardInvertedHover = "rgba(255,255,255,0.3)";
|
|
255
|
+
export const KsBoxShadowColorSurface = "rgba(255,255,255,0.1)";
|
|
256
|
+
export const KsBoxShadowColorSurfaceHover = "rgba(255,255,255,0.2)";
|
|
257
|
+
export const KsBoxShadowColorSurfaceInverted = "rgba(255,255,255,0.1)";
|
|
258
|
+
export const KsBoxShadowColorSurfaceInvertedHover = "rgba(255,255,255,0.2)";
|
|
259
|
+
export const KsBoxShadowControl = "0 1px 2.75px rgba(255,255,255,0.2)";
|
|
260
|
+
export const KsBoxShadowControlHover = "0 1px 5.5px rgba(255,255,255,0.3)";
|
|
261
|
+
export const KsBoxShadowControlInverted = "0 1px 2.75px rgba(255,255,255,0.2)";
|
|
262
|
+
export const KsBoxShadowControlInvertedHover = "0 1px 5.5px rgba(255,255,255,0.3)";
|
|
263
|
+
export const KsBoxShadowCard = "0 1px 5.5px rgba(255,255,255,0.2)";
|
|
264
|
+
export const KsBoxShadowCardHover = "0 1px 11px rgba(255,255,255,0.3)";
|
|
265
|
+
export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(255,255,255,0.2)";
|
|
266
|
+
export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(255,255,255,0.3)";
|
|
267
|
+
export const KsBoxShadowSurface = "0 1px 11px rgba(255,255,255,0.1)";
|
|
268
|
+
export const KsBoxShadowSurfaceHover = "0 1px 22px rgba(255,255,255,0.2)";
|
|
269
|
+
export const KsBoxShadowSurfaceInverted = "0 1px 11px rgba(255,255,255,0.1)";
|
|
270
|
+
export const KsBoxShadowSurfaceInvertedHover = "0 1px 22px rgba(255,255,255,0.2)";
|
|
271
271
|
export const KsBreakpointPhone = "36em";
|
|
272
272
|
export const KsBreakpointTablet = "48em";
|
|
273
273
|
export const KsBreakpointLaptop = "62em";
|
|
274
274
|
export const KsBreakpointDesktop = "75em";
|
|
275
|
-
export const KsColorFgBase = "#
|
|
276
|
-
export const KsColorFgAlpha1Base = "rgba(
|
|
277
|
-
export const KsColorFgAlpha2Base = "rgba(
|
|
278
|
-
export const KsColorFgAlpha3Base = "rgba(
|
|
279
|
-
export const KsColorFgAlpha4Base = "rgba(
|
|
280
|
-
export const KsColorFgAlpha5Base = "rgba(
|
|
281
|
-
export const KsColorFgAlpha6Base = "rgba(
|
|
282
|
-
export const KsColorFgAlpha7Base = "rgba(
|
|
283
|
-
export const KsColorFgAlpha8Base = "rgba(
|
|
284
|
-
export const KsColorFgAlpha9Base = "rgba(
|
|
285
|
-
export const KsColorFgToBg1Base = "#
|
|
286
|
-
export const KsColorFgToBg2Base = "#
|
|
287
|
-
export const KsColorFgToBg3Base = "#
|
|
288
|
-
export const KsColorFgToBg4Base = "#
|
|
289
|
-
export const KsColorFgToBg5Base = "#
|
|
290
|
-
export const KsColorFgToBg6Base = "#
|
|
291
|
-
export const KsColorFgToBg7Base = "#
|
|
292
|
-
export const KsColorFgToBg8Base = "#
|
|
293
|
-
export const KsColorFgToBg9Base = "#
|
|
294
|
-
export const KsColorFgInvertedBase = "#
|
|
295
|
-
export const KsColorFgInvertedAlpha1Base = "rgba(
|
|
296
|
-
export const KsColorFgInvertedAlpha2Base = "rgba(
|
|
297
|
-
export const KsColorFgInvertedAlpha3Base = "rgba(
|
|
298
|
-
export const KsColorFgInvertedAlpha4Base = "rgba(
|
|
299
|
-
export const KsColorFgInvertedAlpha5Base = "rgba(
|
|
300
|
-
export const KsColorFgInvertedAlpha6Base = "rgba(
|
|
301
|
-
export const KsColorFgInvertedAlpha7Base = "rgba(
|
|
302
|
-
export const KsColorFgInvertedAlpha8Base = "rgba(
|
|
303
|
-
export const KsColorFgInvertedAlpha9Base = "rgba(
|
|
304
|
-
export const KsColorFgInvertedToBg1Base = "#
|
|
305
|
-
export const KsColorFgInvertedToBg2Base = "#
|
|
306
|
-
export const KsColorFgInvertedToBg3Base = "#
|
|
307
|
-
export const KsColorFgInvertedToBg4Base = "#
|
|
308
|
-
export const KsColorFgInvertedToBg5Base = "#
|
|
309
|
-
export const KsColorFgInvertedToBg6Base = "#
|
|
310
|
-
export const KsColorFgInvertedToBg7Base = "#
|
|
311
|
-
export const KsColorFgInvertedToBg8Base = "#
|
|
312
|
-
export const KsColorFgInvertedToBg9Base = "#
|
|
313
|
-
export const KsColorBgBase = "#
|
|
314
|
-
export const KsColorBgAlpha1Base = "rgba(
|
|
315
|
-
export const KsColorBgAlpha2Base = "rgba(
|
|
316
|
-
export const KsColorBgAlpha3Base = "rgba(
|
|
317
|
-
export const KsColorBgAlpha4Base = "rgba(
|
|
318
|
-
export const KsColorBgAlpha5Base = "rgba(
|
|
319
|
-
export const KsColorBgAlpha6Base = "rgba(
|
|
320
|
-
export const KsColorBgAlpha7Base = "rgba(
|
|
321
|
-
export const KsColorBgAlpha8Base = "rgba(
|
|
322
|
-
export const KsColorBgAlpha9Base = "rgba(
|
|
323
|
-
export const KsColorBgToFg1Base = "#
|
|
324
|
-
export const KsColorBgToFg2Base = "#
|
|
325
|
-
export const KsColorBgToFg3Base = "#
|
|
326
|
-
export const KsColorBgToFg4Base = "#
|
|
327
|
-
export const KsColorBgToFg5Base = "#
|
|
328
|
-
export const KsColorBgToFg6Base = "#
|
|
329
|
-
export const KsColorBgToFg7Base = "#
|
|
330
|
-
export const KsColorBgToFg8Base = "#
|
|
331
|
-
export const KsColorBgToFg9Base = "#
|
|
332
|
-
export const KsColorBgInvertedBase = "#
|
|
333
|
-
export const KsColorBgInvertedAlpha1Base = "rgba(
|
|
334
|
-
export const KsColorBgInvertedAlpha2Base = "rgba(
|
|
335
|
-
export const KsColorBgInvertedAlpha3Base = "rgba(
|
|
336
|
-
export const KsColorBgInvertedAlpha4Base = "rgba(
|
|
337
|
-
export const KsColorBgInvertedAlpha5Base = "rgba(
|
|
338
|
-
export const KsColorBgInvertedAlpha6Base = "rgba(
|
|
339
|
-
export const KsColorBgInvertedAlpha7Base = "rgba(
|
|
340
|
-
export const KsColorBgInvertedAlpha8Base = "rgba(
|
|
341
|
-
export const KsColorBgInvertedAlpha9Base = "rgba(
|
|
342
|
-
export const KsColorBgInvertedToFg1Base = "#
|
|
343
|
-
export const KsColorBgInvertedToFg2Base = "#
|
|
344
|
-
export const KsColorBgInvertedToFg3Base = "#
|
|
345
|
-
export const KsColorBgInvertedToFg4Base = "#
|
|
346
|
-
export const KsColorBgInvertedToFg5Base = "#
|
|
347
|
-
export const KsColorBgInvertedToFg6Base = "#
|
|
348
|
-
export const KsColorBgInvertedToFg7Base = "#
|
|
349
|
-
export const KsColorBgInvertedToFg8Base = "#
|
|
350
|
-
export const KsColorBgInvertedToFg9Base = "#
|
|
275
|
+
export const KsColorFgBase = "#ffffff";
|
|
276
|
+
export const KsColorFgAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
277
|
+
export const KsColorFgAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
278
|
+
export const KsColorFgAlpha3Base = "rgba(255, 255, 255, 0.76)";
|
|
279
|
+
export const KsColorFgAlpha4Base = "rgba(255, 255, 255, 0.63)";
|
|
280
|
+
export const KsColorFgAlpha5Base = "rgba(255, 255, 255, 0.5)";
|
|
281
|
+
export const KsColorFgAlpha6Base = "rgba(255, 255, 255, 0.37)";
|
|
282
|
+
export const KsColorFgAlpha7Base = "rgba(255, 255, 255, 0.24)";
|
|
283
|
+
export const KsColorFgAlpha8Base = "rgba(255, 255, 255, 0.13)";
|
|
284
|
+
export const KsColorFgAlpha9Base = "rgba(255, 255, 255, 0.05)";
|
|
285
|
+
export const KsColorFgToBg1Base = "#f3f3f4";
|
|
286
|
+
export const KsColorFgToBg2Base = "#dfdfe2";
|
|
287
|
+
export const KsColorFgToBg3Base = "#c3c4c9";
|
|
288
|
+
export const KsColorFgToBg4Base = "#a3a4ac";
|
|
289
|
+
export const KsColorFgToBg5Base = "#83848f";
|
|
290
|
+
export const KsColorFgToBg6Base = "#626372";
|
|
291
|
+
export const KsColorFgToBg7Base = "#424355";
|
|
292
|
+
export const KsColorFgToBg8Base = "#26283c";
|
|
293
|
+
export const KsColorFgToBg9Base = "#12142a";
|
|
294
|
+
export const KsColorFgInvertedBase = "#06081f";
|
|
295
|
+
export const KsColorFgInvertedAlpha1Base = "rgba(6, 8, 31, 0.95)";
|
|
296
|
+
export const KsColorFgInvertedAlpha2Base = "rgba(6, 8, 31, 0.87)";
|
|
297
|
+
export const KsColorFgInvertedAlpha3Base = "rgba(6, 8, 31, 0.76)";
|
|
298
|
+
export const KsColorFgInvertedAlpha4Base = "rgba(6, 8, 31, 0.63)";
|
|
299
|
+
export const KsColorFgInvertedAlpha5Base = "rgba(6, 8, 31, 0.5)";
|
|
300
|
+
export const KsColorFgInvertedAlpha6Base = "rgba(6, 8, 31, 0.37)";
|
|
301
|
+
export const KsColorFgInvertedAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
302
|
+
export const KsColorFgInvertedAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
303
|
+
export const KsColorFgInvertedAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
304
|
+
export const KsColorFgInvertedToBg1Base = "#12142a";
|
|
305
|
+
export const KsColorFgInvertedToBg2Base = "#25263b";
|
|
306
|
+
export const KsColorFgInvertedToBg3Base = "#3e4052";
|
|
307
|
+
export const KsColorFgInvertedToBg4Base = "#5d5e6d";
|
|
308
|
+
export const KsColorFgInvertedToBg5Base = "#7c7d89";
|
|
309
|
+
export const KsColorFgInvertedToBg6Base = "#9a9ba5";
|
|
310
|
+
export const KsColorFgInvertedToBg7Base = "#b9b9c0";
|
|
311
|
+
export const KsColorFgInvertedToBg8Base = "#d2d3d7";
|
|
312
|
+
export const KsColorFgInvertedToBg9Base = "#e5e5e8";
|
|
313
|
+
export const KsColorBgBase = "#06081f";
|
|
314
|
+
export const KsColorBgAlpha1Base = "rgba(6, 8, 31, 0.95)";
|
|
315
|
+
export const KsColorBgAlpha2Base = "rgba(6, 8, 31, 0.87)";
|
|
316
|
+
export const KsColorBgAlpha3Base = "rgba(6, 8, 31, 0.76)";
|
|
317
|
+
export const KsColorBgAlpha4Base = "rgba(6, 8, 31, 0.63)";
|
|
318
|
+
export const KsColorBgAlpha5Base = "rgba(6, 8, 31, 0.5)";
|
|
319
|
+
export const KsColorBgAlpha6Base = "rgba(6, 8, 31, 0.37)";
|
|
320
|
+
export const KsColorBgAlpha7Base = "rgba(6, 8, 31, 0.24)";
|
|
321
|
+
export const KsColorBgAlpha8Base = "rgba(6, 8, 31, 0.13)";
|
|
322
|
+
export const KsColorBgAlpha9Base = "rgba(6, 8, 31, 0.05)";
|
|
323
|
+
export const KsColorBgToFg1Base = "#12142a";
|
|
324
|
+
export const KsColorBgToFg2Base = "#26283c";
|
|
325
|
+
export const KsColorBgToFg3Base = "#424355";
|
|
326
|
+
export const KsColorBgToFg4Base = "#626372";
|
|
327
|
+
export const KsColorBgToFg5Base = "#83848f";
|
|
328
|
+
export const KsColorBgToFg6Base = "#a3a4ac";
|
|
329
|
+
export const KsColorBgToFg7Base = "#c3c4c9";
|
|
330
|
+
export const KsColorBgToFg8Base = "#dfdfe2";
|
|
331
|
+
export const KsColorBgToFg9Base = "#f3f3f4";
|
|
332
|
+
export const KsColorBgInvertedBase = "#f1f1f3";
|
|
333
|
+
export const KsColorBgInvertedAlpha1Base = "rgba(241, 241, 243, 0.95)";
|
|
334
|
+
export const KsColorBgInvertedAlpha2Base = "rgba(241, 241, 243, 0.87)";
|
|
335
|
+
export const KsColorBgInvertedAlpha3Base = "rgba(241, 241, 243, 0.76)";
|
|
336
|
+
export const KsColorBgInvertedAlpha4Base = "rgba(241, 241, 243, 0.63)";
|
|
337
|
+
export const KsColorBgInvertedAlpha5Base = "rgba(241, 241, 243, 0.5)";
|
|
338
|
+
export const KsColorBgInvertedAlpha6Base = "rgba(241, 241, 243, 0.37)";
|
|
339
|
+
export const KsColorBgInvertedAlpha7Base = "rgba(241, 241, 243, 0.24)";
|
|
340
|
+
export const KsColorBgInvertedAlpha8Base = "rgba(241, 241, 243, 0.13)";
|
|
341
|
+
export const KsColorBgInvertedAlpha9Base = "rgba(241, 241, 243, 0.05)";
|
|
342
|
+
export const KsColorBgInvertedToFg1Base = "#e5e5e8";
|
|
343
|
+
export const KsColorBgInvertedToFg2Base = "#d2d3d7";
|
|
344
|
+
export const KsColorBgInvertedToFg3Base = "#b9b9c0";
|
|
345
|
+
export const KsColorBgInvertedToFg4Base = "#9a9ba5";
|
|
346
|
+
export const KsColorBgInvertedToFg5Base = "#7c7d89";
|
|
347
|
+
export const KsColorBgInvertedToFg6Base = "#5d5e6d";
|
|
348
|
+
export const KsColorBgInvertedToFg7Base = "#3e4052";
|
|
349
|
+
export const KsColorBgInvertedToFg8Base = "#25263b";
|
|
350
|
+
export const KsColorBgInvertedToFg9Base = "#12142a";
|
|
351
351
|
export const KsColorTransparentBase = "rgba(0, 0, 0, 0)";
|
|
352
|
-
export const KsColorPrimaryBase = "#
|
|
353
|
-
export const KsColorPrimaryAlpha1Base = "rgba(
|
|
354
|
-
export const KsColorPrimaryAlpha2Base = "rgba(
|
|
355
|
-
export const KsColorPrimaryAlpha3Base = "rgba(
|
|
356
|
-
export const KsColorPrimaryAlpha4Base = "rgba(
|
|
357
|
-
export const KsColorPrimaryAlpha5Base = "rgba(
|
|
358
|
-
export const KsColorPrimaryAlpha6Base = "rgba(
|
|
359
|
-
export const KsColorPrimaryAlpha7Base = "rgba(
|
|
360
|
-
export const KsColorPrimaryAlpha8Base = "rgba(
|
|
361
|
-
export const KsColorPrimaryAlpha9Base = "rgba(
|
|
362
|
-
export const KsColorPrimaryToBg1Base = "#
|
|
363
|
-
export const KsColorPrimaryToBg2Base = "#
|
|
364
|
-
export const KsColorPrimaryToBg3Base = "#
|
|
365
|
-
export const KsColorPrimaryToBg4Base = "#
|
|
366
|
-
export const KsColorPrimaryToBg5Base = "#
|
|
367
|
-
export const KsColorPrimaryToBg6Base = "#
|
|
368
|
-
export const KsColorPrimaryToBg7Base = "#
|
|
369
|
-
export const KsColorPrimaryToBg8Base = "#
|
|
370
|
-
export const KsColorPrimaryToBg9Base = "#
|
|
371
|
-
export const KsColorPrimaryToFg1Base = "#
|
|
372
|
-
export const KsColorPrimaryToFg2Base = "#
|
|
373
|
-
export const KsColorPrimaryToFg3Base = "#
|
|
374
|
-
export const KsColorPrimaryToFg4Base = "#
|
|
375
|
-
export const KsColorPrimaryToFg5Base = "#
|
|
376
|
-
export const KsColorPrimaryToFg6Base = "#
|
|
377
|
-
export const KsColorPrimaryToFg7Base = "#
|
|
378
|
-
export const KsColorPrimaryToFg8Base = "#
|
|
379
|
-
export const KsColorPrimaryToFg9Base = "#
|
|
380
|
-
export const KsColorPrimaryInvertedBase = "#
|
|
381
|
-
export const KsColorPrimaryInvertedAlpha1Base = "rgba(
|
|
382
|
-
export const KsColorPrimaryInvertedAlpha2Base = "rgba(
|
|
383
|
-
export const KsColorPrimaryInvertedAlpha3Base = "rgba(
|
|
384
|
-
export const KsColorPrimaryInvertedAlpha4Base = "rgba(
|
|
385
|
-
export const KsColorPrimaryInvertedAlpha5Base = "rgba(
|
|
386
|
-
export const KsColorPrimaryInvertedAlpha6Base = "rgba(
|
|
387
|
-
export const KsColorPrimaryInvertedAlpha7Base = "rgba(
|
|
388
|
-
export const KsColorPrimaryInvertedAlpha8Base = "rgba(
|
|
389
|
-
export const KsColorPrimaryInvertedAlpha9Base = "rgba(
|
|
390
|
-
export const KsColorPrimaryInvertedToBg1Base = "#
|
|
391
|
-
export const KsColorPrimaryInvertedToBg2Base = "#
|
|
392
|
-
export const KsColorPrimaryInvertedToBg3Base = "#
|
|
393
|
-
export const KsColorPrimaryInvertedToBg4Base = "#
|
|
394
|
-
export const KsColorPrimaryInvertedToBg5Base = "#
|
|
395
|
-
export const KsColorPrimaryInvertedToBg6Base = "#
|
|
396
|
-
export const KsColorPrimaryInvertedToBg7Base = "#
|
|
397
|
-
export const KsColorPrimaryInvertedToBg8Base = "#
|
|
398
|
-
export const KsColorPrimaryInvertedToBg9Base = "#
|
|
399
|
-
export const KsColorPrimaryInvertedToFg1Base = "#
|
|
400
|
-
export const KsColorPrimaryInvertedToFg2Base = "#
|
|
401
|
-
export const KsColorPrimaryInvertedToFg3Base = "#
|
|
402
|
-
export const KsColorPrimaryInvertedToFg4Base = "#
|
|
403
|
-
export const KsColorPrimaryInvertedToFg5Base = "#
|
|
404
|
-
export const KsColorPrimaryInvertedToFg6Base = "#
|
|
405
|
-
export const KsColorPrimaryInvertedToFg7Base = "#
|
|
406
|
-
export const KsColorPrimaryInvertedToFg8Base = "#
|
|
407
|
-
export const KsColorPrimaryInvertedToFg9Base = "#
|
|
352
|
+
export const KsColorPrimaryBase = "#e21879";
|
|
353
|
+
export const KsColorPrimaryAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
354
|
+
export const KsColorPrimaryAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
355
|
+
export const KsColorPrimaryAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
356
|
+
export const KsColorPrimaryAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
357
|
+
export const KsColorPrimaryAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
358
|
+
export const KsColorPrimaryAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
359
|
+
export const KsColorPrimaryAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
360
|
+
export const KsColorPrimaryAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
361
|
+
export const KsColorPrimaryAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
362
|
+
export const KsColorPrimaryToBg1Base = "#d71775";
|
|
363
|
+
export const KsColorPrimaryToBg2Base = "#c5166d";
|
|
364
|
+
export const KsColorPrimaryToBg3Base = "#ad1463";
|
|
365
|
+
export const KsColorPrimaryToBg4Base = "#911258";
|
|
366
|
+
export const KsColorPrimaryToBg5Base = "#74104c";
|
|
367
|
+
export const KsColorPrimaryToBg6Base = "#570e40";
|
|
368
|
+
export const KsColorPrimaryToBg7Base = "#3b0c35";
|
|
369
|
+
export const KsColorPrimaryToBg8Base = "#230a2b";
|
|
370
|
+
export const KsColorPrimaryToBg9Base = "#110924";
|
|
371
|
+
export const KsColorPrimaryToFg1Base = "#e32480";
|
|
372
|
+
export const KsColorPrimaryToFg2Base = "#e6368a";
|
|
373
|
+
export const KsColorPrimaryToFg3Base = "#e94f99";
|
|
374
|
+
export const KsColorPrimaryToFg4Base = "#ed6dab";
|
|
375
|
+
export const KsColorPrimaryToFg5Base = "#f18cbc";
|
|
376
|
+
export const KsColorPrimaryToFg6Base = "#f4aacd";
|
|
377
|
+
export const KsColorPrimaryToFg7Base = "#f8c8df";
|
|
378
|
+
export const KsColorPrimaryToFg8Base = "#fbe1ee";
|
|
379
|
+
export const KsColorPrimaryToFg9Base = "#fef3f8";
|
|
380
|
+
export const KsColorPrimaryInvertedBase = "#4d25ef";
|
|
381
|
+
export const KsColorPrimaryInvertedAlpha1Base = "rgba(77, 37, 239, 0.95)";
|
|
382
|
+
export const KsColorPrimaryInvertedAlpha2Base = "rgba(77, 37, 239, 0.87)";
|
|
383
|
+
export const KsColorPrimaryInvertedAlpha3Base = "rgba(77, 37, 239, 0.76)";
|
|
384
|
+
export const KsColorPrimaryInvertedAlpha4Base = "rgba(77, 37, 239, 0.63)";
|
|
385
|
+
export const KsColorPrimaryInvertedAlpha5Base = "rgba(77, 37, 239, 0.5)";
|
|
386
|
+
export const KsColorPrimaryInvertedAlpha6Base = "rgba(77, 37, 239, 0.37)";
|
|
387
|
+
export const KsColorPrimaryInvertedAlpha7Base = "rgba(77, 37, 239, 0.24)";
|
|
388
|
+
export const KsColorPrimaryInvertedAlpha8Base = "rgba(77, 37, 239, 0.13)";
|
|
389
|
+
export const KsColorPrimaryInvertedAlpha9Base = "rgba(77, 37, 239, 0.05)";
|
|
390
|
+
export const KsColorPrimaryInvertedToBg1Base = "#552fef";
|
|
391
|
+
export const KsColorPrimaryInvertedToBg2Base = "#6240f0";
|
|
392
|
+
export const KsColorPrimaryInvertedToBg3Base = "#7456f0";
|
|
393
|
+
export const KsColorPrimaryInvertedToBg4Base = "#8a70f0";
|
|
394
|
+
export const KsColorPrimaryInvertedToBg5Base = "#9f8bf1";
|
|
395
|
+
export const KsColorPrimaryInvertedToBg6Base = "#b4a6f2";
|
|
396
|
+
export const KsColorPrimaryInvertedToBg7Base = "#cac0f2";
|
|
397
|
+
export const KsColorPrimaryInvertedToBg8Base = "#dcd6f2";
|
|
398
|
+
export const KsColorPrimaryInvertedToBg9Base = "#e9e7f3";
|
|
399
|
+
export const KsColorPrimaryInvertedToFg1Base = "#4924e5";
|
|
400
|
+
export const KsColorPrimaryInvertedToFg2Base = "#4421d4";
|
|
401
|
+
export const KsColorPrimaryInvertedToFg3Base = "#3c1ebd";
|
|
402
|
+
export const KsColorPrimaryInvertedToFg4Base = "#331aa2";
|
|
403
|
+
export const KsColorPrimaryInvertedToFg5Base = "#2a1787";
|
|
404
|
+
export const KsColorPrimaryInvertedToFg6Base = "#20136c";
|
|
405
|
+
export const KsColorPrimaryInvertedToFg7Base = "#170f51";
|
|
406
|
+
export const KsColorPrimaryInvertedToFg8Base = "#0f0c3a";
|
|
407
|
+
export const KsColorPrimaryInvertedToFg9Base = "#0a0929";
|
|
408
408
|
export const KsColorLinkBase = "#b7a5ff";
|
|
409
409
|
export const KsColorLinkAlpha1Base = "rgba(183, 165, 255, 0.95)";
|
|
410
410
|
export const KsColorLinkAlpha2Base = "rgba(183, 165, 255, 0.87)";
|
|
@@ -415,24 +415,24 @@ export const KsColorLinkAlpha6Base = "rgba(183, 165, 255, 0.37)";
|
|
|
415
415
|
export const KsColorLinkAlpha7Base = "rgba(183, 165, 255, 0.24)";
|
|
416
416
|
export const KsColorLinkAlpha8Base = "rgba(183, 165, 255, 0.13)";
|
|
417
417
|
export const KsColorLinkAlpha9Base = "rgba(183, 165, 255, 0.05)";
|
|
418
|
-
export const KsColorLinkToBg1Base = "#
|
|
419
|
-
export const KsColorLinkToBg2Base = "#
|
|
420
|
-
export const KsColorLinkToBg3Base = "#
|
|
421
|
-
export const KsColorLinkToBg4Base = "#
|
|
422
|
-
export const KsColorLinkToBg5Base = "#
|
|
423
|
-
export const KsColorLinkToBg6Base = "#
|
|
424
|
-
export const KsColorLinkToBg7Base = "#
|
|
425
|
-
export const KsColorLinkToBg8Base = "#
|
|
426
|
-
export const KsColorLinkToBg9Base = "#
|
|
427
|
-
export const KsColorLinkToFg1Base = "#
|
|
428
|
-
export const KsColorLinkToFg2Base = "#
|
|
429
|
-
export const KsColorLinkToFg3Base = "#
|
|
430
|
-
export const KsColorLinkToFg4Base = "#
|
|
431
|
-
export const KsColorLinkToFg5Base = "#
|
|
432
|
-
export const KsColorLinkToFg6Base = "#
|
|
433
|
-
export const KsColorLinkToFg7Base = "#
|
|
434
|
-
export const KsColorLinkToFg8Base = "#
|
|
435
|
-
export const KsColorLinkToFg9Base = "#
|
|
418
|
+
export const KsColorLinkToBg1Base = "#ae9df4";
|
|
419
|
+
export const KsColorLinkToBg2Base = "#a091e2";
|
|
420
|
+
export const KsColorLinkToBg3Base = "#8d7fc9";
|
|
421
|
+
export const KsColorLinkToBg4Base = "#766bac";
|
|
422
|
+
export const KsColorLinkToBg5Base = "#5f578f";
|
|
423
|
+
export const KsColorLinkToBg6Base = "#474272";
|
|
424
|
+
export const KsColorLinkToBg7Base = "#302e55";
|
|
425
|
+
export const KsColorLinkToBg8Base = "#1d1c3c";
|
|
426
|
+
export const KsColorLinkToBg9Base = "#0f102a";
|
|
427
|
+
export const KsColorLinkToFg1Base = "#bbaaff";
|
|
428
|
+
export const KsColorLinkToFg2Base = "#c0b1ff";
|
|
429
|
+
export const KsColorLinkToFg3Base = "#c8bbff";
|
|
430
|
+
export const KsColorLinkToFg4Base = "#d2c6ff";
|
|
431
|
+
export const KsColorLinkToFg5Base = "#dbd2ff";
|
|
432
|
+
export const KsColorLinkToFg6Base = "#e4deff";
|
|
433
|
+
export const KsColorLinkToFg7Base = "#eee9ff";
|
|
434
|
+
export const KsColorLinkToFg8Base = "#f6f3ff";
|
|
435
|
+
export const KsColorLinkToFg9Base = "#fbfbff";
|
|
436
436
|
export const KsColorLinkInvertedBase = "#6642f6";
|
|
437
437
|
export const KsColorLinkInvertedAlpha1Base = "rgba(102, 66, 246, 0.95)";
|
|
438
438
|
export const KsColorLinkInvertedAlpha2Base = "rgba(102, 66, 246, 0.87)";
|
|
@@ -443,24 +443,24 @@ export const KsColorLinkInvertedAlpha6Base = "rgba(102, 66, 246, 0.37)";
|
|
|
443
443
|
export const KsColorLinkInvertedAlpha7Base = "rgba(102, 66, 246, 0.24)";
|
|
444
444
|
export const KsColorLinkInvertedAlpha8Base = "rgba(102, 66, 246, 0.13)";
|
|
445
445
|
export const KsColorLinkInvertedAlpha9Base = "rgba(102, 66, 246, 0.05)";
|
|
446
|
-
export const KsColorLinkInvertedToBg1Base = "#
|
|
447
|
-
export const KsColorLinkInvertedToBg2Base = "#
|
|
448
|
-
export const KsColorLinkInvertedToBg3Base = "#
|
|
449
|
-
export const KsColorLinkInvertedToBg4Base = "#
|
|
450
|
-
export const KsColorLinkInvertedToBg5Base = "#
|
|
451
|
-
export const KsColorLinkInvertedToBg6Base = "#
|
|
452
|
-
export const KsColorLinkInvertedToBg7Base = "#
|
|
453
|
-
export const KsColorLinkInvertedToBg8Base = "#
|
|
454
|
-
export const KsColorLinkInvertedToBg9Base = "#
|
|
455
|
-
export const KsColorLinkInvertedToFg1Base = "#
|
|
456
|
-
export const KsColorLinkInvertedToFg2Base = "#
|
|
457
|
-
export const KsColorLinkInvertedToFg3Base = "#
|
|
458
|
-
export const KsColorLinkInvertedToFg4Base = "#
|
|
459
|
-
export const KsColorLinkInvertedToFg5Base = "#
|
|
460
|
-
export const KsColorLinkInvertedToFg6Base = "#
|
|
461
|
-
export const KsColorLinkInvertedToFg7Base = "#
|
|
462
|
-
export const KsColorLinkInvertedToFg8Base = "#
|
|
463
|
-
export const KsColorLinkInvertedToFg9Base = "#
|
|
446
|
+
export const KsColorLinkInvertedToBg1Base = "#6d4bf6";
|
|
447
|
+
export const KsColorLinkInvertedToBg2Base = "#7859f6";
|
|
448
|
+
export const KsColorLinkInvertedToBg3Base = "#876cf5";
|
|
449
|
+
export const KsColorLinkInvertedToBg4Base = "#9983f5";
|
|
450
|
+
export const KsColorLinkInvertedToBg5Base = "#ac9af5";
|
|
451
|
+
export const KsColorLinkInvertedToBg6Base = "#beb0f4";
|
|
452
|
+
export const KsColorLinkInvertedToBg7Base = "#d0c7f4";
|
|
453
|
+
export const KsColorLinkInvertedToBg8Base = "#dfdaf3";
|
|
454
|
+
export const KsColorLinkInvertedToBg9Base = "#eae8f3";
|
|
455
|
+
export const KsColorLinkInvertedToFg1Base = "#613feb";
|
|
456
|
+
export const KsColorLinkInvertedToFg2Base = "#5a3ada";
|
|
457
|
+
export const KsColorLinkInvertedToFg3Base = "#4f34c2";
|
|
458
|
+
export const KsColorLinkInvertedToFg4Base = "#422da6";
|
|
459
|
+
export const KsColorLinkInvertedToFg5Base = "#36258b";
|
|
460
|
+
export const KsColorLinkInvertedToFg6Base = "#2a1d6f";
|
|
461
|
+
export const KsColorLinkInvertedToFg7Base = "#1d1653";
|
|
462
|
+
export const KsColorLinkInvertedToFg8Base = "#12103b";
|
|
463
|
+
export const KsColorLinkInvertedToFg9Base = "#0b0b2a";
|
|
464
464
|
export const KsColorPositiveBase = "#6edb64";
|
|
465
465
|
export const KsColorPositiveAlpha1Base = "rgba(110, 219, 100, 0.95)";
|
|
466
466
|
export const KsColorPositiveAlpha2Base = "rgba(110, 219, 100, 0.87)";
|
|
@@ -471,24 +471,24 @@ export const KsColorPositiveAlpha6Base = "rgba(110, 219, 100, 0.37)";
|
|
|
471
471
|
export const KsColorPositiveAlpha7Base = "rgba(110, 219, 100, 0.24)";
|
|
472
472
|
export const KsColorPositiveAlpha8Base = "rgba(110, 219, 100, 0.13)";
|
|
473
473
|
export const KsColorPositiveAlpha9Base = "rgba(110, 219, 100, 0.05)";
|
|
474
|
-
export const KsColorPositiveToBg1Base = "#
|
|
475
|
-
export const KsColorPositiveToBg2Base = "#
|
|
476
|
-
export const KsColorPositiveToBg3Base = "#
|
|
477
|
-
export const KsColorPositiveToBg4Base = "#
|
|
478
|
-
export const KsColorPositiveToBg5Base = "#
|
|
479
|
-
export const KsColorPositiveToBg6Base = "#
|
|
480
|
-
export const KsColorPositiveToBg7Base = "#
|
|
481
|
-
export const KsColorPositiveToBg8Base = "#
|
|
482
|
-
export const KsColorPositiveToBg9Base = "#
|
|
483
|
-
export const KsColorPositiveToFg1Base = "#
|
|
484
|
-
export const KsColorPositiveToFg2Base = "#
|
|
485
|
-
export const KsColorPositiveToFg3Base = "#
|
|
486
|
-
export const KsColorPositiveToFg4Base = "#
|
|
487
|
-
export const KsColorPositiveToFg5Base = "#
|
|
488
|
-
export const KsColorPositiveToFg6Base = "#
|
|
489
|
-
export const KsColorPositiveToFg7Base = "#
|
|
490
|
-
export const KsColorPositiveToFg8Base = "#
|
|
491
|
-
export const KsColorPositiveToFg9Base = "#
|
|
474
|
+
export const KsColorPositiveToBg1Base = "#69d061";
|
|
475
|
+
export const KsColorPositiveToBg2Base = "#60c05b";
|
|
476
|
+
export const KsColorPositiveToBg3Base = "#55a853";
|
|
477
|
+
export const KsColorPositiveToBg4Base = "#488d4a";
|
|
478
|
+
export const KsColorPositiveToBg5Base = "#3a7242";
|
|
479
|
+
export const KsColorPositiveToBg6Base = "#2c5639";
|
|
480
|
+
export const KsColorPositiveToBg7Base = "#1f3b30";
|
|
481
|
+
export const KsColorPositiveToBg8Base = "#142328";
|
|
482
|
+
export const KsColorPositiveToBg9Base = "#0b1322";
|
|
483
|
+
export const KsColorPositiveToFg1Base = "#75dd6c";
|
|
484
|
+
export const KsColorPositiveToFg2Base = "#81e078";
|
|
485
|
+
export const KsColorPositiveToFg3Base = "#91e489";
|
|
486
|
+
export const KsColorPositiveToFg4Base = "#a4e89d";
|
|
487
|
+
export const KsColorPositiveToFg5Base = "#b7edb2";
|
|
488
|
+
export const KsColorPositiveToFg6Base = "#c9f2c6";
|
|
489
|
+
export const KsColorPositiveToFg7Base = "#dcf6da";
|
|
490
|
+
export const KsColorPositiveToFg8Base = "#ecfaeb";
|
|
491
|
+
export const KsColorPositiveToFg9Base = "#f8fdf7";
|
|
492
492
|
export const KsColorPositiveInvertedBase = "#23831b";
|
|
493
493
|
export const KsColorPositiveInvertedAlpha1Base = "rgba(35, 131, 27, 0.95)";
|
|
494
494
|
export const KsColorPositiveInvertedAlpha2Base = "rgba(35, 131, 27, 0.87)";
|
|
@@ -499,24 +499,24 @@ export const KsColorPositiveInvertedAlpha6Base = "rgba(35, 131, 27, 0.37)";
|
|
|
499
499
|
export const KsColorPositiveInvertedAlpha7Base = "rgba(35, 131, 27, 0.24)";
|
|
500
500
|
export const KsColorPositiveInvertedAlpha8Base = "rgba(35, 131, 27, 0.13)";
|
|
501
501
|
export const KsColorPositiveInvertedAlpha9Base = "rgba(35, 131, 27, 0.05)";
|
|
502
|
-
export const KsColorPositiveInvertedToBg1Base = "#
|
|
503
|
-
export const KsColorPositiveInvertedToBg2Base = "#
|
|
504
|
-
export const KsColorPositiveInvertedToBg3Base = "#
|
|
505
|
-
export const KsColorPositiveInvertedToBg4Base = "#
|
|
506
|
-
export const KsColorPositiveInvertedToBg5Base = "#
|
|
507
|
-
export const KsColorPositiveInvertedToBg6Base = "#
|
|
508
|
-
export const KsColorPositiveInvertedToBg7Base = "#
|
|
509
|
-
export const KsColorPositiveInvertedToBg8Base = "#
|
|
510
|
-
export const KsColorPositiveInvertedToBg9Base = "#
|
|
511
|
-
export const KsColorPositiveInvertedToFg1Base = "#
|
|
512
|
-
export const KsColorPositiveInvertedToFg2Base = "#
|
|
513
|
-
export const KsColorPositiveInvertedToFg3Base = "#
|
|
514
|
-
export const KsColorPositiveInvertedToFg4Base = "#
|
|
515
|
-
export const KsColorPositiveInvertedToFg5Base = "#
|
|
516
|
-
export const KsColorPositiveInvertedToFg6Base = "#
|
|
517
|
-
export const KsColorPositiveInvertedToFg7Base = "#
|
|
518
|
-
export const KsColorPositiveInvertedToFg8Base = "#
|
|
519
|
-
export const KsColorPositiveInvertedToFg9Base = "#
|
|
502
|
+
export const KsColorPositiveInvertedToBg1Base = "#2d8926";
|
|
503
|
+
export const KsColorPositiveInvertedToBg2Base = "#3e9137";
|
|
504
|
+
export const KsColorPositiveInvertedToBg3Base = "#549d4f";
|
|
505
|
+
export const KsColorPositiveInvertedToBg4Base = "#6fac6b";
|
|
506
|
+
export const KsColorPositiveInvertedToBg5Base = "#8aba87";
|
|
507
|
+
export const KsColorPositiveInvertedToBg6Base = "#a5c8a3";
|
|
508
|
+
export const KsColorPositiveInvertedToBg7Base = "#c0d7bf";
|
|
509
|
+
export const KsColorPositiveInvertedToBg8Base = "#d6e3d7";
|
|
510
|
+
export const KsColorPositiveInvertedToBg9Base = "#e7ece8";
|
|
511
|
+
export const KsColorPositiveInvertedToFg1Base = "#227d1b";
|
|
512
|
+
export const KsColorPositiveInvertedToFg2Base = "#1f731c";
|
|
513
|
+
export const KsColorPositiveInvertedToFg3Base = "#1c651c";
|
|
514
|
+
export const KsColorPositiveInvertedToFg4Base = "#18551c";
|
|
515
|
+
export const KsColorPositiveInvertedToFg5Base = "#15461d";
|
|
516
|
+
export const KsColorPositiveInvertedToFg6Base = "#11361e";
|
|
517
|
+
export const KsColorPositiveInvertedToFg7Base = "#0d261e";
|
|
518
|
+
export const KsColorPositiveInvertedToFg8Base = "#0a181e";
|
|
519
|
+
export const KsColorPositiveInvertedToFg9Base = "#070e1f";
|
|
520
520
|
export const KsColorInformativeBase = "#64c2db";
|
|
521
521
|
export const KsColorInformativeAlpha1Base = "rgba(100, 194, 219, 0.95)";
|
|
522
522
|
export const KsColorInformativeAlpha2Base = "rgba(100, 194, 219, 0.87)";
|
|
@@ -527,24 +527,24 @@ export const KsColorInformativeAlpha6Base = "rgba(100, 194, 219, 0.37)";
|
|
|
527
527
|
export const KsColorInformativeAlpha7Base = "rgba(100, 194, 219, 0.24)";
|
|
528
528
|
export const KsColorInformativeAlpha8Base = "rgba(100, 194, 219, 0.13)";
|
|
529
529
|
export const KsColorInformativeAlpha9Base = "rgba(100, 194, 219, 0.05)";
|
|
530
|
-
export const KsColorInformativeToBg1Base = "#
|
|
531
|
-
export const KsColorInformativeToBg2Base = "#
|
|
532
|
-
export const KsColorInformativeToBg3Base = "#
|
|
533
|
-
export const KsColorInformativeToBg4Base = "#
|
|
534
|
-
export const KsColorInformativeToBg5Base = "#
|
|
535
|
-
export const KsColorInformativeToBg6Base = "#
|
|
536
|
-
export const KsColorInformativeToBg7Base = "#
|
|
537
|
-
export const KsColorInformativeToBg8Base = "#
|
|
538
|
-
export const KsColorInformativeToBg9Base = "#
|
|
539
|
-
export const KsColorInformativeToFg1Base = "#
|
|
540
|
-
export const KsColorInformativeToFg2Base = "#
|
|
541
|
-
export const KsColorInformativeToFg3Base = "#
|
|
542
|
-
export const KsColorInformativeToFg4Base = "#
|
|
543
|
-
export const KsColorInformativeToFg5Base = "#
|
|
544
|
-
export const KsColorInformativeToFg6Base = "#
|
|
545
|
-
export const KsColorInformativeToFg7Base = "#
|
|
546
|
-
export const KsColorInformativeToFg8Base = "#
|
|
547
|
-
export const KsColorInformativeToFg9Base = "#
|
|
530
|
+
export const KsColorInformativeToBg1Base = "#5fb9d2";
|
|
531
|
+
export const KsColorInformativeToBg2Base = "#58aac3";
|
|
532
|
+
export const KsColorInformativeToBg3Base = "#4d95ae";
|
|
533
|
+
export const KsColorInformativeToBg4Base = "#417d95";
|
|
534
|
+
export const KsColorInformativeToBg5Base = "#35657d";
|
|
535
|
+
export const KsColorInformativeToBg6Base = "#294d65";
|
|
536
|
+
export const KsColorInformativeToBg7Base = "#1d354c";
|
|
537
|
+
export const KsColorInformativeToBg8Base = "#122037";
|
|
538
|
+
export const KsColorInformativeToBg9Base = "#0b1128";
|
|
539
|
+
export const KsColorInformativeToFg1Base = "#6cc5dd";
|
|
540
|
+
export const KsColorInformativeToFg2Base = "#78cae0";
|
|
541
|
+
export const KsColorInformativeToFg3Base = "#89d1e4";
|
|
542
|
+
export const KsColorInformativeToFg4Base = "#9dd9e8";
|
|
543
|
+
export const KsColorInformativeToFg5Base = "#b2e1ed";
|
|
544
|
+
export const KsColorInformativeToFg6Base = "#c6e8f2";
|
|
545
|
+
export const KsColorInformativeToFg7Base = "#daf0f6";
|
|
546
|
+
export const KsColorInformativeToFg8Base = "#ebf7fa";
|
|
547
|
+
export const KsColorInformativeToFg9Base = "#f7fcfd";
|
|
548
548
|
export const KsColorInformativeInvertedBase = "#00718f";
|
|
549
549
|
export const KsColorInformativeInvertedAlpha1Base = "rgba(0, 113, 143, 0.95)";
|
|
550
550
|
export const KsColorInformativeInvertedAlpha2Base = "rgba(0, 113, 143, 0.87)";
|
|
@@ -555,24 +555,24 @@ export const KsColorInformativeInvertedAlpha6Base = "rgba(0, 113, 143, 0.37)";
|
|
|
555
555
|
export const KsColorInformativeInvertedAlpha7Base = "rgba(0, 113, 143, 0.24)";
|
|
556
556
|
export const KsColorInformativeInvertedAlpha8Base = "rgba(0, 113, 143, 0.13)";
|
|
557
557
|
export const KsColorInformativeInvertedAlpha9Base = "rgba(0, 113, 143, 0.05)";
|
|
558
|
-
export const KsColorInformativeInvertedToBg1Base = "#
|
|
559
|
-
export const KsColorInformativeInvertedToBg2Base = "#
|
|
560
|
-
export const KsColorInformativeInvertedToBg3Base = "#
|
|
561
|
-
export const KsColorInformativeInvertedToBg4Base = "#
|
|
562
|
-
export const KsColorInformativeInvertedToBg5Base = "#
|
|
563
|
-
export const KsColorInformativeInvertedToBg6Base = "#
|
|
564
|
-
export const KsColorInformativeInvertedToBg7Base = "#
|
|
565
|
-
export const KsColorInformativeInvertedToBg8Base = "#
|
|
566
|
-
export const KsColorInformativeInvertedToBg9Base = "#
|
|
567
|
-
export const KsColorInformativeInvertedToFg1Base = "#
|
|
568
|
-
export const KsColorInformativeInvertedToFg2Base = "#
|
|
569
|
-
export const KsColorInformativeInvertedToFg3Base = "#
|
|
570
|
-
export const KsColorInformativeInvertedToFg4Base = "#
|
|
571
|
-
export const KsColorInformativeInvertedToFg5Base = "#
|
|
572
|
-
export const KsColorInformativeInvertedToFg6Base = "#
|
|
573
|
-
export const KsColorInformativeInvertedToFg7Base = "#
|
|
574
|
-
export const KsColorInformativeInvertedToFg8Base = "#
|
|
575
|
-
export const KsColorInformativeInvertedToFg9Base = "#
|
|
558
|
+
export const KsColorInformativeInvertedToBg1Base = "#0c7794";
|
|
559
|
+
export const KsColorInformativeInvertedToBg2Base = "#1f829c";
|
|
560
|
+
export const KsColorInformativeInvertedToBg3Base = "#3a90a7";
|
|
561
|
+
export const KsColorInformativeInvertedToBg4Base = "#59a0b4";
|
|
562
|
+
export const KsColorInformativeInvertedToBg5Base = "#79b1c1";
|
|
563
|
+
export const KsColorInformativeInvertedToBg6Base = "#98c2ce";
|
|
564
|
+
export const KsColorInformativeInvertedToBg7Base = "#b7d2db";
|
|
565
|
+
export const KsColorInformativeInvertedToBg8Base = "#d2e0e6";
|
|
566
|
+
export const KsColorInformativeInvertedToBg9Base = "#e5ebee";
|
|
567
|
+
export const KsColorInformativeInvertedToFg1Base = "#006c89";
|
|
568
|
+
export const KsColorInformativeInvertedToFg2Base = "#016380";
|
|
569
|
+
export const KsColorInformativeInvertedToFg3Base = "#015874";
|
|
570
|
+
export const KsColorInformativeInvertedToFg4Base = "#024a66";
|
|
571
|
+
export const KsColorInformativeInvertedToFg5Base = "#033d57";
|
|
572
|
+
export const KsColorInformativeInvertedToFg6Base = "#042f48";
|
|
573
|
+
export const KsColorInformativeInvertedToFg7Base = "#05213a";
|
|
574
|
+
export const KsColorInformativeInvertedToFg8Base = "#05162e";
|
|
575
|
+
export const KsColorInformativeInvertedToFg9Base = "#060d25";
|
|
576
576
|
export const KsColorNoticeBase = "#f9de55";
|
|
577
577
|
export const KsColorNoticeAlpha1Base = "rgba(249, 222, 85, 0.95)";
|
|
578
578
|
export const KsColorNoticeAlpha2Base = "rgba(249, 222, 85, 0.87)";
|
|
@@ -583,24 +583,24 @@ export const KsColorNoticeAlpha6Base = "rgba(249, 222, 85, 0.37)";
|
|
|
583
583
|
export const KsColorNoticeAlpha7Base = "rgba(249, 222, 85, 0.24)";
|
|
584
584
|
export const KsColorNoticeAlpha8Base = "rgba(249, 222, 85, 0.13)";
|
|
585
585
|
export const KsColorNoticeAlpha9Base = "rgba(249, 222, 85, 0.05)";
|
|
586
|
-
export const KsColorNoticeToBg1Base = "#
|
|
587
|
-
export const KsColorNoticeToBg2Base = "#
|
|
588
|
-
export const KsColorNoticeToBg3Base = "#
|
|
589
|
-
export const KsColorNoticeToBg4Base = "#
|
|
590
|
-
export const KsColorNoticeToBg5Base = "#
|
|
591
|
-
export const KsColorNoticeToBg6Base = "#
|
|
592
|
-
export const KsColorNoticeToBg7Base = "#
|
|
593
|
-
export const KsColorNoticeToBg8Base = "#
|
|
594
|
-
export const KsColorNoticeToBg9Base = "#
|
|
595
|
-
export const KsColorNoticeToFg1Base = "#
|
|
596
|
-
export const KsColorNoticeToFg2Base = "#
|
|
597
|
-
export const KsColorNoticeToFg3Base = "#
|
|
598
|
-
export const KsColorNoticeToFg4Base = "#
|
|
599
|
-
export const KsColorNoticeToFg5Base = "#
|
|
600
|
-
export const KsColorNoticeToFg6Base = "#
|
|
601
|
-
export const KsColorNoticeToFg7Base = "#
|
|
602
|
-
export const KsColorNoticeToFg8Base = "#
|
|
603
|
-
export const KsColorNoticeToFg9Base = "#
|
|
586
|
+
export const KsColorNoticeToBg1Base = "#edd352";
|
|
587
|
+
export const KsColorNoticeToBg2Base = "#d9c24e";
|
|
588
|
+
export const KsColorNoticeToBg3Base = "#bfab48";
|
|
589
|
+
export const KsColorNoticeToBg4Base = "#9f8f41";
|
|
590
|
+
export const KsColorNoticeToBg5Base = "#80733a";
|
|
591
|
+
export const KsColorNoticeToBg6Base = "#605733";
|
|
592
|
+
export const KsColorNoticeToBg7Base = "#403b2c";
|
|
593
|
+
export const KsColorNoticeToBg8Base = "#262426";
|
|
594
|
+
export const KsColorNoticeToBg9Base = "#121322";
|
|
595
|
+
export const KsColorNoticeToFg1Base = "#f9e05e";
|
|
596
|
+
export const KsColorNoticeToFg2Base = "#fae26b";
|
|
597
|
+
export const KsColorNoticeToFg3Base = "#fae67e";
|
|
598
|
+
export const KsColorNoticeToFg4Base = "#fbea94";
|
|
599
|
+
export const KsColorNoticeToFg5Base = "#fcefaa";
|
|
600
|
+
export const KsColorNoticeToFg6Base = "#fdf3c0";
|
|
601
|
+
export const KsColorNoticeToFg7Base = "#fef7d6";
|
|
602
|
+
export const KsColorNoticeToFg8Base = "#fefbe9";
|
|
603
|
+
export const KsColorNoticeToFg9Base = "#fffdf7";
|
|
604
604
|
export const KsColorNoticeInvertedBase = "#ff5d53";
|
|
605
605
|
export const KsColorNoticeInvertedAlpha1Base = "rgba(255, 93, 83, 0.95)";
|
|
606
606
|
export const KsColorNoticeInvertedAlpha2Base = "rgba(255, 93, 83, 0.87)";
|
|
@@ -611,24 +611,24 @@ export const KsColorNoticeInvertedAlpha6Base = "rgba(255, 93, 83, 0.37)";
|
|
|
611
611
|
export const KsColorNoticeInvertedAlpha7Base = "rgba(255, 93, 83, 0.24)";
|
|
612
612
|
export const KsColorNoticeInvertedAlpha8Base = "rgba(255, 93, 83, 0.13)";
|
|
613
613
|
export const KsColorNoticeInvertedAlpha9Base = "rgba(255, 93, 83, 0.05)";
|
|
614
|
-
export const KsColorNoticeInvertedToBg1Base = "#
|
|
615
|
-
export const KsColorNoticeInvertedToBg2Base = "#
|
|
616
|
-
export const KsColorNoticeInvertedToBg3Base = "#
|
|
617
|
-
export const KsColorNoticeInvertedToBg4Base = "#
|
|
618
|
-
export const KsColorNoticeInvertedToBg5Base = "#
|
|
619
|
-
export const KsColorNoticeInvertedToBg6Base = "#
|
|
620
|
-
export const KsColorNoticeInvertedToBg7Base = "#
|
|
621
|
-
export const KsColorNoticeInvertedToBg8Base = "#
|
|
622
|
-
export const KsColorNoticeInvertedToBg9Base = "#
|
|
623
|
-
export const KsColorNoticeInvertedToFg1Base = "#
|
|
624
|
-
export const KsColorNoticeInvertedToFg2Base = "#
|
|
625
|
-
export const KsColorNoticeInvertedToFg3Base = "#
|
|
626
|
-
export const KsColorNoticeInvertedToFg4Base = "#
|
|
627
|
-
export const KsColorNoticeInvertedToFg5Base = "#
|
|
628
|
-
export const KsColorNoticeInvertedToFg6Base = "#
|
|
629
|
-
export const KsColorNoticeInvertedToFg7Base = "#
|
|
630
|
-
export const KsColorNoticeInvertedToFg8Base = "#
|
|
631
|
-
export const KsColorNoticeInvertedToFg9Base = "#
|
|
614
|
+
export const KsColorNoticeInvertedToBg1Base = "#fe645b";
|
|
615
|
+
export const KsColorNoticeInvertedToBg2Base = "#fd7068";
|
|
616
|
+
export const KsColorNoticeInvertedToBg3Base = "#fc8179";
|
|
617
|
+
export const KsColorNoticeInvertedToBg4Base = "#fa948e";
|
|
618
|
+
export const KsColorNoticeInvertedToBg5Base = "#f8a7a3";
|
|
619
|
+
export const KsColorNoticeInvertedToBg6Base = "#f6bab8";
|
|
620
|
+
export const KsColorNoticeInvertedToBg7Base = "#f4cdcd";
|
|
621
|
+
export const KsColorNoticeInvertedToBg8Base = "#f3dede";
|
|
622
|
+
export const KsColorNoticeInvertedToBg9Base = "#f2eaeb";
|
|
623
|
+
export const KsColorNoticeInvertedToFg1Base = "#f35950";
|
|
624
|
+
export const KsColorNoticeInvertedToFg2Base = "#df524c";
|
|
625
|
+
export const KsColorNoticeInvertedToFg3Base = "#c34947";
|
|
626
|
+
export const KsColorNoticeInvertedToFg4Base = "#a33e40";
|
|
627
|
+
export const KsColorNoticeInvertedToFg5Base = "#833339";
|
|
628
|
+
export const KsColorNoticeInvertedToFg6Base = "#622732";
|
|
629
|
+
export const KsColorNoticeInvertedToFg7Base = "#421c2b";
|
|
630
|
+
export const KsColorNoticeInvertedToFg8Base = "#261326";
|
|
631
|
+
export const KsColorNoticeInvertedToFg9Base = "#120c22";
|
|
632
632
|
export const KsColorNegativeBase = "#ff1a57";
|
|
633
633
|
export const KsColorNegativeAlpha1Base = "rgba(255, 26, 87, 0.95)";
|
|
634
634
|
export const KsColorNegativeAlpha2Base = "rgba(255, 26, 87, 0.87)";
|
|
@@ -639,24 +639,24 @@ export const KsColorNegativeAlpha6Base = "rgba(255, 26, 87, 0.37)";
|
|
|
639
639
|
export const KsColorNegativeAlpha7Base = "rgba(255, 26, 87, 0.24)";
|
|
640
640
|
export const KsColorNegativeAlpha8Base = "rgba(255, 26, 87, 0.13)";
|
|
641
641
|
export const KsColorNegativeAlpha9Base = "rgba(255, 26, 87, 0.05)";
|
|
642
|
-
export const KsColorNegativeToBg1Base = "#
|
|
643
|
-
export const KsColorNegativeToBg2Base = "#
|
|
644
|
-
export const KsColorNegativeToBg3Base = "#
|
|
645
|
-
export const KsColorNegativeToBg4Base = "#
|
|
646
|
-
export const KsColorNegativeToBg5Base = "#
|
|
647
|
-
export const KsColorNegativeToBg6Base = "#
|
|
648
|
-
export const KsColorNegativeToBg7Base = "#
|
|
649
|
-
export const KsColorNegativeToBg8Base = "#
|
|
650
|
-
export const KsColorNegativeToBg9Base = "#
|
|
651
|
-
export const KsColorNegativeToFg1Base = "#
|
|
652
|
-
export const KsColorNegativeToFg2Base = "#
|
|
653
|
-
export const KsColorNegativeToFg3Base = "#
|
|
654
|
-
export const KsColorNegativeToFg4Base = "#
|
|
655
|
-
export const KsColorNegativeToFg5Base = "#
|
|
656
|
-
export const KsColorNegativeToFg6Base = "#
|
|
657
|
-
export const KsColorNegativeToFg7Base = "#
|
|
658
|
-
export const KsColorNegativeToFg8Base = "#
|
|
659
|
-
export const KsColorNegativeToFg9Base = "#
|
|
642
|
+
export const KsColorNegativeToBg1Base = "#f31954";
|
|
643
|
+
export const KsColorNegativeToBg2Base = "#df1850";
|
|
644
|
+
export const KsColorNegativeToBg3Base = "#c3164a";
|
|
645
|
+
export const KsColorNegativeToBg4Base = "#a31342";
|
|
646
|
+
export const KsColorNegativeToBg5Base = "#83113b";
|
|
647
|
+
export const KsColorNegativeToBg6Base = "#620f34";
|
|
648
|
+
export const KsColorNegativeToBg7Base = "#420c2c";
|
|
649
|
+
export const KsColorNegativeToBg8Base = "#260a26";
|
|
650
|
+
export const KsColorNegativeToBg9Base = "#120922";
|
|
651
|
+
export const KsColorNegativeToFg1Base = "#ff255f";
|
|
652
|
+
export const KsColorNegativeToFg2Base = "#ff386d";
|
|
653
|
+
export const KsColorNegativeToFg3Base = "#ff517f";
|
|
654
|
+
export const KsColorNegativeToFg4Base = "#ff6f95";
|
|
655
|
+
export const KsColorNegativeToFg5Base = "#ff8dab";
|
|
656
|
+
export const KsColorNegativeToFg6Base = "#ffaac1";
|
|
657
|
+
export const KsColorNegativeToFg7Base = "#ffc8d7";
|
|
658
|
+
export const KsColorNegativeToFg8Base = "#ffe1e9";
|
|
659
|
+
export const KsColorNegativeToFg9Base = "#fff4f7";
|
|
660
660
|
export const KsColorNegativeInvertedBase = "#d21d48";
|
|
661
661
|
export const KsColorNegativeInvertedAlpha1Base = "rgba(210, 29, 72, 0.95)";
|
|
662
662
|
export const KsColorNegativeInvertedAlpha2Base = "rgba(210, 29, 72, 0.87)";
|
|
@@ -667,80 +667,80 @@ export const KsColorNegativeInvertedAlpha6Base = "rgba(210, 29, 72, 0.37)";
|
|
|
667
667
|
export const KsColorNegativeInvertedAlpha7Base = "rgba(210, 29, 72, 0.24)";
|
|
668
668
|
export const KsColorNegativeInvertedAlpha8Base = "rgba(210, 29, 72, 0.13)";
|
|
669
669
|
export const KsColorNegativeInvertedAlpha9Base = "rgba(210, 29, 72, 0.05)";
|
|
670
|
-
export const KsColorNegativeInvertedToBg1Base = "#
|
|
671
|
-
export const KsColorNegativeInvertedToBg2Base = "#
|
|
672
|
-
export const KsColorNegativeInvertedToBg3Base = "#
|
|
673
|
-
export const KsColorNegativeInvertedToBg4Base = "#
|
|
674
|
-
export const KsColorNegativeInvertedToBg5Base = "#
|
|
675
|
-
export const KsColorNegativeInvertedToBg6Base = "#
|
|
676
|
-
export const KsColorNegativeInvertedToBg7Base = "#
|
|
677
|
-
export const KsColorNegativeInvertedToBg8Base = "#
|
|
678
|
-
export const KsColorNegativeInvertedToBg9Base = "#
|
|
679
|
-
export const KsColorNegativeInvertedToFg1Base = "#
|
|
680
|
-
export const KsColorNegativeInvertedToFg2Base = "#
|
|
681
|
-
export const KsColorNegativeInvertedToFg3Base = "#
|
|
682
|
-
export const KsColorNegativeInvertedToFg4Base = "#
|
|
683
|
-
export const KsColorNegativeInvertedToFg5Base = "#
|
|
684
|
-
export const KsColorNegativeInvertedToFg6Base = "#
|
|
685
|
-
export const KsColorNegativeInvertedToFg7Base = "#
|
|
686
|
-
export const KsColorNegativeInvertedToFg8Base = "#
|
|
687
|
-
export const KsColorNegativeInvertedToFg9Base = "#
|
|
688
|
-
export const KsColorSecondaryBase = "#
|
|
689
|
-
export const KsColorSecondaryAlpha1Base = "rgba(
|
|
690
|
-
export const KsColorSecondaryAlpha2Base = "rgba(
|
|
691
|
-
export const KsColorSecondaryAlpha3Base = "rgba(
|
|
692
|
-
export const KsColorSecondaryAlpha4Base = "rgba(
|
|
693
|
-
export const KsColorSecondaryAlpha5Base = "rgba(
|
|
694
|
-
export const KsColorSecondaryAlpha6Base = "rgba(
|
|
695
|
-
export const KsColorSecondaryAlpha7Base = "rgba(
|
|
696
|
-
export const KsColorSecondaryAlpha8Base = "rgba(
|
|
697
|
-
export const KsColorSecondaryAlpha9Base = "rgba(
|
|
698
|
-
export const KsColorSecondaryToBg1Base = "#
|
|
699
|
-
export const KsColorSecondaryToBg2Base = "#
|
|
700
|
-
export const KsColorSecondaryToBg3Base = "#
|
|
701
|
-
export const KsColorSecondaryToBg4Base = "#
|
|
702
|
-
export const KsColorSecondaryToBg5Base = "#
|
|
703
|
-
export const KsColorSecondaryToBg6Base = "#
|
|
704
|
-
export const KsColorSecondaryToBg7Base = "#
|
|
705
|
-
export const KsColorSecondaryToBg8Base = "#
|
|
706
|
-
export const KsColorSecondaryToBg9Base = "#
|
|
707
|
-
export const KsColorSecondaryToFg1Base = "#
|
|
708
|
-
export const KsColorSecondaryToFg2Base = "#
|
|
709
|
-
export const KsColorSecondaryToFg3Base = "#
|
|
710
|
-
export const KsColorSecondaryToFg4Base = "#
|
|
711
|
-
export const KsColorSecondaryToFg5Base = "#
|
|
712
|
-
export const KsColorSecondaryToFg6Base = "#
|
|
713
|
-
export const KsColorSecondaryToFg7Base = "#
|
|
714
|
-
export const KsColorSecondaryToFg8Base = "#
|
|
715
|
-
export const KsColorSecondaryToFg9Base = "#
|
|
716
|
-
export const KsColorSecondaryInvertedBase = "#
|
|
717
|
-
export const KsColorSecondaryInvertedAlpha1Base = "rgba(
|
|
718
|
-
export const KsColorSecondaryInvertedAlpha2Base = "rgba(
|
|
719
|
-
export const KsColorSecondaryInvertedAlpha3Base = "rgba(
|
|
720
|
-
export const KsColorSecondaryInvertedAlpha4Base = "rgba(
|
|
721
|
-
export const KsColorSecondaryInvertedAlpha5Base = "rgba(
|
|
722
|
-
export const KsColorSecondaryInvertedAlpha6Base = "rgba(
|
|
723
|
-
export const KsColorSecondaryInvertedAlpha7Base = "rgba(
|
|
724
|
-
export const KsColorSecondaryInvertedAlpha8Base = "rgba(
|
|
725
|
-
export const KsColorSecondaryInvertedAlpha9Base = "rgba(
|
|
726
|
-
export const KsColorSecondaryInvertedToBg1Base = "#
|
|
727
|
-
export const KsColorSecondaryInvertedToBg2Base = "#
|
|
728
|
-
export const KsColorSecondaryInvertedToBg3Base = "#
|
|
729
|
-
export const KsColorSecondaryInvertedToBg4Base = "#
|
|
730
|
-
export const KsColorSecondaryInvertedToBg5Base = "#
|
|
731
|
-
export const KsColorSecondaryInvertedToBg6Base = "#
|
|
732
|
-
export const KsColorSecondaryInvertedToBg7Base = "#
|
|
733
|
-
export const KsColorSecondaryInvertedToBg8Base = "#
|
|
734
|
-
export const KsColorSecondaryInvertedToBg9Base = "#
|
|
735
|
-
export const KsColorSecondaryInvertedToFg1Base = "#
|
|
736
|
-
export const KsColorSecondaryInvertedToFg2Base = "#
|
|
737
|
-
export const KsColorSecondaryInvertedToFg3Base = "#
|
|
738
|
-
export const KsColorSecondaryInvertedToFg4Base = "#
|
|
739
|
-
export const KsColorSecondaryInvertedToFg5Base = "#
|
|
740
|
-
export const KsColorSecondaryInvertedToFg6Base = "#
|
|
741
|
-
export const KsColorSecondaryInvertedToFg7Base = "#
|
|
742
|
-
export const KsColorSecondaryInvertedToFg8Base = "#
|
|
743
|
-
export const KsColorSecondaryInvertedToFg9Base = "#
|
|
670
|
+
export const KsColorNegativeInvertedToBg1Base = "#d42851";
|
|
671
|
+
export const KsColorNegativeInvertedToBg2Base = "#d6395e";
|
|
672
|
+
export const KsColorNegativeInvertedToBg3Base = "#d95071";
|
|
673
|
+
export const KsColorNegativeInvertedToBg4Base = "#dd6b87";
|
|
674
|
+
export const KsColorNegativeInvertedToBg5Base = "#e2879e";
|
|
675
|
+
export const KsColorNegativeInvertedToBg6Base = "#e6a3b4";
|
|
676
|
+
export const KsColorNegativeInvertedToBg7Base = "#eabeca";
|
|
677
|
+
export const KsColorNegativeInvertedToBg8Base = "#edd5dd";
|
|
678
|
+
export const KsColorNegativeInvertedToBg9Base = "#efe6ea";
|
|
679
|
+
export const KsColorNegativeInvertedToFg1Base = "#c81c46";
|
|
680
|
+
export const KsColorNegativeInvertedToFg2Base = "#b71a43";
|
|
681
|
+
export const KsColorNegativeInvertedToFg3Base = "#a1183e";
|
|
682
|
+
export const KsColorNegativeInvertedToFg4Base = "#871539";
|
|
683
|
+
export const KsColorNegativeInvertedToFg5Base = "#6c1334";
|
|
684
|
+
export const KsColorNegativeInvertedToFg6Base = "#51102e";
|
|
685
|
+
export const KsColorNegativeInvertedToFg7Base = "#370d29";
|
|
686
|
+
export const KsColorNegativeInvertedToFg8Base = "#210b24";
|
|
687
|
+
export const KsColorNegativeInvertedToFg9Base = "#100921";
|
|
688
|
+
export const KsColorSecondaryBase = "#4d25ef";
|
|
689
|
+
export const KsColorSecondaryAlpha1Base = "rgba(77, 37, 239, 0.95)";
|
|
690
|
+
export const KsColorSecondaryAlpha2Base = "rgba(77, 37, 239, 0.87)";
|
|
691
|
+
export const KsColorSecondaryAlpha3Base = "rgba(77, 37, 239, 0.76)";
|
|
692
|
+
export const KsColorSecondaryAlpha4Base = "rgba(77, 37, 239, 0.63)";
|
|
693
|
+
export const KsColorSecondaryAlpha5Base = "rgba(77, 37, 239, 0.5)";
|
|
694
|
+
export const KsColorSecondaryAlpha6Base = "rgba(77, 37, 239, 0.37)";
|
|
695
|
+
export const KsColorSecondaryAlpha7Base = "rgba(77, 37, 239, 0.24)";
|
|
696
|
+
export const KsColorSecondaryAlpha8Base = "rgba(77, 37, 239, 0.13)";
|
|
697
|
+
export const KsColorSecondaryAlpha9Base = "rgba(77, 37, 239, 0.05)";
|
|
698
|
+
export const KsColorSecondaryToBg1Base = "#4924e5";
|
|
699
|
+
export const KsColorSecondaryToBg2Base = "#4421d4";
|
|
700
|
+
export const KsColorSecondaryToBg3Base = "#3c1ebd";
|
|
701
|
+
export const KsColorSecondaryToBg4Base = "#331aa2";
|
|
702
|
+
export const KsColorSecondaryToBg5Base = "#2a1787";
|
|
703
|
+
export const KsColorSecondaryToBg6Base = "#20136c";
|
|
704
|
+
export const KsColorSecondaryToBg7Base = "#170f51";
|
|
705
|
+
export const KsColorSecondaryToBg8Base = "#0f0c3a";
|
|
706
|
+
export const KsColorSecondaryToBg9Base = "#0a0929";
|
|
707
|
+
export const KsColorSecondaryToFg1Base = "#5630f0";
|
|
708
|
+
export const KsColorSecondaryToFg2Base = "#6441f1";
|
|
709
|
+
export const KsColorSecondaryToFg3Base = "#7859f3";
|
|
710
|
+
export const KsColorSecondaryToFg4Base = "#8f76f5";
|
|
711
|
+
export const KsColorSecondaryToFg5Base = "#a692f7";
|
|
712
|
+
export const KsColorSecondaryToFg6Base = "#bdaef9";
|
|
713
|
+
export const KsColorSecondaryToFg7Base = "#d4cbfb";
|
|
714
|
+
export const KsColorSecondaryToFg8Base = "#e8e3fd";
|
|
715
|
+
export const KsColorSecondaryToFg9Base = "#f6f4fe";
|
|
716
|
+
export const KsColorSecondaryInvertedBase = "#e21879";
|
|
717
|
+
export const KsColorSecondaryInvertedAlpha1Base = "rgba(226, 24, 121, 0.95)";
|
|
718
|
+
export const KsColorSecondaryInvertedAlpha2Base = "rgba(226, 24, 121, 0.87)";
|
|
719
|
+
export const KsColorSecondaryInvertedAlpha3Base = "rgba(226, 24, 121, 0.76)";
|
|
720
|
+
export const KsColorSecondaryInvertedAlpha4Base = "rgba(226, 24, 121, 0.63)";
|
|
721
|
+
export const KsColorSecondaryInvertedAlpha5Base = "rgba(226, 24, 121, 0.5)";
|
|
722
|
+
export const KsColorSecondaryInvertedAlpha6Base = "rgba(226, 24, 121, 0.37)";
|
|
723
|
+
export const KsColorSecondaryInvertedAlpha7Base = "rgba(226, 24, 121, 0.24)";
|
|
724
|
+
export const KsColorSecondaryInvertedAlpha8Base = "rgba(226, 24, 121, 0.13)";
|
|
725
|
+
export const KsColorSecondaryInvertedAlpha9Base = "rgba(226, 24, 121, 0.05)";
|
|
726
|
+
export const KsColorSecondaryInvertedToBg1Base = "#e3237f";
|
|
727
|
+
export const KsColorSecondaryInvertedToBg2Base = "#e43489";
|
|
728
|
+
export const KsColorSecondaryInvertedToBg3Base = "#e64c96";
|
|
729
|
+
export const KsColorSecondaryInvertedToBg4Base = "#e868a6";
|
|
730
|
+
export const KsColorSecondaryInvertedToBg5Base = "#ea85b6";
|
|
731
|
+
export const KsColorSecondaryInvertedToBg6Base = "#eba1c6";
|
|
732
|
+
export const KsColorSecondaryInvertedToBg7Base = "#edbdd6";
|
|
733
|
+
export const KsColorSecondaryInvertedToBg8Base = "#efd5e3";
|
|
734
|
+
export const KsColorSecondaryInvertedToBg9Base = "#f0e6ed";
|
|
735
|
+
export const KsColorSecondaryInvertedToFg1Base = "#d71775";
|
|
736
|
+
export const KsColorSecondaryInvertedToFg2Base = "#c5166d";
|
|
737
|
+
export const KsColorSecondaryInvertedToFg3Base = "#ad1463";
|
|
738
|
+
export const KsColorSecondaryInvertedToFg4Base = "#911258";
|
|
739
|
+
export const KsColorSecondaryInvertedToFg5Base = "#74104c";
|
|
740
|
+
export const KsColorSecondaryInvertedToFg6Base = "#570e40";
|
|
741
|
+
export const KsColorSecondaryInvertedToFg7Base = "#3b0c35";
|
|
742
|
+
export const KsColorSecondaryInvertedToFg8Base = "#230a2b";
|
|
743
|
+
export const KsColorSecondaryInvertedToFg9Base = "#110924";
|
|
744
744
|
export const KsDepthModal = "1000";
|
|
745
745
|
export const KsSpacingXxs = "0.3024rem";
|
|
746
746
|
export const KsSpacingXxsBase = "0.3024rem";
|
|
@@ -809,66 +809,66 @@ export const KsSpacingInsetStretchS = "0.875rem 0.614rem";
|
|
|
809
809
|
export const KsSpacingInsetStretchM = "1.2469rem 0.875rem";
|
|
810
810
|
export const KsSpacingInsetStretchL = "1.7768rem 1.2469rem";
|
|
811
811
|
export const KsSpacingInsetStretchXl = "2.5319rem 1.7768rem";
|
|
812
|
-
export const KsTextColorDefaultBase = "#
|
|
812
|
+
export const KsTextColorDefaultBase = "#ffffff";
|
|
813
813
|
export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
|
|
814
|
-
export const KsTextColorDefaultInteractiveHoverBase = "#
|
|
815
|
-
export const KsTextColorDefaultInteractiveActiveBase = "#
|
|
816
|
-
export const KsTextColorDefaultInteractiveSelectedBase = "#
|
|
817
|
-
export const KsTextColorDefaultInvertedBase = "#
|
|
814
|
+
export const KsTextColorDefaultInteractiveHoverBase = "#dbd2ff";
|
|
815
|
+
export const KsTextColorDefaultInteractiveActiveBase = "#dbd2ff";
|
|
816
|
+
export const KsTextColorDefaultInteractiveSelectedBase = "#dbd2ff";
|
|
817
|
+
export const KsTextColorDefaultInvertedBase = "#06081f";
|
|
818
818
|
export const KsTextColorDefaultInvertedInteractiveBase = "#6642f6";
|
|
819
|
-
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#
|
|
820
|
-
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#
|
|
821
|
-
export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#
|
|
822
|
-
export const KsTextColorCopyBase = "rgba(
|
|
819
|
+
export const KsTextColorDefaultInvertedInteractiveHoverBase = "#36258b";
|
|
820
|
+
export const KsTextColorDefaultInvertedInteractiveActiveBase = "#36258b";
|
|
821
|
+
export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#36258b";
|
|
822
|
+
export const KsTextColorCopyBase = "rgba(255, 255, 255, 0.76)";
|
|
823
823
|
export const KsTextColorCopyInteractiveBase = "#b7a5ff";
|
|
824
|
-
export const KsTextColorCopyInteractiveHoverBase = "#
|
|
825
|
-
export const KsTextColorCopyInteractiveActiveBase = "#
|
|
826
|
-
export const KsTextColorCopyInteractiveSelectedBase = "#
|
|
827
|
-
export const KsTextColorCopyInvertedBase = "rgba(
|
|
824
|
+
export const KsTextColorCopyInteractiveHoverBase = "#c0b1ff";
|
|
825
|
+
export const KsTextColorCopyInteractiveActiveBase = "#c8bbff";
|
|
826
|
+
export const KsTextColorCopyInteractiveSelectedBase = "#c8bbff";
|
|
827
|
+
export const KsTextColorCopyInvertedBase = "rgba(6, 8, 31, 0.76)";
|
|
828
828
|
export const KsTextColorCopyInvertedInteractiveBase = "#6642f6";
|
|
829
|
-
export const KsTextColorCopyInvertedInteractiveHoverBase = "#
|
|
830
|
-
export const KsTextColorCopyInvertedInteractiveActiveBase = "#
|
|
831
|
-
export const KsTextColorCopyInvertedInteractiveSelectedBase = "#
|
|
832
|
-
export const KsTextColorDisplayBase = "#
|
|
829
|
+
export const KsTextColorCopyInvertedInteractiveHoverBase = "#5a3ada";
|
|
830
|
+
export const KsTextColorCopyInvertedInteractiveActiveBase = "#5a3ada";
|
|
831
|
+
export const KsTextColorCopyInvertedInteractiveSelectedBase = "#5a3ada";
|
|
832
|
+
export const KsTextColorDisplayBase = "#ffffff";
|
|
833
833
|
export const KsTextColorDisplayInteractiveBase = "#b7a5ff";
|
|
834
|
-
export const KsTextColorDisplayInteractiveHoverBase = "#
|
|
835
|
-
export const KsTextColorDisplayInteractiveActiveBase = "#
|
|
836
|
-
export const KsTextColorDisplayInteractiveSelectedBase = "#
|
|
837
|
-
export const KsTextColorDisplayInvertedBase = "#
|
|
834
|
+
export const KsTextColorDisplayInteractiveHoverBase = "#c0b1ff";
|
|
835
|
+
export const KsTextColorDisplayInteractiveActiveBase = "#c8bbff";
|
|
836
|
+
export const KsTextColorDisplayInteractiveSelectedBase = "#c8bbff";
|
|
837
|
+
export const KsTextColorDisplayInvertedBase = "#06081f";
|
|
838
838
|
export const KsTextColorDisplayInvertedInteractiveBase = "#6642f6";
|
|
839
|
-
export const KsTextColorDisplayInvertedInteractiveHoverBase = "#
|
|
840
|
-
export const KsTextColorDisplayInvertedInteractiveActiveBase = "#
|
|
841
|
-
export const KsTextColorDisplayInvertedInteractiveSelectedBase = "#
|
|
842
|
-
export const KsTextColorInterfaceBase = "rgba(
|
|
843
|
-
export const KsTextColorInterfaceInteractiveBase = "rgba(
|
|
844
|
-
export const KsTextColorInterfaceInteractiveHoverBase = "#
|
|
845
|
-
export const KsTextColorInterfaceInteractiveActiveBase = "#
|
|
846
|
-
export const KsTextColorInterfaceInteractiveSelectedBase = "#
|
|
847
|
-
export const KsTextColorInterfaceInvertedBase = "rgba(
|
|
848
|
-
export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(
|
|
849
|
-
export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#
|
|
850
|
-
export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#
|
|
851
|
-
export const KsTextColorInterfaceInvertedInteractiveSelectedBase = "#
|
|
852
|
-
export const KsTextColorCardBase = "rgba(
|
|
853
|
-
export const KsTextColorCardInteractiveBase = "#
|
|
839
|
+
export const KsTextColorDisplayInvertedInteractiveHoverBase = "#5a3ada";
|
|
840
|
+
export const KsTextColorDisplayInvertedInteractiveActiveBase = "#5a3ada";
|
|
841
|
+
export const KsTextColorDisplayInvertedInteractiveSelectedBase = "#5a3ada";
|
|
842
|
+
export const KsTextColorInterfaceBase = "rgba(255, 255, 255, 0.63)";
|
|
843
|
+
export const KsTextColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.76)";
|
|
844
|
+
export const KsTextColorInterfaceInteractiveHoverBase = "#ffffff";
|
|
845
|
+
export const KsTextColorInterfaceInteractiveActiveBase = "#ffffff";
|
|
846
|
+
export const KsTextColorInterfaceInteractiveSelectedBase = "#ffffff";
|
|
847
|
+
export const KsTextColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.63)";
|
|
848
|
+
export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.76)";
|
|
849
|
+
export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#06081f";
|
|
850
|
+
export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#06081f";
|
|
851
|
+
export const KsTextColorInterfaceInvertedInteractiveSelectedBase = "#06081f";
|
|
852
|
+
export const KsTextColorCardBase = "rgba(255, 255, 255, 0.87)";
|
|
853
|
+
export const KsTextColorCardInteractiveBase = "#ffffff";
|
|
854
854
|
export const KsTextColorCardInteractiveHoverBase = "#000000";
|
|
855
855
|
export const KsTextColorCardInteractiveActiveBase = "#000000";
|
|
856
856
|
export const KsTextColorCardInteractiveSelectedBase = "#000000";
|
|
857
|
-
export const KsTextColorCardInvertedBase = "rgba(
|
|
858
|
-
export const KsTextColorCardInvertedInteractiveBase = "#
|
|
859
|
-
export const KsTextColorCardInvertedInteractiveHoverBase = "#
|
|
860
|
-
export const KsTextColorCardInvertedInteractiveActiveBase = "#
|
|
861
|
-
export const KsTextColorCardInvertedInteractiveSelectedBase = "#
|
|
862
|
-
export const KsTextColorPrimaryBase = "#
|
|
863
|
-
export const KsTextColorPrimaryInteractiveBase = "#
|
|
864
|
-
export const KsTextColorPrimaryInteractiveHoverBase = "rgba(
|
|
865
|
-
export const KsTextColorPrimaryInteractiveActiveBase = "rgba(
|
|
866
|
-
export const KsTextColorPrimaryInteractiveSelectedBase = "rgba(
|
|
867
|
-
export const KsTextColorPrimaryInvertedBase = "#
|
|
868
|
-
export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(
|
|
869
|
-
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(
|
|
870
|
-
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(
|
|
871
|
-
export const KsTextColorPrimaryInvertedInteractiveSelectedBase = "rgba(
|
|
857
|
+
export const KsTextColorCardInvertedBase = "rgba(6, 8, 31, 0.87)";
|
|
858
|
+
export const KsTextColorCardInvertedInteractiveBase = "#06081f";
|
|
859
|
+
export const KsTextColorCardInvertedInteractiveHoverBase = "#06081f";
|
|
860
|
+
export const KsTextColorCardInvertedInteractiveActiveBase = "#06081f";
|
|
861
|
+
export const KsTextColorCardInvertedInteractiveSelectedBase = "#06081f";
|
|
862
|
+
export const KsTextColorPrimaryBase = "#e21879";
|
|
863
|
+
export const KsTextColorPrimaryInteractiveBase = "#e21879";
|
|
864
|
+
export const KsTextColorPrimaryInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
|
|
865
|
+
export const KsTextColorPrimaryInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
|
|
866
|
+
export const KsTextColorPrimaryInteractiveSelectedBase = "rgba(226, 24, 121, 0.87)";
|
|
867
|
+
export const KsTextColorPrimaryInvertedBase = "#4d25ef";
|
|
868
|
+
export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(77, 37, 239, 0.87)";
|
|
869
|
+
export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(77, 37, 239, 0.87)";
|
|
870
|
+
export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.87)";
|
|
871
|
+
export const KsTextColorPrimaryInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.87)";
|
|
872
872
|
export const KsTextColorPositiveBase = "#6edb64";
|
|
873
873
|
export const KsTextColorPositiveInteractiveBase = "#6edb64";
|
|
874
874
|
export const KsTextColorPositiveInteractiveHoverBase = "rgba(110, 219, 100, 0.87)";
|
|
@@ -909,16 +909,16 @@ export const KsTextColorNegativeInvertedInteractiveBase = "rgba(210, 29, 72, 0.8
|
|
|
909
909
|
export const KsTextColorNegativeInvertedInteractiveHoverBase = "rgba(210, 29, 72, 0.87)";
|
|
910
910
|
export const KsTextColorNegativeInvertedInteractiveActiveBase = "rgba(210, 29, 72, 0.87)";
|
|
911
911
|
export const KsTextColorNegativeInvertedInteractiveSelectedBase = "rgba(210, 29, 72, 0.87)";
|
|
912
|
-
export const KsTextColorSecondaryBase = "#
|
|
913
|
-
export const KsTextColorSecondaryInteractiveBase = "#
|
|
914
|
-
export const KsTextColorSecondaryInteractiveHoverBase = "rgba(
|
|
915
|
-
export const KsTextColorSecondaryInteractiveActiveBase = "rgba(
|
|
916
|
-
export const KsTextColorSecondaryInteractiveSelectedBase = "rgba(
|
|
917
|
-
export const KsTextColorSecondaryInvertedBase = "#
|
|
918
|
-
export const KsTextColorSecondaryInvertedInteractiveBase = "rgba(
|
|
919
|
-
export const KsTextColorSecondaryInvertedInteractiveHoverBase = "rgba(
|
|
920
|
-
export const KsTextColorSecondaryInvertedInteractiveActiveBase = "rgba(
|
|
921
|
-
export const KsTextColorSecondaryInvertedInteractiveSelectedBase = "rgba(
|
|
912
|
+
export const KsTextColorSecondaryBase = "#4d25ef";
|
|
913
|
+
export const KsTextColorSecondaryInteractiveBase = "#4d25ef";
|
|
914
|
+
export const KsTextColorSecondaryInteractiveHoverBase = "rgba(77, 37, 239, 0.87)";
|
|
915
|
+
export const KsTextColorSecondaryInteractiveActiveBase = "rgba(77, 37, 239, 0.87)";
|
|
916
|
+
export const KsTextColorSecondaryInteractiveSelectedBase = "rgba(77, 37, 239, 0.87)";
|
|
917
|
+
export const KsTextColorSecondaryInvertedBase = "#e21879";
|
|
918
|
+
export const KsTextColorSecondaryInvertedInteractiveBase = "rgba(226, 24, 121, 0.87)";
|
|
919
|
+
export const KsTextColorSecondaryInvertedInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
|
|
920
|
+
export const KsTextColorSecondaryInvertedInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
|
|
921
|
+
export const KsTextColorSecondaryInvertedInteractiveSelectedBase = "rgba(226, 24, 121, 0.87)";
|
|
922
922
|
export const KsDurationImmediate = "50ms";
|
|
923
923
|
export const KsDurationFast = "100ms";
|
|
924
924
|
export const KsDurationMedium = "150ms";
|
|
@@ -930,13 +930,14 @@ export const KsTimingFunctionEaseInOut = "ease-in-out";
|
|
|
930
930
|
export const KsTimingFunctionLinear = "linear";
|
|
931
931
|
export const KsTransitionCollapse = "300ms ease-out";
|
|
932
932
|
export const KsTransitionHover = "100ms ease-in-out";
|
|
933
|
-
export const KsTransitionFade = "
|
|
933
|
+
export const KsTransitionFade = "100ms ease-out";
|
|
934
934
|
export const KsFontFamilyDisplay = "Fredoka, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";
|
|
935
935
|
export const KsFontFamilyCopy = "Mulish, 'Helvetica Neue', Helvetica, Arial, sans-serif";
|
|
936
936
|
export const KsFontFamilyInterface = "Mulish, 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";
|
|
937
937
|
export const KsFontFamilyMono = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
|
|
938
938
|
export const KsFontWeightLight = 300;
|
|
939
939
|
export const KsFontWeightRegular = 400;
|
|
940
|
+
export const KsFontWeightMedium = 500;
|
|
940
941
|
export const KsFontWeightSemiBold = 600;
|
|
941
942
|
export const KsFontWeightBold = 700;
|
|
942
943
|
export const KsFontSizeDisplayBpFactorPhone = 1.125;
|