@kickstartds/ds-agency-premium 1.6.71--canary.45.2008.0 → 1.6.71--canary.45.2011.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/{BlogOverviewProps-b9fd1bfd.d.ts → BlogOverviewProps-d62a0a9a.d.ts} +1 -1
  2. package/dist/SectionProps-b9fd1bfd.d.ts +1 -1
  3. package/dist/SplitEvenProps-789f8508.d.ts +1 -1
  4. package/dist/SplitWeightedProps-789f8508.d.ts +1 -1
  5. package/dist/components/blog-overview/index.d.ts +1 -1
  6. package/dist/components/blog-post/index.d.ts +1 -1
  7. package/dist/components/blog-teaser/index.d.ts +1 -1
  8. package/dist/components/cookie-consent/cookie-consent.css +154 -49
  9. package/dist/components/cookie-consent/index.js +1 -1
  10. package/dist/components/image-story/index.d.ts +1 -1
  11. package/dist/components/index/index.d.ts +3 -3
  12. package/dist/components/page/index.d.ts +1 -1
  13. package/dist/components/page-wrapper/tokens.css +57 -57
  14. package/dist/components/presets.json +5 -5
  15. package/dist/global.css +1 -0
  16. package/dist/tokens/themes.css +4 -4
  17. package/dist/tokens/tokens.css +57 -57
  18. package/dist/tokens/tokens.js +91 -91
  19. package/package.json +1 -1
  20. /package/dist/{BlogPostProps-b9fd1bfd.d.ts → BlogPostProps-c760fd2a.d.ts} +0 -0
  21. /package/dist/{BlogTeaserProps-f5855e93.d.ts → BlogTeaserProps-d62a0a9a.d.ts} +0 -0
  22. /package/dist/{ImageStoryProps-00ddee3a.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
  23. /package/dist/{PageProps-b9fd1bfd.d.ts → PageProps-aa29c554.d.ts} +0 -0
package/dist/{BlogOverviewProps-b9fd1bfd.d.ts → BlogOverviewProps-d62a0a9a.d.ts} RENAMED
@@ -4,7 +4,7 @@
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
6
  import { SectionProps } from "./SectionProps-b9fd1bfd.js";
7
- import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
7
+ import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
8
8
  import { CtaProps } from "./CtaProps-789f8508.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
10
10
  /**
package/dist/SectionProps-b9fd1bfd.d.ts CHANGED
@@ -13,7 +13,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
13
13
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
14
14
  import { HeroProps } from "./HeroProps-fec6b267.js";
15
15
  import { HtmlProps } from "./HtmlProps-9d091769.js";
16
- import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
16
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
17
17
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
18
18
  import { LogosProps } from "./LogosProps-f9474fe2.js";
19
19
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
package/dist/SplitEvenProps-789f8508.d.ts CHANGED
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-fec6b267.js";
12
12
  import { HtmlProps } from "./HtmlProps-9d091769.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
13
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
14
14
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
15
15
  import { LogosProps } from "./LogosProps-f9474fe2.js";
16
16
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
package/dist/SplitWeightedProps-789f8508.d.ts CHANGED
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-fec6b267.js";
12
12
  import { HtmlProps } from "./HtmlProps-9d091769.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
13
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
14
14
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
15
15
  import { LogosProps } from "./LogosProps-f9474fe2.js";
16
16
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
package/dist/components/blog-overview/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-b9fd1bfd.js";
1
+ import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
4
4
  export type { BlogOverviewProps };
package/dist/components/blog-post/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-b9fd1bfd.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export type { BlogPostProps };
package/dist/components/blog-teaser/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
3
+ import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
4
4
  declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
package/dist/components/cookie-consent/cookie-consent.css CHANGED
@@ -1,101 +1,206 @@
1
+ .dsa-cookie-consent {
2
+ --dsa-cookie-consent-notice--gap: var(--ks-spacing-stack-s);
3
+ --dsa-cookie-consent-notice--max-height: 45vh;
4
+ --dsa-cookie-consent-notice_card--background-color: var(--ks-background-color-default);
5
+ --dsa-cookie-consent-notice_card--padding: var(--ks-spacing-inset-m);
6
+ --dsa-cookie-consent-notice_card--spacing: var(--ks-spacing-m);
7
+ --dsa-cookie-consent-notice_card--border-radius: var(--ks-border-radius-card);
8
+ --dsa-cookie-consent-notice_card--max-width: var(--dsa-tile--width_largest);
9
+ --dsa-cookie-consent-notice_card--border: var(--ks-border-color-card) solid var(--ks-border-width-default);
10
+ --dsa-cookie-consent-notice_card--box-shadow: var(--ks-box-shadow-card);
11
+ --dsa-cookie-consent-notice_banner--padding: var(--ks-spacing-inset-m);
12
+ --dsa-cookie-consent-notice_banner--background-color: var(--ks-background-color-default);
13
+ --dsa-cookie-consent-notice_banner--box-shadow: var(--ks-box-shadow-surface);
14
+ --dsa-cookie-consent-notice_banner--border-top: var(--ks-border-color-interface) solid var(--ks-border-width-default);
15
+ --dsa-cookie-consent-notice__buttons--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
16
+ --dsa-cookie-consent-dialogue--padding-horizontal: var(--ks-spacing-inset-m);
17
+ --dsa-cookie-consent-dialogue--border-radius: var(--ks-border-radius-card);
18
+ --dsa-cookie-consent-dialogue--border: var(--ks-border-color-interface) solid var(--ks-border-width-default);
19
+ --dsa-cookie-consent-dialogue--box-shadow: var(--ks-box-shadow-card);
20
+ --dsa-cookie-consent-dialogue--background-color: var(--ks-background-color-default);
21
+ --dsa-cookie-consent-dialogue--max-width: var(--dsa-tile--width_largest);
22
+ --dsa-cookie-consent-dialogue--max-height: 100%;
23
+ --dsa-cookie-consent-dialogue--spacing-vertical: var(--ks-spacing-inset-s);
24
+ --dsa-cookie-consent-dialogue--spacing-horizontal: var(--ks-spacing-inset-s);
25
+ --dsa-cookie-consent-dialogue__block--padding-vertical: var(--ks-spacing-inset-m);
26
+ --dsa-cookie-consent-dialogue__header--padding: var(--ks-spacing-inset-squish-m);
27
+ --dsa-cookie-consent-dialogue__header--gap: var(--ks-spacing-inline-m);
28
+ --dsa-cookie-consent-dialogue__content--border: var(--ks-border-color-interface) solid var(--ks-border-width-default);
29
+ --dsa-cookie-consent-dialogue__close--padding: var(--ks-spacing-inset-xs);
30
+ --dsa-cookie-consent-dialogue__close--color: var(--ks-text-color-interface-interactive);
31
+ --dsa-cookie-consent-dialogue__close--color_hover: var(--ks-text-color-interface-interactive);
32
+ --dsa-cookie-consent-dialogue__close--background-color_hover: var(--ks-color-fg-alpha-8);
33
+ --dsa-cookie-consent-dialogue__close--background-color: transparent;
34
+ --dsa-cookie-consent-dialogue__description--border-bottom: 1px solid var(--ks-border-color-interface);
35
+ --dsa-cookie-consent-dialogue__description--font: var(--ks-font-interface-s);
36
+ --dsa-cookie-consent-dialogue__description--color: var(--ks-text-color-interface);
37
+ --dsa-cookie-consent-dialogue__option--border-bottom: 1px solid var(--ks-border-color-interface);
38
+ --dsa-cookie-consent-dialogue__option--padding-vertical: var(--ks-spacing-stack-m);
39
+ --dsa-cookie-consent-dialogue__option--gap: var(--ks-spacing-stack-xs);
40
+ --dsa-cookie-consent-dialogue__label--font: var(--ks-font-interface-s);
41
+ --dsa-cookie-consent-dialogue__label--color: var(--ks-text-color-positive);
42
+ --dsa-cookie-consent-dialogue__label--font-weight: var(--ks-font-weight-bold);
43
+ --dsa-cookie-consent-dialogue__toggle--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-m);
44
+ --dsa-cookie-consent-dialogue__buttons--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
45
+ --dsa-cookie-consent-overlay--background-color: var(--dsa-overlay--background-color);
46
+ }
47
+ @media (min-width: 48em) {
48
+ .dsa-cookie-consent {
49
+ --dsa-cookie-consent-dialogue--max-height: 90vh;
50
+ }
51
+ }
52
+
1
53
  .dsa-cookie-consent-notice {
2
- padding: var(--ks-spacing-inset-m);
3
- border: var(--ks-border-color-card) solid var(--ks-border-width-default);
4
- box-shadow: var(--ks-box-shadow-card);
5
54
  display: flex;
6
- gap: var(--ks-spacing-inline-s);
55
+ gap: var(--dsa-cookie-consent-notice--gap, var(--ks-spacing-stack-s));
7
56
  flex-direction: column;
57
+ max-height: var(--dsa-cookie-consent-notice--max-height, 45vh);
58
+ }
59
+ .dsa-cookie-consent-notice--card {
60
+ width: 100%;
61
+ background-color: var(--dsa-cookie-consent-notice_card--background-color, var(--ks-background-color-default));
62
+ padding: var(--dsa-cookie-consent-notice_card--padding, var(--ks-spacing-inset-m));
63
+ position: fixed;
64
+ box-shadow: var(--dsa-cookie-consent-notice_card--box-shadow, var(--ks-box-shadow-card));
65
+ bottom: 0;
66
+ left: 0;
67
+ border-top: var(--dsa-cookie-consent-notice_card--border, var(--ks-border-color-card) solid var(--ks-border-width-default));
68
+ }
69
+ @media (min-width: 48em) {
70
+ .dsa-cookie-consent-notice--card {
71
+ border: var(--dsa-cookie-consent-notice_card--border, var(--ks-border-color-card) solid var(--ks-border-width-default));
72
+ border-radius: var(--dsa-cookie-consent-notice_card--border-radius, var(--ks-border-radius-card));
73
+ max-width: var(--dsa-cookie-consent-notice_card--max-width, var(--dsa-tile--width_large));
74
+ bottom: var(--dsa-cookie-consent-notice_card--spacing, var(--ks-spacing-m));
75
+ left: var(--dsa-cookie-consent-notice_card--spacing, var(--ks-spacing-m));
76
+ border-radius: var(--dsa-cookie-consent-notice_card--border-radius, var(--ks-border-radius-card));
77
+ }
8
78
  }
9
79
  .dsa-cookie-consent-notice--banner {
80
+ background-color: var(--dsa-cookie-consent-notice_banner--background-color, var(--ks-background-color-default));
81
+ border-top: var(--dsa-cookie-consent-notice_banner--border-top, var(--ks-border-color-interface)) solid var(--ks-border-width-default);
82
+ box-shadow: var(--dsa-cookie-consent-notice_banner--box-shadow, var(--ks-box-shadow-surface));
83
+ padding: var(--dsa-cookie-consent-notice_banner--padding, var(--ks-spacing-inset-m));
10
84
  position: fixed;
11
85
  bottom: 0;
12
86
  left: 0;
13
87
  right: 0;
14
88
  z-index: 500;
15
- background-color: var(--ks-background-color-default);
16
- max-height: 50vh;
17
- overflow-y: auto;
18
- padding: var(--ks-spacing-inset-m);
19
- border-top: var(--ks-border-color-interface) solid var(--ks-border-width-default);
20
- }
21
- .dsa-cookie-consent-notice--card {
22
- position: fixed;
23
- bottom: var(--ks-spacing-m);
24
- left: var(--ks-spacing-m);
25
- border-radius: var(--ks-border-radius-card);
26
- max-width: var(--dsa-tile-width-large);
27
- border: var(--ks-border-color-card) solid var(--ks-border-width-default);
28
89
  }
29
90
  .dsa-cookie-consent-notice__buttons {
30
91
  display: flex;
31
92
  flex-wrap: wrap;
32
- gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
93
+ gap: var(--dsa-cookie-consent-notice__buttons--gap, var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s));
94
+ flex-direction: column;
95
+ }
96
+ @media (min-width: 36em) {
97
+ .dsa-cookie-consent-notice__buttons {
98
+ flex-direction: row;
99
+ }
33
100
  }
34
101
 
35
102
  .dsa-cookie-consent-dialogue {
36
- border-radius: var(--ks-border-radius-card);
37
- border: var(--ks-border-color-interface) solid var(--ks-border-width-default);
38
- box-shadow: var(--ks-box-shadow-card);
103
+ border-radius: var(--dsa-cookie-consent-dialogue--border-radius, var(--ks-border-radius-card));
104
+ border: var(--dsa-cookie-consent-dialogue--border, var(--ks-border-color-interface) solid var(--ks-border-width-default));
105
+ box-shadow: var(--dsa-cookie-consent-dialogue--box-shadow, var(--ks-box-shadow-card));
106
+ background-color: var(--dsa-cookie-consent-dialogue--background-color, var(--ks-background-color-default));
39
107
  display: flex;
40
108
  flex-direction: column;
41
109
  position: absolute;
42
110
  top: 50%;
43
111
  left: 50%;
44
112
  transform: translate(-50%, -50%);
45
- width: 90%;
46
- max-width: 600px;
113
+ width: calc(100% - var(--dsa-cookie-consent-dialogue--spacing-horizontal, var(--ks-spacing-inset-xs)) * 2);
114
+ max-width: var(--dsa-cookie-consent-dialogue--max-width, var(--dsa-tile--width_largest));
47
115
  z-index: 1000;
48
- background-color: var(--ks-background-color-default);
49
- max-height: 90vh;
116
+ max-height: calc(var(--dsa-cookie-consent-dialogue--max-height, 100%) - var(--dsa-cookie-consent-dialogue--spacing-vertical, var(--ks-spacing-inset-xs)) * 2);
50
117
  }
51
118
  .dsa-cookie-consent-dialogue__header {
52
- padding-left: var(--ks-spacing-inset-m);
53
- padding-right: var(--ks-spacing-inset-m);
54
- padding-bottom: var(--ks-spacing-inset-m);
119
+ padding-top: var(--dsa-cookie-consent-dialogue__block--padding-vertical, var(--ks-spacing-inset-m));
120
+ padding-bottom: var(--dsa-cookie-consent-dialogue__block--padding-vertical, var(--ks-spacing-inset-m));
121
+ padding-left: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inset-m));
122
+ padding-right: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inset-m));
55
123
  display: flex;
56
- flex-direction: column;
57
- gap: var(--ks-spacing-stack-xs);
58
- border-bottom: var(--ks-border-color-interface) solid var(--ks-border-width-default);
124
+ align-items: center;
125
+ justify-content: space-between;
126
+ gap: var(--dsa-cookie-consent-dialogue__header--gap, var(--ks-spacing-inline-m));
59
127
  }
60
128
  .dsa-cookie-consent-dialogue__close {
61
- --dsa-button--padding: var(--ks-spacing-inset-xs);
62
- --dsa-button_secondary--background-color_hover: var(--ks-color-fg-alpha-8);
129
+ --dsa-button--padding: var(--dsa-cookie-consent-dialogue__close--padding, var(--ks-spacing-inset-xs));
130
+ margin: calc(var(--dsa-cookie-consent-dialogue__close--padding, var(--ks-spacing-inset-xs)) * -1);
131
+ --dsa-button_secondary--color: var(
132
+ --dsa-cookie-consent-dialogue__close--color,
133
+ var(--ks-text-color-interface-interactive)
134
+ );
135
+ --dsa-button_secondary--color_hover: var(
136
+ --dsa-cookie-consent-dialogue__close--color_hover,
137
+ var(--ks-text-color-interface-interactive)
138
+ );
139
+ --dsa-button_secondary--background-color_hover: var(
140
+ --dsa-cookie-consent-dialogue__close--background-color_hover,
141
+ var(--ks-color-fg-alpha-8)
142
+ );
63
143
  border-radius: var(--ks-border-radius-circle);
64
- background-color: transparent;
65
- margin-top: var(--ks-spacing-xxs);
66
- margin-right: var(--ks-spacing-xxs);
67
- align-self: flex-end;
144
+ background-color: var(--dsa-cookie-consent-dialogue__close--background-color, transparent);
68
145
  }
69
- .dsa-cookie-consent-dialogue__options {
146
+ .dsa-cookie-consent-dialogue__content {
70
147
  overflow-y: auto;
148
+ border-top: var(--dsa-cookie-consent-dialogue__content--border, var(--ks-border-color-interface) solid var(--ks-border-width-default));
149
+ border-bottom: var(--dsa-cookie-consent-dialogue__content--border, var(--ks-border-color-interface) solid var(--ks-border-width-default));
150
+ }
151
+ .dsa-cookie-consent-dialogue__description {
152
+ border-bottom: var(--dsa-cookie-consent-dialogue__description--border-bottom, 1px solid var(--ks-border-color-interface));
153
+ padding-top: calc(var(--dsa-cookie-consent-dialogue__block--padding-vertical, var(--ks-spacing-stack-m)) * 0.65);
154
+ padding-bottom: calc(var(--dsa-cookie-consent-dialogue__block--padding-vertical, var(--ks-spacing-stack-m)) * 0.65);
155
+ padding-left: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inline-m));
156
+ padding-right: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inline-m));
157
+ font: var(--dsa-cookie-consent-dialogue__description--font, var(--ks-font-interface-s));
158
+ }
159
+ .dsa-cookie-consent-dialogue__options {
160
+ padding-left: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inline-m));
161
+ padding-right: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inline-m));
71
162
  }
72
163
  .dsa-cookie-consent-dialogue__option {
73
164
  display: flex;
74
165
  flex-direction: column;
75
- gap: var(--ks-spacing-stack-xs);
76
- border-bottom: 1px solid var(--ks-border-color-interface);
77
- padding: var(--ks-spacing-inset-m);
166
+ gap: var(--dsa-cookie-consent-dialogue__option--gap, var(--ks-spacing-stack-xs));
167
+ border-bottom: var(--dsa-cookie-consent-dialogue__option--border-bottom, 1px solid var(--ks-border-color-interface));
168
+ padding-top: var(--dsa-cookie-consent-dialogue__option--padding-vertical, var(--ks-spacing-inset-m));
169
+ padding-bottom: var(--dsa-cookie-consent-dialogue__option--padding-vertical, var(--ks-spacing-inset-m));
78
170
  }
79
171
  .dsa-cookie-consent-dialogue__option:last-child {
80
172
  border-bottom: none;
81
173
  }
82
- .dsa-cookie-consent-dialogue__description {
174
+ .dsa-cookie-consent-dialogue__label {
175
+ font: var(--dsa-cookie-consent-dialogue__label--font, var(--ks-font-interface-s));
176
+ color: var(--dsa-cookie-consent-dialogue__label--color, var(--ks-text-color-positive));
177
+ font-weight: var(--dsa-cookie-consent-dialogue__label--font-weight, var(--ks-font-weight-bold));
178
+ }
179
+ .dsa-cookie-consent-dialogue__option-description {
83
180
  margin: 0;
84
- font: var(--ks-font-interface-s);
85
- color: var(--ks-text-color-interface);
181
+ font: var(--dsa-cookie-consent-dialogue__description--font, var(--ks-font-interface-s));
182
+ color: var(--dsa-cookie-consent-dialogue__description--color, var(--ks-text-color-interface));
86
183
  }
87
184
  .dsa-cookie-consent-dialogue__toggle {
88
185
  display: flex;
89
186
  flex-wrap: wrap;
90
- gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
187
+ gap: var(--dsa-cookie-consent-dialogue__toggle--gap, var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s));
91
188
  align-items: center;
92
189
  }
93
190
  .dsa-cookie-consent-dialogue__buttons {
94
191
  display: flex;
95
192
  flex-wrap: wrap;
96
- gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
97
- padding: var(--ks-spacing-inset-m);
98
- border-top: var(--ks-border-color-interface) solid var(--ks-border-width-default);
193
+ gap: var(--dsa-cookie-consent-dialogue__buttons--gap, var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s));
194
+ padding-top: var(--dsa-cookie-consent-dialogue__block--padding-vertical, var(--ks-spacing-inset-m));
195
+ padding-bottom: var(--dsa-cookie-consent-dialogue__block--padding-vertical, var(--ks-spacing-inset-m));
196
+ padding-left: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inset-m));
197
+ padding-right: var(--dsa-cookie-consent-dialogue--padding-horizontal, var(--ks-spacing-inset-m));
198
+ flex-direction: column;
199
+ }
200
+ @media (min-width: 36em) {
201
+ .dsa-cookie-consent-dialogue__buttons {
202
+ flex-direction: row;
203
+ }
99
204
  }
100
205
 
101
206
  .dsa-cookie-consent-overlay {
@@ -106,5 +211,5 @@
106
211
  width: 100%;
107
212
  height: 100%;
108
213
  z-index: 999;
109
- background-color: var(--ks-color-fg-alpha-5);
214
+ background-color: var(--dsa-cookie-consent-overlay--background-color, var(--dsa-overlay--background-color));
110
215
  }
package/dist/components/cookie-consent/index.js CHANGED
@@ -18,7 +18,7 @@ const CookieConsentContextDefault = forwardRef(({ notice, dialogue }, ref) => {
18
18
  const handleRadioChange = (index, value) => {
19
19
  setOptionStates((prev) => prev.map((checked, i) => (i === index ? value : checked)));
20
20
  };
21
- return (jsxs("div", { className: "dsa-cookie-consent", ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3" }), jsx(RichText, { text: notice?.description }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.rejectButton?.variant }), jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, onClick: () => setShowDialogue(true) }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.acceptButton?.variant })] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue", hidden: !showDialogue, "aria-hidden": !showDialogue, children: [jsx(Button, { "aria-label": "Close Cookie Consent Dialogue", className: "dsa-cookie-consent-dialogue__close", icon: "close", label: "", onClick: () => setShowDialogue(false) }), jsxs("div", { className: "dsa-cookie-consent-dialogue__header", children: [jsx(Headline, { spaceAfter: "minimum", text: dialogue?.title, level: "h2" }), jsx(RichText, { text: dialogue?.description })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__options", children: [dialogue?.required?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { checked: true, name: option.name, disabled: true, label: "Accept" }), jsx(Radio, { name: option.name, disabled: true, label: "Reject" })] })] }, index))), dialogue?.options?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { name: option.name, checked: optionStates?.[index] ?? true, label: "Accept", onChange: () => handleRadioChange(index, true) }), jsx(Radio, { name: option.name, checked: optionStates ? !optionStates[index] : false, label: "Reject", onChange: () => handleRadioChange(index, false) })] })] }, index)))] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { size: "small", variant: "tertiary", label: "Accept All", onClick: () => setOptionStates(optionStates?.map(() => true)) }), jsx(Button, { size: "small", variant: "tertiary", label: "Reject All", onClick: () => setOptionStates(optionStates?.map(() => false)) }), jsx(Button, { size: "small", variant: "primary", label: "Save Preferences", onClick: () => setShowDialogue(false) })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: !showDialogue })] }));
21
+ return (jsxs("div", { className: "dsa-cookie-consent", ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3" }), jsx(RichText, { text: notice?.description }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, onClick: () => setShowDialogue(true) }), jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.rejectButton?.variant }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.acceptButton?.variant })] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue", hidden: !showDialogue, "aria-hidden": !showDialogue, children: [jsxs("div", { className: "dsa-cookie-consent-dialogue__header", children: [jsx(Headline, { spaceAfter: "minimum", text: dialogue?.title, level: "h2", style: "h3" }), jsx(Button, { "aria-label": "Close Cookie Consent Dialogue", className: "dsa-cookie-consent-dialogue__close", icon: "close", label: "", onClick: () => setShowDialogue(false) })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__content", children: [jsx(RichText, { className: "dsa-cookie-consent-dialogue__description", text: dialogue?.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__options", children: [dialogue?.required?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsx("span", { className: "dsa-cookie-consent-dialogue__label", children: "Always active" })] }, index))), dialogue?.options?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { name: option.name, checked: optionStates?.[index] ?? true, label: "Accept", onChange: () => handleRadioChange(index, true) }), jsx(Radio, { name: option.name, checked: optionStates ? !optionStates[index] : false, label: "Reject", onChange: () => handleRadioChange(index, false) })] })] }, index)))] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { size: "small", variant: "tertiary", label: "Accept All", onClick: () => setOptionStates(optionStates?.map(() => true)) }), jsx(Button, { size: "small", variant: "tertiary", label: "Reject All", onClick: () => setOptionStates(optionStates?.map(() => false)) }), jsx(Button, { size: "small", variant: "primary", label: "Save Preferences", onClick: () => setShowDialogue(false) })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: !showDialogue })] }));
22
22
  });
23
23
  const CookieConsentContext = createContext(CookieConsentContextDefault);
24
24
  const CookieConsent = forwardRef((props, ref) => {
package/dist/components/image-story/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
3
+ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
4
4
  declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
package/dist/components/index/index.d.ts CHANGED
@@ -29,8 +29,8 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-b9fd1bfd.js";
33
- export * from "../../BlogOverviewProps-b9fd1bfd.js";
34
- export * from "../../PageProps-b9fd1bfd.js";
32
+ export * from "../../BlogPostProps-c760fd2a.js";
33
+ export * from "../../BlogOverviewProps-d62a0a9a.js";
34
+ export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
36
36
  export * from "../../EventDetailProps-42a7eebe.js";
package/dist/components/page/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-b9fd1bfd.js";
1
+ import { PageProps } from "../../PageProps-aa29c554.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const Page: FC<PropsWithChildren<PageProps>>;
4
4
  export type { PageProps };
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Aug 2025 12:36:34 GMT
3
+ * Generated on Wed, 06 Aug 2025 10:03:05 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -433,62 +433,62 @@
433
433
  --ks-color-link-inverted-to-fg-7-base: #e6edf8;
434
434
  --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
435
435
  --ks-color-link-inverted-to-fg-9-base: #fafbfd;
436
- --ks-color-positive-base: #6edb64;
437
- --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
438
- --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
439
- --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
440
- --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
441
- --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
442
- --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
443
- --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
444
- --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
445
- --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
446
- --ks-color-positive-to-bg-1-base: #75dd6c;
447
- --ks-color-positive-to-bg-2-base: #81e078;
448
- --ks-color-positive-to-bg-3-base: #91e489;
449
- --ks-color-positive-to-bg-4-base: #a4e89d;
450
- --ks-color-positive-to-bg-5-base: #b7edb2;
451
- --ks-color-positive-to-bg-6-base: #c9f2c6;
452
- --ks-color-positive-to-bg-7-base: #dcf6da;
453
- --ks-color-positive-to-bg-8-base: #ecfaeb;
454
- --ks-color-positive-to-bg-9-base: #f8fdf7;
455
- --ks-color-positive-to-fg-1-base: #69d061;
456
- --ks-color-positive-to-fg-2-base: #60c05b;
457
- --ks-color-positive-to-fg-3-base: #55a853;
458
- --ks-color-positive-to-fg-4-base: #488d4a;
459
- --ks-color-positive-to-fg-5-base: #3a7242;
460
- --ks-color-positive-to-fg-6-base: #2c5639;
461
- --ks-color-positive-to-fg-7-base: #1f3b30;
462
- --ks-color-positive-to-fg-8-base: #142328;
463
- --ks-color-positive-to-fg-9-base: #0b1322;
464
- --ks-color-positive-inverted-base: #23831b;
465
- --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
466
- --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
467
- --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
468
- --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
469
- --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
470
- --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
471
- --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
472
- --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
473
- --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
474
- --ks-color-positive-inverted-to-bg-1-base: #227e1d;
475
- --ks-color-positive-inverted-to-bg-2-base: #207620;
476
- --ks-color-positive-inverted-to-bg-3-base: #1e6b23;
477
- --ks-color-positive-inverted-to-bg-4-base: #1c5e28;
478
- --ks-color-positive-inverted-to-bg-5-base: #19522d;
479
- --ks-color-positive-inverted-to-bg-6-base: #164531;
480
- --ks-color-positive-inverted-to-bg-7-base: #143836;
481
- --ks-color-positive-inverted-to-bg-8-base: #122d39;
482
- --ks-color-positive-inverted-to-bg-9-base: #10253c;
483
- --ks-color-positive-inverted-to-fg-1-base: #2e8926;
484
- --ks-color-positive-inverted-to-fg-2-base: #409339;
485
- --ks-color-positive-inverted-to-fg-3-base: #58a152;
486
- --ks-color-positive-inverted-to-fg-4-base: #74b16f;
487
- --ks-color-positive-inverted-to-fg-5-base: #91c18d;
488
- --ks-color-positive-inverted-to-fg-6-base: #aed1ab;
489
- --ks-color-positive-inverted-to-fg-7-base: #cae1c8;
490
- --ks-color-positive-inverted-to-fg-8-base: #e2efe1;
491
- --ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
436
+ --ks-color-positive-base: #23831b;
437
+ --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
438
+ --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
439
+ --ks-color-positive-alpha-3-base: rgba(35,131,27,.76);
440
+ --ks-color-positive-alpha-4-base: rgba(35,131,27,.63);
441
+ --ks-color-positive-alpha-5-base: rgba(35,131,27,.5);
442
+ --ks-color-positive-alpha-6-base: rgba(35,131,27,.37);
443
+ --ks-color-positive-alpha-7-base: rgba(35,131,27,.24);
444
+ --ks-color-positive-alpha-8-base: rgba(35,131,27,.13);
445
+ --ks-color-positive-alpha-9-base: rgba(35,131,27,.05);
446
+ --ks-color-positive-to-bg-1-base: #2e8926;
447
+ --ks-color-positive-to-bg-2-base: #409339;
448
+ --ks-color-positive-to-bg-3-base: #58a152;
449
+ --ks-color-positive-to-bg-4-base: #74b16f;
450
+ --ks-color-positive-to-bg-5-base: #91c18d;
451
+ --ks-color-positive-to-bg-6-base: #aed1ab;
452
+ --ks-color-positive-to-bg-7-base: #cae1c8;
453
+ --ks-color-positive-to-bg-8-base: #e2efe1;
454
+ --ks-color-positive-to-bg-9-base: #f4f9f4;
455
+ --ks-color-positive-to-fg-1-base: #227d1b;
456
+ --ks-color-positive-to-fg-2-base: #1f731c;
457
+ --ks-color-positive-to-fg-3-base: #1c651c;
458
+ --ks-color-positive-to-fg-4-base: #18551c;
459
+ --ks-color-positive-to-fg-5-base: #15461d;
460
+ --ks-color-positive-to-fg-6-base: #11361e;
461
+ --ks-color-positive-to-fg-7-base: #0d261e;
462
+ --ks-color-positive-to-fg-8-base: #0a181e;
463
+ --ks-color-positive-to-fg-9-base: #070e1f;
464
+ --ks-color-positive-inverted-base: #6edb64;
465
+ --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
466
+ --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
467
+ --ks-color-positive-inverted-alpha-3-base: rgba(110,219,100,.76);
468
+ --ks-color-positive-inverted-alpha-4-base: rgba(110,219,100,.63);
469
+ --ks-color-positive-inverted-alpha-5-base: rgba(110,219,100,.5);
470
+ --ks-color-positive-inverted-alpha-6-base: rgba(110,219,100,.37);
471
+ --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
472
+ --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
473
+ --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
474
+ --ks-color-positive-inverted-to-bg-1-base: #69d262;
475
+ --ks-color-positive-inverted-to-bg-2-base: #62c35f;
476
+ --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
477
+ --ks-color-positive-inverted-to-bg-4-base: #4b9656;
478
+ --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
479
+ --ks-color-positive-inverted-to-bg-6-base: #32654c;
480
+ --ks-color-positive-inverted-to-bg-7-base: #264d47;
481
+ --ks-color-positive-inverted-to-bg-8-base: #1b3843;
482
+ --ks-color-positive-inverted-to-bg-9-base: #142940;
483
+ --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
484
+ --ks-color-positive-inverted-to-fg-2-base: #81e078;
485
+ --ks-color-positive-inverted-to-fg-3-base: #91e489;
486
+ --ks-color-positive-inverted-to-fg-4-base: #a4e89d;
487
+ --ks-color-positive-inverted-to-fg-5-base: #b7edb2;
488
+ --ks-color-positive-inverted-to-fg-6-base: #c9f2c6;
489
+ --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
490
+ --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
491
+ --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
492
492
  --ks-color-informative-base: #64c2db;
493
493
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
494
494
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
package/dist/components/presets.json CHANGED
@@ -1544,7 +1544,7 @@
1544
1544
  "id": "corporate-cookie-consent--card",
1545
1545
  "group": "Corporate/Cookie Consent",
1546
1546
  "name": "Card",
1547
- "code": "<CookieConsent\n dialogue={{\n description: 'Manage your cookie preferences below.',\n options: [\n {\n checked: true,\n description: 'These cookies help us understand how our visitors interact with the website.',\n name: 'Analytics Cookies'\n },\n {\n checked: true,\n description: 'These cookies are used to deliver advertisements that are relevant to you.',\n name: 'Marketing Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make and provide enhanced, more personal features.',\n name: 'Functional Cookies'\n },\n {\n checked: true,\n description: 'These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.',\n name: 'Performance Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are necessary for the website to function.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Cookie Preferences'\n }}\n notice={{\n acceptButton: {\n label: 'Accept All',\n variant: 'primary'\n },\n customizeButton: {\n label: 'Customize',\n variant: 'tertiary'\n },\n description: 'We use cookies to enhance your experience on our website.',\n displayMode: 'card',\n rejectButton: {\n label: 'Reject All',\n variant: 'tertiary'\n },\n title: 'We use cookies'\n }}\n/>",
1547
+ "code": "<CookieConsent\n dialogue={{\n description: 'Manage your cookie preferences below.',\n options: [\n {\n checked: true,\n description: 'These cookies help us understand how our visitors interact with the website.',\n name: 'Analytics Cookies'\n },\n {\n checked: true,\n description: 'These cookies are used to deliver advertisements that are relevant to you.',\n name: 'Marketing Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make and provide enhanced, more personal features.',\n name: 'Functional Cookies'\n },\n {\n checked: true,\n description: 'These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.',\n name: 'Performance Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are necessary for the website to function.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Cookie Preferences'\n }}\n notice={{\n acceptButton: {\n label: 'Accept All',\n variant: 'primary'\n },\n customizeButton: {\n label: 'Customize',\n variant: 'tertiary'\n },\n description: 'We use cookies to enhance your experience on our website. You can choose which cookies to accept.',\n displayMode: 'card',\n rejectButton: {\n label: 'Reject All',\n variant: 'tertiary'\n },\n title: 'We use cookies'\n }}\n/>",
1548
1548
  "args": {
1549
1549
  "notice": {
1550
1550
  "displayMode": "card",
@@ -1561,7 +1561,7 @@
1561
1561
  "label": "Customize",
1562
1562
  "variant": "tertiary"
1563
1563
  },
1564
- "description": "We use cookies to enhance your experience on our website."
1564
+ "description": "We use cookies to enhance your experience on our website. You can choose which cookies to accept."
1565
1565
  },
1566
1566
  "dialogue": {
1567
1567
  "title": "Cookie Preferences",
@@ -1602,7 +1602,7 @@
1602
1602
  "id": "corporate-cookie-consent--banner",
1603
1603
  "group": "Corporate/Cookie Consent",
1604
1604
  "name": "Banner",
1605
- "code": "<CookieConsent\n dialogue={{\n description: 'Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly.',\n options: [\n {\n checked: true,\n description: 'These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.',\n name: 'Statistics Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.',\n name: 'Personalization Cookies'\n },\n {\n checked: true,\n description: 'Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.',\n name: 'Advertising Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Manage Your Cookie Preferences'\n }}\n notice={{\n acceptButton: {\n label: 'Accept All Cookies',\n variant: 'tertiary'\n },\n customizeButton: {\n label: 'Customize Settings',\n variant: 'tertiary'\n },\n description: 'We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy.',\n displayMode: 'banner',\n rejectButton: {\n label: 'Reject Non-Essential',\n variant: 'tertiary'\n },\n title: 'Your Privacy Matters to Us'\n }}\n/>",
1605
+ "code": "<CookieConsent\n dialogue={{\n description: 'Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.',\n options: [\n {\n checked: true,\n description: 'These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.',\n name: 'Statistics Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.',\n name: 'Personalization Cookies'\n },\n {\n checked: true,\n description: 'Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.',\n name: 'Advertising Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Manage Your Cookie Preferences'\n }}\n notice={{\n acceptButton: {\n label: 'Accept All Cookies',\n variant: 'tertiary'\n },\n customizeButton: {\n label: 'Customize Settings',\n variant: 'secondary'\n },\n description: 'We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy.',\n displayMode: 'banner',\n rejectButton: {\n label: 'Reject Non-Essential',\n variant: 'tertiary'\n },\n title: 'Your Privacy Matters to Us'\n }}\n/>",
1606
1606
  "args": {
1607
1607
  "notice": {
1608
1608
  "displayMode": "banner",
@@ -1617,13 +1617,13 @@
1617
1617
  },
1618
1618
  "customizeButton": {
1619
1619
  "label": "Customize Settings",
1620
- "variant": "tertiary"
1620
+ "variant": "secondary"
1621
1621
  },
1622
1622
  "description": "We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy."
1623
1623
  },
1624
1624
  "dialogue": {
1625
1625
  "title": "Manage Your Cookie Preferences",
1626
- "description": "Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly.",
1626
+ "description": "Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.",
1627
1627
  "required": [
1628
1628
  {
1629
1629
  "name": "Essential Cookies",
package/dist/global.css CHANGED
@@ -294,6 +294,7 @@ h3 {
294
294
  :root, [ks-inverted], [ks-theme] {
295
295
  --dsa-text-color-on-primary-base: var(--ks-color-fg-inverted);
296
296
  --dsa-text-color-on-primary-inverted-base: var(--ks-color-fg);
297
+ --dsa-overlay--background-color: var(--ks-color-fg-alpha-4);
297
298
  --dsa-overlay-box_transparent--background-color: var(--ks-color-bg-alpha-4);
298
299
  --dsa-overlay-box_transparent--backdrop-filter: blur(16px);
299
300
  --dsa-overlay-box_opaque--background-color: var(--ks-color-bg-alpha-2);
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Aug 2025 12:36:36 GMT
3
+ * Generated on Wed, 06 Aug 2025 10:03:07 GMT
4
4
  */
5
5
  :root [ks-theme=business] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
2727
2727
  }
2728
2728
  /**
2729
2729
  * Do not edit directly
2730
- * Generated on Tue, 05 Aug 2025 12:36:40 GMT
2730
+ * Generated on Wed, 06 Aug 2025 10:03:12 GMT
2731
2731
  */
2732
2732
  :root [ks-theme=google] {
2733
2733
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
5458
5458
  }
5459
5459
  /**
5460
5460
  * Do not edit directly
5461
- * Generated on Tue, 05 Aug 2025 12:36:38 GMT
5461
+ * Generated on Wed, 06 Aug 2025 10:03:10 GMT
5462
5462
  */
5463
5463
  :root [ks-theme=ngo] {
5464
5464
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
8459
8459
  }
8460
8460
  /**
8461
8461
  * Do not edit directly
8462
- * Generated on Tue, 05 Aug 2025 12:36:42 GMT
8462
+ * Generated on Wed, 06 Aug 2025 10:03:14 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
package/dist/tokens/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Aug 2025 12:36:34 GMT
3
+ * Generated on Wed, 06 Aug 2025 10:03:05 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -434,62 +434,62 @@
434
434
  --ks-color-link-inverted-to-fg-7-base: #e6edf8;
435
435
  --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
436
436
  --ks-color-link-inverted-to-fg-9-base: #fafbfd;
437
- --ks-color-positive-base: #6edb64;
438
- --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
439
- --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
440
- --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
441
- --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
442
- --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
443
- --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
444
- --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
445
- --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
446
- --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
447
- --ks-color-positive-to-bg-1-base: #75dd6c;
448
- --ks-color-positive-to-bg-2-base: #81e078;
449
- --ks-color-positive-to-bg-3-base: #91e489;
450
- --ks-color-positive-to-bg-4-base: #a4e89d;
451
- --ks-color-positive-to-bg-5-base: #b7edb2;
452
- --ks-color-positive-to-bg-6-base: #c9f2c6;
453
- --ks-color-positive-to-bg-7-base: #dcf6da;
454
- --ks-color-positive-to-bg-8-base: #ecfaeb;
455
- --ks-color-positive-to-bg-9-base: #f8fdf7;
456
- --ks-color-positive-to-fg-1-base: #69d061;
457
- --ks-color-positive-to-fg-2-base: #60c05b;
458
- --ks-color-positive-to-fg-3-base: #55a853;
459
- --ks-color-positive-to-fg-4-base: #488d4a;
460
- --ks-color-positive-to-fg-5-base: #3a7242;
461
- --ks-color-positive-to-fg-6-base: #2c5639;
462
- --ks-color-positive-to-fg-7-base: #1f3b30;
463
- --ks-color-positive-to-fg-8-base: #142328;
464
- --ks-color-positive-to-fg-9-base: #0b1322;
465
- --ks-color-positive-inverted-base: #23831b;
466
- --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
467
- --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
468
- --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
469
- --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
470
- --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
471
- --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
472
- --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
473
- --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
474
- --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
475
- --ks-color-positive-inverted-to-bg-1-base: #227e1d;
476
- --ks-color-positive-inverted-to-bg-2-base: #207620;
477
- --ks-color-positive-inverted-to-bg-3-base: #1e6b23;
478
- --ks-color-positive-inverted-to-bg-4-base: #1c5e28;
479
- --ks-color-positive-inverted-to-bg-5-base: #19522d;
480
- --ks-color-positive-inverted-to-bg-6-base: #164531;
481
- --ks-color-positive-inverted-to-bg-7-base: #143836;
482
- --ks-color-positive-inverted-to-bg-8-base: #122d39;
483
- --ks-color-positive-inverted-to-bg-9-base: #10253c;
484
- --ks-color-positive-inverted-to-fg-1-base: #2e8926;
485
- --ks-color-positive-inverted-to-fg-2-base: #409339;
486
- --ks-color-positive-inverted-to-fg-3-base: #58a152;
487
- --ks-color-positive-inverted-to-fg-4-base: #74b16f;
488
- --ks-color-positive-inverted-to-fg-5-base: #91c18d;
489
- --ks-color-positive-inverted-to-fg-6-base: #aed1ab;
490
- --ks-color-positive-inverted-to-fg-7-base: #cae1c8;
491
- --ks-color-positive-inverted-to-fg-8-base: #e2efe1;
492
- --ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
437
+ --ks-color-positive-base: #23831b;
438
+ --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
439
+ --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
440
+ --ks-color-positive-alpha-3-base: rgba(35,131,27,.76);
441
+ --ks-color-positive-alpha-4-base: rgba(35,131,27,.63);
442
+ --ks-color-positive-alpha-5-base: rgba(35,131,27,.5);
443
+ --ks-color-positive-alpha-6-base: rgba(35,131,27,.37);
444
+ --ks-color-positive-alpha-7-base: rgba(35,131,27,.24);
445
+ --ks-color-positive-alpha-8-base: rgba(35,131,27,.13);
446
+ --ks-color-positive-alpha-9-base: rgba(35,131,27,.05);
447
+ --ks-color-positive-to-bg-1-base: #2e8926;
448
+ --ks-color-positive-to-bg-2-base: #409339;
449
+ --ks-color-positive-to-bg-3-base: #58a152;
450
+ --ks-color-positive-to-bg-4-base: #74b16f;
451
+ --ks-color-positive-to-bg-5-base: #91c18d;
452
+ --ks-color-positive-to-bg-6-base: #aed1ab;
453
+ --ks-color-positive-to-bg-7-base: #cae1c8;
454
+ --ks-color-positive-to-bg-8-base: #e2efe1;
455
+ --ks-color-positive-to-bg-9-base: #f4f9f4;
456
+ --ks-color-positive-to-fg-1-base: #227d1b;
457
+ --ks-color-positive-to-fg-2-base: #1f731c;
458
+ --ks-color-positive-to-fg-3-base: #1c651c;
459
+ --ks-color-positive-to-fg-4-base: #18551c;
460
+ --ks-color-positive-to-fg-5-base: #15461d;
461
+ --ks-color-positive-to-fg-6-base: #11361e;
462
+ --ks-color-positive-to-fg-7-base: #0d261e;
463
+ --ks-color-positive-to-fg-8-base: #0a181e;
464
+ --ks-color-positive-to-fg-9-base: #070e1f;
465
+ --ks-color-positive-inverted-base: #6edb64;
466
+ --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
467
+ --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
468
+ --ks-color-positive-inverted-alpha-3-base: rgba(110,219,100,.76);
469
+ --ks-color-positive-inverted-alpha-4-base: rgba(110,219,100,.63);
470
+ --ks-color-positive-inverted-alpha-5-base: rgba(110,219,100,.5);
471
+ --ks-color-positive-inverted-alpha-6-base: rgba(110,219,100,.37);
472
+ --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
473
+ --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
474
+ --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
475
+ --ks-color-positive-inverted-to-bg-1-base: #69d262;
476
+ --ks-color-positive-inverted-to-bg-2-base: #62c35f;
477
+ --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
478
+ --ks-color-positive-inverted-to-bg-4-base: #4b9656;
479
+ --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
480
+ --ks-color-positive-inverted-to-bg-6-base: #32654c;
481
+ --ks-color-positive-inverted-to-bg-7-base: #264d47;
482
+ --ks-color-positive-inverted-to-bg-8-base: #1b3843;
483
+ --ks-color-positive-inverted-to-bg-9-base: #142940;
484
+ --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
485
+ --ks-color-positive-inverted-to-fg-2-base: #81e078;
486
+ --ks-color-positive-inverted-to-fg-3-base: #91e489;
487
+ --ks-color-positive-inverted-to-fg-4-base: #a4e89d;
488
+ --ks-color-positive-inverted-to-fg-5-base: #b7edb2;
489
+ --ks-color-positive-inverted-to-fg-6-base: #c9f2c6;
490
+ --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
491
+ --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
492
+ --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
493
493
  --ks-color-informative-base: #64c2db;
494
494
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
495
495
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Aug 2025 12:36:34 GMT
3
+ * Generated on Wed, 06 Aug 2025 10:03:05 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -55,18 +55,18 @@ export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#2c5caf";
55
55
  export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#2c5caf";
56
56
  export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#244b90";
57
57
  export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(48, 101, 192, 0.5)";
58
- export const KsBackgroundColorPositiveBase = "#6edb64";
59
- export const KsBackgroundColorPositiveInteractiveBase = "#6edb64";
60
- export const KsBackgroundColorPositiveInteractiveHoverBase = "#81e078";
61
- export const KsBackgroundColorPositiveInteractiveActiveBase = "#81e078";
62
- export const KsBackgroundColorPositiveInteractiveSelectedBase = "#a4e89d";
63
- export const KsBackgroundColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.5)";
64
- export const KsBackgroundColorPositiveInvertedBase = "#23831b";
65
- export const KsBackgroundColorPositiveInvertedInteractiveBase = "#23831b";
66
- export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#207620";
67
- export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#207620";
68
- export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#1c5e28";
69
- export const KsBackgroundColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.5)";
58
+ export const KsBackgroundColorPositiveBase = "#23831b";
59
+ export const KsBackgroundColorPositiveInteractiveBase = "#23831b";
60
+ export const KsBackgroundColorPositiveInteractiveHoverBase = "#409339";
61
+ export const KsBackgroundColorPositiveInteractiveActiveBase = "#409339";
62
+ export const KsBackgroundColorPositiveInteractiveSelectedBase = "#74b16f";
63
+ export const KsBackgroundColorPositiveTranslucentBase = "rgba(35, 131, 27, 0.5)";
64
+ export const KsBackgroundColorPositiveInvertedBase = "#6edb64";
65
+ export const KsBackgroundColorPositiveInvertedInteractiveBase = "#6edb64";
66
+ export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#62c35f";
67
+ export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#62c35f";
68
+ export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#4b9656";
69
+ export const KsBackgroundColorPositiveInvertedTranslucentBase = "rgba(110, 219, 100, 0.5)";
70
70
  export const KsBackgroundColorInformativeBase = "#64c2db";
71
71
  export const KsBackgroundColorInformativeInteractiveBase = "#64c2db";
72
72
  export const KsBackgroundColorInformativeInteractiveHoverBase = "#78cae0";
@@ -153,18 +153,18 @@ export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#2c5caf";
153
153
  export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#2854a1";
154
154
  export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#3065c0";
155
155
  export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(48, 101, 192, 0.87)";
156
- export const KsBorderColorPositiveBase = "#6edb64";
157
- export const KsBorderColorPositiveInteractiveBase = "#6edb64";
158
- export const KsBorderColorPositiveInteractiveHoverBase = "#81e078";
159
- export const KsBorderColorPositiveInteractiveActiveBase = "#91e489";
160
- export const KsBorderColorPositiveInteractiveSelectedBase = "#6edb64";
161
- export const KsBorderColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.87)";
162
- export const KsBorderColorPositiveInvertedBase = "#23831b";
163
- export const KsBorderColorPositiveInvertedInteractiveBase = "#23831b";
164
- export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#207620";
165
- export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#1e6b23";
166
- export const KsBorderColorPositiveInvertedInteractiveSelectedBase = "#23831b";
167
- export const KsBorderColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.87)";
156
+ export const KsBorderColorPositiveBase = "#23831b";
157
+ export const KsBorderColorPositiveInteractiveBase = "#23831b";
158
+ export const KsBorderColorPositiveInteractiveHoverBase = "#409339";
159
+ export const KsBorderColorPositiveInteractiveActiveBase = "#58a152";
160
+ export const KsBorderColorPositiveInteractiveSelectedBase = "#23831b";
161
+ export const KsBorderColorPositiveTranslucentBase = "rgba(35, 131, 27, 0.87)";
162
+ export const KsBorderColorPositiveInvertedBase = "#6edb64";
163
+ export const KsBorderColorPositiveInvertedInteractiveBase = "#6edb64";
164
+ export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#62c35f";
165
+ export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#57ae5b";
166
+ export const KsBorderColorPositiveInvertedInteractiveSelectedBase = "#6edb64";
167
+ export const KsBorderColorPositiveInvertedTranslucentBase = "rgba(110, 219, 100, 0.87)";
168
168
  export const KsBorderColorInformativeBase = "#64c2db";
169
169
  export const KsBorderColorInformativeInteractiveBase = "#64c2db";
170
170
  export const KsBorderColorInformativeInteractiveHoverBase = "#78cae0";
@@ -438,62 +438,62 @@ export const KsColorLinkInvertedToFg6Base = "#d9e3f4";
438
438
  export const KsColorLinkInvertedToFg7Base = "#e6edf8";
439
439
  export const KsColorLinkInvertedToFg8Base = "#f2f5fb";
440
440
  export const KsColorLinkInvertedToFg9Base = "#fafbfd";
441
- export const KsColorPositiveBase = "#6edb64";
442
- export const KsColorPositiveAlpha1Base = "rgba(110, 219, 100, 0.95)";
443
- export const KsColorPositiveAlpha2Base = "rgba(110, 219, 100, 0.87)";
444
- export const KsColorPositiveAlpha3Base = "rgba(110, 219, 100, 0.76)";
445
- export const KsColorPositiveAlpha4Base = "rgba(110, 219, 100, 0.63)";
446
- export const KsColorPositiveAlpha5Base = "rgba(110, 219, 100, 0.5)";
447
- export const KsColorPositiveAlpha6Base = "rgba(110, 219, 100, 0.37)";
448
- export const KsColorPositiveAlpha7Base = "rgba(110, 219, 100, 0.24)";
449
- export const KsColorPositiveAlpha8Base = "rgba(110, 219, 100, 0.13)";
450
- export const KsColorPositiveAlpha9Base = "rgba(110, 219, 100, 0.05)";
451
- export const KsColorPositiveToBg1Base = "#75dd6c";
452
- export const KsColorPositiveToBg2Base = "#81e078";
453
- export const KsColorPositiveToBg3Base = "#91e489";
454
- export const KsColorPositiveToBg4Base = "#a4e89d";
455
- export const KsColorPositiveToBg5Base = "#b7edb2";
456
- export const KsColorPositiveToBg6Base = "#c9f2c6";
457
- export const KsColorPositiveToBg7Base = "#dcf6da";
458
- export const KsColorPositiveToBg8Base = "#ecfaeb";
459
- export const KsColorPositiveToBg9Base = "#f8fdf7";
460
- export const KsColorPositiveToFg1Base = "#69d061";
461
- export const KsColorPositiveToFg2Base = "#60c05b";
462
- export const KsColorPositiveToFg3Base = "#55a853";
463
- export const KsColorPositiveToFg4Base = "#488d4a";
464
- export const KsColorPositiveToFg5Base = "#3a7242";
465
- export const KsColorPositiveToFg6Base = "#2c5639";
466
- export const KsColorPositiveToFg7Base = "#1f3b30";
467
- export const KsColorPositiveToFg8Base = "#142328";
468
- export const KsColorPositiveToFg9Base = "#0b1322";
469
- export const KsColorPositiveInvertedBase = "#23831b";
470
- export const KsColorPositiveInvertedAlpha1Base = "rgba(35, 131, 27, 0.95)";
471
- export const KsColorPositiveInvertedAlpha2Base = "rgba(35, 131, 27, 0.87)";
472
- export const KsColorPositiveInvertedAlpha3Base = "rgba(35, 131, 27, 0.76)";
473
- export const KsColorPositiveInvertedAlpha4Base = "rgba(35, 131, 27, 0.63)";
474
- export const KsColorPositiveInvertedAlpha5Base = "rgba(35, 131, 27, 0.5)";
475
- export const KsColorPositiveInvertedAlpha6Base = "rgba(35, 131, 27, 0.37)";
476
- export const KsColorPositiveInvertedAlpha7Base = "rgba(35, 131, 27, 0.24)";
477
- export const KsColorPositiveInvertedAlpha8Base = "rgba(35, 131, 27, 0.13)";
478
- export const KsColorPositiveInvertedAlpha9Base = "rgba(35, 131, 27, 0.05)";
479
- export const KsColorPositiveInvertedToBg1Base = "#227e1d";
480
- export const KsColorPositiveInvertedToBg2Base = "#207620";
481
- export const KsColorPositiveInvertedToBg3Base = "#1e6b23";
482
- export const KsColorPositiveInvertedToBg4Base = "#1c5e28";
483
- export const KsColorPositiveInvertedToBg5Base = "#19522d";
484
- export const KsColorPositiveInvertedToBg6Base = "#164531";
485
- export const KsColorPositiveInvertedToBg7Base = "#143836";
486
- export const KsColorPositiveInvertedToBg8Base = "#122d39";
487
- export const KsColorPositiveInvertedToBg9Base = "#10253c";
488
- export const KsColorPositiveInvertedToFg1Base = "#2e8926";
489
- export const KsColorPositiveInvertedToFg2Base = "#409339";
490
- export const KsColorPositiveInvertedToFg3Base = "#58a152";
491
- export const KsColorPositiveInvertedToFg4Base = "#74b16f";
492
- export const KsColorPositiveInvertedToFg5Base = "#91c18d";
493
- export const KsColorPositiveInvertedToFg6Base = "#aed1ab";
494
- export const KsColorPositiveInvertedToFg7Base = "#cae1c8";
495
- export const KsColorPositiveInvertedToFg8Base = "#e2efe1";
496
- export const KsColorPositiveInvertedToFg9Base = "#f4f9f4";
441
+ export const KsColorPositiveBase = "#23831b";
442
+ export const KsColorPositiveAlpha1Base = "rgba(35, 131, 27, 0.95)";
443
+ export const KsColorPositiveAlpha2Base = "rgba(35, 131, 27, 0.87)";
444
+ export const KsColorPositiveAlpha3Base = "rgba(35, 131, 27, 0.76)";
445
+ export const KsColorPositiveAlpha4Base = "rgba(35, 131, 27, 0.63)";
446
+ export const KsColorPositiveAlpha5Base = "rgba(35, 131, 27, 0.5)";
447
+ export const KsColorPositiveAlpha6Base = "rgba(35, 131, 27, 0.37)";
448
+ export const KsColorPositiveAlpha7Base = "rgba(35, 131, 27, 0.24)";
449
+ export const KsColorPositiveAlpha8Base = "rgba(35, 131, 27, 0.13)";
450
+ export const KsColorPositiveAlpha9Base = "rgba(35, 131, 27, 0.05)";
451
+ export const KsColorPositiveToBg1Base = "#2e8926";
452
+ export const KsColorPositiveToBg2Base = "#409339";
453
+ export const KsColorPositiveToBg3Base = "#58a152";
454
+ export const KsColorPositiveToBg4Base = "#74b16f";
455
+ export const KsColorPositiveToBg5Base = "#91c18d";
456
+ export const KsColorPositiveToBg6Base = "#aed1ab";
457
+ export const KsColorPositiveToBg7Base = "#cae1c8";
458
+ export const KsColorPositiveToBg8Base = "#e2efe1";
459
+ export const KsColorPositiveToBg9Base = "#f4f9f4";
460
+ export const KsColorPositiveToFg1Base = "#227d1b";
461
+ export const KsColorPositiveToFg2Base = "#1f731c";
462
+ export const KsColorPositiveToFg3Base = "#1c651c";
463
+ export const KsColorPositiveToFg4Base = "#18551c";
464
+ export const KsColorPositiveToFg5Base = "#15461d";
465
+ export const KsColorPositiveToFg6Base = "#11361e";
466
+ export const KsColorPositiveToFg7Base = "#0d261e";
467
+ export const KsColorPositiveToFg8Base = "#0a181e";
468
+ export const KsColorPositiveToFg9Base = "#070e1f";
469
+ export const KsColorPositiveInvertedBase = "#6edb64";
470
+ export const KsColorPositiveInvertedAlpha1Base = "rgba(110, 219, 100, 0.95)";
471
+ export const KsColorPositiveInvertedAlpha2Base = "rgba(110, 219, 100, 0.87)";
472
+ export const KsColorPositiveInvertedAlpha3Base = "rgba(110, 219, 100, 0.76)";
473
+ export const KsColorPositiveInvertedAlpha4Base = "rgba(110, 219, 100, 0.63)";
474
+ export const KsColorPositiveInvertedAlpha5Base = "rgba(110, 219, 100, 0.5)";
475
+ export const KsColorPositiveInvertedAlpha6Base = "rgba(110, 219, 100, 0.37)";
476
+ export const KsColorPositiveInvertedAlpha7Base = "rgba(110, 219, 100, 0.24)";
477
+ export const KsColorPositiveInvertedAlpha8Base = "rgba(110, 219, 100, 0.13)";
478
+ export const KsColorPositiveInvertedAlpha9Base = "rgba(110, 219, 100, 0.05)";
479
+ export const KsColorPositiveInvertedToBg1Base = "#69d262";
480
+ export const KsColorPositiveInvertedToBg2Base = "#62c35f";
481
+ export const KsColorPositiveInvertedToBg3Base = "#57ae5b";
482
+ export const KsColorPositiveInvertedToBg4Base = "#4b9656";
483
+ export const KsColorPositiveInvertedToBg5Base = "#3f7e51";
484
+ export const KsColorPositiveInvertedToBg6Base = "#32654c";
485
+ export const KsColorPositiveInvertedToBg7Base = "#264d47";
486
+ export const KsColorPositiveInvertedToBg8Base = "#1b3843";
487
+ export const KsColorPositiveInvertedToBg9Base = "#142940";
488
+ export const KsColorPositiveInvertedToFg1Base = "#75dd6c";
489
+ export const KsColorPositiveInvertedToFg2Base = "#81e078";
490
+ export const KsColorPositiveInvertedToFg3Base = "#91e489";
491
+ export const KsColorPositiveInvertedToFg4Base = "#a4e89d";
492
+ export const KsColorPositiveInvertedToFg5Base = "#b7edb2";
493
+ export const KsColorPositiveInvertedToFg6Base = "#c9f2c6";
494
+ export const KsColorPositiveInvertedToFg7Base = "#dcf6da";
495
+ export const KsColorPositiveInvertedToFg8Base = "#ecfaeb";
496
+ export const KsColorPositiveInvertedToFg9Base = "#f8fdf7";
497
497
  export const KsColorInformativeBase = "#64c2db";
498
498
  export const KsColorInformativeAlpha1Base = "rgba(100, 194, 219, 0.95)";
499
499
  export const KsColorInformativeAlpha2Base = "rgba(100, 194, 219, 0.87)";
@@ -797,16 +797,16 @@ export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(48, 101, 192, 0.8
797
797
  export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(48, 101, 192, 0.87)";
798
798
  export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(48, 101, 192, 0.87)";
799
799
  export const KsTextColorPrimaryInvertedInteractiveSelectedBase = "rgba(48, 101, 192, 0.87)";
800
- export const KsTextColorPositiveBase = "#6edb64";
801
- export const KsTextColorPositiveInteractiveBase = "#6edb64";
802
- export const KsTextColorPositiveInteractiveHoverBase = "rgba(110, 219, 100, 0.87)";
803
- export const KsTextColorPositiveInteractiveActiveBase = "rgba(110, 219, 100, 0.87)";
804
- export const KsTextColorPositiveInteractiveSelectedBase = "rgba(110, 219, 100, 0.87)";
805
- export const KsTextColorPositiveInvertedBase = "#23831b";
806
- export const KsTextColorPositiveInvertedInteractiveBase = "rgba(35, 131, 27, 0.87)";
807
- export const KsTextColorPositiveInvertedInteractiveHoverBase = "rgba(35, 131, 27, 0.87)";
808
- export const KsTextColorPositiveInvertedInteractiveActiveBase = "rgba(35, 131, 27, 0.87)";
809
- export const KsTextColorPositiveInvertedInteractiveSelectedBase = "rgba(35, 131, 27, 0.87)";
800
+ export const KsTextColorPositiveBase = "#23831b";
801
+ export const KsTextColorPositiveInteractiveBase = "#23831b";
802
+ export const KsTextColorPositiveInteractiveHoverBase = "rgba(35, 131, 27, 0.87)";
803
+ export const KsTextColorPositiveInteractiveActiveBase = "rgba(35, 131, 27, 0.87)";
804
+ export const KsTextColorPositiveInteractiveSelectedBase = "rgba(35, 131, 27, 0.87)";
805
+ export const KsTextColorPositiveInvertedBase = "#6edb64";
806
+ export const KsTextColorPositiveInvertedInteractiveBase = "rgba(110, 219, 100, 0.87)";
807
+ export const KsTextColorPositiveInvertedInteractiveHoverBase = "rgba(110, 219, 100, 0.87)";
808
+ export const KsTextColorPositiveInvertedInteractiveActiveBase = "rgba(110, 219, 100, 0.87)";
809
+ export const KsTextColorPositiveInvertedInteractiveSelectedBase = "rgba(110, 219, 100, 0.87)";
810
810
  export const KsTextColorInformativeBase = "#64c2db";
811
811
  export const KsTextColorInformativeInteractiveBase = "#64c2db";
812
812
  export const KsTextColorInformativeInteractiveHoverBase = "rgba(100, 194, 219, 0.87)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.71--canary.45.2008.0",
3
+ "version": "1.6.71--canary.45.2011.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {