@kickstartds/ds-agency-premium 1.2.3 → 1.2.5

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.
Files changed (13) hide show
  1. package/dist/{TeaserCardProps-95b399e9.d.ts → TeaserCardProps-3fce7be4.d.ts} +12 -4
  2. package/dist/components/page/page.schema.dereffed.json +17 -4
  3. package/dist/components/page-wrapper/tokens.css +3 -3
  4. package/dist/components/section/index.d.ts +1 -1
  5. package/dist/components/section/section.schema.dereffed.json +17 -4
  6. package/dist/components/teaser-card/index.d.ts +1 -1
  7. package/dist/components/teaser-card/index.js +3 -6
  8. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +17 -4
  9. package/dist/components/teaser-card/teaser-card.schema.json +13 -5
  10. package/dist/tokens/themes.css +3 -3
  11. package/dist/tokens/tokens.css +3 -3
  12. package/dist/tokens/tokens.js +3 -3
  13. package/package.json +1 -1
package/dist/{TeaserCardProps-95b399e9.d.ts → TeaserCardProps-3fce7be4.d.ts} RENAMED
@@ -19,7 +19,14 @@ type Label = string;
19
19
  * Target that should be linked
20
20
  */
21
21
  type Target = string;
22
+ /**
23
+ * Label of the button. Still A11Y relevant when the button is hidden.
24
+ */
22
25
  type Label1 = string;
26
+ /**
27
+ * Toggle chevron icon
28
+ */
29
+ type Icon = boolean;
23
30
  /**
24
31
  * Toggle wether you want the card to have a visible button or not
25
32
  */
@@ -39,10 +46,11 @@ interface TeaserCardProps {
39
46
  * Layout for the Teaser Card
40
47
  */
41
48
  layout?: "stack" | "row";
42
- target?: Target;
49
+ target: Target;
43
50
  button?: {
44
- label?: Label1;
45
- displayButton?: DisplayButton;
51
+ label: Label1;
52
+ chevron?: Icon;
53
+ hidden?: DisplayButton;
46
54
  };
47
55
  image?: Image;
48
56
  /**
@@ -50,4 +58,4 @@ interface TeaserCardProps {
50
58
  */
51
59
  imageRatio?: "wide" | "landscape" | "square" | "unset";
52
60
  }
53
- export { Headline, Text, Label, Target, Label1, DisplayButton, Image, TeaserCardProps };
61
+ export { Headline, Text, Label, Target, Label1, Icon, DisplayButton, Image, TeaserCardProps };
package/dist/components/page/page.schema.dereffed.json CHANGED
@@ -1489,15 +1489,25 @@
1489
1489
  "properties": {
1490
1490
  "label": {
1491
1491
  "title": "Label",
1492
- "type": "string"
1492
+ "type": "string",
1493
+ "description": "Label of the button. Still A11Y relevant when the button is hidden."
1494
+ },
1495
+ "chevron": {
1496
+ "title": "Icon",
1497
+ "description": "Toggle chevron icon",
1498
+ "type": "boolean",
1499
+ "default": false
1493
1500
  },
1494
- "displayButton": {
1501
+ "hidden": {
1495
1502
  "type": "boolean",
1496
1503
  "title": "Display Button",
1497
1504
  "description": "Toggle wether you want the card to have a visible button or not",
1498
- "default": true
1505
+ "default": false
1499
1506
  }
1500
1507
  },
1508
+ "required": [
1509
+ "label"
1510
+ ],
1501
1511
  "additionalProperties": false
1502
1512
  },
1503
1513
  "image": {
@@ -1522,7 +1532,10 @@
1522
1532
  }
1523
1533
  },
1524
1534
  "additionalProperties": false,
1525
- "required": []
1535
+ "required": [
1536
+ "topic",
1537
+ "target"
1538
+ ]
1526
1539
  },
1527
1540
  {
1528
1541
  "$schema": "http://json-schema.org/draft-07/schema#",
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 14:21:18 GMT
3
+ * Generated on Tue, 23 Jan 2024 08:57:56 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
7
- --ks-background-color-accent-inverted-base: var(--ks-color-primary-alpha-8-base);
7
+ --ks-background-color-accent-inverted-base: #e9e5fa;
8
8
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
9
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-alpha-6-base);
9
+ --ks-background-color-bold-inverted-base: #c0b5ef;
10
10
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
11
11
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
12
12
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
package/dist/components/section/index.d.ts CHANGED
@@ -18,7 +18,7 @@ import { MosaicProps } from "../../MosaicProps-aacb9422.js";
18
18
  import { SliderProps } from "../../SliderProps-8cae490d.js";
19
19
  import { SplitProps } from "../../SplitProps-89ef39c4.js";
20
20
  import { StatsProps } from "../../StatsProps-17b0743a.js";
21
- import { TeaserCardProps } from "../../TeaserCardProps-95b399e9.js";
21
+ import { TeaserCardProps } from "../../TeaserCardProps-3fce7be4.js";
22
22
  import { TestimonialsProps } from "../../TestimonialsProps-4b94faa8.js";
23
23
  import { TextProps } from "../../TextProps-a23170d2.js";
24
24
  import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
package/dist/components/section/section.schema.dereffed.json CHANGED
@@ -1475,15 +1475,25 @@
1475
1475
  "properties": {
1476
1476
  "label": {
1477
1477
  "title": "Label",
1478
- "type": "string"
1478
+ "type": "string",
1479
+ "description": "Label of the button. Still A11Y relevant when the button is hidden."
1480
+ },
1481
+ "chevron": {
1482
+ "title": "Icon",
1483
+ "description": "Toggle chevron icon",
1484
+ "type": "boolean",
1485
+ "default": false
1479
1486
  },
1480
- "displayButton": {
1487
+ "hidden": {
1481
1488
  "type": "boolean",
1482
1489
  "title": "Display Button",
1483
1490
  "description": "Toggle wether you want the card to have a visible button or not",
1484
- "default": true
1491
+ "default": false
1485
1492
  }
1486
1493
  },
1494
+ "required": [
1495
+ "label"
1496
+ ],
1487
1497
  "additionalProperties": false
1488
1498
  },
1489
1499
  "image": {
@@ -1508,7 +1518,10 @@
1508
1518
  }
1509
1519
  },
1510
1520
  "additionalProperties": false,
1511
- "required": []
1521
+ "required": [
1522
+ "topic",
1523
+ "target"
1524
+ ]
1512
1525
  },
1513
1526
  {
1514
1527
  "$schema": "http://json-schema.org/draft-07/schema#",
package/dist/components/teaser-card/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { TeaserCardProps } from "../../TeaserCardProps-95b399e9.js";
3
+ import { TeaserCardProps } from "../../TeaserCardProps-3fce7be4.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 };
package/dist/components/teaser-card/index.js CHANGED
@@ -9,14 +9,11 @@ const TeaserCard = forwardRef(({ headline, text, button, target, image, imageRat
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: button?.displayButton === true
13
- ? false
14
- : button?.displayButton === false
15
- ? true
16
- : true,
17
- label: button?.label,
12
+ hidden: button?.hidden,
13
+ label: button.label,
18
14
  variant: "secondary",
19
15
  target: target,
16
+ icon: button?.chevron ? "chevron-right" : undefined,
20
17
  }, image: image, ref: ref }) }));
21
18
  });
22
19
  TeaserCard.displayName = "TeaserCard";
package/dist/components/teaser-card/teaser-card.schema.dereffed.json CHANGED
@@ -42,15 +42,25 @@
42
42
  "properties": {
43
43
  "label": {
44
44
  "title": "Label",
45
- "type": "string"
45
+ "type": "string",
46
+ "description": "Label of the button. Still A11Y relevant when the button is hidden."
46
47
  },
47
- "displayButton": {
48
+ "chevron": {
49
+ "title": "Icon",
50
+ "description": "Toggle chevron icon",
51
+ "type": "boolean",
52
+ "default": false
53
+ },
54
+ "hidden": {
48
55
  "type": "boolean",
49
56
  "title": "Display Button",
50
57
  "description": "Toggle wether you want the card to have a visible button or not",
51
- "default": true
58
+ "default": false
52
59
  }
53
60
  },
61
+ "required": [
62
+ "label"
63
+ ],
54
64
  "additionalProperties": false
55
65
  },
