@kickstartds/ds-agency-premium 1.6.18 → 1.6.20

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-7a46a8ad.d.ts → BlogOverviewProps-9f207f1c.d.ts} +1 -1
  2. package/dist/{BlogPostProps-d9decb7c.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/{PageProps-7a46a8ad.d.ts → PageProps-aa29c554.d.ts} +1 -1
  4. package/dist/{SectionProps-03ff6d21.d.ts → SectionProps-7a46a8ad.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/blog-teaser/blog-teaser.css +7 -5
  8. package/dist/components/blog-teaser/index.js +1 -1
  9. package/dist/components/image-story/index.d.ts +1 -1
  10. package/dist/components/index/index.d.ts +3 -3
  11. package/dist/components/page/index.d.ts +1 -1
  12. package/dist/components/page-wrapper/tokens.css +1 -1
  13. package/dist/components/section/index.d.ts +1 -1
  14. package/dist/components/section/section.css +6 -2
  15. package/dist/global.css +7 -5
  16. package/dist/tokens/themes.css +4 -4
  17. package/dist/tokens/tokens.css +1 -1
  18. package/dist/tokens/tokens.js +1 -1
  19. package/package.json +1 -1
  20. /package/dist/{ImageStoryProps-03ff6d21.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
package/dist/{BlogOverviewProps-7a46a8ad.d.ts → BlogOverviewProps-9f207f1c.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-03ff6d21.js";
6
+ import { SectionProps } from "./SectionProps-7a46a8ad.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-d9decb7c.d.ts → BlogPostProps-6b3cff22.d.ts} RENAMED
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { BlogHeadProps } from "./BlogHeadProps-3f6e4072.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
8
- import { SectionProps } from "./SectionProps-03ff6d21.js";
8
+ import { SectionProps } from "./SectionProps-7a46a8ad.js";
9
9
  import { CtaProps } from "./CtaProps-93230a76.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
package/dist/{PageProps-7a46a8ad.d.ts → PageProps-aa29c554.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-03ff6d21.js";
6
+ import { SectionProps } from "./SectionProps-7a46a8ad.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-03ff6d21.d.ts → SectionProps-7a46a8ad.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-cf82a16d.js";
12
12
  import { HtmlProps } from "./HtmlProps-8e95ed81.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
13
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.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-7a46a8ad.js";
1
+ import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.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-d9decb7c.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export type { BlogPostProps };
package/dist/components/blog-teaser/blog-teaser.css CHANGED
@@ -1,6 +1,6 @@
1
- .l-container--post-teaser {
1
+ .l-container--blog-teaser {
2
2
  /* stylelint-disable-next-line property-no-unknown */
3
- container-name: post-teaser;
3
+ container-name: blog-teaser;
4
4
  }
5
5
 
6
6
  .dsa-blog-teaser {
@@ -17,9 +17,10 @@
17
17
  --dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
18
18
  --dsa-blog-teaser__meta--color: var(--ks-text-color-interface);
19
19
  --dsa-blog-teaser__meta__author--font-weight: var(--ks-font-weight-semi-bold);
20
- --dsa-post-teaser__image--border-radius: var(--ks-border-radius-card);
20
+ --dsa-blog-teaser__avatar--size: 2em;
21
+ --dsa-blog-teaser__image--border-radius: var(--ks-border-radius-card);
21
22
  }
22
- @container post-teaser (min-width: 640px) {
23
+ @container blog-teaser (min-width: 640px) {
23
24
  .dsa-blog-teaser {
24
25
  --dsa-blog-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
25
26
  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xl);
@@ -27,7 +28,7 @@
27
28
  --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-s);
28
29
  }
29
30
  }
30
- @container post-teaser (min-width: 1000px) {
31
+ @container blog-teaser (min-width: 1000px) {
31
32
  .dsa-blog-teaser {
32
33
  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xxl);
33
34
  }
@@ -66,6 +67,7 @@
66
67
  --c-post-meta_item--font: var(--dsa-blog-teaser__meta--font, var(--ks-font-interface-s));
67
68
  --c-post-meta_item--gap: 0.35em;
68
69
  --c-post-meta_author--color: var(--dsa-blog-teaser__meta--color, var(--c-post-meta_item--color));
70
+ --c-post-meta_author--avatar-size: var(--dsa-blog-teaser__avatar--size, 2em);
69
71
  --c-post-meta_author--gap: 0.35em;
70
72
  --c-post-meta_author--font-weight: var(
71
73
  --dsa-blog-teaser__meta__author--font-weight,
package/dist/components/blog-teaser/index.js CHANGED
@@ -17,7 +17,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
17
17
  icon: "time",
18
18
  text: readingTime,
19
19
  });
20
- return (jsx(Container, { name: "post-teaser", children: jsx(PostTeaserContextDefault, { ...rest, className: classnames(className, "dsa-blog-teaser"),
20
+ return (jsx(Container, { name: "blog-teaser", children: jsx(PostTeaserContextDefault, { ...rest, className: classnames(className, "dsa-blog-teaser"),
21
21
  // @ts-expect-error
22
22
  image: { src: image, alt: headline }, meta: {
23
23
  author: author
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-03ff6d21.js";
3
+ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.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-d9decb7c.js";
33
- export * from "../../BlogOverviewProps-7a46a8ad.js";
34
- export * from "../../PageProps-7a46a8ad.js";
32
+ export * from "../../BlogPostProps-6b3cff22.js";
33
+ export * from "../../BlogOverviewProps-9f207f1c.js";
34
+ export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
package/dist/components/page/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-7a46a8ad.js";
1
+ import { PageProps } from "../../PageProps-aa29c554.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 Wed, 20 Nov 2024 15:28:11 GMT
3
+ * Generated on Thu, 21 Nov 2024 12:22:38 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-03ff6d21.js";
3
+ import { SectionProps } from "../../SectionProps-7a46a8ad.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
@@ -155,10 +155,14 @@
155
155
  .l-section.dsa-section--spotlight {
156
156
  position: relative;
157
157
  }
158
- .l-section.dsa-section--spotlight:hover::before {
158
+ .l-section.dsa-section--spotlight .l-section__container {
159
+ position: relative;
160
+ z-index: 1;
161
+ }
162
+ .l-section.dsa-section--spotlight:hover::after {
159
163
  opacity: 1;
160
164
  }
161
- .l-section.dsa-section--spotlight::before {
165
+ .l-section.dsa-section--spotlight::after {
162
166
  transition: opacity var(--ks-transition-fade);
163
167
  opacity: 0;
164
168
  top: 0;
package/dist/global.css CHANGED
@@ -330,9 +330,9 @@ h3 {
330
330
  }
331
331
  }
332
332
 
333
- .l-container--post-teaser {
333
+ .l-container--blog-teaser {
334
334
  /* stylelint-disable-next-line property-no-unknown */
335
- container-name: post-teaser;
335
+ container-name: blog-teaser;
336
336
  }
337
337
 
338
338
  .dsa-blog-teaser {
@@ -349,9 +349,10 @@ h3 {
349
349
  --dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
350
350
  --dsa-blog-teaser__meta--color: var(--ks-text-color-interface);
351
351
  --dsa-blog-teaser__meta__author--font-weight: var(--ks-font-weight-semi-bold);
352
- --dsa-post-teaser__image--border-radius: var(--ks-border-radius-card);
352
+ --dsa-blog-teaser__avatar--size: 2em;
353
+ --dsa-blog-teaser__image--border-radius: var(--ks-border-radius-card);
353
354
  }
354
- @container post-teaser (min-width: 640px) {
355
+ @container blog-teaser (min-width: 640px) {
355
356
  .dsa-blog-teaser {
356
357
  --dsa-blog-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
357
358
  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xl);
@@ -359,7 +360,7 @@ h3 {
359
360
  --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-s);
360
361
  }
361
362
  }
362
- @container post-teaser (min-width: 1000px) {
363
+ @container blog-teaser (min-width: 1000px) {
363
364
  .dsa-blog-teaser {
364
365
  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xxl);
365
366
  }
@@ -398,6 +399,7 @@ h3 {
398
399
  --c-post-meta_item--font: var(--dsa-blog-teaser__meta--font, var(--ks-font-interface-s));
399
400
  --c-post-meta_item--gap: 0.35em;
400
401
  --c-post-meta_author--color: var(--dsa-blog-teaser__meta--color, var(--c-post-meta_item--color));
402
+ --c-post-meta_author--avatar-size: var(--dsa-blog-teaser__avatar--size, 2em);
401
403
  --c-post-meta_author--gap: 0.35em;
402
404
  --c-post-meta_author--font-weight: var(
403
405
  --dsa-blog-teaser__meta__author--font-weight,
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 15:28:14 GMT
3
+ * Generated on Thu, 21 Nov 2024 12:22:40 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 Wed, 20 Nov 2024 15:28:19 GMT
2730
+ * Generated on Thu, 21 Nov 2024 12:22:45 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 Wed, 20 Nov 2024 15:28:17 GMT
5461
+ * Generated on Thu, 21 Nov 2024 12:22:43 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 Wed, 20 Nov 2024 15:28:21 GMT
8462
+ * Generated on Thu, 21 Nov 2024 12:22:47 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 Wed, 20 Nov 2024 15:28:11 GMT
3
+ * Generated on Thu, 21 Nov 2024 12:22:38 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 Wed, 20 Nov 2024 15:28:12 GMT
3
+ * Generated on Thu, 21 Nov 2024 12:22:38 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.18",
3
+ "version": "1.6.20",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {