@kickstartds/ds-agency-premium 1.3.1 → 1.3.3--canary.376.d27cea6.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/{FooterProps-55aaf559.d.ts → FooterProps-b5c16ab5.d.ts} +1 -6
- package/dist/components/cta/cta.css +11 -22
- package/dist/components/footer/footer.css +5 -5
- package/dist/components/footer/footer.schema.dereffed.json +0 -6
- package/dist/components/footer/footer.schema.json +0 -6
- package/dist/components/footer/index.d.ts +1 -1
- package/dist/components/footer/index.js +2 -1
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/mosaic/mosaic.css +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +1 -2
- package/dist/components/settings/settings.schema.dereffed.json +0 -6
- 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
|
@@ -19,14 +19,9 @@ type Width = number;
|
|
|
19
19
|
* Height of the picture
|
|
20
20
|
*/
|
|
21
21
|
type Height = number;
|
|
22
|
-
/**
|
|
23
|
-
* Small line of text displayed below the logo
|
|
24
|
-
*/
|
|
25
|
-
type Byline = string;
|
|
26
22
|
interface FooterProps {
|
|
27
23
|
logo: Logo;
|
|
28
24
|
logoHref?: string;
|
|
29
|
-
byline?: Byline;
|
|
30
25
|
navItems?: {
|
|
31
26
|
href: string;
|
|
32
27
|
label: string;
|
|
@@ -39,4 +34,4 @@ interface Logo {
|
|
|
39
34
|
width?: Width;
|
|
40
35
|
height?: Height;
|
|
41
36
|
}
|
|
42
|
-
export { Source, AltText, Width, Height,
|
|
37
|
+
export { Source, AltText, Width, Height, FooterProps, Logo };
|
|
@@ -25,41 +25,30 @@
|
|
|
25
25
|
|
|
26
26
|
.c-storytelling.dsa-cta {
|
|
27
27
|
--c-storytelling--padding-ratio: 2;
|
|
28
|
+
--c-storytelling--horizontal-padding: var(--l-section--content-padding);
|
|
28
29
|
justify-content: center;
|
|
29
30
|
align-items: center;
|
|
30
31
|
padding: 0;
|
|
31
32
|
}
|
|
32
33
|
.c-storytelling.dsa-cta--color-neutral {
|
|
33
|
-
--dsa-cta__copy--color: var(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
);
|
|
37
|
-
--dsa-cta__headline--color: var(
|
|
38
|
-
--dsa-cta_color-neutral__headline--color,
|
|
39
|
-
var(--ks-text-color-default)
|
|
40
|
-
);
|
|
41
|
-
--dsa-cta__subheadline--color: var(
|
|
42
|
-
--dsa-cta_color-neutral__subheadline--color,
|
|
43
|
-
var(--ks-text-color-default)
|
|
44
|
-
);
|
|
34
|
+
--dsa-cta__copy--color: var(--dsa-cta_color-neutral__copy--color, var(--ks-text-color-default));
|
|
35
|
+
--dsa-cta__headline--color: var(--dsa-cta_color-neutral__headline--color, var(--ks-text-color-default));
|
|
36
|
+
--dsa-cta__subheadline--color: var(--dsa-cta_color-neutral__subheadline--color, var(--ks-text-color-default));
|
|
45
37
|
}
|
|
46
38
|
.c-storytelling.dsa-cta--highlight-text {
|
|
47
|
-
--dsa-cta__copy--font: var(
|
|
48
|
-
|
|
49
|
-
var(--ks-text-font-default)
|
|
50
|
-
);
|
|
51
|
-
--dsa-cta__headline--font: var(
|
|
52
|
-
--dsa-cta_highlight-text__headline--font,
|
|
53
|
-
var(--ks-text-font-default)
|
|
54
|
-
);
|
|
39
|
+
--dsa-cta__copy--font: var(--dsa-cta_highlight-text__copy--font, var(--ks-font-copy-l));
|
|
40
|
+
--dsa-cta__headline--font: var(--dsa-cta_highlight-text__headline--font, var(--dsa-headline_h1--font));
|
|
55
41
|
--dsa-cta__subheadline--font: var(
|
|
56
42
|
--dsa-cta_highlight-text__subheadline--font,
|
|
57
|
-
var(--
|
|
43
|
+
var(--dsa-headline_h1__subheadline--font)
|
|
58
44
|
);
|
|
59
45
|
}
|
|
60
46
|
.c-storytelling.dsa-cta.c-storytelling--full {
|
|
61
47
|
--c-storytelling--padding-ratio: 1;
|
|
62
48
|
}
|
|
49
|
+
.c-storytelling.dsa-cta.c-storytelling--full.c-storytelling--order-desktop-image-last .c-storytelling__box {
|
|
50
|
+
padding-left: var(--dsa-cta--horizontal-padding);
|
|
51
|
+
}
|
|
63
52
|
.c-storytelling.dsa-cta.dsa-cta--align-top {
|
|
64
53
|
align-items: flex-start;
|
|
65
54
|
}
|
|
@@ -100,7 +89,7 @@
|
|
|
100
89
|
}
|
|
101
90
|
.c-storytelling.dsa-cta .c-storytelling__box .c-rich-text {
|
|
102
91
|
font: var(--dsa-cta__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
|
|
103
|
-
color: var(--dsa-cta__copy--color, var(--
|
|
92
|
+
color: var(--dsa-cta__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
|
|
104
93
|
}
|
|
105
94
|
.c-storytelling.dsa-cta .c-storytelling__box:only-child {
|
|
106
95
|
--dsa-cta--horizontal-padding: var(--l-section--content-padding);
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
--dsa-footer--border-top: 1px solid var(--ks-border-color-accent);
|
|
4
4
|
--dsa-footer--max-width: var(--l-section--content-width-wide);
|
|
5
5
|
--dsa-footer--gap-vertical: var(--ks-spacing-stack-m);
|
|
6
|
-
--dsa-
|
|
7
|
-
--dsa-
|
|
6
|
+
--dsa-footer__trademark--font: var(--ks-font-copy-xs);
|
|
7
|
+
--dsa-footer__trademark--color: var(--ks-text-color-default);
|
|
8
8
|
--dsa-footer__links--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
|
|
9
9
|
--dsa-footer__links--font: var(--ks-font-interface-s);
|
|
10
10
|
--dsa-footer__links--color: var(--dsa-link--color);
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
height: var(--dsa-footer__logo--height);
|
|
42
42
|
width: auto;
|
|
43
43
|
}
|
|
44
|
-
.c-
|
|
45
|
-
font: var(--dsa-
|
|
46
|
-
color: var(--dsa-
|
|
44
|
+
.c-footer__trademark {
|
|
45
|
+
font: var(--dsa-footer__trademark--font, var(--ks-font-copy-xs));
|
|
46
|
+
color: var(--dsa-footer__trademark--color, var(--ks-text-color-default));
|
|
47
47
|
}
|
|
48
48
|
.c-footer__links {
|
|
49
49
|
display: flex;
|
|
@@ -48,12 +48,6 @@
|
|
|
48
48
|
"format": "uri",
|
|
49
49
|
"default": "/"
|
|
50
50
|
},
|
|
51
|
-
"byline": {
|
|
52
|
-
"title": "Byline",
|
|
53
|
-
"description": "Small line of text displayed below the logo",
|
|
54
|
-
"type": "string",
|
|
55
|
-
"default": "© 2024 systemics Inc. All rights reserved."
|
|
56
|
-
},
|
|
57
51
|
"navItems": {
|
|
58
52
|
"type": "array",
|
|
59
53
|
"items": {
|
|
@@ -42,12 +42,6 @@
|
|
|
42
42
|
"format": "uri",
|
|
43
43
|
"default": "/"
|
|
44
44
|
},
|
|
45
|
-
"byline": {
|
|
46
|
-
"title": "Byline",
|
|
47
|
-
"description": "Small line of text displayed below the logo",
|
|
48
|
-
"type": "string",
|
|
49
|
-
"default": "© 2024 systemics Inc. All rights reserved."
|
|
50
|
-
},
|
|
51
45
|
"navItems": {
|
|
52
46
|
"type": "array",
|
|
53
47
|
"items": {
|
|
@@ -5,7 +5,8 @@ import classnames from 'classnames';
|
|
|
5
5
|
import { Picture } from '@kickstartds/base/lib/picture';
|
|
6
6
|
import { Link } from '@kickstartds/base/lib/link';
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const now = new Date();
|
|
9
|
+
const Footer = ({ logo, logoHref = "/", navItems = [], }) => (jsx("div", { className: classnames("c-footer"), children: jsxs("div", { className: "c-footer__content", children: [jsx(Link, { className: "c-footer__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: true }) }), jsxs("span", { className: "c-footer__trademark", children: ["\u00A9 ", now.getFullYear(), " systemics Inc. All rights reserved."] }), navItems.length > 0 ? (jsx("div", { className: "c-footer__links", children: navItems.map(({ label, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
|
|
9
10
|
Footer.displayName = "Footer";
|
|
10
11
|
|
|
11
12
|
export { Footer };
|
|
@@ -13,7 +13,7 @@ import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
|
|
|
13
13
|
* and run json-schema-to-typescript to regenerate this file.
|
|
14
14
|
*/
|
|
15
15
|
import { HeaderProps } from "../../HeaderProps-ae331ab2.js";
|
|
16
|
-
import { FooterProps } from "../../FooterProps-
|
|
16
|
+
import { FooterProps } from "../../FooterProps-b5c16ab5.js";
|
|
17
17
|
/**
|
|
18
18
|
* Collection of sections (with their contents) to render on the page
|
|
19
19
|
*/
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
}
|
|
22
22
|
.dsa-mosaic .c-rich-text {
|
|
23
23
|
font: var(--dsa-mosaic__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
|
|
24
|
-
color: var(--dsa-mosaic__copy--color, var(--
|
|
24
|
+
color: var(--dsa-mosaic__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
|
|
25
25
|
}
|
|
26
26
|
.dsa-mosaic .c-storytelling__box__content[style^=color] .dsa-headline__headline,
|
|
27
27
|
.dsa-mosaic .c-storytelling__box__content[style^=color] .dsa-headline__subheadline {
|
|
@@ -1156,7 +1156,7 @@
|
|
|
1156
1156
|
"id": "layout-footer--footer",
|
|
1157
1157
|
"group": "Layout/Footer",
|
|
1158
1158
|
"name": "Footer",
|
|
1159
|
-
"code": "<Footer\n
|
|
1159
|
+
"code": "<Footer\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n lazy: false,\n src: '/logo.svg',\n width: 176\n }}\n logoHref=\"/\"\n navItems={[\n {\n href: '#privacy-policy',\n label: 'Privacy policy'\n },\n {\n href: '#changelog',\n label: 'Changelog'\n },\n {\n href: 'https://main--64f08cbba622af835d382b4f.chromatic.com/',\n label: 'Storybook',\n target: '_blank'\n }\n ]}\n/>",
|
|
1160
1160
|
"args": {
|
|
1161
1161
|
"logo": {
|
|
1162
1162
|
"src": "/logo.svg",
|
|
@@ -1166,7 +1166,6 @@
|
|
|
1166
1166
|
"lazy": false
|
|
1167
1167
|
},
|
|
1168
1168
|
"logoHref": "/",
|
|
1169
|
-
"byline": "© 2024 systemics Inc. All rights reserved.",
|
|
1170
1169
|
"navItems": [
|
|
1171
1170
|
{
|
|
1172
1171
|
"href": "#privacy-policy",
|
|
@@ -173,12 +173,6 @@
|
|
|
173
173
|
"format": "uri",
|
|
174
174
|
"default": "/"
|
|
175
175
|
},
|
|
176
|
-
"byline": {
|
|
177
|
-
"title": "Byline",
|
|
178
|
-
"description": "Small line of text displayed below the logo",
|
|
179
|
-
"type": "string",
|
|
180
|
-
"default": "© 2024 systemics Inc. All rights reserved."
|
|
181
|
-
},
|
|
182
176
|
"navItems": {
|
|
183
177
|
"type": "array",
|
|
184
178
|
"items": {
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 18 Apr 2024
|
|
3
|
+
* Generated on Thu, 18 Apr 2024 11:37:38 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 Thu, 18 Apr 2024
|
|
2730
|
+
* Generated on Thu, 18 Apr 2024 11:37:42 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 Thu, 18 Apr 2024
|
|
5461
|
+
* Generated on Thu, 18 Apr 2024 11:37:40 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 Thu, 18 Apr 2024
|
|
8462
|
+
* Generated on Thu, 18 Apr 2024 11:37:44 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
package/dist/tokens/tokens.js
CHANGED