56
66
  "image": {
@@ -75,5 +85,8 @@
75
85
  }
76
86
  },
77
87
  "additionalProperties": false,
78
- "required": []
88
+ "required": [
89
+ "topic",
90
+ "target"
91
+ ]
79
92
  }
package/dist/components/teaser-card/teaser-card.schema.json CHANGED
@@ -39,15 +39,23 @@
39
39
  "properties": {
40
40
  "label": {
41
41
  "title": "Label",
42
- "type": "string"
42
+ "type": "string",
43
+ "description": "Label of the button. Still A11Y relevant when the button is hidden."
43
44
  },
44
- "displayButton": {
45
+ "chevron": {
46
+ "title": "Icon",
47
+ "description": "Toggle chevron icon",
48
+ "type": "boolean",
49
+ "default": false
50
+ },
51
+ "hidden": {
45
52
  "type": "boolean",
46
53
  "title": "Display Button",
47
54
  "description": "Toggle wether you want the card to have a visible button or not",
48
- "default": true
55
+ "default": false
49
56
  }
50
- }
57
+ },
58
+ "required": ["label"]
51
59
  },
52
60
  "image": {
53
61
  "type": "string",
@@ -63,5 +71,5 @@
63
71
  }
64
72
  },
65
73
  "additionalProperties": false,
66
- "required": []
74
+ "required": ["topic", "target"]
67
75
  }
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 14:21:25 GMT
3
+ * Generated on Tue, 23 Jan 2024 08:58:02 GMT
4
4
  */
5
5
  :root [ks-theme=google] {
6
6
  --ks-background-color-accent-base: var(--ks-color-bg-inverted-alpha-9-base);
@@ -1555,7 +1555,7 @@
1555
1555
  }
1556
1556
  /**
1557
1557
  * Do not edit directly
1558
- * Generated on Mon, 22 Jan 2024 14:21:22 GMT
1558
+ * Generated on Tue, 23 Jan 2024 08:58:00 GMT
1559
1559
  */
1560
1560
  :root [ks-theme=lughausen] {
1561
1561
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -3106,7 +3106,7 @@
3106
3106
  }
3107
3107
  /**
3108
3108
  * Do not edit directly
3109
- * Generated on Mon, 22 Jan 2024 14:21:28 GMT
3109
+ * Generated on Tue, 23 Jan 2024 08:58:05 GMT
3110
3110
  */
3111
3111
  :root [ks-theme=telekom] {
3112
3112
  --ks-background-color-accent-base: var(--ks-color-bg-inverted-alpha-9-base);
package/dist/tokens/tokens.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 14:21:18 GMT
3
+ * Generated on Tue, 23 Jan 2024 08:57:56 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
7
7
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
8
- --ks-background-color-accent-inverted-base: var(--ks-color-primary-alpha-8-base);
8
+ --ks-background-color-accent-inverted-base: #e9e5fa;
9
9
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
10
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-alpha-6-base);
10
+ --ks-background-color-bold-inverted-base: #c0b5ef;
11
11
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
12
12
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
13
13
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
package/dist/tokens/tokens.js CHANGED
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 14:21:19 GMT
3
+ * Generated on Tue, 23 Jan 2024 08:57:57 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#100e36";
7
- export const KsBackgroundColorAccentInvertedBase = "rgba(84, 53, 210, 0.13)";
7
+ export const KsBackgroundColorAccentInvertedBase = "#e9e5fa";
8
8
  export const KsBackgroundColorBoldBase = "#231961";
9
- export const KsBackgroundColorBoldInvertedBase = "rgba(84, 53, 210, 0.37)";
9
+ export const KsBackgroundColorBoldInvertedBase = "#c0b5ef";
10
10
  export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
11
11
  export const KsBackgroundColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
12
12
  export const KsBackgroundColorClearInteractiveHoverBase = "rgba(84, 53, 210, 0.13)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.2.3",
3
+ "version": "1.2.5",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {