@kickstartds/ds-agency-premium 1.6.64 → 1.6.65--canary.40.1537.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-1cfcf6e8.d.ts +1 -1
- package/dist/BlogPostProps-1cfcf6e8.d.ts +1 -1
- package/dist/{CtaProps-93230a76.d.ts → CtaProps-fd5e75dc.d.ts} +13 -8
- package/dist/SectionProps-1cfcf6e8.d.ts +2 -2
- 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-post/blog-post.schema.dereffed.json +57 -24
- 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/mosaic/mosaic.css +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
|
@@ -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
|
.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
|
}
|
|
@@ -1538,12 +1549,6 @@
|
|
|
1538
1549
|
"default": false,
|
|
1539
1550
|
"type": "boolean"
|
|
1540
1551
|
},
|
|
1541
|
-
"fullWidth": {
|
|
1542
|
-
"title": "Width",
|
|
1543
|
-
"description": "Set the width of the content to the full width of the element",
|
|
1544
|
-
"type": "boolean",
|
|
1545
|
-
"default": false
|
|
1546
|
-
},
|
|
1547
1552
|
"buttons": {
|
|
1548
1553
|
"type": "array",
|
|
1549
1554
|
"items": {
|
|
@@ -1607,6 +1612,17 @@
|
|
|
1607
1612
|
"title": "Alt text",
|
|
1608
1613
|
"description": "Image description",
|
|
1609
1614
|
"type": "string"
|
|
1615
|
+
},
|
|
1616
|
+
"align": {
|
|
1617
|
+
"title": "Vertical alignment of the image",
|
|
1618
|
+
"description": "Select a vertical alignment for the image",
|
|
1619
|
+
"type": "string",
|
|
1620
|
+
"enum": [
|
|
1621
|
+
"center",
|
|
1622
|
+
"top",
|
|
1623
|
+
"bottom"
|
|
1624
|
+
],
|
|
1625
|
+
"default": "center"
|
|
1610
1626
|
}
|
|
1611
1627
|
},
|
|
1612
1628
|
"additionalProperties": false
|
|
@@ -1641,9 +1657,9 @@
|
|
|
1641
1657
|
"type": "string",
|
|
1642
1658
|
"default": "left"
|
|
1643
1659
|
},
|
|
1644
|
-
"
|
|
1660
|
+
"align": {
|
|
1645
1661
|
"title": "Vertical alignment of the content",
|
|
1646
|
-
"description": "Select a vertical alignment for the
|
|
1662
|
+
"description": "Select a vertical alignment for the content",
|
|
1647
1663
|
"type": "string",
|
|
1648
1664
|
"enum": [
|
|
1649
1665
|
"center",
|
|
@@ -1652,6 +1668,12 @@
|
|
|
1652
1668
|
],
|
|
1653
1669
|
"default": "center"
|
|
1654
1670
|
},
|
|
1671
|
+
"padding": {
|
|
1672
|
+
"title": "Padding",
|
|
1673
|
+
"description": "Toggle padding of the content",
|
|
1674
|
+
"type": "boolean",
|
|
1675
|
+
"default": false
|
|
1676
|
+
},
|
|
1655
1677
|
"type": {
|
|
1656
1678
|
"const": "cta"
|
|
1657
1679
|
}
|