@kickstartds/ds-agency-premium 1.3.11 → 1.3.13
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-d28ccfb6.d.ts → FooterProps-9f94ed98.d.ts} +1 -1
- package/dist/MosaicProps-d52c7151.d.ts +2 -2
- package/dist/components/footer/footer.schema.dereffed.json +17 -9
- package/dist/components/footer/footer.schema.json +1 -28
- package/dist/components/footer/index.d.ts +1 -1
- package/dist/components/footer/index.js +1 -1
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/mosaic/index.js +2 -2
- package/dist/components/mosaic/mosaic.schema.dereffed.json +5 -1
- package/dist/components/page/page.schema.dereffed.json +5 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +16 -8
- package/dist/components/section/section.schema.dereffed.json +5 -1
- package/dist/components/settings/settings.schema.dereffed.json +17 -9
- package/dist/components/tile/tile.schema.dereffed.json +5 -1
- package/dist/components/tile/tile.schema.json +2 -1
- 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
|
@@ -53,10 +53,10 @@ type BackgroundImage = string;
|
|
|
53
53
|
*/
|
|
54
54
|
type TextColor = string;
|
|
55
55
|
interface TileProps {
|
|
56
|
-
headline
|
|
56
|
+
headline: Headline;
|
|
57
57
|
sub?: ModuleSubheadline;
|
|
58
58
|
text?: ModuleText;
|
|
59
|
-
image
|
|
59
|
+
image: {
|
|
60
60
|
src?: Source;
|
|
61
61
|
alt?: AltText;
|
|
62
62
|
};
|
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
"label": {
|
|
73
73
|
"type": "string"
|
|
74
74
|
},
|
|
75
|
-
"
|
|
76
|
-
"type": "
|
|
75
|
+
"active": {
|
|
76
|
+
"type": "boolean"
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
"additionalProperties": false,
|
|
@@ -85,17 +85,25 @@
|
|
|
85
85
|
"examples": [
|
|
86
86
|
[
|
|
87
87
|
{
|
|
88
|
-
"
|
|
89
|
-
"
|
|
88
|
+
"label": "Nav Item",
|
|
89
|
+
"href": "#"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"label": "Active Item",
|
|
93
|
+
"href": "#",
|
|
94
|
+
"active": true
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"label": "Another Item",
|
|
98
|
+
"href": "#"
|
|
90
99
|
},
|
|
91
100
|
{
|
|
92
|
-
"
|
|
93
|
-
"
|
|
101
|
+
"label": "One more Item",
|
|
102
|
+
"href": "#"
|
|
94
103
|
},
|
|
95
104
|
{
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"target": "_blank"
|
|
105
|
+
"label": "Last Item",
|
|
106
|
+
"href": "#"
|
|
99
107
|
}
|
|
100
108
|
]
|
|
101
109
|
]
|
|
@@ -55,34 +55,7 @@
|
|
|
55
55
|
"default": false
|
|
56
56
|
},
|
|
57
57
|
"navItems": {
|
|
58
|
-
"
|
|
59
|
-
"items": {
|
|
60
|
-
"type": "object",
|
|
61
|
-
"properties": {
|
|
62
|
-
"href": { "type": "string", "format": "uri" },
|
|
63
|
-
"label": { "type": "string" },
|
|
64
|
-
"target": { "type": "string" }
|
|
65
|
-
},
|
|
66
|
-
"additionalProperties": false,
|
|
67
|
-
"required": ["href", "label"]
|
|
68
|
-
},
|
|
69
|
-
"examples": [
|
|
70
|
-
[
|
|
71
|
-
{
|
|
72
|
-
"href": "#privacy-policy",
|
|
73
|
-
"label": "Privacy policy"
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"href": "#changelog",
|
|
77
|
-
"label": "Changelog"
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"href": "https://main--64f08cbba622af835d382b4f.chromatic.com/",
|
|
81
|
-
"label": "Storybook",
|
|
82
|
-
"target": "_blank"
|
|
83
|
-
}
|
|
84
|
-
]
|
|
85
|
-
]
|
|
58
|
+
"$ref": "http://schema.mydesignsystem.com/nav-main.schema.json#/properties/items"
|
|
86
59
|
}
|
|
87
60
|
},
|
|
88
61
|
"required": ["logo"],
|
|
@@ -5,7 +5,7 @@ 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 Footer = ({ logo, logoHref = "/", byline, inverted = false, navItems = [], }) => (jsx("div", { className: classnames("c-footer"), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "c-footer__content", children: [jsx(Link, { className: "c-footer__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: true }) }), byline && jsx("span", { className: "c-footer__byline", children: byline }), 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] }) }));
|
|
8
|
+
const Footer = ({ logo, logoHref = "/", byline, inverted = false, navItems = [], }) => (jsx("div", { className: classnames("c-footer"), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "c-footer__content", children: [jsx(Link, { className: "c-footer__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: true }) }), byline && jsx("span", { className: "c-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "c-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
|
|
9
9
|
Footer.displayName = "Footer";
|
|
10
10
|
|
|
11
11
|
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-34d278ee.js";
|
|
16
|
-
import { FooterProps } from "../../FooterProps-
|
|
16
|
+
import { FooterProps } from "../../FooterProps-9f94ed98.js";
|
|
17
17
|
/**
|
|
18
18
|
* Collection of sections (with their contents) to render on the page
|
|
19
19
|
*/
|
|
@@ -20,8 +20,8 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
|
|
|
20
20
|
},
|
|
21
21
|
}),
|
|
22
22
|
}, image: {
|
|
23
|
-
source: tile?.image
|
|
24
|
-
alt: tile?.image
|
|
23
|
+
source: tile?.image?.src,
|
|
24
|
+
alt: tile?.image?.alt,
|
|
25
25
|
order: {
|
|
26
26
|
desktopImageLast: layout === "textLeft"
|
|
27
27
|
? true
|
|
@@ -1156,7 +1156,7 @@
|
|
|
1156
1156
|
"id": "layout-footer--footer",
|
|
1157
1157
|
"group": "Layout/Footer",
|
|
1158
1158
|
"name": "Footer",
|
|
1159
|
-
"code": "<Footer\n byline=\"© 2024 systemics Inc. All rights reserved.\"\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: '#
|
|
1159
|
+
"code": "<Footer\n byline=\"© 2024 systemics Inc. All rights reserved.\"\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: '#',\n label: 'Nav Item'\n },\n {\n active: true,\n href: '#',\n label: 'Active Item'\n },\n {\n href: '#',\n label: 'Another Item'\n },\n {\n href: '#',\n label: 'One more Item'\n },\n {\n href: '#',\n label: 'Last Item'\n }\n ]}\n/>",
|
|
1160
1160
|
"args": {
|
|
1161
1161
|
"logo": {
|
|
1162
1162
|
"src": "/logo.svg",
|
|
@@ -1170,17 +1170,25 @@
|
|
|
1170
1170
|
"inverted": false,
|
|
1171
1171
|
"navItems": [
|
|
1172
1172
|
{
|
|
1173
|
-
"href": "#
|
|
1174
|
-
"label": "
|
|
1173
|
+
"href": "#",
|
|
1174
|
+
"label": "Nav Item"
|
|
1175
1175
|
},
|
|
1176
1176
|
{
|
|
1177
|
-
"href": "#
|
|
1178
|
-
"label": "
|
|
1177
|
+
"href": "#",
|
|
1178
|
+
"label": "Active Item",
|
|
1179
|
+
"active": true
|
|
1179
1180
|
},
|
|
1180
1181
|
{
|
|
1181
|
-
"href": "
|
|
1182
|
-
"label": "
|
|
1183
|
-
|
|
1182
|
+
"href": "#",
|
|
1183
|
+
"label": "Another Item"
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"href": "#",
|
|
1187
|
+
"label": "One more Item"
|
|
1188
|
+
},
|
|
1189
|
+
{
|
|
1190
|
+
"href": "#",
|
|
1191
|
+
"label": "Last Item"
|
|
1184
1192
|
}
|
|
1185
1193
|
]
|
|
1186
1194
|
},
|
|
@@ -203,8 +203,8 @@
|
|
|
203
203
|
"label": {
|
|
204
204
|
"type": "string"
|
|
205
205
|
},
|
|
206
|
-
"
|
|
207
|
-
"type": "
|
|
206
|
+
"active": {
|
|
207
|
+
"type": "boolean"
|
|
208
208
|
}
|
|
209
209
|
},
|
|
210
210
|
"additionalProperties": false,
|
|
@@ -216,17 +216,25 @@
|
|
|
216
216
|
"examples": [
|
|
217
217
|
[
|
|
218
218
|
{
|
|
219
|
-
"
|
|
220
|
-
"
|
|
219
|
+
"label": "Nav Item",
|
|
220
|
+
"href": "#"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"label": "Active Item",
|
|
224
|
+
"href": "#",
|
|
225
|
+
"active": true
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"label": "Another Item",
|
|
229
|
+
"href": "#"
|
|
221
230
|
},
|
|
222
231
|
{
|
|
223
|
-
"
|
|
224
|
-
"
|
|
232
|
+
"label": "One more Item",
|
|
233
|
+
"href": "#"
|
|
225
234
|
},
|
|
226
235
|
{
|
|
227
|
-
"
|
|
228
|
-
"
|
|
229
|
-
"target": "_blank"
|
|
236
|
+
"label": "Last Item",
|
|
237
|
+
"href": "#"
|
|
230
238
|
}
|
|
231
239
|
]
|
|
232
240
|
]
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 15 May 2024 10:
|
|
3
|
+
* Generated on Wed, 15 May 2024 10:32:43 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, 15 May 2024 10:
|
|
2730
|
+
* Generated on Wed, 15 May 2024 10:32:47 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, 15 May 2024 10:
|
|
5461
|
+
* Generated on Wed, 15 May 2024 10:32:45 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, 15 May 2024 10:
|
|
8462
|
+
* Generated on Wed, 15 May 2024 10:32:49 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