@kickstartds/ds-agency-premium 1.6.68--canary.40.1555.0 → 1.6.68--canary.1557.6fbeeea.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
- package/dist/{BlogPostProps-c04a5ed8.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
- package/dist/{CtaProps-fd5e75dc.d.ts → CtaProps-93230a76.d.ts} +8 -13
- package/dist/SectionProps-1cfcf6e8.d.ts +2 -2
- package/dist/{SliderProps-fd5e75dc.d.ts → SliderProps-93230a76.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +24 -57
- package/dist/components/blog-post/blog-post.schema.dereffed.json +24 -57
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/cta/cta.css +57 -37
- package/dist/components/cta/cta.schema.dereffed.json +8 -19
- package/dist/components/cta/cta.schema.json +8 -15
- package/dist/components/cta/index.d.ts +1 -1
- package/dist/components/cta/index.js +6 -4
- package/dist/components/footer/footer.css +1 -1
- package/dist/components/header/header.css +1 -1
- package/dist/components/hero/hero.css +2 -3
- package/dist/components/image-story/image-story.css +2 -5
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/mosaic/mosaic.css +1 -1
- package/dist/components/page/page.schema.dereffed.json +16 -38
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +50 -56
- package/dist/components/section/section.css +2 -2
- package/dist/components/section/section.schema.dereffed.json +16 -38
- package/dist/components/slider/index.d.ts +1 -1
- package/dist/components/slider/slider.schema.dereffed.json +8 -19
- package/dist/components/split/split.css +2 -2
- package/dist/components/testimonials/index.d.ts +1 -1
- package/dist/global.css +2 -3
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
|
@@ -40,6 +40,12 @@
|
|
|
40
40
|
"default": false,
|
|
41
41
|
"type": "boolean"
|
|
42
42
|
},
|
|
43
|
+
"fullWidth": {
|
|
44
|
+
"title": "Width",
|
|
45
|
+
"description": "Set the width of the content to the full width of the element",
|
|
46
|
+
"type": "boolean",
|
|
47
|
+
"default": false
|
|
48
|
+
},
|
|
43
49
|
"buttons": {
|
|
44
50
|
"type": "array",
|
|
45
51
|
"items": {
|
|
@@ -103,17 +109,6 @@
|
|
|
103
109
|
"title": "Alt text",
|
|
104
110
|
"description": "Image description",
|
|
105
111
|
"type": "string"
|
|
106
|
-
},
|
|
107
|
-
"align": {
|
|
108
|
-
"title": "Vertical alignment of the image",
|
|
109
|
-
"description": "Select a vertical alignment for the image",
|
|
110
|
-
"type": "string",
|
|
111
|
-
"enum": [
|
|
112
|
-
"center",
|
|
113
|
-
"top",
|
|
114
|
-
"bottom"
|
|
115
|
-
],
|
|
116
|
-
"default": "center"
|
|
117
112
|
}
|
|
118
113
|
},
|
|
119
114
|
"additionalProperties": false
|
|
@@ -148,9 +143,9 @@
|
|
|
148
143
|
"type": "string",
|
|
149
144
|
"default": "left"
|
|
150
145
|
},
|
|
151
|
-
"
|
|
146
|
+
"contentAlign": {
|
|
152
147
|
"title": "Vertical alignment of the content",
|
|
153
|
-
"description": "Select a vertical alignment for the
|
|
148
|
+
"description": "Select a vertical alignment for the image",
|
|
154
149
|
"type": "string",
|
|
155
150
|
"enum": [
|
|
156
151
|
"center",
|
|
@@ -159,12 +154,6 @@
|
|
|
159
154
|
],
|
|
160
155
|
"default": "center"
|
|
161
156
|
},
|
|
162
|
-
"padding": {
|
|
163
|
-
"title": "Padding",
|
|
164
|
-
"description": "Toggle padding of the content",
|
|
165
|
-
"type": "boolean",
|
|
166
|
-
"default": false
|
|
167
|
-
},
|
|
168
157
|
"type": {
|
|
169
158
|
"const": "cta"
|
|
170
159
|
}
|
|
@@ -36,6 +36,12 @@
|
|
|
36
36
|
"default": false,
|
|
37
37
|
"type": "boolean"
|
|
38
38
|
},
|
|
39
|
+
"fullWidth": {
|
|
40
|
+
"title": "Width",
|
|
41
|
+
"description": "Set the width of the content to the full width of the element",
|
|
42
|
+
"type": "boolean",
|
|
43
|
+
"default": false
|
|
44
|
+
},
|
|
39
45
|
"buttons": {
|
|
40
46
|
"type": "array",
|
|
41
47
|
"items": {
|
|
@@ -81,13 +87,6 @@
|
|
|
81
87
|
"title": "Alt text",
|
|
82
88
|
"description": "Image description",
|
|
83
89
|
"type": "string"
|
|
84
|
-
},
|
|
85
|
-
"align": {
|
|
86
|
-
"title": "Vertical alignment of the image",
|
|
87
|
-
"description": "Select a vertical alignment for the image",
|
|
88
|
-
"type": "string",
|
|
89
|
-
"enum": ["center", "top", "bottom"],
|
|
90
|
-
"default": "center"
|
|
91
90
|
}
|
|
92
91
|
},
|
|
93
92
|
"additionalProperties": false
|
|
@@ -119,18 +118,12 @@
|
|
|
119
118
|
"type": "string",
|
|
120
119
|
"default": "left"
|
|
121
120
|
},
|
|
122
|
-
"
|
|
121
|
+
"contentAlign": {
|
|
123
122
|
"title": "Vertical alignment of the content",
|
|
124
|
-
"description": "Select a vertical alignment for the
|
|
123
|
+
"description": "Select a vertical alignment for the image",
|
|
125
124
|
"type": "string",
|
|
126
125
|
"enum": ["center", "top", "bottom"],
|
|
127
126
|
"default": "center"
|
|
128
|
-
},
|
|
129
|
-
"padding": {
|
|
130
|
-
"title": "Padding",
|
|
131
|
-
"description": "Toggle padding of the content",
|
|
132
|
-
"type": "boolean",
|
|
133
|
-
"default": false
|
|
134
127
|
}
|
|
135
128
|
},
|
|
136
129
|
"additionalProperties": false
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { CtaProps } from "../../CtaProps-
|
|
3
|
+
import { CtaProps } from "../../CtaProps-93230a76.js";
|
|
4
4
|
declare const CtaContextDefault: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const CtaContext: import("react").Context<import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const Cta: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -7,20 +7,22 @@ import classnames from 'classnames';
|
|
|
7
7
|
import { useButtonGroup } from '../button-group/index.js';
|
|
8
8
|
import '@kickstartds/base/lib/button-group';
|
|
9
9
|
|
|
10
|
-
const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral,
|
|
10
|
+
const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, contentAlign, order, fullWidth = false, buttons = [], ...rest }, ref) => {
|
|
11
11
|
const ButtonGroup = useButtonGroup();
|
|
12
12
|
return (jsx(ButtonContext.Provider
|
|
13
13
|
// @ts-expect-error
|
|
14
14
|
, {
|
|
15
15
|
// @ts-expect-error
|
|
16
|
-
value: ButtonGroup, children: jsx(Storytelling, { ...rest, ref: ref, className: classnames("dsa-cta",
|
|
16
|
+
value: ButtonGroup, children: jsx(Storytelling, { ...rest, ref: ref, className: classnames("dsa-cta", fullWidth ? `dsa-cta--full-width` : "", highlightText ? `dsa-cta--highlight-text` : "", colorNeutral ? `dsa-cta--color-neutral` : "", contentAlign && contentAlign !== "center"
|
|
17
|
+
? `dsa-cta--align-${contentAlign}`
|
|
18
|
+
: ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: image?.padding === false, image: {
|
|
17
19
|
source: image?.src,
|
|
18
20
|
order: order,
|
|
19
|
-
vAlign:
|
|
21
|
+
vAlign: contentAlign,
|
|
20
22
|
}, box: {
|
|
21
23
|
text: text,
|
|
22
24
|
textAlign: textAlign,
|
|
23
|
-
vAlign:
|
|
25
|
+
vAlign: contentAlign,
|
|
24
26
|
link: {
|
|
25
27
|
buttons,
|
|
26
28
|
colorNeutral: colorNeutral,
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
background-color: var(--dsa-footer--background-color, var(--ks-background-color-default));
|
|
28
28
|
}
|
|
29
29
|
.dsa-footer__content {
|
|
30
|
-
padding: var(--l-section--space-small) var(--dsa-content--
|
|
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
32
|
max-width: var(--dsa-footer--max-width, var(--dsa-content--width_wide));
|
|
33
33
|
width: 100%;
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
--dsa-hero__textbox--background-color: var(--ks-color-bg-alpha-2);
|
|
18
18
|
--dsa-hero__textbox--border-radius: var(--ks-border-radius-surface);
|
|
19
19
|
--dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
|
|
20
|
-
--dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
|
|
21
20
|
--dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
22
21
|
--dsa-hero__overlay--background: linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%);
|
|
23
22
|
}
|
|
@@ -115,12 +114,12 @@
|
|
|
115
114
|
height: var(--c-visual--min-height);
|
|
116
115
|
}
|
|
117
116
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content {
|
|
118
|
-
padding: 0 var(--dsa-content--
|
|
117
|
+
padding: 0 var(--dsa-content--spacing);
|
|
119
118
|
margin-top: -10%;
|
|
120
119
|
position: relative;
|
|
121
120
|
}
|
|
122
121
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
|
|
123
|
-
--c-visual_box--max-width: var(--dsa-
|
|
122
|
+
--c-visual_box--max-width: var(--dsa-content--width_default);
|
|
124
123
|
}
|
|
125
124
|
.c-visual.dsa-hero.c-visual--no-crop {
|
|
126
125
|
--c-visual--min-height: 0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.dsa-image-story.c-storytelling {
|
|
2
2
|
--dsa-image-story--gap: var(--ks-spacing-m);
|
|
3
|
-
--dsa-image-story--horizontal-padding: var(--dsa-content--
|
|
3
|
+
--dsa-image-story--horizontal-padding: var(--dsa-content--spacing);
|
|
4
4
|
--dsa-image-story--vertical-padding: var(--ks-spacing-xl);
|
|
5
5
|
--dsa-image-story__copy--font: var(--dsa-rich-text--font);
|
|
6
6
|
--dsa-image-story__copy--color: var(--dsa-rich-text--color);
|
|
@@ -8,10 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.c-storytelling.dsa-image-story {
|
|
10
10
|
gap: var(--c-storytelling--horizontal-padding);
|
|
11
|
-
--c-storytelling--horizontal-padding: var(
|
|
12
|
-
--dsa-image-story--horizontal-padding,
|
|
13
|
-
var(--dsa-content--horizontal-spacing)
|
|
14
|
-
);
|
|
11
|
+
--c-storytelling--horizontal-padding: var(--dsa-image-story--horizontal-padding, var(--dsa-content--spacing));
|
|
15
12
|
--c-storytelling--vertical-padding: var(--dsa-image-story--vertical-padding, var(--ks-spacing-xl));
|
|
16
13
|
}
|
|
17
14
|
.c-storytelling.dsa-image-story .c-storytelling__box__content {
|
|
@@ -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 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.dsa-mosaic {
|
|
2
2
|
--dsa-mosaic--vertical-padding: var(--l-section--space-default);
|
|
3
|
-
--dsa-mosaic--horizontal-padding: var(--dsa-content--
|
|
3
|
+
--dsa-mosaic--horizontal-padding: var(--dsa-content--spacing);
|
|
4
4
|
--dsa-mosaic__copy--font: var(--dsa-rich-text--font);
|
|
5
5
|
--dsa-mosaic__copy--color: var(--ks-text-color-default);
|
|
6
6
|
--dsa-mosaic__headline--color: var(--dsa-headline--color);
|
|
@@ -282,6 +282,12 @@
|
|
|
282
282
|
"default": false,
|
|
283
283
|
"type": "boolean"
|
|
284
284
|
},
|
|
285
|
+
"fullWidth": {
|
|
286
|
+
"title": "Width",
|
|
287
|
+
"description": "Set the width of the content to the full width of the element",
|
|
288
|
+
"type": "boolean",
|
|
289
|
+
"default": false
|
|
290
|
+
},
|
|
285
291
|
"buttons": {
|
|
286
292
|
"type": "array",
|
|
287
293
|
"items": {
|
|
@@ -345,17 +351,6 @@
|
|
|
345
351
|
"title": "Alt text",
|
|
346
352
|
"description": "Image description",
|
|
347
353
|
"type": "string"
|
|
348
|
-
},
|
|
349
|
-
"align": {
|
|
350
|
-
"title": "Vertical alignment of the image",
|
|
351
|
-
"description": "Select a vertical alignment for the image",
|
|
352
|
-
"type": "string",
|
|
353
|
-
"enum": [
|
|
354
|
-
"center",
|
|
355
|
-
"top",
|
|
356
|
-
"bottom"
|
|
357
|
-
],
|
|
358
|
-
"default": "center"
|
|
359
354
|
}
|
|
360
355
|
},
|
|
361
356
|
"additionalProperties": false
|
|
@@ -390,9 +385,9 @@
|
|
|
390
385
|
"type": "string",
|
|
391
386
|
"default": "left"
|
|
392
387
|
},
|
|
393
|
-
"
|
|
388
|
+
"contentAlign": {
|
|
394
389
|
"title": "Vertical alignment of the content",
|
|
395
|
-
"description": "Select a vertical alignment for the
|
|
390
|
+
"description": "Select a vertical alignment for the image",
|
|
396
391
|
"type": "string",
|
|
397
392
|
"enum": [
|
|
398
393
|
"center",
|
|
@@ -401,12 +396,6 @@
|
|
|
401
396
|
],
|
|
402
397
|
"default": "center"
|
|
403
398
|
},
|
|
404
|
-
"padding": {
|
|
405
|
-
"title": "Padding",
|
|
406
|
-
"description": "Toggle padding of the content",
|
|
407
|
-
"type": "boolean",
|
|
408
|
-
"default": false
|
|
409
|
-
},
|
|
410
399
|
"type": {
|
|
411
400
|
"const": "cta"
|
|
412
401
|
}
|
|
@@ -1555,6 +1544,12 @@
|
|
|
1555
1544
|
"default": false,
|
|
1556
1545
|
"type": "boolean"
|
|
1557
1546
|
},
|
|
1547
|
+
"fullWidth": {
|
|
1548
|
+
"title": "Width",
|
|
1549
|
+
"description": "Set the width of the content to the full width of the element",
|
|
1550
|
+
"type": "boolean",
|
|
1551
|
+
"default": false
|
|
1552
|
+
},
|
|
1558
1553
|
"buttons": {
|
|
1559
1554
|
"type": "array",
|
|
1560
1555
|
"items": {
|
|
@@ -1618,17 +1613,6 @@
|
|
|
1618
1613
|
"title": "Alt text",
|
|
1619
1614
|
"description": "Image description",
|
|
1620
1615
|
"type": "string"
|
|
1621
|
-
},
|
|
1622
|
-
"align": {
|
|
1623
|
-
"title": "Vertical alignment of the image",
|
|
1624
|
-
"description": "Select a vertical alignment for the image",
|
|
1625
|
-
"type": "string",
|
|
1626
|
-
"enum": [
|
|
1627
|
-
"center",
|
|
1628
|
-
"top",
|
|
1629
|
-
"bottom"
|
|
1630
|
-
],
|
|
1631
|
-
"default": "center"
|
|
1632
1616
|
}
|
|
1633
1617
|
},
|
|
1634
1618
|
"additionalProperties": false
|
|
@@ -1663,9 +1647,9 @@
|
|
|
1663
1647
|
"type": "string",
|
|
1664
1648
|
"default": "left"
|
|
1665
1649
|
},
|
|
1666
|
-
"
|
|
1650
|
+
"contentAlign": {
|
|
1667
1651
|
"title": "Vertical alignment of the content",
|
|
1668
|
-
"description": "Select a vertical alignment for the
|
|
1652
|
+
"description": "Select a vertical alignment for the image",
|
|
1669
1653
|
"type": "string",
|
|
1670
1654
|
"enum": [
|
|
1671
1655
|
"center",
|
|
@@ -1674,12 +1658,6 @@
|
|
|
1674
1658
|
],
|
|
1675
1659
|
"default": "center"
|
|
1676
1660
|
},
|
|
1677
|
-
"padding": {
|
|
1678
|
-
"title": "Padding",
|
|
1679
|
-
"description": "Toggle padding of the content",
|
|
1680
|
-
"type": "boolean",
|
|
1681
|
-
"default": false
|
|
1682
|
-
},
|
|
1683
1661
|
"type": {
|
|
1684
1662
|
"const": "cta"
|
|
1685
1663
|
}
|