@kickstartds/ds-agency-premium 1.6.65--canary.40.1537.0 → 1.6.66

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 (41) hide show
  1. package/dist/BlogOverviewProps-1cfcf6e8.d.ts +2 -2
  2. package/dist/{BlogPostProps-1cfcf6e8.d.ts → BlogPostProps-d9decb7c.d.ts} +2 -2
  3. package/dist/{CtaProps-fd5e75dc.d.ts → CtaProps-93230a76.d.ts} +8 -13
  4. package/dist/{HtmlProps-8e95ed81.d.ts → HtmlProps-9d091769.d.ts} +6 -1
  5. package/dist/PageProps-1cfcf6e8.d.ts +1 -1
  6. package/dist/{SectionProps-1cfcf6e8.d.ts → SectionProps-03ff6d21.d.ts} +3 -3
  7. package/dist/{SliderProps-fd5e75dc.d.ts → SliderProps-93230a76.d.ts} +1 -1
  8. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +30 -57
  9. package/dist/components/blog-post/blog-post.schema.dereffed.json +30 -57
  10. package/dist/components/blog-post/index.d.ts +1 -1
  11. package/dist/components/cta/cta.css +57 -37
  12. package/dist/components/cta/cta.schema.dereffed.json +8 -19
  13. package/dist/components/cta/cta.schema.json +8 -15
  14. package/dist/components/cta/index.d.ts +1 -1
  15. package/dist/components/cta/index.js +6 -4
  16. package/dist/components/footer/footer.css +1 -1
  17. package/dist/components/header/header.css +1 -1
  18. package/dist/components/hero/hero.css +2 -3
  19. package/dist/components/html/html.css +5 -1
  20. package/dist/components/html/html.schema.dereffed.json +6 -0
  21. package/dist/components/html/html.schema.json +7 -6
  22. package/dist/components/html/index.d.ts +1 -1
  23. package/dist/components/html/index.js +2 -2
  24. package/dist/components/image-story/image-story.css +2 -5
  25. package/dist/components/index/index.d.ts +1 -1
  26. package/dist/components/mosaic/mosaic.css +1 -1
  27. package/dist/components/page/page.schema.dereffed.json +22 -38
  28. package/dist/components/page-wrapper/tokens.css +1 -1
  29. package/dist/components/presets.json +54 -57
  30. package/dist/components/section/index.d.ts +1 -1
  31. package/dist/components/section/section.css +2 -2
  32. package/dist/components/section/section.schema.dereffed.json +22 -38
  33. package/dist/components/slider/index.d.ts +1 -1
  34. package/dist/components/slider/slider.schema.dereffed.json +8 -19
  35. package/dist/components/split/split.css +2 -2
  36. package/dist/components/testimonials/index.d.ts +1 -1
  37. package/dist/global.css +2 -3
  38. package/dist/tokens/themes.css +4 -4
  39. package/dist/tokens/tokens.css +1 -1
  40. package/dist/tokens/tokens.js +1 -1
  41. package/package.json +1 -1
@@ -3,9 +3,9 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { SectionProps } from "./SectionProps-1cfcf6e8.js";
6
+ import { SectionProps } from "./SectionProps-03ff6d21.js";
7
7
  import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
- import { CtaProps } from "./CtaProps-fd5e75dc.js";
8
+ import { CtaProps } from "./CtaProps-93230a76.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
10
10
  /**
11
11
  * Collection of sections (with their contents) to render as the blog overview intro
@@ -5,8 +5,8 @@
5
5
  */
6
6
  import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
8
- import { SectionProps } from "./SectionProps-1cfcf6e8.js";
9
- import { CtaProps } from "./CtaProps-fd5e75dc.js";
8
+ import { SectionProps } from "./SectionProps-03ff6d21.js";
9
+ import { CtaProps } from "./CtaProps-93230a76.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
12
12
  * Body text for the blog post, overwrites sections if present
@@ -23,6 +23,10 @@ type HighlightText = boolean;
23
23
  * Make the text and buttons color neutral
24
24
  */
25
25
  type ColorNeutral = boolean;
