@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.
- package/dist/{BlogOverviewProps-7caa223c.d.ts → BlogOverviewProps-9f207f1c.d.ts} +2 -2
- package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +2 -2
- package/dist/{PageProps-7caa223c.d.ts → PageProps-aa29c554.d.ts} +1 -1
- package/dist/{SectionProps-00ddee3a.d.ts → SectionProps-7caa223c.d.ts} +1 -1
- package/dist/components/blog-aside/blog-aside.css +4 -4
- package/dist/components/blog-aside/index.js +3 -3
- package/dist/components/blog-head/index.d.ts +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +12 -12
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +12 -12
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-post/index.js +4 -2
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/contact/contact.css +8 -6
- package/dist/components/headline/headline.css +4 -4
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +3 -3
- package/dist/components/logos/index.js +1 -1
- package/dist/components/logos/logos.css +2 -2
- package/dist/components/logos/logos.schema.dereffed.json +6 -6
- package/dist/components/logos/logos.schema.json +6 -6
- package/dist/components/page/index.d.ts +1 -1
- package/dist/components/page/page.schema.dereffed.json +12 -12
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +400 -37
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.schema.dereffed.json +12 -12
- package/dist/components/slider/slider.schema.dereffed.json +6 -6
- package/dist/components/split-even/index.d.ts +38 -11
- package/dist/components/split-even/index.js +1 -1
- package/dist/components/split-even/split-even.css +34 -24
- package/dist/components/split-even/split-even.schema.dereffed.json +5838 -10
- package/dist/components/split-even/split-even.schema.json +131 -10
- package/dist/components/split-weighted/index.d.ts +101 -0
- package/dist/components/split-weighted/index.js +13 -0
- package/dist/components/split-weighted/split-weighted.css +101 -0
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +5950 -0
- package/dist/components/split-weighted/split-weighted.schema.json +210 -0
- package/dist/static/img/logos/logoipsum-344.svg +174 -0
- package/dist/static/img/logos/logoipsum-347.svg +52 -0
- package/dist/static/img/logos/logoipsum-352.svg +22 -0
- package/dist/static/img/logos/logoipsum-356.svg +20 -0
- package/dist/static/img/logos/logoipsum-358.svg +29 -0
- package/dist/static/img/logos/logoipsum-369.svg +20 -0
- package/dist/static/img/logos/logoipsum-373.svg +17 -0
- package/dist/static/img/people/author-emily.png +0 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- package/dist/components/split/index.d.ts +0 -14
- package/dist/components/split/index.js +0 -17
- package/dist/components/split/split.css +0 -53
- package/dist/components/split/split.schema.dereffed.json +0 -29
- package/dist/components/split/split.schema.json +0 -19
- package/dist/static/img/logos/logoipsum-212.svg +0 -12
- package/dist/static/img/logos/logoipsum-217.svg +0 -4
- package/dist/static/img/logos/logoipsum-239.svg +0 -16
- package/dist/static/img/logos/logoipsum-244.svg +0 -19
- package/dist/static/img/logos/logoipsum-250.svg +0 -21
- package/dist/static/img/logos/logoipsum-286.svg +0 -20
- /package/dist/{BlogHeadProps-f5855e93.d.ts → BlogHeadProps-c04a5ed8.d.ts} +0 -0
- /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
- /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-
|
|
7
|
-
import { BlogTeaserProps } from "./BlogTeaserProps-
|
|
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-
|
|
6
|
+
import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
|
|
8
|
-
import { SectionProps } from "./SectionProps-
|
|
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-
|
|
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-
|
|
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-
|
|
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:
|
|
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-
|
|
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:
|
|
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
|
|
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
|
-
|
|
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(
|
|
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-
|
|
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-
|
|
1246
|
-
"img/logos/logoipsum-
|
|
1247
|
-
"img/logos/logoipsum-
|
|
1248
|
-
"img/logos/logoipsum-
|
|
1249
|
-
"img/logos/logoipsum-
|
|
1250
|
-
"img/logos/logoipsum-
|
|
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-
|
|
2219
|
-
"img/logos/logoipsum-
|
|
2220
|
-
"img/logos/logoipsum-
|
|
2221
|
-
"img/logos/logoipsum-
|
|
2222
|
-
"img/logos/logoipsum-
|
|
2223
|
-
"img/logos/logoipsum-
|
|
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-
|
|
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-
|
|
1530
|
-
"img/logos/logoipsum-
|
|
1531
|
-
"img/logos/logoipsum-
|
|
1532
|
-
"img/logos/logoipsum-
|
|
1533
|
-
"img/logos/logoipsum-
|
|
1534
|
-
"img/logos/logoipsum-
|
|
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-
|
|
2503
|
-
"img/logos/logoipsum-
|
|
2504
|
-
"img/logos/logoipsum-
|
|
2505
|
-
"img/logos/logoipsum-
|
|
2506
|
-
"img/logos/logoipsum-
|
|
2507
|
-
"img/logos/logoipsum-
|
|
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-
|
|
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 {
|
|
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:
|
|
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-
|
|
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-
|
|
8
|
-
--dsa-contact--gap-vertical: var(--ks-spacing-stack-
|
|
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:
|
|
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:
|
|
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-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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-
|
|
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-
|
|
33
|
-
export * from "../../BlogOverviewProps-
|
|
34
|
-
export * from "../../PageProps-
|
|
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-
|
|
12
|
-
--dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-
|
|
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-
|
|
32
|
-
"img/logos/logoipsum-
|
|
33
|
-
"img/logos/logoipsum-
|
|
34
|
-
"img/logos/logoipsum-
|
|
35
|
-
"img/logos/logoipsum-
|
|
36
|
-
"img/logos/logoipsum-
|
|
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-
|
|
30
|
-
"img/logos/logoipsum-
|
|
31
|
-
"img/logos/logoipsum-
|
|
32
|
-
"img/logos/logoipsum-
|
|
33
|
-
"img/logos/logoipsum-
|
|
34
|
-
"img/logos/logoipsum-
|
|
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": {
|
|
@@ -1242,12 +1242,12 @@
|
|
|
1242
1242
|
"title": "URL",
|
|
1243
1243
|
"description": "The URL of the logo image",
|
|
1244
1244
|
"examples": [
|
|
1245
|
-
"img/logos/logoipsum-
|
|
1246
|
-
"img/logos/logoipsum-
|
|
1247
|
-
"img/logos/logoipsum-
|
|
1248
|
-
"img/logos/logoipsum-
|
|
1249
|
-
"img/logos/logoipsum-
|
|
1250
|
-
"img/logos/logoipsum-
|
|
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-
|
|
2219
|
-
"img/logos/logoipsum-
|
|
2220
|
-
"img/logos/logoipsum-
|
|
2221
|
-
"img/logos/logoipsum-
|
|
2222
|
-
"img/logos/logoipsum-
|
|
2223
|
-
"img/logos/logoipsum-
|
|
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": {
|