@kickstartds/ds-agency-premium 1.0.3--canary.1.34.0 → 1.0.3

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.
@@ -11,8 +11,10 @@ type AutoPlay = boolean;
11
11
  * Add bullet navigation
12
12
  */
13
13
  type ShowNavigation = boolean;
14
- type TeaseNeighbourSlides = boolean;
15
- type EqualizeSlidesHeights = boolean;
14
+ /**
15
+ * The number of visible slides
16
+ */
17
+ type SlidesPerView = number;
16
18
  /**
17
19
  * Size of the gap added between slides in pixels
18
20
  */
@@ -32,11 +34,10 @@ type Class = string;
32
34
  interface SliderProps {
33
35
  autoplay?: AutoPlay;
34
36
  nav?: ShowNavigation;
35
- teaseNeighbours?: TeaseNeighbourSlides;
36
- equalHeight?: EqualizeSlidesHeights;
37
+ perView?: SlidesPerView;
37
38
  gap?: Gap;
38
39
  arrows?: ShowArrows;
39
40
  type?: Type;
40
41
  className?: Class;
41
42
  }
42
- export { AutoPlay, ShowNavigation, TeaseNeighbourSlides, EqualizeSlidesHeights, Gap, ShowArrows, Type, Class, SliderProps };
43
+ export { AutoPlay, ShowNavigation, SlidesPerView, Gap, ShowArrows, Type, Class, SliderProps };
@@ -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
- displayButton?: DisplayButton;
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
- "displayButton": {
1355
- "type": "boolean",
1356
- "title": "Display Button",
1357
- "description": "Toggle wether you want the card to have a visible button or not",
1358
- "default": true
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",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 10:31:06 GMT
3
+ * Generated on Thu, 18 Jan 2024 09:43:26 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -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-b52479e5.js";
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
- "displayButton": {
1304
- "type": "boolean",
1305
- "title": "Display Button",
1306
- "description": "Toggle wether you want the card to have a visible button or not",
1307
- "default": true
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
1
  import { FC, PropsWithChildren } from "react";
2
- import { SliderProps } from "../../SliderProps-8cae490d.js";
2
+ import { SliderProps } from "../../SliderProps-69b2f1d7.js";
3
3
  declare const Slider: FC<PropsWithChildren<SliderProps>>;
4
4
  export { Slider };
@@ -2,6 +2,6 @@ import "./slider.css";
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { Slider as Slider$1 } from '@kickstartds/content/lib/slider';
4
4
 
5
- const Slider = ({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, ...props }) => (jsx(Slider$1, { gap: gap, type: type, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, children: children }));
5
+ const Slider = ({ gap, type, autoplay, arrows, perView, children, ...props }) => (jsx(Slider$1, { gap: gap, type: type, arrows: arrows, autoplay: autoplay, perView: perView, ...props, children: children }));
6
6
 
7
7
  export { Slider };
@@ -18,15 +18,11 @@
18
18
  true
19
19
  ]
20
20
  },
21
- "teaseNeighbours": {
22
- "title": "Tease Neighbour Slides",
23
- "type": "boolean",
24
- "default": false
25
- },
26
- "equalHeight": {
27
- "title": "Equalize slides heights",
28
- "type": "boolean",
29
- "default": true
21
+ "perView": {
22
+ "title": "Slides per view",
23
+ "description": "The number of visible slides",
24
+ "type": "number",
25
+ "default": 1
30
26
  },
31
27
  "gap": {
32
28
  "title": "Gap",
@@ -10,11 +10,8 @@
10
10
  "nav": {
11
11
  "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/nav"
12
12
  },
13
- "teaseNeighbours": {
14
- "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/teaseNeighbours"
15
- },
16
- "equalHeight": {
17
- "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/equalHeight"
13
+ "perView": {
14
+ "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/perView"
18
15
  },
19
16
  "gap": {
20
17
  "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/gap"
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { TeaserCardProps } from "../../TeaserCardProps-b52479e5.js";
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", displayButton = true, ...props }, ref) => {
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: "Read more",
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
- "displayButton": {
41
- "type": "boolean",
42
- "title": "Display Button",
43
- "description": "Toggle wether you want the card to have a visible button or not",
44
- "default": true
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
- "displayButton": {
38
- "type": "boolean",
39
- "title": "Display Button",
40
- "description": "Toggle wether you want the card to have a visible button or not",
41
- "default": true
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",
@@ -1,6 +1,6 @@
1
1
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
2
2
  import { TestimonialsProps } from "../../TestimonialsProps-d27ae4b4.js";
3
- import { SliderProps } from "../../SliderProps-8cae490d.js";
3
+ import { SliderProps } from "../../SliderProps-69b2f1d7.js";
4
4
  interface ConditionalSliderProps extends SliderProps {
5
5
  layout: "slider" | "list" | "alternating";
6
6
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 10:31:08 GMT
3
+ * Generated on Thu, 18 Jan 2024 09:43:28 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 10:31:06 GMT
3
+ * Generated on Thu, 18 Jan 2024 09:43:26 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 10:31:06 GMT
3
+ * Generated on Thu, 18 Jan 2024 09:43:26 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 10:31:06 GMT
3
+ * Generated on Thu, 18 Jan 2024 09:43:27 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#100e36";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.0.3--canary.1.34.0",
3
+ "version": "1.0.3",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {
@@ -70,7 +70,7 @@
70
70
  "@bedrock-layout/spacing-constants": "^3.2.5",
71
71
  "@kickstartds/base": "2.3.0-beta.0",
72
72
  "@kickstartds/blog": "2.3.0-beta.0",
73
- "@kickstartds/content": "3.0.0--canary.166.171.0",
73
+ "@kickstartds/content": "^3.0.0-next.5",
74
74
  "@kickstartds/core": "3.0.0-beta.0",
75
75
  "@kickstartds/form": "2.3.0-beta.0",
76
76
  "classnames": "^2.3.2",