26
+ /**
27
+ * Set the width of the content to the full width of the element
28
+ */
29
+ type Width = boolean;
26
30
  /**
27
31
  * Text content to display inside the button
28
32
  */
@@ -55,10 +59,6 @@ type Padding = boolean;
55
59
  * Image description
56
60
  */
57
61
  type AltText = string;
58
- /**
59
- * Select a vertical alignment for the image
60
- */
61
- type VerticalAlignmentOfTheImage = "center" | "top" | "bottom";
62
62
  /**
63
63
  * Switch to displaying the image after the text on mobile
64
64
  */
@@ -72,27 +72,23 @@ type DesktopImageAfterText = boolean;
72
72
  */
73
73
  type TextAlignment = "left" | "center";
74
74
  /**
75
- * Select a vertical alignment for the content
75
+ * Select a vertical alignment for the image
76
76
  */
77
77
  type VerticalAlignmentOfTheContent = "center" | "top" | "bottom";
78
- /**
79
- * Toggle padding of the content
80
- */
81
- type Padding1 = boolean;
82
78
  interface CtaProps {
83
79
  headline?: ComponentHeadline;
84
80
  sub?: ComponentSubheadline;
85
81
  text?: ComponentText;
86
82
  highlightText?: HighlightText;
87
83
  colorNeutral?: ColorNeutral;
84
+ fullWidth?: Width;
88
85
  buttons?: Button[];
89
86
  backgroundColor?: BackgroundColor;
90
87
  backgroundImage?: BackgroundImage;
91
88
  image?: Image;
92
89
  order?: Order;
93
90
  textAlign?: TextAlignment;
94
- align?: VerticalAlignmentOfTheContent;
95
- padding?: Padding1;
91
+ contentAlign?: VerticalAlignmentOfTheContent;
96
92
  }
97
93
  interface Button {
98
94
  label?: Label;
@@ -106,7 +102,6 @@ interface Image {
106
102
  src?: ImageSource;
107
103
  padding?: Padding;
108
104
  alt?: AltText;
109
- align?: VerticalAlignmentOfTheImage;
110
105
  }
111
106
  /**
112
107
  * Choose what comes first on mobile and desktop: image or text
@@ -115,4 +110,4 @@ interface Order {
115
110
  mobileImageLast?: MobileImageAfterText;
116
111
  desktopImageLast?: DesktopImageAfterText;
117
112
  }
118
- export { ComponentHeadline, ComponentSubheadline, ComponentText, HighlightText, ColorNeutral, Label, Icon, Target, BackgroundColor, BackgroundImage, ImageSource, Padding, AltText, VerticalAlignmentOfTheImage, MobileImageAfterText, DesktopImageAfterText, TextAlignment, VerticalAlignmentOfTheContent, Padding1, CtaProps, Button, Image, Order };
113
+ export { ComponentHeadline, ComponentSubheadline, ComponentText, HighlightText, ColorNeutral, Width, Label, Icon, Target, BackgroundColor, BackgroundImage, ImageSource, Padding, AltText, MobileImageAfterText, DesktopImageAfterText, TextAlignment, VerticalAlignmentOfTheContent, CtaProps, Button, Image, Order };
@@ -5,6 +5,10 @@
5
5
  */
6
6
  type HTMLString = string;
7
7
  type ShowHTMLAfterConsent = boolean;
8
+ /**
9
+ * Invert the colors of the HTML
10
+ */
11
+ type Inverted = boolean;
8
12
  /**
9
13
  * Add additional css classes that should be applied to the element
10
14
  */
@@ -23,7 +27,8 @@ interface HtmlProps {
23
27
  consentButtonLabel?: string;
24
28
  consentBackgroundImage?: string;
25
29
  consentAspectRatio?: "16:9" | "16:10" | "4:3" | "1:1";
30
+ inverted?: Inverted;
26
31
  className?: AdditionalClasses;
27
32
  component?: KsComponentAttribute;
28
33
  }
29
- export { HTMLString, ShowHTMLAfterConsent, AdditionalClasses, KsComponentAttribute, HtmlProps };
34
+ export { HTMLString, ShowHTMLAfterConsent, Inverted, AdditionalClasses, KsComponentAttribute, HtmlProps };
@@ -3,7 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { SectionProps } from "./SectionProps-1cfcf6e8.js";
6
+ import { SectionProps } from "./SectionProps-03ff6d21.js";
7
7
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
8
8
  /**
9
9
  * Collection of sections (with their contents) to render on the page
@@ -3,18 +3,18 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { CtaProps } from "./CtaProps-fd5e75dc.js";
6
+ import { CtaProps } from "./CtaProps-93230a76.js";
7
7
  import { DividerProps } from "./DividerProps-2ef31901.js";
8
8
  import { FaqProps } from "./FaqProps-ad618cd5.js";
9
9
  import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-f704d270.js";
12
- import { HtmlProps } from "./HtmlProps-8e95ed81.js";
12
+ import { HtmlProps } from "./HtmlProps-9d091769.js";
13
13
  import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
14
14
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
15
15
  import { LogosProps } from "./LogosProps-f9474fe2.js";
16
16
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
17
- import { SliderProps } from "./SliderProps-fd5e75dc.js";
17
+ import { SliderProps } from "./SliderProps-93230a76.js";
18
18
  import { StatsProps } from "./StatsProps-bf5ef578.js";
19
19
  import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
20
20
  import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
@@ -3,7 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { CtaProps } from "./CtaProps-fd5e75dc.js";
6
+ import { CtaProps } from "./CtaProps-93230a76.js";
7
7
  import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
8
8
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
9
9
  import { HeroProps } from "./HeroProps-f704d270.js";
@@ -282,6 +282,12 @@
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
+ },
285
291
  "buttons": {
286
292
  "type": "array",
287
293
  "items": {
@@ -345,17 +351,6 @@
345
351
  "title": "Alt text",
346
352
  "description": "Image description",
347
353
  "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"
359
354
  }
360
355
  },
361
356
  "additionalProperties": false
@@ -390,9 +385,9 @@
390
385
  "type": "string",
391
386
  "default": "left"
392
387
  },
393
- "align": {
388
+ "contentAlign": {
394
389
  "title": "Vertical alignment of the content",
395
- "description": "Select a vertical alignment for the content",
390
+ "description": "Select a vertical alignment for the image",
396
391
  "type": "string",
397
392
  "enum": [
398
393
  "center",
@@ -401,12 +396,6 @@
401
396
  ],
402
397
  "default": "center"
403
398
  },
404
- "padding": {
405
- "title": "Padding",
406
- "description": "Toggle padding of the content",
407
- "type": "boolean",
408
- "default": false
409
- },
410
399
  "type": {
411
400
  "const": "cta"
412
401
  }
@@ -910,6 +899,12 @@
910
899
  ],
911
900
  "default": "16:9"
912
901
  },
902
+ "inverted": {
903
+ "title": "Inverted",
904
+ "description": "Invert the colors of the HTML",
905
+ "type": "boolean",
906
+ "default": false
907
+ },
913
908
  "className": {
914
909
  "title": "Additional Classes",
915
910
  "description": "Add additional css classes that should be applied to the element",
@@ -1549,6 +1544,12 @@
1549
1544
  "default": false,
1550
1545
  "type": "boolean"
1551
1546
  },
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
+ },
1552
1553
  "buttons": {
1553
1554
  "type": "array",
1554
1555
  "items": {
@@ -1612,17 +1613,6 @@
1612
1613
  "title": "Alt text",
1613
1614
  "description": "Image description",
1614
1615
  "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"
1626
1616
  }
1627
1617
  },
1628
1618
  "additionalProperties": false
@@ -1657,9 +1647,9 @@
1657
1647
  "type": "string",
1658
1648
  "default": "left"
1659
1649
  },
1660
- "align": {
1650
+ "contentAlign": {
1661
1651
  "title": "Vertical alignment of the content",
1662
- "description": "Select a vertical alignment for the content",
1652
+ "description": "Select a vertical alignment for the image",
1663
1653
  "type": "string",
1664
1654
  "enum": [
1665
1655
  "center",
@@ -1668,12 +1658,6 @@
1668
1658
  ],
1669
1659
  "default": "center"
1670
1660
  },
1671
- "padding": {
1672
- "title": "Padding",
1673
- "description": "Toggle padding of the content",
1674
- "type": "boolean",
1675
- "default": false
1676
- },
1677
1661
  "type": {
1678
1662
  "const": "cta"
1679
1663
  }
@@ -3727,6 +3711,12 @@
3727
3711
  "default": false,
3728
3712
  "type": "boolean"
3729
3713
  },
3714
+ "fullWidth": {
3715
+ "title": "Width",
3716
+ "description": "Set the width of the content to the full width of the element",
3717
+ "type": "boolean",
3718
+ "default": false
3719
+ },
3730
3720
  "buttons": {
3731
3721
  "type": "array",
3732
3722
  "items": {
@@ -3790,17 +3780,6 @@
3790
3780
  "title": "Alt text",
3791
3781
  "description": "Image description",
3792
3782
  "type": "string"
3793
- },
3794
- "align": {
3795
- "title": "Vertical alignment of the image",
3796
- "description": "Select a vertical alignment for the image",
3797
- "type": "string",
3798
- "enum": [
3799
- "center",
3800
- "top",
3801
- "bottom"
3802
- ],
3803
- "default": "center"
3804
3783
  }
3805
3784
  },
3806
3785
  "additionalProperties": false
@@ -3835,9 +3814,9 @@
3835
3814
  "type": "string",
3836
3815
  "default": "left"
3837
3816
  },
3838
- "align": {
3817
+ "contentAlign": {
3839
3818
  "title": "Vertical alignment of the content",
3840
- "description": "Select a vertical alignment for the content",
3819
+ "description": "Select a vertical alignment for the image",
3841
3820
  "type": "string",
3842
3821
  "enum": [
3843
3822
  "center",
@@ -3846,12 +3825,6 @@
3846
3825
  ],
3847
3826
  "default": "center"
3848
3827
  },
3849
- "padding": {
3850
- "title": "Padding",
3851
- "description": "Toggle padding of the content",
3852
- "type": "boolean",
3853
- "default": false
3854
- },
3855
3828
  "type": {
3856
3829
  "const": "cta"
3857
3830
  }
@@ -558,6 +558,12 @@
558
558
  "default": false,
559
559
  "type": "boolean"
560
560
  },
561
+ "fullWidth": {
562
+ "title": "Width",
563
+ "description": "Set the width of the content to the full width of the element",
564
+ "type": "boolean",
565
+ "default": false
566
+ },
561
567
  "buttons": {
562
568
  "type": "array",
563
569
  "items": {
@@ -621,17 +627,6 @@
621
627
  "title": "Alt text",
622
628
  "description": "Image description",
623
629
  "type": "string"
624
- },
625
- "align": {
626
- "title": "Vertical alignment of the image",
627
- "description": "Select a vertical alignment for the image",
628
- "type": "string",
629
- "enum": [
630
- "center",
631
- "top",
632
- "bottom"
633
- ],
634
- "default": "center"
635
630
  }
636
631
  },
637
632
  "additionalProperties": false
@@ -666,9 +661,9 @@
666
661
  "type": "string",
667
662
  "default": "left"
668
663
  },
669
- "align": {
664
+ "contentAlign": {
670
665
  "title": "Vertical alignment of the content",
671
- "description": "Select a vertical alignment for the content",
666
+ "description": "Select a vertical alignment for the image",
672
667
  "type": "string",
673
668
  "enum": [
674
669
  "center",
@@ -677,12 +672,6 @@
677
672
  ],
678
673
  "default": "center"
679
674
  },
680
- "padding": {
681
- "title": "Padding",
682
- "description": "Toggle padding of the content",
683
- "type": "boolean",
684
- "default": false
685
- },
686
675
  "type": {
687
676
  "const": "cta"
688
677
  }
@@ -1186,6 +1175,12 @@
1186
1175
  ],
1187
1176
  "default": "16:9"
1188
1177
  },
1178
+ "inverted": {
1179
+ "title": "Inverted",
1180
+ "description": "Invert the colors of the HTML",
1181
+ "type": "boolean",
1182
+ "default": false
1183
+ },
1189
1184
  "className": {
1190
1185
  "title": "Additional Classes",
1191
1186
  "description": "Add additional css classes that should be applied to the element",
@@ -1825,6 +1820,12 @@
1825
1820
  "default": false,
1826
1821
  "type": "boolean"
1827
1822
  },
1823
+ "fullWidth": {
1824
+ "title": "Width",
1825
+ "description": "Set the width of the content to the full width of the element",
1826
+ "type": "boolean",
1827
+ "default": false
1828
+ },
1828
1829
  "buttons": {
1829
1830
  "type": "array",
1830
1831
  "items": {
@@ -1888,17 +1889,6 @@
1888
1889
  "title": "Alt text",
1889
1890
  "description": "Image description",
1890
1891
  "type": "string"
1891
- },
1892
- "align": {
1893
- "title": "Vertical alignment of the image",
1894
- "description": "Select a vertical alignment for the image",
1895
- "type": "string",
1896
- "enum": [
1897
- "center",
1898
- "top",
1899
- "bottom"
1900
- ],
1901
- "default": "center"
1902
1892
  }
1903
1893
  },
1904
1894
  "additionalProperties": false
@@ -1933,9 +1923,9 @@
1933
1923
  "type": "string",
1934
1924
  "default": "left"
1935
1925
  },
1936
- "align": {
1926
+ "contentAlign": {
1937
1927
  "title": "Vertical alignment of the content",
1938
- "description": "Select a vertical alignment for the content",
1928
+ "description": "Select a vertical alignment for the image",
1939
1929
  "type": "string",
1940
1930
  "enum": [
1941
1931
  "center",
@@ -1944,12 +1934,6 @@
1944
1934
  ],
1945
1935
  "default": "center"
1946
1936
  },
1947
- "padding": {
1948
- "title": "Padding",
1949
- "description": "Toggle padding of the content",
1950
- "type": "boolean",
1951
- "default": false
1952
- },
1953
1937
  "type": {
1954
1938
  "const": "cta"
1955
1939
  }
@@ -3486,6 +3470,12 @@
3486
3470
  "default": false,
3487
3471
  "type": "boolean"
3488
3472
  },
3473
+ "fullWidth": {
3474
+ "title": "Width",
3475
+ "description": "Set the width of the content to the full width of the element",
3476
+ "type": "boolean",
3477
+ "default": false
3478
+ },
3489
3479
  "buttons": {
3490
3480
  "type": "array",
3491
3481
  "items": {
@@ -3549,17 +3539,6 @@
3549
3539
  "title": "Alt text",
3550
3540
  "description": "Image description",
3551
3541
  "type": "string"
3552
- },
3553
- "align": {
3554
- "title": "Vertical alignment of the image",
3555
- "description": "Select a vertical alignment for the image",
3556
- "type": "string",
3557
- "enum": [
3558
- "center",
3559
- "top",
3560
- "bottom"
3561
- ],
3562
- "default": "center"
3563
3542
  }
3564
3543
  },
3565
3544
  "additionalProperties": false
@@ -3594,9 +3573,9 @@
3594
3573
  "type": "string",
3595
3574
  "default": "left"
3596
3575
  },
3597
- "align": {
3576
+ "contentAlign": {
3598
3577
  "title": "Vertical alignment of the content",
3599
- "description": "Select a vertical alignment for the content",
3578
+ "description": "Select a vertical alignment for the image",
3600
3579
  "type": "string",
3601
3580
  "enum": [
3602
3581
  "center",
@@ -3605,12 +3584,6 @@
3605
3584
  ],
3606
3585
  "default": "center"
3607
3586
  },
3608
- "padding": {
3609
- "title": "Padding",
3610
- "description": "Toggle padding of the content",
3611
- "type": "boolean",
3612
- "default": false
3613
- },
3614
3587
  "type": {
3615
3588
  "const": "cta"
3616
3589
  }
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-1cfcf6e8.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export type { BlogPostProps };