@kickstartds/ds-agency-premium 1.6.68--canary.1575.1116f82.0 → 1.6.68--canary.1578.da53ae0.0

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 (20) hide show
  1. package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-be148b48.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-be148b48.d.ts} +1 -1
  4. package/dist/{SectionProps-be148b48.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/cta/cta.css +2 -1
  8. package/dist/components/image-story/index.d.ts +1 -1
  9. package/dist/components/index/index.d.ts +3 -3
  10. package/dist/components/page/index.d.ts +1 -1
  11. package/dist/components/page-wrapper/tokens.css +3 -3
  12. package/dist/components/section/index.d.ts +1 -1
  13. package/dist/components/section/section.css +6 -13
  14. package/dist/components/teaser-card/teaser-card.css +3 -0
  15. package/dist/static/img/about/cutout.png +0 -0
  16. package/dist/tokens/themes.css +4 -4
  17. package/dist/tokens/tokens.css +3 -3
  18. package/dist/tokens/tokens.js +3 -3
  19. package/package.json +1 -1
  20. /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-be148b48.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-be148b48.js";
6
+ import { SectionProps } from "./SectionProps-03ff6d21.js";
7
7
  import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-8a0dba0d.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-be148b48.js";
8
+ import { SectionProps } from "./SectionProps-03ff6d21.js";
9
9
  import { CtaProps } from "./CtaProps-8a0dba0d.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
package/dist/{PageProps-aa29c554.d.ts → PageProps-be148b48.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-be148b48.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-be148b48.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-9d091769.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-be148b48.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/cta/cta.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .dsa-cta {
2
2
  --dsa-cta--gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-l);
3
- --dsa-cta--border-radius: var(--ks-border-radius-surface);
3
+ --dsa-cta--border-radius: var(--ks-border-radius-surface) var(--ks-border-radius-surface)
4
+ var(--ks-border-radius-surface) calc(var(--ks-border-radius-surface) * 3);
4
5
  --dsa-cta__content--vertical-padding: var(--dsa-content--vertical-spacing);
5
6
  --dsa-cta__content--horizontal-padding: var(--dsa-content--horizontal-spacing);
6
7
  --dsa-cta__content--max-width: var(--dsa-content--width_narrow);
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-be148b48.js";
34
+ export * from "../../PageProps-be148b48.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-be148b48.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, 09 May 2025 10:38:56 GMT
3
+ * Generated on Fri, 09 May 2025 11:29:45 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -32,7 +32,7 @@
32
32
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
34
34
  --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
35
- --ks-background-color-card-interactive-base: var(--ks-color-fg-to-bg-9-base);
35
+ --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
36
36
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-bg-alpha-7-base);
37
37
  --ks-background-color-card-interactive-hover-base: var(--ks-color-bg-alpha-9-base);
38
38
  --ks-background-color-card-interactive-active-base: var(--ks-color-bg-alpha-9-base);
@@ -205,7 +205,7 @@
205
205
  --ks-border-width-emphasized: 2px;
206
206
  --ks-border-radius-control: 8px;
207
207
  --ks-border-radius-card: 8px 8px 8px 24px;
208
- --ks-border-radius-surface: 32px 32px 32px 96px;
208
+ --ks-border-radius-surface: 32px;
209
209
  --ks-border-radius-pill: 999px;
210
210
  --ks-border-radius-circle: 50%;
211
211
  --ks-box-shadow-opacity-control: 0.2;
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-be148b48.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
@@ -137,14 +137,13 @@
137
137
  .l-section.dsa-section--header-spacing.l-section--space-before-small {
138
138
  padding-top: calc(var(--dsa-header--height) + var(--dsa-section--space-small));
139
139
  }
140
- .l-section.dsa-section-style--stagelights {
141
- background-image: var(--dsa-section_stagelights--background-image, radial-gradient(50% 150% at 100% -50%, var(--ks-color-primary-inverted-alpha-3) 0%, transparent 100%), radial-gradient(50% 150% at 0% -50%, var(--ks-color-primary-alpha-3) 0%, transparent 100%));
140
+ .l-section.dsa-section-style--framed {
141
+ background-color: var(--ks-background-color-accent);
142
142
  }
143
- .l-section.dsa-section-style--anchor-glow {
144
- background-image: var(--dsa-section_anchor-glow--background-image, radial-gradient(50% 50% at 50% 100%, var(--ks-color-secondary-alpha-5) 0%, transparent 100%));
145
- }
146
- .l-section.dsa-section-style--symmetric-glow {
147
- background-image: var(--dsa-section_symmetric-glow--background-image, radial-gradient(20% 50% at 100% 50%, var(--ks-color-primary-alpha-5) 0%, transparent 100%), radial-gradient(20% 50% at 0% 50%, var(--ks-color-primary-inverted-alpha-5) 0%, transparent 100%));
143
+ .l-section.dsa-section-style--framed .l-section__container--content .l-section__content {
144
+ padding: var(--dsa-section--space_default);
145
+ background-color: var(--ks-background-color-default);
146
+ border-radius: var(--ks-border-radius-surface);
148
147
  }
149
148
  .l-section.dsa-section-style--accent-transition {
150
149
  background-image: var(--dsa-section_accent-transition--background-image, linear-gradient(180deg, transparent 0%, var(--ks-background-color-accent) 100%));
@@ -152,12 +151,6 @@
152
151
  .l-section.dsa-section-style--bold-transition {
153
152
  background-image: var(--dsa-section_bold-transition--background-image, linear-gradient(180deg, transparent 0%, var(--ks-background-color-bold) 100%));
154
153
  }
155
- .l-section.dsa-section-style--vertical-gradient {
156
- background-image: var(--dsa-section_vertical-gradient--background-image, linear-gradient(0deg, var(--ks-color-primary-alpha-5) 0%, var(--ks-color-secondary-alpha-5) 100%));
157
- }
158
- .l-section.dsa-section-style--horizontal-gradient {
159
- background-image: var(--dsa-section_horizontal-gradient--background-image, linear-gradient(90deg, var(--ks-color-primary-alpha-5) 0%, var(--ks-color-secondary-alpha-5) 100%));
160
- }
161
154
  .l-section.dsa-section--spotlight {
162
155
  position: relative;
163
156
  }
package/dist/components/teaser-card/teaser-card.css CHANGED
@@ -77,6 +77,9 @@
77
77
  }
78
78
  .c-teaser.dsa-teaser-card img {
79
79
  object-fit: cover;
80
+ border-radius: var(--dsa-teaser-card--border-radius);
81
+ border-bottom-left-radius: 0;
82
+ border-bottom-right-radius: 0;
80
83
  }
81
84
  .c-teaser.dsa-teaser-card--wide img {
82
85
  aspect-ratio: 4/3;
package/dist/static/img/about/cutout.png ADDED
Binary file
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 09 May 2025 10:38:58 GMT
3
+ * Generated on Fri, 09 May 2025 11:29:47 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, 09 May 2025 10:39:03 GMT
2730
+ * Generated on Fri, 09 May 2025 11:29:51 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, 09 May 2025 10:39:01 GMT
5461
+ * Generated on Fri, 09 May 2025 11:29:49 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, 09 May 2025 10:39:05 GMT
8462
+ * Generated on Fri, 09 May 2025 11:29:53 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, 09 May 2025 10:38:56 GMT
3
+ * Generated on Fri, 09 May 2025 11:29:45 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -33,7 +33,7 @@
33
33
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
34
34
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
35
  --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
36
- --ks-background-color-card-interactive-base: var(--ks-color-fg-to-bg-9-base);
36
+ --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
37
37
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-bg-alpha-7-base);
38
38
  --ks-background-color-card-interactive-hover-base: var(--ks-color-bg-alpha-9-base);
39
39
  --ks-background-color-card-interactive-active-base: var(--ks-color-bg-alpha-9-base);
@@ -206,7 +206,7 @@
206
206
  --ks-border-width-emphasized: 2px;
207
207
  --ks-border-radius-control: 8px;
208
208
  --ks-border-radius-card: 8px 8px 8px 24px;
209
- --ks-border-radius-surface: 32px 32px 32px 96px;
209
+ --ks-border-radius-surface: 32px;
210
210
  --ks-border-radius-pill: 999px;
211
211
  --ks-border-radius-circle: 50%;
212
212
  --ks-box-shadow-opacity-control: 0.2;
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 09 May 2025 10:38:56 GMT
3
+ * Generated on Fri, 09 May 2025 11:29:45 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -32,7 +32,7 @@ export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(255,
32
32
  export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
33
33
  export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#3065c0";
34
34
  export const KsBackgroundColorCardBase = "rgba(6, 8, 31, 0.05)";
35
- export const KsBackgroundColorCardInteractiveBase = "#f3f3f4";
35
+ export const KsBackgroundColorCardInteractiveBase = "#ffffff";
36
36
  export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(255, 255, 255, 0.24)";
37
37
  export const KsBackgroundColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
38
38
  export const KsBackgroundColorCardInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
@@ -205,7 +205,7 @@ export const KsBorderWidthDefault = "1px";
205
205
  export const KsBorderWidthEmphasized = "2px";
206
206
  export const KsBorderRadiusControl = "8px";
207
207
  export const KsBorderRadiusCard = "8px 8px 8px 24px";
208
- export const KsBorderRadiusSurface = "32px 32px 32px 96px";
208
+ export const KsBorderRadiusSurface = "32px";
209
209
  export const KsBorderRadiusPill = "999px";
210
210
  export const KsBorderRadiusCircle = "50%";
211
211
  export const KsBoxShadowOpacityControl = "0.2";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.68--canary.1575.1116f82.0",
3
+ "version": "1.6.68--canary.1578.da53ae0.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {