@kickstartds/ds-agency-premium 1.6.51 → 1.6.53

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 (18) hide show
  1. package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-1cfcf6e8.d.ts} +1 -1
  2. package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +1 -1
  3. package/dist/{PageProps-aa29c554.d.ts → PageProps-1cfcf6e8.d.ts} +1 -1
  4. package/dist/{SectionProps-1cfcf6e8.d.ts → SectionProps-03ff6d21.d.ts} +1 -1
  5. package/dist/components/blog-overview/index.d.ts +1 -1
  6. package/dist/components/blog-post/index.d.ts +1 -1
  7. package/dist/components/image-story/index.d.ts +1 -1
  8. package/dist/components/index/index.d.ts +3 -3
  9. package/dist/components/page/index.d.ts +1 -1
  10. package/dist/components/page-wrapper/tokens.css +1 -1
  11. package/dist/components/section/index.d.ts +1 -1
  12. package/dist/components/section/section.css +10 -10
  13. package/dist/global.css +8 -3
  14. package/dist/tokens/themes.css +4 -4
  15. package/dist/tokens/tokens.css +1 -1
  16. package/dist/tokens/tokens.js +1 -1
  17. package/package.json +1 -1
  18. /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-1cfcf6e8.d.ts} RENAMED
@@ -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 { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-93230a76.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} RENAMED
@@ -5,7 +5,7 @@
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";
8
+ import { SectionProps } from "./SectionProps-03ff6d21.js";
9
9
  import { CtaProps } from "./CtaProps-93230a76.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
package/dist/{PageProps-aa29c554.d.ts → PageProps-1cfcf6e8.d.ts} RENAMED
@@ -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
package/dist/{SectionProps-1cfcf6e8.d.ts → SectionProps-03ff6d21.d.ts} RENAMED
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-f704d270.js";
12
12
  import { HtmlProps } from "./HtmlProps-8e95ed81.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
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";
package/dist/components/blog-overview/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
1
+ import { BlogOverviewProps } from "../../BlogOverviewProps-1cfcf6e8.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
4
4
  export type { BlogOverviewProps };
package/dist/components/blog-post/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-6b3cff22.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 };
package/dist/components/image-story/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
3
+ import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
4
4
  declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
package/dist/components/index/index.d.ts CHANGED
@@ -29,7 +29,7 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-6b3cff22.js";
33
- export * from "../../BlogOverviewProps-9f207f1c.js";
34
- export * from "../../PageProps-aa29c554.js";
32
+ export * from "../../BlogPostProps-d9decb7c.js";
33
+ export * from "../../BlogOverviewProps-1cfcf6e8.js";
34
+ export * from "../../PageProps-1cfcf6e8.js";
35
35
  export { IconSprite, SettingsProps };
package/dist/components/page/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-aa29c554.js";
1
+ import { PageProps } from "../../PageProps-1cfcf6e8.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const Page: FC<PropsWithChildren<PageProps>>;
4
4
  export type { PageProps };
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 20 Dec 2024 12:59:19 GMT
3
+ * Generated on Fri, 20 Dec 2024 15:17:52 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
package/dist/components/section/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-1cfcf6e8.js";
3
+ import { SectionProps } from "../../SectionProps-03ff6d21.js";
4
4
  declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
package/dist/components/section/section.css CHANGED
@@ -9,11 +9,11 @@
9
9
  --dsa-section__col--repeat: auto-fit;
10
10
  --dsa-section--space_default: var(--ks-spacing-xxl);
11
11
  --dsa-section--space_small: calc(var(--ks-spacing-xxl) / 2);
12
- --dsa-section__tile--width_smallest: 14rem;
13
- --dsa-section__tile--width_default: 18rem;
14
- --dsa-section__tile--width_medium: var(--dsa-content--width_narrow);
15
- --dsa-section__tile--width_large: var(--dsa-content--width_default);
16
- --dsa-section__tile--width_largest: var(--dsa-content--width_wide);
12
+ --dsa-section__tile--width_smallest: var(--dsa-tile-width_smallest);
13
+ --dsa-section__tile--width_small: var(--dsa-tile-width_small);
14
+ --dsa-section__tile--width_medium: var(--dsa-tile-width_medium);
15
+ --dsa-section__tile--width_large: var(--dsa-tile-width_large);
16
+ --dsa-section__tile--width_largest: var(--dsa-tile-width_largest);
17
17
  --dsa-section--gutter_small: var(--ks-spacing-xs);
18
18
  --dsa-section--gutter_default: var(--ks-spacing-m);
19
19
  --dsa-section--gutter_large: var(--ks-spacing-xl);
@@ -90,11 +90,6 @@
90
90
  --l-section--content-width-max: var(--dsa-section__content--width_max, var(--dsa-content--width_max));
91
91
  --l-section--content-width-full: var(--dsa-section__content--width_full, var(--dsa-content--width_full));
92
92
  --l-section--content-padding: var(--dsa-section__content--padding, var(--ks-spacing-m));
93
- --l-section_tile-width--smallest: var(--dsa-section__tile--width_smallest, 14rem);
94
- --l-section_tile-width--default: var(--dsa-section__tile--width_default, 18rem);
95
- --l-section_tile-width--medium: var(--dsa-section__tile--width_medium, var(--dsa-content--width_narrow));
96
- --l-section_tile-width--large: var(--dsa-section__tile--width_large, var(--dsa-content--width_default));
97
- --l-section_tile-width--largest: var(--dsa-section__tile--width_largest, var(--dsa-content--width_wide));
98
93
  --l-section--gutter: var(--dsa-section--gutter_default);
99
94
  --dsa-section--gutter_none: 0;
100
95
  --l-section--gutter-small: var(--dsa-section--gutter_small, var(--ks-spacing-xs));
@@ -186,6 +181,11 @@
186
181
  background-image: radial-gradient(var(--dsa-section__spotlight--size) circle at var(--dsa-section__spotlight--left) var(--dsa-section__spotlight--top), var(--dsa-section__spotlight--color) 0%, var(--dsa-section__spotlight--color) calc(100% - var(--dsa-section__spotlight--blur)), transparent 100%, transparent 100%);
187
182
  }
188
183
  .l-section.dsa-section .l-section__content {
184
+ --l-section_tile-width--smallest: var(--dsa-section__tile--width_smallest, var(--dsa-tile-width_smallest));
185
+ --l-section_tile-width--default: var(--dsa-section__tile--width_small, var(--dsa-tile-width_small));
186
+ --l-section_tile-width--medium: var(--dsa-section__tile--width_medium, var(--dsa-tile-width_medium));
187
+ --l-section_tile-width--large: var(--dsa-section__tile--width_large, var(--dsa-tile-width_large));
188
+ --l-section_tile-width--largest: var(--dsa-section__tile--width_largest, var(--dsa-tile-width_largest));
189
189
  --l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
190
190
  }
191
191
  .l-section.dsa-section .l-section__content--slider {
package/dist/global.css CHANGED
@@ -305,11 +305,16 @@ h3 {
305
305
  --dsa-link--text-decoration_hover: underline;
306
306
  --dsa-gradient--highlight: linear-gradient(135deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
307
307
  --dsa-content--spacing: var(--ks-spacing-inset-l);
308
- --dsa-content--width_narrow: 34em;
309
- --dsa-content--width_default: 50em;
310
- --dsa-content--width_wide: 64em;
308
+ --dsa-content--width_narrow: calc(var(--ks-font-size-copy-m) * 34);
309
+ --dsa-content--width_default: calc(var(--ks-font-size-copy-m) * 50);
310
+ --dsa-content--width_wide: calc(var(--ks-font-size-copy-m) * 64);
311
311
  --dsa-content--width_max: 100vw;
312
312
  --dsa-content--width_full: 100vw;
313
+ --dsa-tile-width_smallest: calc(var(--ks-font-size-copy-m) * 10);
314
+ --dsa-tile-width_small: calc(var(--ks-font-size-copy-m) * 20);
315
+ --dsa-tile-width_medium: calc(var(--ks-font-size-copy-m) * 30);
316
+ --dsa-tile-width_large: calc(var(--ks-font-size-copy-m) * 40);
317
+ --dsa-tile-width_largest: calc(var(--ks-font-size-copy-m) * 50);
313
318
  --dsa-logo--height: 2.25rem;
314
319
  --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
315
320
  }
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 20 Dec 2024 12:59:22 GMT
3
+ * Generated on Fri, 20 Dec 2024 15:17:55 GMT
4
4
  */
5
5
  :root [ks-theme=business] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
2727
2727
  }
2728
2728
  /**
2729
2729
  * Do not edit directly
2730
- * Generated on Fri, 20 Dec 2024 12:59:26 GMT
2730
+ * Generated on Fri, 20 Dec 2024 15:17:59 GMT
2731
2731
  */
2732
2732
  :root [ks-theme=google] {
2733
2733
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
5458
5458
  }
5459
5459
  /**
5460
5460
  * Do not edit directly
5461
- * Generated on Fri, 20 Dec 2024 12:59:24 GMT
5461
+ * Generated on Fri, 20 Dec 2024 15:17:57 GMT
5462
5462
  */
5463
5463
  :root [ks-theme=ngo] {
5464
5464
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
8459
8459
  }
8460
8460
  /**
8461
8461
  * Do not edit directly
8462
- * Generated on Fri, 20 Dec 2024 12:59:28 GMT
8462
+ * Generated on Fri, 20 Dec 2024 15:18:01 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
package/dist/tokens/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 20 Dec 2024 12:59:19 GMT
3
+ * Generated on Fri, 20 Dec 2024 15:17:52 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 20 Dec 2024 12:59:20 GMT
3
+ * Generated on Fri, 20 Dec 2024 15:17:53 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#230a2b";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.51",
3
+ "version": "1.6.53",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {