@kickstartds/ds-agency-premium 1.6.68--canary.1561.e2b3b8b.0 → 1.6.68--canary.1563.61d4b06.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 → BlogOverviewProps-1cfcf6e8.d.ts} +1 -1
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-1cfcf6e8.d.ts} +1 -1
- package/dist/{CtaProps-93230a76.d.ts → CtaProps-fd5e75dc.d.ts} +13 -8
- package/dist/SectionProps-1cfcf6e8.d.ts +3 -3
- package/dist/{SliderProps-93230a76.d.ts → SliderProps-fd5e75dc.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +57 -24
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +57 -24
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/cta/cta.css +37 -57
- package/dist/components/cta/cta.schema.dereffed.json +19 -8
- package/dist/components/cta/cta.schema.json +15 -8
- package/dist/components/cta/index.d.ts +1 -1
- package/dist/components/cta/index.js +4 -6
- package/dist/components/footer/footer.css +1 -1
- package/dist/components/header/header.css +1 -1
- package/dist/components/hero/hero.css +3 -2
- package/dist/components/image-story/image-story.css +5 -2
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +3 -3
- package/dist/components/mosaic/mosaic.css +1 -1
- package/dist/components/page/index.d.ts +1 -1
- package/dist/components/page/page.schema.dereffed.json +38 -16
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +56 -50
- package/dist/components/section/section.css +2 -2
- package/dist/components/section/section.schema.dereffed.json +38 -16
- package/dist/components/slider/index.d.ts +1 -1
- package/dist/components/slider/slider.schema.dereffed.json +19 -8
- package/dist/components/split/split.css +2 -2
- package/dist/components/testimonials/index.d.ts +1 -1
- package/dist/global.css +3 -2
- 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/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
- /package/dist/{PageProps-aa29c554.d.ts → PageProps-1cfcf6e8.d.ts} +0 -0
|
@@ -40,12 +40,6 @@
|
|
|
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
|
-
},
|
|
49
43
|
"buttons": {
|
|
50
44
|
"type": "array",
|
|
51
45
|
"items": {
|
|
@@ -109,6 +103,17 @@
|
|
|
109
103
|
"title": "Alt text",
|
|
110
104
|
"description": "Image description",
|
|
111
105
|
"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"
|
|
112
117
|
}
|
|
113
118
|
},
|
|
114
119
|
"additionalProperties": false
|
|
@@ -143,9 +148,9 @@
|
|
|
143
148
|
"type": "string",
|
|
144
149
|
"default": "left"
|
|
145
150
|
},
|
|
146
|
-
"
|
|
151
|
+
"align": {
|
|
147
152
|
"title": "Vertical alignment of the content",
|
|
148
|
-
"description": "Select a vertical alignment for the
|
|
153
|
+
"description": "Select a vertical alignment for the content",
|
|
149
154
|
"type": "string",
|
|
150
155
|
"enum": [
|
|
151
156
|
"center",
|
|
@@ -154,6 +159,12 @@
|
|
|
154
159
|
],
|
|
155
160
|
"default": "center"
|
|
156
161
|
},
|
|
162
|
+
"padding": {
|
|
163
|
+
"title": "Padding",
|
|
164
|
+
"description": "Toggle padding of the content",
|
|
165
|
+
"type": "boolean",
|
|
166
|
+
"default": false
|
|
167
|
+
},
|
|
157
168
|
"type": {
|
|
158
169
|
"const": "cta"
|
|
159
170
|
}
|
|
@@ -36,12 +36,6 @@
|
|
|
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
|
-
},
|
|
45
39
|
"buttons": {
|
|
46
40
|
"type": "array",
|
|
47
41
|
"items": {
|
|
@@ -87,6 +81,13 @@
|
|
|
87
81
|
"title": "Alt text",
|
|
88
82
|
"description": "Image description",
|
|
89
83
|
"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"
|
|
90
91
|
}
|
|
91
92
|
},
|
|
92
93
|
"additionalProperties": false
|
|
@@ -118,12 +119,18 @@
|
|
|
118
119
|
"type": "string",
|
|
119
120
|
"default": "left"
|
|
120
121
|
},
|
|
121
|
-
"
|
|
122
|
+
"align": {
|
|
122
123
|
"title": "Vertical alignment of the content",
|
|
123
|
-
"description": "Select a vertical alignment for the
|
|
124
|
+
"description": "Select a vertical alignment for the content",
|
|
124
125
|
"type": "string",
|
|
125
126
|
"enum": ["center", "top", "bottom"],
|
|
126
127
|
"default": "center"
|
|
128
|
+
},
|
|
129
|
+
"padding": {
|
|
130
|
+
"title": "Padding",
|
|
131
|
+
"description": "Toggle padding of the content",
|
|
132
|
+
"type": "boolean",
|
|
133
|
+
"default": false
|
|
127
134
|
}
|
|
128
135
|
},
|
|
129
136
|
"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-fd5e75dc.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,22 +7,20 @@ 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, align, padding, order, 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",
|
|
17
|
-
? `dsa-cta--align-${contentAlign}`
|
|
18
|
-
: ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: image?.padding === false, image: {
|
|
16
|
+
value: ButtonGroup, children: jsx(Storytelling, { ...rest, ref: ref, className: classnames("dsa-cta", highlightText ? `dsa-cta--highlight-text` : "", colorNeutral ? `dsa-cta--color-neutral` : "", image?.padding ? `dsa-cta--image-padding` : "", !padding ? `dsa-cta--no-padding` : "", align && align !== "center" ? `dsa-cta--align-${align}` : ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: true, image: {
|
|
19
17
|
source: image?.src,
|
|
20
18
|
order: order,
|
|
21
|
-
vAlign:
|
|
19
|
+
vAlign: image?.align,
|
|
22
20
|
}, box: {
|
|
23
21
|
text: text,
|
|
24
22
|
textAlign: textAlign,
|
|
25
|
-
vAlign:
|
|
23
|
+
vAlign: align,
|
|
26
24
|
link: {
|
|
27
25
|
buttons,
|
|
28
26
|
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--spacing);
|
|
30
|
+
padding: var(--l-section--space-small) var(--dsa-content--horizontal-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,6 +17,7 @@
|
|
|
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);
|
|
20
21
|
--dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
21
22
|
--dsa-hero__overlay--background: linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%);
|
|
22
23
|
}
|
|
@@ -114,12 +115,12 @@
|
|
|
114
115
|
height: var(--c-visual--min-height);
|
|
115
116
|
}
|
|
116
117
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content {
|
|
117
|
-
padding: 0 var(--dsa-content--spacing);
|
|
118
|
+
padding: 0 var(--dsa-content--horizontal-spacing);
|
|
118
119
|
margin-top: -10%;
|
|
119
120
|
position: relative;
|
|
120
121
|
}
|
|
121
122
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
|
|
122
|
-
--c-visual_box--max-width: var(--dsa-content--width_default);
|
|
123
|
+
--c-visual_box--max-width: var(--dsa-hero_below__textbox--max-width, var(--dsa-content--width_default));
|
|
123
124
|
}
|
|
124
125
|
.c-visual.dsa-hero.c-visual--no-crop {
|
|
125
126
|
--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--spacing);
|
|
3
|
+
--dsa-image-story--horizontal-padding: var(--dsa-content--horizontal-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,7 +8,10 @@
|
|
|
8
8
|
|
|
9
9
|
.c-storytelling.dsa-image-story {
|
|
10
10
|
gap: var(--c-storytelling--horizontal-padding);
|
|
11
|
-
--c-storytelling--horizontal-padding: var(
|
|
11
|
+
--c-storytelling--horizontal-padding: var(
|
|
12
|
+
--dsa-image-story--horizontal-padding,
|
|
13
|
+
var(--dsa-content--horizontal-spacing)
|
|
14
|
+
);
|
|
12
15
|
--c-storytelling--vertical-padding: var(--dsa-image-story--vertical-padding, var(--ks-spacing-xl));
|
|
13
16
|
}
|
|
14
17
|
.c-storytelling.dsa-image-story .c-storytelling__box__content {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { ImageStoryProps } from "../../ImageStoryProps-
|
|
3
|
+
import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.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>>;
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
33
|
-
export * from "../../BlogOverviewProps-
|
|
34
|
-
export * from "../../PageProps-
|
|
32
|
+
export * from "../../BlogPostProps-1cfcf6e8.js";
|
|
33
|
+
export * from "../../BlogOverviewProps-1cfcf6e8.js";
|
|
34
|
+
export * from "../../PageProps-1cfcf6e8.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--spacing);
|
|
3
|
+
--dsa-mosaic--horizontal-padding: var(--dsa-content--horizontal-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,12 +282,6 @@
|
|
|
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
|
-
},
|
|
291
285
|
"buttons": {
|
|
292
286
|
"type": "array",
|
|
293
287
|
"items": {
|
|
@@ -351,6 +345,17 @@
|
|
|
351
345
|
"title": "Alt text",
|
|
352
346
|
"description": "Image description",
|
|
353
347
|
"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"
|
|
354
359
|
}
|
|
355
360
|
},
|
|
356
361
|
"additionalProperties": false
|
|
@@ -385,9 +390,9 @@
|
|
|
385
390
|
"type": "string",
|
|
386
391
|
"default": "left"
|
|
387
392
|
},
|
|
388
|
-
"
|
|
393
|
+
"align": {
|
|
389
394
|
"title": "Vertical alignment of the content",
|
|
390
|
-
"description": "Select a vertical alignment for the
|
|
395
|
+
"description": "Select a vertical alignment for the content",
|
|
391
396
|
"type": "string",
|
|
392
397
|
"enum": [
|
|
393
398
|
"center",
|
|
@@ -396,6 +401,12 @@
|
|
|
396
401
|
],
|
|
397
402
|
"default": "center"
|
|
398
403
|
},
|
|
404
|
+
"padding": {
|
|
405
|
+
"title": "Padding",
|
|
406
|
+
"description": "Toggle padding of the content",
|
|
407
|
+
"type": "boolean",
|
|
408
|
+
"default": false
|
|
409
|
+
},
|
|
399
410
|
"type": {
|
|
400
411
|
"const": "cta"
|
|
401
412
|
}
|
|
@@ -1544,12 +1555,6 @@
|
|
|
1544
1555
|
"default": false,
|
|
1545
1556
|
"type": "boolean"
|
|
1546
1557
|
},
|
|
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
|
-
},
|
|
1553
1558
|
"buttons": {
|
|
1554
1559
|
"type": "array",
|
|
1555
1560
|
"items": {
|
|
@@ -1613,6 +1618,17 @@
|
|
|
1613
1618
|
"title": "Alt text",
|
|
1614
1619
|
"description": "Image description",
|
|
1615
1620
|
"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"
|
|
1616
1632
|
}
|
|
1617
1633
|
},
|
|
1618
1634
|
"additionalProperties": false
|
|
@@ -1647,9 +1663,9 @@
|
|
|
1647
1663
|
"type": "string",
|
|
1648
1664
|
"default": "left"
|
|
1649
1665
|
},
|
|
1650
|
-
"
|
|
1666
|
+
"align": {
|
|
1651
1667
|
"title": "Vertical alignment of the content",
|
|
1652
|
-
"description": "Select a vertical alignment for the
|
|
1668
|
+
"description": "Select a vertical alignment for the content",
|
|
1653
1669
|
"type": "string",
|
|
1654
1670
|
"enum": [
|
|
1655
1671
|
"center",
|
|
@@ -1658,6 +1674,12 @@
|
|
|
1658
1674
|
],
|
|
1659
1675
|
"default": "center"
|
|
1660
1676
|
},
|
|
1677
|
+
"padding": {
|
|
1678
|
+
"title": "Padding",
|
|
1679
|
+
"description": "Toggle padding of the content",
|
|
1680
|
+
"type": "boolean",
|
|
1681
|
+
"default": false
|
|
1682
|
+
},
|
|
1661
1683
|
"type": {
|
|
1662
1684
|
"const": "cta"
|
|
1663
1685
|
}
|