@kickstartds/ds-agency-premium 1.3.41 → 1.3.43

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.
@@ -8,7 +8,7 @@ import { FaqProps } from "./FaqProps-ad618cd5.js";
8
8
  import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
9
9
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
10
10
  import { HeroProps } from "./HeroProps-cf82a16d.js";
11
- import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
11
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
12
12
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
13
13
  import { LogosProps } from "./LogosProps-f9474fe2.js";
14
14
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogOverviewProps } from "../../BlogOverviewProps-93230a76.js";
2
+ import { BlogOverviewProps } from "../../BlogOverviewProps-f385fc47.js";
3
3
  declare const BlogOverview: {
4
4
  ({ latest, more }: BlogOverviewProps): import("react/jsx-runtime").JSX.Element;
5
5
  displayName: string;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogPostProps } from "../../BlogPostProps-93230a76.js";
2
+ import { BlogPostProps } from "../../BlogPostProps-e1cbd5d3.js";
3
3
  declare const BlogPost: {
4
4
  ({ head, content, aside, cta }: BlogPostProps): import("react/jsx-runtime").JSX.Element;
5
5
  displayName: string;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
3
  import { ButtonProps } from "../../ButtonProps-03ff6d21.js";
4
- declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
4
+ declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
5
5
  declare const ButtonProvider: FC<PropsWithChildren>;
6
6
  export { Button, ButtonProvider };
@@ -47,7 +47,7 @@
47
47
  color: var(--dsa-text-color-on-primary);
48
48
  }
49
49
 
50
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
50
+ :root, [ks-inverted], [ks-theme] {
51
51
  --c-lightbox--bg: var(--ks-background-color-default) !important;
52
52
  --c-lightbox--placeholder-bg: var(--ks-color-fg-to-bg-1) !important;
53
53
  --c-lightbox--root-z-index: var(--ks-depth-modal) !important;
@@ -1,4 +1,4 @@
1
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
1
+ :root, [ks-inverted], [ks-theme] {
2
2
  --dsa-header--spacing-vertical: var(--ks-spacing-stack-m);
3
3
  --dsa-header--spacing-horizontal: var(--l-section--content-padding);
4
4
  }
@@ -1,4 +1,4 @@
1
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
1
+ :root, [ks-inverted], [ks-theme] {
2
2
  --dsa-headline--color: var(--ks-text-color-display);
3
3
  --dsa-headline--font-weight: var(--ks-font-weight-medium);
4
4
  --dsa-headline--text-transform: none;
@@ -16,12 +16,12 @@
16
16
  --dsa-headline__p--font: var(--ks-font-copy-m);
17
17
  }
18
18
  @media (min-width: 48em) {
19
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
19
+ :root, [ks-inverted], [ks-theme] {
20
20
  --dsa-headline_h1__subheadline--font: var(--ks-font-copy-xl);
21
21
  }
22
22
  }
23
23
  @media (min-width: 48em) {
24
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
24
+ :root, [ks-inverted], [ks-theme] {
25
25
  --dsa-headline_h2__subheadline--font: var(--ks-font-copy-l);
26
26
  }
27
27
  }
@@ -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>>;
@@ -4,7 +4,7 @@
4
4
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
5
5
  * and run json-schema-to-typescript to regenerate this file.
6
6
  */
7
- import { SectionProps } from "../../SectionProps-83d399b4.js";
7
+ import { SectionProps } from "../../SectionProps-93230a76.js";
8
8
  import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
9
9
  /* eslint-disable */
10
10
  /**
@@ -72,6 +72,6 @@ interface SettingsProps {
72
72
  */
73
73
  seo: SeoProps;
74
74
  }
75
- export * from "../../BlogPostProps-93230a76.js";
76
- export * from "../../BlogOverviewProps-93230a76.js";
75
+ export * from "../../BlogPostProps-e1cbd5d3.js";
76
+ export * from "../../BlogOverviewProps-f385fc47.js";
77
77
  export { Sections, ToggleFloating, ToggleInverted, ToggleInverted1, PageProps, Header, Footer, SettingsProps };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 Aug 2024 09:47:16 GMT
3
+ * Generated on Wed, 14 Aug 2024 10:11:15 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-83d399b4.js";
3
+ import { SectionProps } from "../../SectionProps-93230a76.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 & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
1
+ :root, [ks-inverted], [ks-theme] {
2
2
  --dsa-text--font: var(--dsa-rich-text--font);
3
3
  --dsa-text--color: var(--dsa-rich-text--color);
4
4
  --dsa-text_highlight--color: var(--ks-text-color-default);
package/dist/global.css CHANGED
@@ -296,7 +296,7 @@ h3 {
296
296
  --c-rich-text_headline--margin:1.5em 0 1em;
297
297
  }
298
298
  }
