@kickstartds/ds-agency-premium 1.0.5--canary.1.51.0 → 1.0.6
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/{TeaserCardProps-b52479e5.d.ts → TeaserCardProps-95b399e9.d.ts} +6 -2
- package/dist/components/page/page.schema.dereffed.json +15 -5
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.schema.dereffed.json +15 -5
- package/dist/components/slider/slider.css +1 -1
- package/dist/components/teaser-card/index.d.ts +1 -1
- package/dist/components/teaser-card/index.js +4 -4
- package/dist/components/teaser-card/teaser-card.schema.dereffed.json +15 -5
- package/dist/components/teaser-card/teaser-card.schema.json +14 -5
- package/dist/static/tokens-lughausen.css +1 -1
- package/dist/static/tokens.css +1 -1
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
|
@@ -19,6 +19,7 @@ type Label = string;
|
|
|
19
19
|
* Target that should be linked
|
|
20
20
|
*/
|
|
21
21
|
type Target = string;
|
|
22
|
+
type Label1 = string;
|
|
22
23
|
/**
|
|
23
24
|
* Toggle wether you want the card to have a visible button or not
|
|
24
25
|
*/
|
|
@@ -39,11 +40,14 @@ interface TeaserCardProps {
|
|
|
39
40
|
*/
|
|
40
41
|
layout?: "stack" | "row";
|
|
41
42
|
target?: Target;
|
|
42
|
-
|
|
43
|
+
button?: {
|
|
44
|
+
label?: Label1;
|
|
45
|
+
displayButton?: DisplayButton;
|
|
46
|
+
};
|
|
43
47
|
image?: Image;
|
|
44
48
|
/**
|
|
45
49
|
* Aspect ratio of the image
|
|
46
50
|
*/
|
|
47
51
|
imageRatio?: "wide" | "landscape" | "square" | "unset";
|
|
48
52
|
}
|
|
49
|
-
export { Headline, Text, Label, Target, DisplayButton, Image, TeaserCardProps };
|
|
53
|
+
export { Headline, Text, Label, Target, Label1, DisplayButton, Image, TeaserCardProps };
|
|
@@ -1351,11 +1351,21 @@
|
|
|
1351
1351
|
"description": "Target that should be linked",
|
|
1352
1352
|
"format": "uri"
|
|
1353
1353
|
},
|
|
1354
|
-
"
|
|
1355
|
-
"type": "
|
|
1356
|
-
"
|
|
1357
|
-
|
|
1358
|
-
|
|
1354
|
+
"button": {
|
|
1355
|
+
"type": "object",
|
|
1356
|
+
"properties": {
|
|
1357
|
+
"label": {
|
|
1358
|
+
"title": "Label",
|
|
1359
|
+
"type": "string"
|
|
1360
|
+
},
|
|
1361
|
+
"displayButton": {
|
|
1362
|
+
"type": "boolean",
|
|
1363
|
+
"title": "Display Button",
|
|
1364
|
+
"description": "Toggle wether you want the card to have a visible button or not",
|
|
1365
|
+
"default": true
|
|
1366
|
+
}
|
|
1367
|
+
},
|
|
1368
|
+
"additionalProperties": false
|
|
1359
1369
|
},
|
|
1360
1370
|
"image": {
|
|
1361
1371
|
"type": "string",
|
|
@@ -16,7 +16,7 @@ import { HeadlineProps } from "../../HeadlineProps-d413a2cc.js";
|
|
|
16
16
|
import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
|
|
17
17
|
import { SplitProps } from "../../SplitProps-89ef39c4.js";
|
|
18
18
|
import { StatsProps } from "../../StatsProps-afa48599.js";
|
|
19
|
-
import { TeaserCardProps } from "../../TeaserCardProps-
|
|
19
|
+
import { TeaserCardProps } from "../../TeaserCardProps-95b399e9.js";
|
|
20
20
|
import { TestimonialsProps } from "../../TestimonialsProps-d27ae4b4.js";
|
|
21
21
|
import { TextProps } from "../../TextProps-a23170d2.js";
|
|
22
22
|
import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
|
|
@@ -1300,11 +1300,21 @@
|
|
|
1300
1300
|
"description": "Target that should be linked",
|
|
1301
1301
|
"format": "uri"
|
|
1302
1302
|
},
|
|
1303
|
-
"
|
|
1304
|
-
"type": "
|
|
1305
|
-
"
|
|
1306
|
-
|
|
1307
|
-
|
|
1303
|
+
"button": {
|
|
1304
|
+
"type": "object",
|
|
1305
|
+
"properties": {
|
|
1306
|
+
"label": {
|
|
1307
|
+
"title": "Label",
|
|
1308
|
+
"type": "string"
|
|
1309
|
+
},
|
|
1310
|
+
"displayButton": {
|
|
1311
|
+
"type": "boolean",
|
|
1312
|
+
"title": "Display Button",
|
|
1313
|
+
"description": "Toggle wether you want the card to have a visible button or not",
|
|
1314
|
+
"default": true
|
|
1315
|
+
}
|
|
1316
|
+
},
|
|
1317
|
+
"additionalProperties": false
|
|
1308
1318
|
},
|
|
1309
1319
|
"image": {
|
|
1310
1320
|
"type": "string",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.c-slider {
|
|
1
|
+
:root .c-slider {
|
|
2
2
|
--c-slider_bullet--outline-color: var(--ks-border-color-interface-interactive);
|
|
3
3
|
--c-slider_bullet--outline-color-hover: var(--ks-border-color-interface-interactive-hover);
|
|
4
4
|
--c-slider_bullet--outline-color-active: var(--ks-border-color-interface-interactive-active);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
import { TeaserCardProps } from "../../TeaserCardProps-
|
|
3
|
+
import { TeaserCardProps } from "../../TeaserCardProps-95b399e9.js";
|
|
4
4
|
declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const TeaserBoxProvider: FC<PropsWithChildren>;
|
|
6
6
|
export { TeaserCard, TeaserBoxProvider };
|
|
@@ -5,16 +5,16 @@ import classnames from 'classnames';
|
|
|
5
5
|
import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
|
|
6
6
|
import { Container } from '@kickstartds/core/lib/container';
|
|
7
7
|
|
|
8
|
-
const TeaserCard = forwardRef(({ headline, text, target, image, imageRatio = "wide", label, layout = "stack",
|
|
8
|
+
const TeaserCard = forwardRef(({ headline, text, button, target, image, imageRatio = "wide", label, layout = "stack", ...props }, ref) => {
|
|
9
9
|
return (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...props, className: classnames(`c-teaser-card`, label && `c-teaser-card--label`, `c-teaser-card--${layout}`, `c-teaser-card--${imageRatio}`), topic: headline, text: text,
|
|
10
10
|
// @ts-expect-error
|
|
11
11
|
renderTopic: () => (jsxs(Fragment, { children: [label ? jsx("span", { className: "c-teaser__label", children: label }) : "", headline] })), link: {
|
|
12
|
-
hidden: displayButton === true
|
|
12
|
+
hidden: button?.displayButton === true
|
|
13
13
|
? false
|
|
14
|
-
: displayButton === false
|
|
14
|
+
: button?.displayButton === false
|
|
15
15
|
? true
|
|
16
16
|
: true,
|
|
17
|
-
label:
|
|
17
|
+
label: button?.label,
|
|
18
18
|
variant: "secondary",
|
|
19
19
|
target: target,
|
|
20
20
|
}, image: image, ref: ref }) }));
|
|
@@ -37,11 +37,21 @@
|
|
|
37
37
|
"description": "Target that should be linked",
|
|
38
38
|
"format": "uri"
|
|
39
39
|
},
|
|
40
|
-
"
|
|
41
|
-
"type": "
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
"button": {
|
|
41
|
+
"type": "object",
|
|
42
|
+
"properties": {
|
|
43
|
+
"label": {
|
|
44
|
+
"title": "Label",
|
|
45
|
+
"type": "string"
|
|
46
|
+
},
|
|
47
|
+
"displayButton": {
|
|
48
|
+
"type": "boolean",
|
|
49
|
+
"title": "Display Button",
|
|
50
|
+
"description": "Toggle wether you want the card to have a visible button or not",
|
|
51
|
+
"default": true
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
"additionalProperties": false
|
|
45
55
|
},
|
|
46
56
|
"image": {
|
|
47
57
|
"type": "string",
|
|
@@ -34,11 +34,20 @@
|
|
|
34
34
|
"description": "Target that should be linked",
|
|
35
35
|
"format": "uri"
|
|
36
36
|
},
|
|
37
|
-
"
|
|
38
|
-
"type": "
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
"button": {
|
|
38
|
+
"type": "object",
|
|
39
|
+
"properties": {
|
|
40
|
+
"label": {
|
|
41
|
+
"title": "Label",
|
|
42
|
+
"type": "string"
|
|
43
|
+
},
|
|
44
|
+
"displayButton": {
|
|
45
|
+
"type": "boolean",
|
|
46
|
+
"title": "Display Button",
|
|
47
|
+
"description": "Toggle wether you want the card to have a visible button or not",
|
|
48
|
+
"default": true
|
|
49
|
+
}
|
|
50
|
+
}
|
|
42
51
|
},
|
|
43
52
|
"image": {
|
|
44
53
|
"type": "string",
|
package/dist/static/tokens.css
CHANGED
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED