@kickstartds/ds-agency-premium 1.6.71--canary.45.1756.0 → 1.6.71--canary.45.1762.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 (64) hide show
  1. package/dist/{BlogOverviewProps-7caa223c.d.ts → BlogOverviewProps-9f207f1c.d.ts} +2 -2
  2. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +2 -2
  3. package/dist/{PageProps-7caa223c.d.ts → PageProps-aa29c554.d.ts} +1 -1
  4. package/dist/{SectionProps-00ddee3a.d.ts → SectionProps-7caa223c.d.ts} +1 -1
  5. package/dist/components/blog-aside/blog-aside.css +4 -4
  6. package/dist/components/blog-aside/index.js +3 -3
  7. package/dist/components/blog-head/index.d.ts +1 -1
  8. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +12 -12
  9. package/dist/components/blog-overview/index.d.ts +1 -1
  10. package/dist/components/blog-post/blog-post.schema.dereffed.json +12 -12
  11. package/dist/components/blog-post/index.d.ts +1 -1
  12. package/dist/components/blog-post/index.js +4 -2
  13. package/dist/components/blog-teaser/index.d.ts +1 -1
  14. package/dist/components/contact/contact.css +8 -6
  15. package/dist/components/headline/headline.css +4 -4
  16. package/dist/components/image-story/index.d.ts +1 -1
  17. package/dist/components/index/index.d.ts +3 -3
  18. package/dist/components/logos/index.js +1 -1
  19. package/dist/components/logos/logos.css +2 -2
  20. package/dist/components/logos/logos.schema.dereffed.json +6 -6
  21. package/dist/components/logos/logos.schema.json +6 -6
  22. package/dist/components/page/index.d.ts +1 -1
  23. package/dist/components/page/page.schema.dereffed.json +12 -12
  24. package/dist/components/page-wrapper/tokens.css +1 -1
  25. package/dist/components/presets.json +400 -37
  26. package/dist/components/section/index.d.ts +1 -1
  27. package/dist/components/section/section.schema.dereffed.json +12 -12
  28. package/dist/components/slider/slider.schema.dereffed.json +6 -6
  29. package/dist/components/split-even/index.d.ts +38 -11
  30. package/dist/components/split-even/index.js +1 -1
  31. package/dist/components/split-even/split-even.css +34 -24
  32. package/dist/components/split-even/split-even.schema.dereffed.json +5838 -10
  33. package/dist/components/split-even/split-even.schema.json +131 -10
  34. package/dist/components/split-weighted/index.d.ts +101 -0
  35. package/dist/components/split-weighted/index.js +13 -0
  36. package/dist/components/split-weighted/split-weighted.css +101 -0
  37. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +5950 -0
  38. package/dist/components/split-weighted/split-weighted.schema.json +210 -0
  39. package/dist/static/img/logos/logoipsum-344.svg +174 -0
  40. package/dist/static/img/logos/logoipsum-347.svg +52 -0
  41. package/dist/static/img/logos/logoipsum-352.svg +22 -0
  42. package/dist/static/img/logos/logoipsum-356.svg +20 -0
  43. package/dist/static/img/logos/logoipsum-358.svg +29 -0
  44. package/dist/static/img/logos/logoipsum-369.svg +20 -0
  45. package/dist/static/img/logos/logoipsum-373.svg +17 -0
  46. package/dist/static/img/people/author-emily.png +0 -0
  47. package/dist/tokens/themes.css +4 -4
  48. package/dist/tokens/tokens.css +1 -1
  49. package/dist/tokens/tokens.js +1 -1
  50. package/package.json +1 -1
  51. package/dist/components/split/index.d.ts +0 -14
  52. package/dist/components/split/index.js +0 -17
  53. package/dist/components/split/split.css +0 -53
  54. package/dist/components/split/split.schema.dereffed.json +0 -29
  55. package/dist/components/split/split.schema.json +0 -19
  56. package/dist/static/img/logos/logoipsum-212.svg +0 -12
  57. package/dist/static/img/logos/logoipsum-217.svg +0 -4
  58. package/dist/static/img/logos/logoipsum-239.svg +0 -16
  59. package/dist/static/img/logos/logoipsum-244.svg +0 -19
  60. package/dist/static/img/logos/logoipsum-250.svg +0 -21
  61. package/dist/static/img/logos/logoipsum-286.svg +0 -20
  62. /package/dist/{BlogHeadProps-f5855e93.d.ts → BlogHeadProps-c04a5ed8.d.ts} +0 -0
  63. /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
  64. /package/dist/{ImageStoryProps-00ddee3a.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
@@ -3,8 +3,8 @@
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-00ddee3a.js";
7
- import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
6
+ import { SectionProps } from "./SectionProps-7caa223c.js";
7
+ import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-babe4ee6.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
10
10
  /**
@@ -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 { BlogHeadProps } from "./BlogHeadProps-f5855e93.js";
6
+ import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
8
- import { SectionProps } from "./SectionProps-00ddee3a.js";
8
+ import { SectionProps } from "./SectionProps-7caa223c.js";
9
9
  import { CtaProps } from "./CtaProps-babe4ee6.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
@@ -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-00ddee3a.js";
6
+ import { SectionProps } from "./SectionProps-7caa223c.js";
7
7
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
8
8
  /**
9
9
  * Collection of sections (with their contents) to render on the page
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-40f6c7f5.js";
12
12
  import { HtmlProps } from "./HtmlProps-9d091769.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.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";
@@ -4,13 +4,13 @@
4
4
  }
5
5
 
6
6
  .dsa-blog-aside {
7
- --dsa-blog-aside--gap: var(--ks-spacing-stack-xs);
7
+ --dsa-blog-aside--gap: var(--ks-spacing-stack-s);
8
8
  --dsa-blog-aside__author__title--font: var(--ks-font-copy-m);
9
9
  --dsa-blog-aside__author__subtitle--font: var(--ks-font-copy-s);
10
10
  --dsa-blog-aside__author__image--flex-basis: 120px;
11
- --dsa-blog-aside__author__body--flex-basis: 240px;
11
+ --dsa-blog-aside__author__body--flex-basis: 100px;
12
12
  --dsa-blog-aside__author__link--font: var(--ks-font-interface-s);
13
- --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-xs);
13
+ --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-s);
14
14
  --dsa-blog-aside__author--gap-vertical: var(--ks-spacing-stack-xs);
15
15
  --dsa-blog-aside__meta__item--font: var(--ks-font-interface-s);
16
16
  --dsa-blog-aside__meta__item--color: var(--ks-text-color-interface);
@@ -19,7 +19,7 @@
19
19
  --dsa-blog-aside__sharebar__link--color: var(--dsa-link--color);
20
20
  --dsa-blog-aside__sharebar__link--color_hover: var(--dsa-link--color_hover);
21
21
  }
22
- @container blog-aside (min-width: 500px) {
22
+ @container blog-aside (min-width: 370px) {
23
23
  .dsa-blog-aside {
24
24
  --dsa-blog-aside__author__image--flex-basis: 180px;
25
25
  --dsa-blog-aside__author__title--font: var(--ks-font-copy-l);
@@ -1,5 +1,5 @@
1
1
  import "./blog-aside.css";
2
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { forwardRef, createContext, useContext } from 'react';
5
5
  import { PostMeta } from '@kickstartds/blog/lib/post-meta';
@@ -20,7 +20,7 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
20
20
  const socialLinks = socialSharing?.map((link) => {
21
21
  return {
22
22
  icon: link.icon,
23
- url: link.url,
23
+ href: link.url,
24
24
  title: link.title,
25
25
  };
26
26
  });
@@ -35,7 +35,7 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
35
35
  icon: "time",
36
36
  text: readingTime,
37
37
  });
38
- return (jsx(Container, { name: "blog-aside", children: jsxs("div", { ref: ref, className: classnames(className, "dsa-blog-aside"), ...props, children: [jsx(BlogAuthor, { ...author }), metaItems && (jsx(Fragment, { children: jsx(PostMeta, { className: "dsa-blog-aside__meta", items: metaItems }) })), socialLinks && (jsxs("div", { children: [jsx(Headline, { text: "Share this Article", level: "p", style: "p", spaceAfter: "minimum" }), jsx(PostShareBar, { className: "dsa-blog-aside__share-bar", links: socialLinks })] }))] }) }));
38
+ return (jsx(Container, { name: "blog-aside", children: jsxs("div", { ref: ref, className: classnames(className, "dsa-blog-aside"), ...props, children: [jsx(BlogAuthor, { ...author }), metaItems && (jsx(PostMeta, { className: "dsa-blog-aside__meta", items: metaItems })), socialLinks && (jsxs("div", { children: [jsx(Headline, { text: "Share this Article", level: "p", style: "p", spaceAfter: "minimum" }), jsx(PostShareBar, { className: "dsa-blog-aside__share-bar", links: socialLinks })] }))] }) }));
39
39
  });
40
40
  const BlogAsideContext = createContext(BlogAsideContextDefault);
41
41
  const BlogAside = forwardRef((props, ref) => {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogHeadProps } from "../../BlogHeadProps-f5855e93.js";
2
+ import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
3
3
  declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
4
4
  declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
5
5
  declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1242,12 +1242,12 @@
1242
1242
  "title": "URL",
1243
1243
  "description": "The URL of the logo image",
1244
1244
  "examples": [
1245
- "img/logos/logoipsum-212.svg",
1246
- "img/logos/logoipsum-217.svg",
1247
- "img/logos/logoipsum-239.svg",
1248
- "img/logos/logoipsum-244.svg",
1249
- "img/logos/logoipsum-250.svg",
1250
- "img/logos/logoipsum-286.svg"
1245
+ "img/logos/logoipsum-344.svg",
1246
+ "img/logos/logoipsum-347.svg",
1247
+ "img/logos/logoipsum-352.svg",
1248
+ "img/logos/logoipsum-356.svg",
1249
+ "img/logos/logoipsum-358.svg",
1250
+ "img/logos/logoipsum-369.svg"
1251
1251
  ]
1252
1252
  },
1253
1253
  "alt": {
@@ -2215,12 +2215,12 @@
2215
2215
  "title": "URL",
2216
2216
  "description": "The URL of the logo image",
2217
2217
  "examples": [
2218
- "img/logos/logoipsum-212.svg",
2219
- "img/logos/logoipsum-217.svg",
2220
- "img/logos/logoipsum-239.svg",
2221
- "img/logos/logoipsum-244.svg",
2222
- "img/logos/logoipsum-250.svg",
2223
- "img/logos/logoipsum-286.svg"
2218
+ "img/logos/logoipsum-344.svg",
2219
+ "img/logos/logoipsum-347.svg",
2220
+ "img/logos/logoipsum-352.svg",
2221
+ "img/logos/logoipsum-356.svg",
2222
+ "img/logos/logoipsum-358.svg",
2223
+ "img/logos/logoipsum-369.svg"
2224
2224
  ]
2225
2225
  },
2226
2226
  "alt": {
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-7caa223c.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 };
@@ -1526,12 +1526,12 @@
1526
1526
  "title": "URL",
1527
1527
  "description": "The URL of the logo image",
1528
1528
  "examples": [
1529
- "img/logos/logoipsum-212.svg",
1530
- "img/logos/logoipsum-217.svg",
1531
- "img/logos/logoipsum-239.svg",
1532
- "img/logos/logoipsum-244.svg",
1533
- "img/logos/logoipsum-250.svg",
1534
- "img/logos/logoipsum-286.svg"
1529
+ "img/logos/logoipsum-344.svg",
1530
+ "img/logos/logoipsum-347.svg",
1531
+ "img/logos/logoipsum-352.svg",
1532
+ "img/logos/logoipsum-356.svg",
1533
+ "img/logos/logoipsum-358.svg",
1534
+ "img/logos/logoipsum-369.svg"
1535
1535
  ]
1536
1536
  },
1537
1537
  "alt": {
@@ -2499,12 +2499,12 @@
2499
2499
  "title": "URL",
2500
2500
  "description": "The URL of the logo image",
2501
2501
  "examples": [
2502
- "img/logos/logoipsum-212.svg",
2503
- "img/logos/logoipsum-217.svg",
2504
- "img/logos/logoipsum-239.svg",
2505
- "img/logos/logoipsum-244.svg",
2506
- "img/logos/logoipsum-250.svg",
2507
- "img/logos/logoipsum-286.svg"
2502
+ "img/logos/logoipsum-344.svg",
2503
+ "img/logos/logoipsum-347.svg",
2504
+ "img/logos/logoipsum-352.svg",
2505
+ "img/logos/logoipsum-356.svg",
2506
+ "img/logos/logoipsum-358.svg",
2507
+ "img/logos/logoipsum-369.svg"
2508
2508
  ]
2509
2509
  },
2510
2510
  "alt": {
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-c760fd2a.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 };
@@ -1,5 +1,5 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { Split } from '../split/index.js';
2
+ import { SplitWeighted } from '../split-weighted/index.js';
3
3
  import { BlogHead } from '../blog-head/index.js';
4
4
  import { Section } from '../section/index.js';
5
5
  import { BlogAside } from '../blog-aside/index.js';
@@ -30,7 +30,9 @@ import '@kickstartds/base/lib/button';
30
30
  import '../button-group/index.js';
31
31
  import '@kickstartds/base/lib/button-group';
32
32
 
33
- const BlogPost = ({ head, content, aside, cta, children, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "wide", children: jsxs(Split, { mainSectionWidth: "narrow", layout: "sidebarRight", children: [jsxs("div", { children: [head && jsx(BlogHead, { ...head }), content ? jsx(Text, { text: content }) : children] }), jsx(BlogAside, { ...aside })] }) }), cta && (jsx(Fragment, { children: jsx(Section, { spaceAfter: "none", spaceBefore: "none", content: { mode: "list" }, children: jsx(Cta, { ...cta }) }) }))] }));
33
+ const BlogPost = ({ head, content, aside, cta, children, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "wide", children: jsx(SplitWeighted, { sticky: true, mainLayout: {
34
+ minWidth: "narrow",
35
+ }, main: jsxs(Fragment, { children: [head && jsx(BlogHead, { ...head }), content ? jsx(Text, { text: content }) : children] }), context: aside && jsx(BlogAside, { ...aside }) }) }), cta && (jsx(Fragment, { children: jsx(Section, { backgroundColor: "accent", content: { mode: "list" }, children: jsx(Cta, { ...cta }) }) }))] }));
34
36
  BlogPost.displayName = "BlogPost";
35
37
 
36
38
  export { BlogPost };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
3
+ import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
4
4
  declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -4,13 +4,13 @@
4
4
  }
5
5
 
6
6
  .dsa-contact {
7
- --dsa-contact--gap-horizontal: var(--ks-spacing-inline-m);
8
- --dsa-contact--gap-vertical: var(--ks-spacing-stack-m);
7
+ --dsa-contact--gap-horizontal: var(--ks-spacing-inline-s);
8
+ --dsa-contact--gap-vertical: var(--ks-spacing-stack-s);
9
9
  --dsa-contact__header--gap: 0;
10
- --dsa-contact__image--flex-basis: 200px;
10
+ --dsa-contact__image--flex-basis: var(--dsa-tile--width_smallest);
11
11
  --dsa-contact__image--border-radius: var(--ks-border-radius-card);
12
12
  --dsa-contact__body--gap: var(--ks-spacing-stack-xs);
13
- --dsa-contact__body--flex-basis: 300px;
13
+ --dsa-contact__body--flex-basis: var(--dsa-tile--width_small);
14
14
  --dsa-contact__copy--font: var(--dsa-rich-text--font);
15
15
  --dsa-contact__copy--color: var(--dsa-rich-text--color);
16
16
  --dsa-contact__title--color: var(--ks-text-color-display);
@@ -40,7 +40,7 @@
40
40
  .dsa-contact {
41
41
  display: flex;
42
42
  flex-wrap: wrap;
43
- gap: var(--dsa-contact--gap-horizontal) var(--dsa-contact--gap-vertical);
43
+ gap: var(--dsa-contact--gap-vertical) var(--dsa-contact--gap-horizontal);
44
44
  }
45
45
  .dsa-contact__image-wrap, .dsa-contact__body {
46
46
  flex-grow: 1;
@@ -48,7 +48,7 @@
48
48
  .dsa-contact__body {
49
49
  display: flex;
50
50
  flex-grow: 1;
51
- flex-shrink: 0;
51
+ flex-shrink: 1;
52
52
  flex-direction: column;
53
53
  gap: var(--dsa-contact__body--gap);
54
54
  flex-basis: var(--dsa-contact__body--flex-basis);
@@ -62,6 +62,7 @@
62
62
  flex-basis: var(--dsa-contact__image--flex-basis);
63
63
  height: 100%;
64
64
  width: 100%;
65
+ flex-shrink: 1;
65
66
  }
66
67
  .dsa-contact--image-full-width .dsa-contact__image-wrap {
67
68
  flex-grow: 1;
@@ -112,6 +113,7 @@
112
113
  font: var(--dsa-contact__link--font);
113
114
  font-weight: var(--dsa-contact__link--font-weight);
114
115
  text-decoration: var(--dsa-contact__link--text-decoration);
116
+ width: fit-content;
115
117
  }
116
118
  .dsa-contact a.dsa-contact__link .icon {
117
119
  width: var(--dsa-contact__link__icon--size);
@@ -18,23 +18,23 @@
18
18
  --dsa-headline_h2__subheadline--font: var(--ks-font-copy-m);
19
19
  --dsa-headline_h2--space-after_large: var(--ks-spacing-stack-l);
20
20
  --dsa-headline_h2--space-after_small: var(--ks-spacing-stack-m);
21
- --dsa-headline_h2--space-after_minimum: var(--ks-spacing-stack-s);
21
+ --dsa-headline_h2--space-after_minimum: 0;
22
22
  --dsa-headline_h3--font: var(--ks-font-display-l);
23
23
  --dsa-headline_h3__subheadline--font: var(--ks-font-copy-m);
24
24
  --dsa-headline_h3--space-after_large: var(--ks-spacing-stack-m);
25
25
  --dsa-headline_h3--space-after_small: var(--ks-spacing-stack-s);
26
- --dsa-headline_h3--space-after_minimum: var(--ks-spacing-stack-xs);
26
+ --dsa-headline_h3--space-after_minimum: 0;
27
27
  --dsa-headline_h4--font: var(--ks-font-display-m);
28
28
  --dsa-headline_h4__subheadline--font: var(--ks-font-copy-s);
29
29
  --dsa-headline_h4--space-after_large: var(--ks-spacing-stack-m);
30
30
  --dsa-headline_h4--space-after_small: var(--ks-spacing-stack-s);
31
- --dsa-headline_h4--space-after_minimum: var(--ks-spacing-stack-xs);
31
+ --dsa-headline_h4--space-after_minimum: 0;
32
32
  --dsa-headline_p--font: var(--ks-font-copy-m);
33
33
  --dsa-headline__subheadline_p--font: var(--ks-font-copy-s);
34
34
  --dsa-headline_p__subheadline--font: var(--ks-font-copy-s);
35
35
  --dsa-headline_p--space-after_large: var(--ks-spacing-stack-xs);
36
36
  --dsa-headline_p--space-after_small: var(--ks-spacing-xxs);
37
- --dsa-headline_p--space-after_minimum: none;
37
+ --dsa-headline_p--space-after_minimum: 0;
38
38
  }
39
39
  @media (min-width: 48em) {
40
40
  :root, [ks-inverted], [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.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>>;
@@ -29,8 +29,8 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-c760fd2a.js";
33
- export * from "../../BlogOverviewProps-7caa223c.js";
34
- export * from "../../PageProps-7caa223c.js";
32
+ export * from "../../BlogPostProps-6b3cff22.js";
33
+ export * from "../../BlogOverviewProps-9f207f1c.js";
34
+ export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
36
36
  export * from "../../EventDetailProps-42a7eebe.js";
@@ -7,7 +7,7 @@ import { Button } from '@kickstartds/base/lib/button';
7
7
  import { Link } from '@kickstartds/base/lib/link';
8
8
  import { Container } from '@kickstartds/core/lib/container';
9
9
 
10
- const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align, cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" && (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] }))] }), cta?.style === "button" && (jsx(Button, { href: cta.link, label: cta.label }))] })) : ("")] }) }) })));
10
+ const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align = "center", cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" && (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] }))] }), cta?.style === "button" && (jsx(Button, { href: cta.link, label: cta.label }))] })) : ("")] }) }) })));
11
11
  const LogosContext = createContext(LogosContextDefault);
12
12
  const Logos = forwardRef((props, ref) => {
13
13
  const Component = useContext(LogosContext);
@@ -8,8 +8,8 @@
8
8
  --dsa-logos__tagline--font: var(--dsa-headline_h3--font);
9
9
  --dsa-logos__tagline--font-weight: var(--dsa-headline--font-weight);
10
10
  --dsa-logos__tagline--color: var(--dsa-headline--color);
11
- --dsa-logos__grid--gap-horizontal: var(--ks-spacing-inline-l);
12
- --dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-s);
11
+ --dsa-logos__grid--gap-horizontal: var(--ks-spacing-xxl);
12
+ --dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-m);
13
13
  --dsa-logos__grid_mobile--cols: 2;
14
14
  --dsa-logos__grid_tablet--cols: 3;
15
15
  }
@@ -28,12 +28,12 @@
28
28
  "title": "URL",
29
29
  "description": "The URL of the logo image",
30
30
  "examples": [
31
- "img/logos/logoipsum-212.svg",
32
- "img/logos/logoipsum-217.svg",
33
- "img/logos/logoipsum-239.svg",
34
- "img/logos/logoipsum-244.svg",
35
- "img/logos/logoipsum-250.svg",
36
- "img/logos/logoipsum-286.svg"
31
+ "img/logos/logoipsum-344.svg",
32
+ "img/logos/logoipsum-347.svg",
33
+ "img/logos/logoipsum-352.svg",
34
+ "img/logos/logoipsum-356.svg",
35
+ "img/logos/logoipsum-358.svg",
36
+ "img/logos/logoipsum-369.svg"
37
37
  ]
38
38
  },
39
39
  "alt": {
@@ -26,12 +26,12 @@
26
26
  "title": "URL",
27
27
  "description": "The URL of the logo image",
28
28
  "examples": [
29
- "img/logos/logoipsum-212.svg",
30
- "img/logos/logoipsum-217.svg",
31
- "img/logos/logoipsum-239.svg",
32
- "img/logos/logoipsum-244.svg",
33
- "img/logos/logoipsum-250.svg",
34
- "img/logos/logoipsum-286.svg"
29
+ "img/logos/logoipsum-344.svg",
30
+ "img/logos/logoipsum-347.svg",
31
+ "img/logos/logoipsum-352.svg",
32
+ "img/logos/logoipsum-356.svg",
33
+ "img/logos/logoipsum-358.svg",
34
+ "img/logos/logoipsum-369.svg"
35
35
  ]
36
36
  },
37
37
  "alt": {
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-7caa223c.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 };
@@ -1242,12 +1242,12 @@
1242
1242
  "title": "URL",
1243
1243
  "description": "The URL of the logo image",
1244
1244
  "examples": [
1245
- "img/logos/logoipsum-212.svg",
1246
- "img/logos/logoipsum-217.svg",
1247
- "img/logos/logoipsum-239.svg",
1248
- "img/logos/logoipsum-244.svg",
1249
- "img/logos/logoipsum-250.svg",
1250
- "img/logos/logoipsum-286.svg"
1245
+ "img/logos/logoipsum-344.svg",
1246
+ "img/logos/logoipsum-347.svg",
1247
+ "img/logos/logoipsum-352.svg",
1248
+ "img/logos/logoipsum-356.svg",
1249
+ "img/logos/logoipsum-358.svg",
1250
+ "img/logos/logoipsum-369.svg"
1251
1251
  ]
1252
1252
  },
1253
1253
  "alt": {
@@ -2215,12 +2215,12 @@
2215
2215
  "title": "URL",
2216
2216
  "description": "The URL of the logo image",
2217
2217
  "examples": [
2218
- "img/logos/logoipsum-212.svg",
2219
- "img/logos/logoipsum-217.svg",
2220
- "img/logos/logoipsum-239.svg",
2221
- "img/logos/logoipsum-244.svg",
2222
- "img/logos/logoipsum-250.svg",
2223
- "img/logos/logoipsum-286.svg"
2218
+ "img/logos/logoipsum-344.svg",
2219
+ "img/logos/logoipsum-347.svg",
2220
+ "img/logos/logoipsum-352.svg",
2221
+ "img/logos/logoipsum-356.svg",
2222
+ "img/logos/logoipsum-358.svg",
2223
+ "img/logos/logoipsum-369.svg"
2224
2224
  ]
2225
2225
  },
2226
2226
  "alt": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 30 Jun 2025 12:04:58 GMT
3
+ * Generated on Wed, 02 Jul 2025 10:36:48 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);