@kickstartds/ds-agency-premium 1.6.46--canary.39.1394.0 → 1.6.46
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-d9decb7c.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-1cfcf6e8.d.ts → SectionProps-7a46a8ad.d.ts} +1 -6
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +0 -6
- package/dist/components/blog-post/blog-post.schema.dereffed.json +0 -6
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/cta/cta.css +2 -2
- package/dist/components/footer/footer.css +2 -2
- package/dist/components/header/header.css +1 -1
- package/dist/components/headline/headline.css +1 -1
- package/dist/components/hero/hero.css +4 -5
- package/dist/components/image-story/image-story.css +1 -1
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/logos/logos.css +2 -2
- package/dist/components/page/page.schema.dereffed.json +0 -6
- package/dist/components/page-wrapper/tokens.css +12 -12
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/index.js +2 -2
- package/dist/components/section/section.css +25 -34
- package/dist/components/section/section.schema.dereffed.json +0 -6
- package/dist/components/section/section.schema.json +0 -6
- package/dist/components/split/split.css +3 -3
- package/dist/components/video-curtain/video-curtain.css +2 -3
- package/dist/global.css +13 -14
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +12 -12
- package/dist/tokens/tokens.js +12 -12
- package/package.json +5 -5
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
|
-
import { SectionProps } from "./SectionProps-
|
|
6
|
+
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
7
7
|
import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
|
|
8
8
|
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
9
9
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
|
|
8
|
-
import { SectionProps } from "./SectionProps-
|
|
8
|
+
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
9
9
|
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
10
10
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
11
11
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
|
-
import { SectionProps } from "./SectionProps-
|
|
6
|
+
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
7
7
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
8
8
|
/**
|
|
9
9
|
* Collection of sections (with their contents) to render on the page
|
|
@@ -33,10 +33,6 @@ type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accent
|
|
|
33
33
|
* Color of background
|
|
34
34
|
*/
|
|
35
35
|
type Style1 = "default" | "accent" | "bold";
|
|
36
|
-
/**
|
|
37
|
-
* Background image for the whole section
|
|
38
|
-
*/
|
|
39
|
-
type BackgroundImage = string;
|
|
40
36
|
/**
|
|
41
37
|
* Show spotlight behind cursor
|
|
42
38
|
*/
|
|
@@ -120,7 +116,6 @@ interface SectionProps {
|
|
|
120
116
|
width?: Width;
|
|
121
117
|
style?: Style;
|
|
122
118
|
backgroundColor?: Style1;
|
|
123
|
-
backgroundImage?: BackgroundImage;
|
|
124
119
|
spotlight?: Spotlight;
|
|
125
120
|
spaceBefore?: SpaceBefore;
|
|
126
121
|
spaceAfter?: SpaceAfter;
|
|
@@ -145,4 +140,4 @@ interface SectionProps {
|
|
|
145
140
|
components?: Content;
|
|
146
141
|
buttons?: Buttons;
|
|
147
142
|
}
|
|
148
|
-
export { Width, Style, Style1,
|
|
143
|
+
export { Width, Style, Style1, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };
|
|
@@ -58,12 +58,6 @@
|
|
|
58
58
|
],
|
|
59
59
|
"default": "default"
|
|
60
60
|
},
|
|
61
|
-
"backgroundImage": {
|
|
62
|
-
"title": "Background image",
|
|
63
|
-
"description": "Background image for the whole section",
|
|
64
|
-
"type": "string",
|
|
65
|
-
"format": "image"
|
|
66
|
-
},
|
|
67
61
|
"spotlight": {
|
|
68
62
|
"type": "boolean",
|
|
69
63
|
"title": "Spotlight",
|
|
@@ -334,12 +334,6 @@
|
|
|
334
334
|
],
|
|
335
335
|
"default": "default"
|
|
336
336
|
},
|
|
337
|
-
"backgroundImage": {
|
|
338
|
-
"title": "Background image",
|
|
339
|
-
"description": "Background image for the whole section",
|
|
340
|
-
"type": "string",
|
|
341
|
-
"format": "image"
|
|
342
|
-
},
|
|
343
337
|
"spotlight": {
|
|
344
338
|
"type": "boolean",
|
|
345
339
|
"title": "Spotlight",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
}
|
|
101
101
|
.dsa-cta.c-storytelling .c-storytelling__box:only-child {
|
|
102
102
|
width: 100%;
|
|
103
|
-
max-width: calc(var(--
|
|
103
|
+
max-width: calc(var(--l-section--content-width-default) - var(--dsa-content--spacing) * var(--c-storytelling--padding-ratio));
|
|
104
104
|
}
|
|
105
105
|
.dsa-cta.c-storytelling > .c-storytelling__image {
|
|
106
106
|
padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
}
|
|
112
112
|
.dsa-cta.c-storytelling > .c-storytelling__image,
|
|
113
113
|
.dsa-cta.c-storytelling > .c-storytelling__box {
|
|
114
|
-
max-width: calc(var(--
|
|
114
|
+
max-width: calc(var(--l-section--content-width-wide) / 2);
|
|
115
115
|
}
|
|
116
116
|
.dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__image,
|
|
117
117
|
.dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__box {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.dsa-footer {
|
|
2
2
|
--dsa-footer--background-color: var(--ks-background-color-default);
|
|
3
3
|
--dsa-footer--border-top: 1px solid var(--ks-border-color-default);
|
|
4
|
-
--dsa-footer--max-width: var(--
|
|
4
|
+
--dsa-footer--max-width: var(--l-section--content-width-wide);
|
|
5
5
|
--dsa-footer--gap-vertical: var(--ks-spacing-stack-m);
|
|
6
6
|
--dsa-footer__byline--font: var(--ks-font-copy-xs);
|
|
7
7
|
--dsa-footer__byline--color: var(--ks-text-color-default);
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
.dsa-footer__content {
|
|
30
30
|
padding: var(--l-section--space-small) var(--dsa-content--spacing);
|
|
31
31
|
border-top: var(--dsa-footer--border-top, 1px solid var(--ks-border-color-default));
|
|
32
|
-
max-width: var(--dsa-footer--max-width, var(--
|
|
32
|
+
max-width: var(--dsa-footer--max-width, var(--l-section--content-width-wide));
|
|
33
33
|
width: 100%;
|
|
34
34
|
margin: auto;
|
|
35
35
|
display: flex;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.dsa-header {
|
|
17
|
-
--dsa-header--max-width: var(--
|
|
17
|
+
--dsa-header--max-width: var(--l-section--content-width-max);
|
|
18
18
|
--dsa-header--background: var(--ks-background-color-default);
|
|
19
19
|
--dsa-header_floating--background: linear-gradient(var(--ks-color-bg), transparent);
|
|
20
20
|
--dsa-header__logo--height: var(--dsa-logo--height);
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
.dsa-headline .dsa-headline__subheadline {
|
|
114
114
|
font: var(--subheadline--font);
|
|
115
115
|
margin: 0;
|
|
116
|
-
max-width: var(--
|
|
116
|
+
max-width: var(--l-section--content-width-default);
|
|
117
117
|
color: var(--dsa-headline__subheadline--color, var(--ks-text-color-primary));
|
|
118
118
|
font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-semi-bold));
|
|
119
119
|
}
|
|
@@ -14,10 +14,9 @@
|
|
|
14
14
|
--dsa-hero__copy--font: var(--dsa-rich-text--font);
|
|
15
15
|
--dsa-hero_highlight-text__copy--font: var(--ks-font-copy-l);
|
|
16
16
|
--dsa-hero_color-neutral__copy--color: var(--ks-text-color-default);
|
|
17
|
-
--dsa-hero__textbox--background-color: var(--ks-color-bg-alpha-2);
|
|
18
17
|
--dsa-hero__textbox--border-radius: var(--ks-border-radius-surface);
|
|
19
|
-
--dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
|
|
20
18
|
--dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
19
|
+
--dsa-hero__textbox--background-color: var(--ks-color-bg-alpha-2);
|
|
21
20
|
--dsa-hero__overlay--background: linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%);
|
|
22
21
|
}
|
|
23
22
|
@container visual (min-width: 640px) {
|
|
@@ -82,7 +81,7 @@
|
|
|
82
81
|
);
|
|
83
82
|
}
|
|
84
83
|
.c-visual.dsa-hero .c-visual__box {
|
|
85
|
-
--c-visual_box--max-width:
|
|
84
|
+
--c-visual_box--max-width: 50rem;
|
|
86
85
|
}
|
|
87
86
|
}
|
|
88
87
|
|
|
@@ -104,7 +103,7 @@
|
|
|
104
103
|
padding: var(--c-visual_box--padding);
|
|
105
104
|
}
|
|
106
105
|
.c-visual.dsa-hero .c-visual__content--indent {
|
|
107
|
-
max-width: var(--
|
|
106
|
+
max-width: var(--l-section--content-width-wide);
|
|
108
107
|
}
|
|
109
108
|
@container visual (min-width: 640px) {
|
|
110
109
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__media {
|
|
@@ -119,7 +118,7 @@
|
|
|
119
118
|
position: relative;
|
|
120
119
|
}
|
|
121
120
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
|
|
122
|
-
--c-visual_box--max-width: var(--
|
|
121
|
+
--c-visual_box--max-width: var(--l-section--content-width-default);
|
|
123
122
|
}
|
|
124
123
|
@container visual (min-width: 640px) {
|
|
125
124
|
.c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--c-storytelling--vertical-padding: var(--dsa-image-story--vertical-padding, var(--ks-spacing-xl));
|
|
13
13
|
}
|
|
14
14
|
.c-storytelling.dsa-image-story .c-storytelling__box__content {
|
|
15
|
-
max-width: var(--
|
|
15
|
+
max-width: var(--l-section--content-width-narrow);
|
|
16
16
|
}
|
|
17
17
|
.c-storytelling.dsa-image-story.c-storytelling--three-to-two img {
|
|
18
18
|
aspect-ratio: 3/2;
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
32
|
+
export * from "../../BlogPostProps-6b3cff22.js";
|
|
33
33
|
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
.dsa-logos__tagline {
|
|
27
27
|
font: var(--dsa-logos__tagline--font, var(--ks-font-display-m));
|
|
28
28
|
font-weight: var(--dsa-logos__tagline--font-weight, var(--dsa-headline--font-weight));
|
|
29
|
-
max-width: var(--
|
|
29
|
+
max-width: var(--l-section--content-width-narrow);
|
|
30
30
|
color: var(--dsa-logos__tagline--color, var(--dsa-headline--color, var(--ks-text-color-display)));
|
|
31
31
|
width: 100%;
|
|
32
32
|
}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
.dsa-logos__cta__text {
|
|
42
42
|
color: var(--ks-text-color-default);
|
|
43
|
-
max-width: var(--
|
|
43
|
+
max-width: var(--l-section--content-width-narrow);
|
|
44
44
|
}
|
|
45
45
|
.dsa-logos__cta__text, .dsa-logos__cta__link {
|
|
46
46
|
font: var(--ks-font-copy-m);
|
|
@@ -58,12 +58,6 @@
|
|
|
58
58
|
],
|
|
59
59
|
"default": "default"
|
|
60
60
|
},
|
|
61
|
-
"backgroundImage": {
|
|
62
|
-
"title": "Background image",
|
|
63
|
-
"description": "Background image for the whole section",
|
|
64
|
-
"type": "string",
|
|
65
|
-
"format": "image"
|
|
66
|
-
},
|
|
67
61
|
"spotlight": {
|
|
68
62
|
"type": "boolean",
|
|
69
63
|
"title": "Spotlight",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 19 Dec 2024 11:
|
|
3
|
+
* Generated on Thu, 19 Dec 2024 11:58:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, [ks-theme] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -744,49 +744,49 @@
|
|
|
744
744
|
--ks-spacing-xxs-bp-factor-tablet: 1.5006;
|
|
745
745
|
--ks-spacing-xxs-bp-factor-laptop: 1.8383;
|
|
746
746
|
--ks-spacing-xxs-bp-factor-desktop: 2.2519;
|
|
747
|
-
--ks-spacing-xxs-bp-factor-tv: 2.
|
|
747
|
+
--ks-spacing-xxs-bp-factor-tv: 2.35;
|
|
748
748
|
--ks-spacing-xs: var(--ks-spacing-xs-base);
|
|
749
749
|
--ks-spacing-xs-base: 0.4309rem;
|
|
750
750
|
--ks-spacing-xs-bp-factor-phone: 1.225;
|
|
751
751
|
--ks-spacing-xs-bp-factor-tablet: 1.5006;
|
|
752
752
|
--ks-spacing-xs-bp-factor-laptop: 1.8383;
|
|
753
753
|
--ks-spacing-xs-bp-factor-desktop: 2.2519;
|
|
754
|
-
--ks-spacing-xs-bp-factor-tv: 2.
|
|
754
|
+
--ks-spacing-xs-bp-factor-tv: 2.35;
|
|
755
755
|
--ks-spacing-s: var(--ks-spacing-s-base);
|
|
756
756
|
--ks-spacing-s-base: 0.614rem;
|
|
757
757
|
--ks-spacing-s-bp-factor-phone: 1.225;
|
|
758
758
|
--ks-spacing-s-bp-factor-tablet: 1.5006;
|
|
759
759
|
--ks-spacing-s-bp-factor-laptop: 1.8383;
|
|
760
760
|
--ks-spacing-s-bp-factor-desktop: 2.2519;
|
|
761
|
-
--ks-spacing-s-bp-factor-tv: 2.
|
|
761
|
+
--ks-spacing-s-bp-factor-tv: 2.35;
|
|
762
762
|
--ks-spacing-m: var(--ks-spacing-m-base);
|
|
763
763
|
--ks-spacing-m-base: 0.875rem;
|
|
764
764
|
--ks-spacing-m-bp-factor-phone: 1.225;
|
|
765
765
|
--ks-spacing-m-bp-factor-tablet: 1.5006;
|
|
766
766
|
--ks-spacing-m-bp-factor-laptop: 1.8383;
|
|
767
767
|
--ks-spacing-m-bp-factor-desktop: 2.2519;
|
|
768
|
-
--ks-spacing-m-bp-factor-tv: 2.
|
|
768
|
+
--ks-spacing-m-bp-factor-tv: 2.35;
|
|
769
769
|
--ks-spacing-l: var(--ks-spacing-l-base);
|
|
770
770
|
--ks-spacing-l-base: 1.2469rem;
|
|
771
771
|
--ks-spacing-l-bp-factor-phone: 1.225;
|
|
772
772
|
--ks-spacing-l-bp-factor-tablet: 1.5006;
|
|
773
773
|
--ks-spacing-l-bp-factor-laptop: 1.8383;
|
|
774
774
|
--ks-spacing-l-bp-factor-desktop: 2.2519;
|
|
775
|
-
--ks-spacing-l-bp-factor-tv: 2.
|
|
775
|
+
--ks-spacing-l-bp-factor-tv: 2.35;
|
|
776
776
|
--ks-spacing-xl: var(--ks-spacing-xl-base);
|
|
777
777
|
--ks-spacing-xl-base: 1.7768rem;
|
|
778
778
|
--ks-spacing-xl-bp-factor-phone: 1.225;
|
|
779
779
|
--ks-spacing-xl-bp-factor-tablet: 1.5006;
|
|
780
780
|
--ks-spacing-xl-bp-factor-laptop: 1.8383;
|
|
781
781
|
--ks-spacing-xl-bp-factor-desktop: 2.2519;
|
|
782
|
-
--ks-spacing-xl-bp-factor-tv: 2.
|
|
782
|
+
--ks-spacing-xl-bp-factor-tv: 2.35;
|
|
783
783
|
--ks-spacing-xxl: var(--ks-spacing-xxl-base);
|
|
784
784
|
--ks-spacing-xxl-base: 2.5319rem;
|
|
785
785
|
--ks-spacing-xxl-bp-factor-phone: 1.225;
|
|
786
786
|
--ks-spacing-xxl-bp-factor-tablet: 1.5006;
|
|
787
787
|
--ks-spacing-xxl-bp-factor-laptop: 1.8383;
|
|
788
788
|
--ks-spacing-xxl-bp-factor-desktop: 2.2519;
|
|
789
|
-
--ks-spacing-xxl-bp-factor-tv: 2.
|
|
789
|
+
--ks-spacing-xxl-bp-factor-tv: 2.35;
|
|
790
790
|
--ks-spacing-stack-xs: var(--ks-spacing-xs);
|
|
791
791
|
--ks-spacing-stack-s: var(--ks-spacing-s);
|
|
792
792
|
--ks-spacing-stack-m: var(--ks-spacing-m);
|
|
@@ -947,7 +947,7 @@
|
|
|
947
947
|
--ks-font-size-display-bp-factor-tablet: 1.5;
|
|
948
948
|
--ks-font-size-display-bp-factor-laptop: 1.5;
|
|
949
949
|
--ks-font-size-display-bp-factor-desktop: 1.75;
|
|
950
|
-
--ks-font-size-display-bp-factor-tv: 2
|
|
950
|
+
--ks-font-size-display-bp-factor-tv: 2;
|
|
951
951
|
--ks-font-size-display-xxs-base: 0.68rem;
|
|
952
952
|
--ks-font-size-display-xs-base: 0.833rem;
|
|
953
953
|
--ks-font-size-display-s-base: 1.0204rem;
|
|
@@ -956,7 +956,7 @@
|
|
|
956
956
|
--ks-font-size-display-xl-base: 1.8758rem;
|
|
957
957
|
--ks-font-size-display-xxl-base: 2.2978rem;
|
|
958
958
|
--ks-font-size-copy-bp-factor-tablet: 1.125;
|
|
959
|
-
--ks-font-size-copy-bp-factor-tv: 1.
|
|
959
|
+
--ks-font-size-copy-bp-factor-tv: 1.25;
|
|
960
960
|
--ks-font-size-copy-xxs-base: 0.612rem;
|
|
961
961
|
--ks-font-size-copy-xs-base: 0.7497rem;
|
|
962
962
|
--ks-font-size-copy-s-base: 0.9184rem;
|
|
@@ -965,7 +965,7 @@
|
|
|
965
965
|
--ks-font-size-copy-xl-base: 1.6882rem;
|
|
966
966
|
--ks-font-size-copy-xxl-base: 2.068rem;
|
|
967
967
|
--ks-font-size-interface-bp-factor-tablet: 1.125;
|
|
968
|
-
--ks-font-size-interface-bp-factor-tv: 1.
|
|
968
|
+
--ks-font-size-interface-bp-factor-tv: 1.25;
|
|
969
969
|
--ks-font-size-interface-xxs-base: 0.544rem;
|
|
970
970
|
--ks-font-size-interface-xs-base: 0.6664rem;
|
|
971
971
|
--ks-font-size-interface-s-base: 0.8163rem;
|
|
@@ -974,7 +974,7 @@
|
|
|
974
974
|
--ks-font-size-interface-xl-base: 1.5006rem;
|
|
975
975
|
--ks-font-size-interface-xxl-base: 1.8383rem;
|
|
976
976
|
--ks-font-size-mono-bp-factor-tablet: 1.125;
|
|
977
|
-
--ks-font-size-mono-bp-factor-tv: 1.
|
|
977
|
+
--ks-font-size-mono-bp-factor-tv: 1.25;
|
|
978
978
|
--ks-font-size-mono-xxs-base: 0.612rem;
|
|
979
979
|
--ks-font-size-mono-xs-base: 0.7497rem;
|
|
980
980
|
--ks-font-size-mono-s-base: 0.9184rem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
import { SectionProps } from "../../SectionProps-
|
|
3
|
+
import { SectionProps } from "../../SectionProps-7a46a8ad.js";
|
|
4
4
|
declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -7,7 +7,7 @@ import { SectionContextDefault as SectionContextDefault$1, SectionContext as Sec
|
|
|
7
7
|
import { identifier } from './js/Section.client.js';
|
|
8
8
|
import '@kickstartds/core/lib/component';
|
|
9
9
|
|
|
10
|
-
const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, width = "default", style = "default", spotlight = false, backgroundColor = "default",
|
|
10
|
+
const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, width = "default", style = "default", spotlight = false, backgroundColor = "default", spaceBefore = "default", spaceAfter = "default", className, inverted, buttons = [], ...props }, ref) => {
|
|
11
11
|
const { large: headlineLarge = false, ...headlineRest } = {
|
|
12
12
|
align: "left",
|
|
13
13
|
...headline,
|
|
@@ -30,7 +30,7 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
|
|
|
30
30
|
? "symmetric-glow"
|
|
31
31
|
: style === "anchorGlow"
|
|
32
32
|
? "anchor-glow"
|
|
33
|
-
: style}`, headerSpacing && "dsa-section--header-spacing", spotlight && "dsa-section--spotlight", className), background: backgroundColor,
|
|
33
|
+
: style}`, headerSpacing && "dsa-section--header-spacing", spotlight && "dsa-section--spotlight", className), background: backgroundColor, content: content, headline: {
|
|
34
34
|
...headlineRest,
|
|
35
35
|
spaceAfter: "large",
|
|
36
36
|
// @ts-expect-error
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
.l-container--section {
|
|
2
|
-
/* stylelint-disable-next-line property-no-unknown */
|
|
3
|
-
container-name: section;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
1
|
.dsa-section {
|
|
7
2
|
--dsa-section__col--min-width: var(--dsa-section_tile-width--default);
|
|
8
3
|
--dsa-section__col--max-width: 1fr;
|
|
@@ -11,16 +6,16 @@
|
|
|
11
6
|
--dsa-section--space_small: calc(var(--ks-spacing-xxl) / 2);
|
|
12
7
|
--dsa-section__tile--width_smallest: 14rem;
|
|
13
8
|
--dsa-section__tile--width_default: 18rem;
|
|
14
|
-
--dsa-section__tile--width_medium: var(--
|
|
15
|
-
--dsa-section__tile--width_large: var(--
|
|
16
|
-
--dsa-section__tile--width_largest: var(--
|
|
9
|
+
--dsa-section__tile--width_medium: var(--l-section--content-width-narrow);
|
|
10
|
+
--dsa-section__tile--width_large: var(--l-section--content-width-default);
|
|
11
|
+
--dsa-section__tile--width_largest: var(--l-section--content-width-wide);
|
|
17
12
|
--dsa-section--gutter_small: var(--ks-spacing-xs);
|
|
18
13
|
--dsa-section--gutter_default: var(--ks-spacing-m);
|
|
19
14
|
--dsa-section--gutter_large: var(--ks-spacing-xl);
|
|
20
15
|
--dsa-section__buttons--space-before: var(--ks-spacing-stack-m);
|
|
21
|
-
--dsa-section__content--width_narrow:
|
|
22
|
-
--dsa-section__content--width_default:
|
|
23
|
-
--dsa-section__content--width_wide:
|
|
16
|
+
--dsa-section__content--width_narrow: 46.5rem;
|
|
17
|
+
--dsa-section__content--width_default: 62rem;
|
|
18
|
+
--dsa-section__content--width_wide: 75rem;
|
|
24
19
|
--dsa-section__content--width_max: 100vw;
|
|
25
20
|
--dsa-section__content--width_full: 100vw;
|
|
26
21
|
--dsa-section__content--padding: var(--dsa-content--spacing);
|
|
@@ -28,6 +23,7 @@
|
|
|
28
23
|
--dsa-section--background-color_accent: var(--ks-background-color-accent);
|
|
29
24
|
--dsa-section--background-color_bold: var(--ks-background-color-bold);
|
|
30
25
|
--dsa-section__slider-arrow--color: var(--ks-text-color-interface-interactive);
|
|
26
|
+
--dsa-section__slider-arrow--background-color: transparent;
|
|
31
27
|
--dsa-section__slider-arrow--size: 2rem;
|
|
32
28
|
--dsa-section__slider-arrow--padding: 0.5em;
|
|
33
29
|
--dsa-section__slider-arrow--opacity: 0.6;
|
|
@@ -77,26 +73,26 @@
|
|
|
77
73
|
}
|
|
78
74
|
|
|
79
75
|
.l-section.dsa-section {
|
|
80
|
-
--l-
|
|
81
|
-
--l-section--background-default: var(--dsa-section--background-color_default, var(--ks-background-color-default));
|
|
82
|
-
--l-section--background-accent: var(--dsa-section--background-color_accent, var(--ks-background-color-accent));
|
|
83
|
-
--l-section--background-bold: var(--dsa-section--background-color_bold, var(--ks-background-color-primary));
|
|
76
|
+
--l-section--gutter: var(--dsa-section--gutter_default);
|
|
84
77
|
--l-section_col--min-width: var(--dsa-section__col--min-width, var(--l-section_tile-width--default));
|
|
85
|
-
--l-section_col--max-width: var(--dsa-section__col--
|
|
78
|
+
--l-section_col--max-width: var(--dsa-section__col--min-width, 1fr);
|
|
86
79
|
--l-section_col--repeat: var(--dsa-section__col--repeat, auto-fit);
|
|
87
|
-
--l-section--content-width-narrow: var(--dsa-section__content--width_narrow, var(--dsa-content--width_narrow));
|
|
88
|
-
--l-section--content-width-default: var(--dsa-section__content--width_default, var(--dsa-content--width_default));
|
|
89
|
-
--l-section--content-width-wide: var(--dsa-section__content--width_wide, var(--dsa-content--width_wide));
|
|
90
|
-
--l-section--content-width-max: var(--dsa-section__content--width_max, var(--dsa-content--width_max));
|
|
91
|
-
--l-section--content-width-full: var(--dsa-section__content--width_full, var(--dsa-content--width_full));
|
|
92
|
-
--l-section--content-padding: var(--dsa-section__content--padding, var(--ks-spacing-m));
|
|
93
80
|
--l-section_tile-width--smallest: var(--dsa-section__tile--width_smallest, 14rem);
|
|
94
81
|
--l-section_tile-width--default: var(--dsa-section__tile--width_default, 18rem);
|
|
95
|
-
--l-section_tile-width--medium: var(--dsa-section__tile--width_medium, var(--
|
|
96
|
-
--l-section_tile-width--large: var(--dsa-section__tile--width_large, var(--
|
|
97
|
-
--l-section_tile-width--largest: var(--dsa-section__tile--width_largest, var(--
|
|
98
|
-
--l-section--
|
|
99
|
-
--
|
|
82
|
+
--l-section_tile-width--medium: var(--dsa-section__tile--width_medium, var(--l-section--content-width-narrow));
|
|
83
|
+
--l-section_tile-width--large: var(--dsa-section__tile--width_large, var(--l-section--content-width-default));
|
|
84
|
+
--l-section_tile-width--largest: var(--dsa-section__tile--width_largest, var(--l-section--content-width-wide));
|
|
85
|
+
--l-section--content-width-narrow: var(--dsa-section__content--width_narrow, 46.5rem);
|
|
86
|
+
--l-section--content-width-default: var(--dsa-section__content--width_default, 62rem);
|
|
87
|
+
--l-section--content-width-wide: var(--dsa-section__content--width_wide, 75rem);
|
|
88
|
+
--l-section--content-width-max: var(--dsa-section__content--width_max, 120rem);
|
|
89
|
+
--l-section--content-width-full: var(--dsa-section__content--width_full, 120rem);
|
|
90
|
+
--l-section--content-padding: var(--dsa-section__content--padding, var(--ks-spacing-m));
|
|
91
|
+
--l-section--background-default: var(--dsa-section--background-color_default, var(--ks-background-color-default));
|
|
92
|
+
--l-section--background-accent: var(--dsa-section--background-color_accent, var(--ks-background-color-accent));
|
|
93
|
+
--l-section--background-bold: var(--dsa-section--background-color_bold, var(--ks-background-color-primary));
|
|
94
|
+
--l-section--space-default: var(--dsa-section--space_default, var(--ks-spacing-xxl));
|
|
95
|
+
--l-section--space-small: var(--dsa-section--space_small, calc(var(--l-section--space-default) / 2));
|
|
100
96
|
--l-section--gutter-small: var(--dsa-section--gutter_small, var(--ks-spacing-xs));
|
|
101
97
|
--l-section--gutter-default: var(--dsa-section--gutter_default, var(--ks-spacing-m));
|
|
102
98
|
--l-section--gutter-large: var(--dsa-section--gutter_large, var(--ks-spacing-xl));
|
|
@@ -104,17 +100,12 @@
|
|
|
104
100
|
--l-section_slider-arrow--padding: var(--dsa-section__slider-arrow--padding, var(--ks-spacing-xs));
|
|
105
101
|
--l-section_slider-arrow--color: var(--dsa-section__slider-arrow--color, var(--ks-text-color-interface-interactive));
|
|
106
102
|
--l-section_slider-arrow--opacity: var(--dsa-section__slider-arrow--opacity, 0.6);
|
|
107
|
-
--l-section_slider-arrow--opacity_hover: var(--dsa-section__slider-arrow--
|
|
103
|
+
--l-section_slider-arrow--opacity_hover: var(--dsa-section__slider-arrow--opcaity_hover, 0.9);
|
|
108
104
|
--l-section_slider-arrow--opacity_disabled: var(--dsa-section__slider-arrow--opacity_disabled, 0.3);
|
|
109
105
|
--l-section_slider-arrow--background: var(--dsa-section__slider-arrow--background, transparent);
|
|
110
|
-
--l-section--space-default: var(--dsa-section--space_default, var(--ks-spacing-xxl));
|
|
111
|
-
--l-section--space-small: var(--dsa-section--space_small, calc(var(--l-section--space-default) / 2));
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.l-section.dsa-section {
|
|
115
106
|
background-image: var(--dsa-section--background-image);
|
|
116
|
-
background-color: var(--dsa-section--background-color_default, var(--ks-color-bg));
|
|
117
107
|
position: relative;
|
|
108
|
+
background-color: var(--dsa-section--background-color_default, var(--ks-color-bg));
|
|
118
109
|
}
|
|
119
110
|
.l-section.dsa-section.l-section--gutter-large {
|
|
120
111
|
--l-section--gutter: var(--dsa-section--gutter_large);
|
|
@@ -44,12 +44,6 @@
|
|
|
44
44
|
],
|
|
45
45
|
"default": "default"
|
|
46
46
|
},
|
|
47
|
-
"backgroundImage": {
|
|
48
|
-
"title": "Background image",
|
|
49
|
-
"description": "Background image for the whole section",
|
|
50
|
-
"type": "string",
|
|
51
|
-
"format": "image"
|
|
52
|
-
},
|
|
53
47
|
"spotlight": {
|
|
54
48
|
"type": "boolean",
|
|
55
49
|
"title": "Spotlight",
|
|
@@ -34,12 +34,6 @@
|
|
|
34
34
|
"enum": ["default", "accent", "bold"],
|
|
35
35
|
"default": "default"
|
|
36
36
|
},
|
|
37
|
-
"backgroundImage": {
|
|
38
|
-
"title": "Background image",
|
|
39
|
-
"description": "Background image for the whole section",
|
|
40
|
-
"type": "string",
|
|
41
|
-
"format": "image"
|
|
42
|
-
},
|
|
43
37
|
"spotlight": {
|
|
44
38
|
"type": "boolean",
|
|
45
39
|
"title": "Spotlight",
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
|
|
13
13
|
}
|
|
14
14
|
.l-split--narrow {
|
|
15
|
-
--split__main--flex-basis: var(--
|
|
15
|
+
--split__main--flex-basis: var(--l-section--content-width-narrow);
|
|
16
16
|
}
|
|
17
17
|
.l-split--medium {
|
|
18
|
-
--split__main--flex-basis: var(--
|
|
18
|
+
--split__main--flex-basis: var(--l-section--content-width-default);
|
|
19
19
|
}
|
|
20
20
|
.l-split--wide {
|
|
21
|
-
--split__main--flex-basis: var(--
|
|
21
|
+
--split__main--flex-basis: var(--l-section--content-width-wide);
|
|
22
22
|
}
|
|
23
23
|
@media (min-width: 48em) {
|
|
24
24
|
.l-split {
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
--dsa-video-curtain__copy--font: var(--dsa-rich-text--font);
|
|
8
8
|
--dsa-video-curtain_highlight-text__copy--font: var(--ks-font-copy-l);
|
|
9
9
|
--dsa-video-curtain_color-neutral__copy--color: var(--ks-text-color-default);
|
|
10
|
-
--dsa-video-curtain__textbox--background-color: var(--ks-color-bg-alpha-2);
|
|
11
10
|
--dsa-video-curtain__textbox--border-radius: var(--ks-border-radius-surface);
|
|
12
|
-
--dsa-video-curtain__textbox--max-width: var(--dsa-section__content--width_narrow);
|
|
13
11
|
--dsa-video-curtain__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
12
|
+
--dsa-video-curtain__textbox--background-color: var(--ks-color-bg-alpha-2);
|
|
14
13
|
--dsa-video-curtain__overlay--background: linear-gradient(
|
|
15
14
|
0deg,
|
|
16
15
|
var(--ks-background-color-default) 15%,
|
|
@@ -41,7 +40,7 @@
|
|
|
41
40
|
}
|
|
42
41
|
@container visual (min-width: 640px) {
|
|
43
42
|
.c-visual.dsa-video-curtain .c-visual__box {
|
|
44
|
-
--c-visual_box--max-width:
|
|
43
|
+
--c-visual_box--max-width: 50rem;
|
|
45
44
|
}
|
|
46
45
|
}
|
|
47
46
|
|
package/dist/global.css
CHANGED
|
@@ -303,28 +303,17 @@ h3 {
|
|
|
303
303
|
--dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
|
|
304
304
|
--dsa-link--text-decoration: underline;
|
|
305
305
|
--dsa-link--text-decoration_hover: underline;
|
|
306
|
-
--dsa-
|
|
306
|
+
--dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
|
|
307
|
+
--dsa-gradient--higlight: linear-gradient(135deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
|
|
307
308
|
--dsa-content--spacing: var(--ks-spacing-inset-l);
|
|
308
|
-
--dsa-
|
|
309
|
-
--dsa-content--width_default: 62rem;
|
|
310
|
-
--dsa-content--width_wide: 75rem;
|
|
311
|
-
--dsa-content--width_max: 100vw;
|
|
312
|
-
--dsa-content--width_full: 100vw;
|
|
309
|
+
--dsa-section__content_wide--width: 1440px;
|
|
313
310
|
--dsa-logo--height: 2.25rem;
|
|
314
|
-
--dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
|
|
315
311
|
}
|
|
316
312
|
@media (min-width: 48em) {
|
|
317
313
|
:root, [ks-inverted], [ks-theme] {
|
|
318
314
|
--dsa-content--spacing: var(--ks-spacing-inset-xl);
|
|
319
315
|
}
|
|
320
316
|
}
|
|
321
|
-
@media (min-width: 122em) {
|
|
322
|
-
:root, [ks-inverted], [ks-theme] {
|
|
323
|
-
--dsa-content--width_narrow: 55.8rem;
|
|
324
|
-
--dsa-content--width_default: 74.4rem;
|
|
325
|
-
--dsa-content--width_wide: 90rem;
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
317
|
@media (min-width: 48em) {
|
|
329
318
|
:root, [ks-inverted], [ks-theme] {
|
|
330
319
|
--dsa-logo--height: 2.5rem;
|
|
@@ -723,6 +712,16 @@ hr.c-divider {
|
|
|
723
712
|
--g-link--color-hover: var(--dsa-link--color_hover, var(--ks-text-color-default-interactive-hover));
|
|
724
713
|
--g-link--background: var(--dsa-link--background, transparent);
|
|
725
714
|
--g-link--border-radius: var(--dsa-link--border-radius, 0);
|
|
715
|
+
--l-section_col--min-width: var(--dsa-section__col--min-width, var(--l-section_tile-width--default));
|
|
716
|
+
--l-section_col--max-width: var(--dsa-section__col--max-width, 1fr);
|
|
717
|
+
--l-section_col--repeat: var(--dsa-section__col--repeat, auto-fit);
|
|
718
|
+
--l-section_tile-width--smallest: var(--dsa-section__tile-width--smallest, 14rem);
|
|
719
|
+
--l-section_tile-width--default: var(--dsa-section__tile-width--default, 18rem);
|
|
720
|
+
--l-section_tile-width--medium: var(--dsa-section__tile-width--medium, var(--l-section--content-width-narrow));
|
|
721
|
+
--l-section_tile-width--large: var(--dsa-section__tile-width--large, var(--l-section--content-width-default));
|
|
722
|
+
--l-section_tile-width--largest: var(--dsa-section__tile-width--largest, var(--l-section--content-width-wide));
|
|
723
|
+
--l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
|
|
724
|
+
--l-section--content-width: var(--dsa-section__content--width, var(--l-section--container-width));
|
|
726
725
|
--g-topic--color: var(--dsa-topic--color, var(--ks-text-color-default));
|
|
727
726
|
--g-topic--font: var(--dsa-topic--font, var(--ks-font-display-l));
|
|
728
727
|
--g-topic--font-weight: var(--dsa-topic--font-weight, var(--ks-font-weight-bold));
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 19 Dec 2024 11:
|
|
3
|
+
* Generated on Thu, 19 Dec 2024 11:58:21 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 Thu, 19 Dec 2024 11:
|
|
2730
|
+
* Generated on Thu, 19 Dec 2024 11:58:25 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 Thu, 19 Dec 2024 11:
|
|
5461
|
+
* Generated on Thu, 19 Dec 2024 11:58:23 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 Thu, 19 Dec 2024 11:
|
|
8462
|
+
* Generated on Thu, 19 Dec 2024 11:58:27 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 Thu, 19 Dec 2024 11:
|
|
3
|
+
* Generated on Thu, 19 Dec 2024 11:58:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
@@ -745,49 +745,49 @@
|
|
|
745
745
|
--ks-spacing-xxs-bp-factor-tablet: 1.5006;
|
|
746
746
|
--ks-spacing-xxs-bp-factor-laptop: 1.8383;
|
|
747
747
|
--ks-spacing-xxs-bp-factor-desktop: 2.2519;
|
|
748
|
-
--ks-spacing-xxs-bp-factor-tv: 2.
|
|
748
|
+
--ks-spacing-xxs-bp-factor-tv: 2.35;
|
|
749
749
|
--ks-spacing-xs: var(--ks-spacing-xs-base);
|
|
750
750
|
--ks-spacing-xs-base: 0.4309rem;
|
|
751
751
|
--ks-spacing-xs-bp-factor-phone: 1.225;
|
|
752
752
|
--ks-spacing-xs-bp-factor-tablet: 1.5006;
|
|
753
753
|
--ks-spacing-xs-bp-factor-laptop: 1.8383;
|
|
754
754
|
--ks-spacing-xs-bp-factor-desktop: 2.2519;
|
|
755
|
-
--ks-spacing-xs-bp-factor-tv: 2.
|
|
755
|
+
--ks-spacing-xs-bp-factor-tv: 2.35;
|
|
756
756
|
--ks-spacing-s: var(--ks-spacing-s-base);
|
|
757
757
|
--ks-spacing-s-base: 0.614rem;
|
|
758
758
|
--ks-spacing-s-bp-factor-phone: 1.225;
|
|
759
759
|
--ks-spacing-s-bp-factor-tablet: 1.5006;
|
|
760
760
|
--ks-spacing-s-bp-factor-laptop: 1.8383;
|
|
761
761
|
--ks-spacing-s-bp-factor-desktop: 2.2519;
|
|
762
|
-
--ks-spacing-s-bp-factor-tv: 2.
|
|
762
|
+
--ks-spacing-s-bp-factor-tv: 2.35;
|
|
763
763
|
--ks-spacing-m: var(--ks-spacing-m-base);
|
|
764
764
|
--ks-spacing-m-base: 0.875rem;
|
|
765
765
|
--ks-spacing-m-bp-factor-phone: 1.225;
|
|
766
766
|
--ks-spacing-m-bp-factor-tablet: 1.5006;
|
|
767
767
|
--ks-spacing-m-bp-factor-laptop: 1.8383;
|
|
768
768
|
--ks-spacing-m-bp-factor-desktop: 2.2519;
|
|
769
|
-
--ks-spacing-m-bp-factor-tv: 2.
|
|
769
|
+
--ks-spacing-m-bp-factor-tv: 2.35;
|
|
770
770
|
--ks-spacing-l: var(--ks-spacing-l-base);
|
|
771
771
|
--ks-spacing-l-base: 1.2469rem;
|
|
772
772
|
--ks-spacing-l-bp-factor-phone: 1.225;
|
|
773
773
|
--ks-spacing-l-bp-factor-tablet: 1.5006;
|
|
774
774
|
--ks-spacing-l-bp-factor-laptop: 1.8383;
|
|
775
775
|
--ks-spacing-l-bp-factor-desktop: 2.2519;
|
|
776
|
-
--ks-spacing-l-bp-factor-tv: 2.
|
|
776
|
+
--ks-spacing-l-bp-factor-tv: 2.35;
|
|
777
777
|
--ks-spacing-xl: var(--ks-spacing-xl-base);
|
|
778
778
|
--ks-spacing-xl-base: 1.7768rem;
|
|
779
779
|
--ks-spacing-xl-bp-factor-phone: 1.225;
|
|
780
780
|
--ks-spacing-xl-bp-factor-tablet: 1.5006;
|
|
781
781
|
--ks-spacing-xl-bp-factor-laptop: 1.8383;
|
|
782
782
|
--ks-spacing-xl-bp-factor-desktop: 2.2519;
|
|
783
|
-
--ks-spacing-xl-bp-factor-tv: 2.
|
|
783
|
+
--ks-spacing-xl-bp-factor-tv: 2.35;
|
|
784
784
|
--ks-spacing-xxl: var(--ks-spacing-xxl-base);
|
|
785
785
|
--ks-spacing-xxl-base: 2.5319rem;
|
|
786
786
|
--ks-spacing-xxl-bp-factor-phone: 1.225;
|
|
787
787
|
--ks-spacing-xxl-bp-factor-tablet: 1.5006;
|
|
788
788
|
--ks-spacing-xxl-bp-factor-laptop: 1.8383;
|
|
789
789
|
--ks-spacing-xxl-bp-factor-desktop: 2.2519;
|
|
790
|
-
--ks-spacing-xxl-bp-factor-tv: 2.
|
|
790
|
+
--ks-spacing-xxl-bp-factor-tv: 2.35;
|
|
791
791
|
--ks-spacing-stack-xs: var(--ks-spacing-xs);
|
|
792
792
|
--ks-spacing-stack-s: var(--ks-spacing-s);
|
|
793
793
|
--ks-spacing-stack-m: var(--ks-spacing-m);
|
|
@@ -948,7 +948,7 @@
|
|
|
948
948
|
--ks-font-size-display-bp-factor-tablet: 1.5;
|
|
949
949
|
--ks-font-size-display-bp-factor-laptop: 1.5;
|
|
950
950
|
--ks-font-size-display-bp-factor-desktop: 1.75;
|
|
951
|
-
--ks-font-size-display-bp-factor-tv: 2
|
|
951
|
+
--ks-font-size-display-bp-factor-tv: 2;
|
|
952
952
|
--ks-font-size-display-xxs-base: 0.68rem;
|
|
953
953
|
--ks-font-size-display-xs-base: 0.833rem;
|
|
954
954
|
--ks-font-size-display-s-base: 1.0204rem;
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
--ks-font-size-display-xl-base: 1.8758rem;
|
|
958
958
|
--ks-font-size-display-xxl-base: 2.2978rem;
|
|
959
959
|
--ks-font-size-copy-bp-factor-tablet: 1.125;
|
|
960
|
-
--ks-font-size-copy-bp-factor-tv: 1.
|
|
960
|
+
--ks-font-size-copy-bp-factor-tv: 1.25;
|
|
961
961
|
--ks-font-size-copy-xxs-base: 0.612rem;
|
|
962
962
|
--ks-font-size-copy-xs-base: 0.7497rem;
|
|
963
963
|
--ks-font-size-copy-s-base: 0.9184rem;
|
|
@@ -966,7 +966,7 @@
|
|
|
966
966
|
--ks-font-size-copy-xl-base: 1.6882rem;
|
|
967
967
|
--ks-font-size-copy-xxl-base: 2.068rem;
|
|
968
968
|
--ks-font-size-interface-bp-factor-tablet: 1.125;
|
|
969
|
-
--ks-font-size-interface-bp-factor-tv: 1.
|
|
969
|
+
--ks-font-size-interface-bp-factor-tv: 1.25;
|
|
970
970
|
--ks-font-size-interface-xxs-base: 0.544rem;
|
|
971
971
|
--ks-font-size-interface-xs-base: 0.6664rem;
|
|
972
972
|
--ks-font-size-interface-s-base: 0.8163rem;
|
|
@@ -975,7 +975,7 @@
|
|
|
975
975
|
--ks-font-size-interface-xl-base: 1.5006rem;
|
|
976
976
|
--ks-font-size-interface-xxl-base: 1.8383rem;
|
|
977
977
|
--ks-font-size-mono-bp-factor-tablet: 1.125;
|
|
978
|
-
--ks-font-size-mono-bp-factor-tv: 1.
|
|
978
|
+
--ks-font-size-mono-bp-factor-tv: 1.25;
|
|
979
979
|
--ks-font-size-mono-xxs-base: 0.612rem;
|
|
980
980
|
--ks-font-size-mono-xs-base: 0.7497rem;
|
|
981
981
|
--ks-font-size-mono-s-base: 0.9184rem;
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 19 Dec 2024 11:
|
|
3
|
+
* Generated on Thu, 19 Dec 2024 11:58:20 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#230a2b";
|
|
@@ -749,49 +749,49 @@ export const KsSpacingXxsBpFactorPhone = "1.225";
|
|
|
749
749
|
export const KsSpacingXxsBpFactorTablet = "1.5006";
|
|
750
750
|
export const KsSpacingXxsBpFactorLaptop = "1.8383";
|
|
751
751
|
export const KsSpacingXxsBpFactorDesktop = "2.2519";
|
|
752
|
-
export const KsSpacingXxsBpFactorTv = "2.
|
|
752
|
+
export const KsSpacingXxsBpFactorTv = "2.35";
|
|
753
753
|
export const KsSpacingXs = "0.4309rem";
|
|
754
754
|
export const KsSpacingXsBase = "0.4309rem";
|
|
755
755
|
export const KsSpacingXsBpFactorPhone = "1.225";
|
|
756
756
|
export const KsSpacingXsBpFactorTablet = "1.5006";
|
|
757
757
|
export const KsSpacingXsBpFactorLaptop = "1.8383";
|
|
758
758
|
export const KsSpacingXsBpFactorDesktop = "2.2519";
|
|
759
|
-
export const KsSpacingXsBpFactorTv = "2.
|
|
759
|
+
export const KsSpacingXsBpFactorTv = "2.35";
|
|
760
760
|
export const KsSpacingS = "0.614rem";
|
|
761
761
|
export const KsSpacingSBase = "0.614rem";
|
|
762
762
|
export const KsSpacingSBpFactorPhone = "1.225";
|
|
763
763
|
export const KsSpacingSBpFactorTablet = "1.5006";
|
|
764
764
|
export const KsSpacingSBpFactorLaptop = "1.8383";
|
|
765
765
|
export const KsSpacingSBpFactorDesktop = "2.2519";
|
|
766
|
-
export const KsSpacingSBpFactorTv = "2.
|
|
766
|
+
export const KsSpacingSBpFactorTv = "2.35";
|
|
767
767
|
export const KsSpacingM = "0.875rem";
|
|
768
768
|
export const KsSpacingMBase = "0.875rem";
|
|
769
769
|
export const KsSpacingMBpFactorPhone = "1.225";
|
|
770
770
|
export const KsSpacingMBpFactorTablet = "1.5006";
|
|
771
771
|
export const KsSpacingMBpFactorLaptop = "1.8383";
|
|
772
772
|
export const KsSpacingMBpFactorDesktop = "2.2519";
|
|
773
|
-
export const KsSpacingMBpFactorTv = "2.
|
|
773
|
+
export const KsSpacingMBpFactorTv = "2.35";
|
|
774
774
|
export const KsSpacingL = "1.2469rem";
|
|
775
775
|
export const KsSpacingLBase = "1.2469rem";
|
|
776
776
|
export const KsSpacingLBpFactorPhone = "1.225";
|
|
777
777
|
export const KsSpacingLBpFactorTablet = "1.5006";
|
|
778
778
|
export const KsSpacingLBpFactorLaptop = "1.8383";
|
|
779
779
|
export const KsSpacingLBpFactorDesktop = "2.2519";
|
|
780
|
-
export const KsSpacingLBpFactorTv = "2.
|
|
780
|
+
export const KsSpacingLBpFactorTv = "2.35";
|
|
781
781
|
export const KsSpacingXl = "1.7768rem";
|
|
782
782
|
export const KsSpacingXlBase = "1.7768rem";
|
|
783
783
|
export const KsSpacingXlBpFactorPhone = "1.225";
|
|
784
784
|
export const KsSpacingXlBpFactorTablet = "1.5006";
|
|
785
785
|
export const KsSpacingXlBpFactorLaptop = "1.8383";
|
|
786
786
|
export const KsSpacingXlBpFactorDesktop = "2.2519";
|
|
787
|
-
export const KsSpacingXlBpFactorTv = "2.
|
|
787
|
+
export const KsSpacingXlBpFactorTv = "2.35";
|
|
788
788
|
export const KsSpacingXxl = "2.5319rem";
|
|
789
789
|
export const KsSpacingXxlBase = "2.5319rem";
|
|
790
790
|
export const KsSpacingXxlBpFactorPhone = "1.225";
|
|
791
791
|
export const KsSpacingXxlBpFactorTablet = "1.5006";
|
|
792
792
|
export const KsSpacingXxlBpFactorLaptop = "1.8383";
|
|
793
793
|
export const KsSpacingXxlBpFactorDesktop = "2.2519";
|
|
794
|
-
export const KsSpacingXxlBpFactorTv = "2.
|
|
794
|
+
export const KsSpacingXxlBpFactorTv = "2.35";
|
|
795
795
|
export const KsSpacingStackXs = "0.4309rem";
|
|
796
796
|
export const KsSpacingStackS = "0.614rem";
|
|
797
797
|
export const KsSpacingStackM = "0.875rem";
|
|
@@ -952,7 +952,7 @@ export const KsFontSizeDisplayBpFactorPhone = 1.125;
|
|
|
952
952
|
export const KsFontSizeDisplayBpFactorTablet = 1.5;
|
|
953
953
|
export const KsFontSizeDisplayBpFactorLaptop = 1.5;
|
|
954
954
|
export const KsFontSizeDisplayBpFactorDesktop = 1.75;
|
|
955
|
-
export const KsFontSizeDisplayBpFactorTv = 2
|
|
955
|
+
export const KsFontSizeDisplayBpFactorTv = 2;
|
|
956
956
|
export const KsFontSizeDisplayXxsBase = "0.68rem";
|
|
957
957
|
export const KsFontSizeDisplayXsBase = "0.833rem";
|
|
958
958
|
export const KsFontSizeDisplaySBase = "1.0204rem";
|
|
@@ -961,7 +961,7 @@ export const KsFontSizeDisplayLBase = "1.5313rem";
|
|
|
961
961
|
export const KsFontSizeDisplayXlBase = "1.8758rem";
|
|
962
962
|
export const KsFontSizeDisplayXxlBase = "2.2978rem";
|
|
963
963
|
export const KsFontSizeCopyBpFactorTablet = 1.125;
|
|
964
|
-
export const KsFontSizeCopyBpFactorTv = 1.
|
|
964
|
+
export const KsFontSizeCopyBpFactorTv = 1.25;
|
|
965
965
|
export const KsFontSizeCopyXxsBase = "0.612rem";
|
|
966
966
|
export const KsFontSizeCopyXsBase = "0.7497rem";
|
|
967
967
|
export const KsFontSizeCopySBase = "0.9184rem";
|
|
@@ -970,7 +970,7 @@ export const KsFontSizeCopyLBase = "1.3781rem";
|
|
|
970
970
|
export const KsFontSizeCopyXlBase = "1.6882rem";
|
|
971
971
|
export const KsFontSizeCopyXxlBase = "2.068rem";
|
|
972
972
|
export const KsFontSizeInterfaceBpFactorTablet = 1.125;
|
|
973
|
-
export const KsFontSizeInterfaceBpFactorTv = 1.
|
|
973
|
+
export const KsFontSizeInterfaceBpFactorTv = 1.25;
|
|
974
974
|
export const KsFontSizeInterfaceXxsBase = "0.544rem";
|
|
975
975
|
export const KsFontSizeInterfaceXsBase = "0.6664rem";
|
|
976
976
|
export const KsFontSizeInterfaceSBase = "0.8163rem";
|
|
@@ -979,7 +979,7 @@ export const KsFontSizeInterfaceLBase = "1.225rem";
|
|
|
979
979
|
export const KsFontSizeInterfaceXlBase = "1.5006rem";
|
|
980
980
|
export const KsFontSizeInterfaceXxlBase = "1.8383rem";
|
|
981
981
|
export const KsFontSizeMonoBpFactorTablet = 1.125;
|
|
982
|
-
export const KsFontSizeMonoBpFactorTv = 1.
|
|
982
|
+
export const KsFontSizeMonoBpFactorTv = 1.25;
|
|
983
983
|
export const KsFontSizeMonoXxsBase = "0.612rem";
|
|
984
984
|
export const KsFontSizeMonoXsBase = "0.7497rem";
|
|
985
985
|
export const KsFontSizeMonoSBase = "0.9184rem";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kickstartds/ds-agency-premium",
|
|
3
|
-
"version": "1.6.46
|
|
3
|
+
"version": "1.6.46",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -79,11 +79,11 @@
|
|
|
79
79
|
"devDependencies": {
|
|
80
80
|
"@auto-it/npm": "^11.0.1",
|
|
81
81
|
"@auto-it/released": "^11.0.1",
|
|
82
|
-
"@kickstartds/base": "4.
|
|
83
|
-
"@kickstartds/blog": "4.
|
|
82
|
+
"@kickstartds/base": "^4.1.0",
|
|
83
|
+
"@kickstartds/blog": "^4.1.0",
|
|
84
84
|
"@kickstartds/content": "^4.0.0",
|
|
85
|
-
"@kickstartds/core": "^4.0
|
|
86
|
-
"@kickstartds/form": "4.
|
|
85
|
+
"@kickstartds/core": "^4.1.0",
|
|
86
|
+
"@kickstartds/form": "^4.1.0",
|
|
87
87
|
"@kickstartds/jsonschema-utils": "^3.4.2",
|
|
88
88
|
"@kickstartds/jsonschema2types": "^1.1.51",
|
|
89
89
|
"@kickstartds/storybook-addon-component-tokens": "^3.0.0",
|