299
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
299
+ :root, [ks-inverted], [ks-theme] {
300
300
  --dsa-text-color-on-primary: var(--ks-color-fg);
301
301
  --dsa-text-color-on-primary-inverted: var(--ks-color-fg-inverted);
302
302
  --dsa-topic--font: var(--ks-font-display-m);
@@ -315,17 +315,17 @@ h3 {
315
315
  --dsa-logo--height: 2rem;
316
316
  }
317
317
  @media (min-width: 48em) {
318
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
318
+ :root, [ks-inverted], [ks-theme] {
319
319
  --dsa-section__content--padding: var(--ks-spacing-inset-xl);
320
320
  }
321
321
  }
322
322
  @media (min-width: 48em) {
323
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
323
+ :root, [ks-inverted], [ks-theme] {
324
324
  --dsa-logo--height: 2.5rem;
325
325
  }
326
326
  }
327
327
  @media (min-width: 62em) {
328
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
328
+ :root, [ks-inverted], [ks-theme] {
329
329
  --dsa-logo--height: 3rem;
330
330
  }
331
331
  }
@@ -438,7 +438,7 @@ h3 {
438
438
  --dsa-form-field__placeholder--color: var(--ks-color-fg-alpha-5);
439
439
  }
440
440
 
441
- :root .c-form-check, :root #root .c-form-check, [ks-inverted] .c-form-check, [ks-inverted] #root .c-form-check, #root [ks-inverted] .c-form-check, [ks-inverted] #root .c-form-check, [ks-theme] .c-form-check, [ks-theme] #root .c-form-check, #root [ks-theme] .c-form-check {
441
+ :root .c-form-check, [ks-inverted] .c-form-check, [ks-theme] .c-form-check {
442
442
  --c-form-check_box--size: var(--dsa-form-check--size, 1rem);
443
443
  --c-form-check_box--border: var(--dsa-form-check--border, var(--ks-border-width-default)) solid;
444
444
  --c-form-check_box--border-color: var(--dsa-form-check--border-color, var(--ks-border-color-interface-interactive));
@@ -462,7 +462,7 @@ h3 {
462
462
  --c-form-check_box-focus--shadow: var(--dsa-form-check--shadow_focus, 0 0 4px 0);
463
463
  --c-form-check_checkmark--color: var(--dsa-form-check__checkmark--color, var(--dsa-text-color-on-primary));
464
464
  }
465
- :root .c-form-field, :root #root .c-form-field, [ks-inverted] .c-form-field, [ks-inverted] #root .c-form-field, #root [ks-inverted] .c-form-field, [ks-inverted] #root .c-form-field, [ks-theme] .c-form-field, [ks-theme] #root .c-form-field, #root [ks-theme] .c-form-field {
465
+ :root .c-form-field, [ks-inverted] .c-form-field, [ks-theme] .c-form-field {
466
466
  --c-form-field--border: var(--dsa-form-field--border, var(--ks-border-width-default)) solid;
467
467
  --c-form-field--border-color: var(--dsa-form-field--border-color, var(--ks-border-color-interface-interactive));
468
468
  --c-form-field-hover--border-color: var(
@@ -492,7 +492,7 @@ h3 {
492
492
  --c-form-field_icon--size: calc(var(--ks-line-height-interface-m) * 0.75em);
493
493
  --c-form-field_icon--color: var(--ks-color-fg-alpha-3);
494
494
  }
495
- :root .c-form-field__input::placeholder, :root #root .c-form-field__input::placeholder, [ks-inverted] .c-form-field__input::placeholder, [ks-inverted] #root .c-form-field__input::placeholder, #root [ks-inverted] .c-form-field__input::placeholder, [ks-inverted] #root .c-form-field__input::placeholder, [ks-theme] .c-form-field__input::placeholder, [ks-theme] #root .c-form-field__input::placeholder, #root [ks-theme] .c-form-field__input::placeholder {
495
+ :root .c-form-field__input::placeholder, [ks-inverted] .c-form-field__input::placeholder, [ks-theme] .c-form-field__input::placeholder {
496
496
  color: var(--dsa-form-field__placeholder--color, var(--ks-color-fg-alpha-5));
497
497
  }
498
498
 
@@ -626,14 +626,14 @@ h3 {
626
626
  font-weight: normal;
627
627
  src: url("static/fonts/google/google-sans-text.woff2") format("woff2");
628
628
  }
629
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
629
+ :root, [ks-inverted], [ks-theme] {
630
630
  --dsa-rich-text__headline--font-weight: var(--dsa-headline--font-weight, var(--ks-font-weight-medium));
631
631
  --dsa-rich-text__headline--color: var(--dsa-headline--color, var(--ks-text-color-display));
632
632
  --dsa-rich-text--color: var(--ks-text-color-copy);
633
633
  --dsa-rich-text--font: var(--ks-font-copy-m);
634
634
  }
635
635
 
636
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
636
+ :root, [ks-inverted], [ks-theme] {
637
637
  --c-rich-text--font: var(--dsa-rich-text--font, var(--ks-font-copy-m));
638
638
  --c-rich-text--color: var(--dsa-rich-text--color, var(--ks-text-color-default));
639
639
  --c-rich-text_headline--font-weight: var(--dsa-headline--font-weight, var(--ks-font-weight-bold));
@@ -659,7 +659,7 @@ body {
659
659
  background: var(--ks-background-color-default);
660
660
  }
661
661
 
662
- :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
662
+ :root, [ks-inverted], [ks-theme] {
663
663
  --g-link--font-weight: var(--dsa-link--font-weight, var(--ks-font-weight-semi-bold));
664
664
  --g-link--text-decoration: var(--dsa-link--text-decoration, underline);
665
665
  --g-link--text-decoration-hover: var(--dsa-link--text-decoration_hover, none);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 Aug 2024 09:47:20 GMT
3
+ * Generated on Wed, 14 Aug 2024 10:11:17 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, 14 Aug 2024 09:47:24 GMT
2730
+ * Generated on Wed, 14 Aug 2024 10:11:21 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, 14 Aug 2024 09:47:22 GMT
5461
+ * Generated on Wed, 14 Aug 2024 10:11:19 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, 14 Aug 2024 09:47:26 GMT
8462
+ * Generated on Wed, 14 Aug 2024 10:11:23 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 Aug 2024 09:47:16 GMT
3
+ * Generated on Wed, 14 Aug 2024 10:11:15 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, 14 Aug 2024 09:47:17 GMT
3
+ * Generated on Wed, 14 Aug 2024 10:11:15 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.3.41",
3
+ "version": "1.3.43",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {