@kickstartds/ds-agency-premium 1.1.2 → 1.2.0--canary.4.107.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/components/page/page.schema.dereffed.json +5 -35
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/section/index.d.ts +2 -3
- package/dist/components/section/index.js +1 -1
- package/dist/components/section/section.css +3 -15
- package/dist/components/section/section.schema.dereffed.json +5 -35
- package/dist/components/section/section.schema.json +2 -5
- package/dist/static/tokens-lughausen.css +1 -1
- package/dist/static/tokens.css +1 -1
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +4 -4
- package/dist/PageIntroProps-f13f3e7c.d.ts +0 -14
- package/dist/components/page-intro/index.d.ts +0 -4
- package/dist/components/page-intro/index.js +0 -18
- package/dist/components/page-intro/page-intro.css +0 -8
- package/dist/components/page-intro/page-intro.schema.dereffed.json +0 -30
- package/dist/components/page-intro/page-intro.schema.json +0 -26
|
@@ -217,13 +217,13 @@
|
|
|
217
217
|
"title": "Tile Width",
|
|
218
218
|
"description": "Set min-width for the tiles in the grid",
|
|
219
219
|
"enum": [
|
|
220
|
-
"
|
|
221
|
-
"
|
|
222
|
-
"narrow",
|
|
220
|
+
"smallest",
|
|
221
|
+
"default",
|
|
223
222
|
"medium",
|
|
224
|
-
"
|
|
223
|
+
"large",
|
|
224
|
+
"largest"
|
|
225
225
|
],
|
|
226
|
-
"default": "
|
|
226
|
+
"default": "default"
|
|
227
227
|
}
|
|
228
228
|
},
|
|
229
229
|
"additionalProperties": false
|
|
@@ -1296,36 +1296,6 @@
|
|
|
1296
1296
|
},
|
|
1297
1297
|
"additionalProperties": false
|
|
1298
1298
|
},
|
|
1299
|
-
{
|
|
1300
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1301
|
-
"$id": "http://schema.mydesignsystem.com/page-intro.schema.json",
|
|
1302
|
-
"title": "Page Intro",
|
|
1303
|
-
"type": "object",
|
|
1304
|
-
"properties": {
|
|
1305
|
-
"headline": {
|
|
1306
|
-
"type": "string"
|
|
1307
|
-
},
|
|
1308
|
-
"sub": {
|
|
1309
|
-
"type": "string"
|
|
1310
|
-
},
|
|
1311
|
-
"link": {
|
|
1312
|
-
"type": "object",
|
|
1313
|
-
"properties": {
|
|
1314
|
-
"href": {
|
|
1315
|
-
"type": "string"
|
|
1316
|
-
},
|
|
1317
|
-
"label": {
|
|
1318
|
-
"type": "string"
|
|
1319
|
-
}
|
|
1320
|
-
},
|
|
1321
|
-
"additionalProperties": false
|
|
1322
|
-
},
|
|
1323
|
-
"type": {
|
|
1324
|
-
"const": "page-intro"
|
|
1325
|
-
}
|
|
1326
|
-
},
|
|
1327
|
-
"additionalProperties": false
|
|
1328
|
-
},
|
|
1329
1299
|
{
|
|
1330
1300
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1331
1301
|
"$id": "http://schema.mydesignsystem.com/slider.schema.json",
|
|
@@ -15,7 +15,6 @@ import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
|
|
|
15
15
|
import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
|
|
16
16
|
import { LogosProps } from "../../LogosProps-8af8b3c7.js";
|
|
17
17
|
import { MosaicProps } from "../../MosaicProps-aacb9422.js";
|
|
18
|
-
import { PageIntroProps } from "../../PageIntroProps-f13f3e7c.js";
|
|
19
18
|
import { SliderProps } from "../../SliderProps-8cae490d.js";
|
|
20
19
|
import { SplitProps } from "../../SplitProps-89ef39c4.js";
|
|
21
20
|
import { StatsProps } from "../../StatsProps-afa48599.js";
|
|
@@ -103,11 +102,11 @@ type Mode = "default" | "tile" | "list" | "slider";
|
|
|
103
102
|
/**
|
|
104
103
|
* Set min-width for the tiles in the grid
|
|
105
104
|
*/
|
|
106
|
-
type TileWidth = "
|
|
105
|
+
type TileWidth = "smallest" | "default" | "medium" | "large" | "largest";
|
|
107
106
|
/**
|
|
108
107
|
* Allowed components for content
|
|
109
108
|
*/
|
|
110
|
-
type Content = (CtaProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps |
|
|
109
|
+
type Content = (CtaProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | SplitProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
|
|
111
110
|
/**
|
|
112
111
|
* Buttons of the Button Group
|
|
113
112
|
*/
|
|
@@ -29,7 +29,7 @@ const Section = forwardRef(({ headline, content, headerSpacing, width = "default
|
|
|
29
29
|
? "symmetric-glow"
|
|
30
30
|
: style === "anchorGlow"
|
|
31
31
|
? "anchor-glow"
|
|
32
|
-
: style}`, headerSpacing && "l-section--header-spacing", spotlight && "l-section--spotlight",
|
|
32
|
+
: style}`, headerSpacing && "l-section--header-spacing", spotlight && "l-section--spotlight", className), background: backgroundColor, content: content, headline: {
|
|
33
33
|
...headlineRest,
|
|
34
34
|
spaceAfter: "large",
|
|
35
35
|
// @ts-expect-error
|
|
@@ -61,6 +61,9 @@
|
|
|
61
61
|
--l-section--spotlight-top: 0;
|
|
62
62
|
--l-section--spotlight-color: var(--ks-color-primary-alpha-5);
|
|
63
63
|
}
|
|
64
|
+
.l-section__content {
|
|
65
|
+
--l-section_tile-width--default: 20rem;
|
|
66
|
+
}
|
|
64
67
|
|
|
65
68
|
:root .l-section {
|
|
66
69
|
background-image: var(--l-section--background-image);
|
|
@@ -76,21 +79,6 @@
|
|
|
76
79
|
:root .l-section--header-spacing.l-section--space-before-small {
|
|
77
80
|
padding-top: calc(var(--g-header-height) + var(--l-section--space-small));
|
|
78
81
|
}
|
|
79
|
-
:root .l-section--tiles-control .l-section__content {
|
|
80
|
-
--l-section_col--min-width: var(--l-section--tile-width-control);
|
|
81
|
-
}
|
|
82
|
-
:root .l-section--tiles-card .l-section__content {
|
|
83
|
-
--l-section_col--min-width: var(--l-section--tile-width-card);
|
|
84
|
-
}
|
|
85
|
-
:root .l-section--tiles-narrow .l-section__content {
|
|
86
|
-
--l-section_col--min-width: var(--l-section--tile-width-narrow);
|
|
87
|
-
}
|
|
88
|
-
:root .l-section--tiles-medium .l-section__content {
|
|
89
|
-
--l-section_col--min-width: var(--l-section--tile-width-medium);
|
|
90
|
-
}
|
|
91
|
-
:root .l-section--tiles-wide .l-section__content {
|
|
92
|
-
--l-section_col--min-width: var(--l-section--tile-width-wide);
|
|
93
|
-
}
|
|
94
82
|
:root .l-section--spotlight {
|
|
95
83
|
position: relative;
|
|
96
84
|
}
|
|
@@ -203,13 +203,13 @@
|
|
|
203
203
|
"title": "Tile Width",
|
|
204
204
|
"description": "Set min-width for the tiles in the grid",
|
|
205
205
|
"enum": [
|
|
206
|
-
"
|
|
207
|
-
"
|
|
208
|
-
"narrow",
|
|
206
|
+
"smallest",
|
|
207
|
+
"default",
|
|
209
208
|
"medium",
|
|
210
|
-
"
|
|
209
|
+
"large",
|
|
210
|
+
"largest"
|
|
211
211
|
],
|
|
212
|
-
"default": "
|
|
212
|
+
"default": "default"
|
|
213
213
|
}
|
|
214
214
|
},
|
|
215
215
|
"additionalProperties": false
|
|
@@ -1282,36 +1282,6 @@
|
|
|
1282
1282
|
},
|
|
1283
1283
|
"additionalProperties": false
|
|
1284
1284
|
},
|
|
1285
|
-
{
|
|
1286
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1287
|
-
"$id": "http://schema.mydesignsystem.com/page-intro.schema.json",
|
|
1288
|
-
"title": "Page Intro",
|
|
1289
|
-
"type": "object",
|
|
1290
|
-
"properties": {
|
|
1291
|
-
"headline": {
|
|
1292
|
-
"type": "string"
|
|
1293
|
-
},
|
|
1294
|
-
"sub": {
|
|
1295
|
-
"type": "string"
|
|
1296
|
-
},
|
|
1297
|
-
"link": {
|
|
1298
|
-
"type": "object",
|
|
1299
|
-
"properties": {
|
|
1300
|
-
"href": {
|
|
1301
|
-
"type": "string"
|
|
1302
|
-
},
|
|
1303
|
-
"label": {
|
|
1304
|
-
"type": "string"
|
|
1305
|
-
}
|
|
1306
|
-
},
|
|
1307
|
-
"additionalProperties": false
|
|
1308
|
-
},
|
|
1309
|
-
"type": {
|
|
1310
|
-
"const": "page-intro"
|
|
1311
|
-
}
|
|
1312
|
-
},
|
|
1313
|
-
"additionalProperties": false
|
|
1314
|
-
},
|
|
1315
1285
|
{
|
|
1316
1286
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1317
1287
|
"$id": "http://schema.mydesignsystem.com/slider.schema.json",
|
|
@@ -150,8 +150,8 @@
|
|
|
150
150
|
"type": "string",
|
|
151
151
|
"title": "Tile Width",
|
|
152
152
|
"description": "Set min-width for the tiles in the grid",
|
|
153
|
-
"enum": ["
|
|
154
|
-
"default": "
|
|
153
|
+
"enum": ["smallest", "default", "medium", "large", "largest"],
|
|
154
|
+
"default": "default"
|
|
155
155
|
}
|
|
156
156
|
},
|
|
157
157
|
"additionalProperties": false
|
|
@@ -189,9 +189,6 @@
|
|
|
189
189
|
{
|
|
190
190
|
"$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
|
|
191
191
|
},
|
|
192
|
-
{
|
|
193
|
-
"$ref": "http://schema.mydesignsystem.com/page-intro.schema.json"
|
|
194
|
-
},
|
|
195
192
|
{
|
|
196
193
|
"$ref": "http://schema.mydesignsystem.com/slider.schema.json"
|
|
197
194
|
},
|
package/dist/static/tokens.css
CHANGED
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kickstartds/ds-agency-premium",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0--canary.4.107.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -68,11 +68,11 @@
|
|
|
68
68
|
"dependencies": {
|
|
69
69
|
"@bedrock-layout/primitives": "^3.0.23",
|
|
70
70
|
"@bedrock-layout/spacing-constants": "^3.2.5",
|
|
71
|
-
"@kickstartds/base": "2.3.0-
|
|
72
|
-
"@kickstartds/blog": "2.3.0-
|
|
71
|
+
"@kickstartds/base": "2.3.0-canary.1586.6599.0",
|
|
72
|
+
"@kickstartds/blog": "2.3.0-canary.1586.6599.0",
|
|
73
73
|
"@kickstartds/content": "3.0.0-next.7",
|
|
74
74
|
"@kickstartds/core": "3.0.0-beta.0",
|
|
75
|
-
"@kickstartds/form": "2.3.0-
|
|
75
|
+
"@kickstartds/form": "2.3.0-canary.1586.6599.0",
|
|
76
76
|
"classnames": "^2.3.2",
|
|
77
77
|
"lazysizes": "^5.3.2",
|
|
78
78
|
"react": "18.2.0",
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
interface PageIntroProps {
|
|
7
|
-
headline?: string;
|
|
8
|
-
sub?: string;
|
|
9
|
-
link?: {
|
|
10
|
-
href?: string;
|
|
11
|
-
label?: string;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
export { PageIntroProps };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "./page-intro.css";
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { Headline } from '@kickstartds/base/lib/headline';
|
|
4
|
-
import { Link } from '@kickstartds/base/lib/link';
|
|
5
|
-
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
|
-
import { Section } from '../section/index.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
import 'classnames';
|
|
9
|
-
import '@kickstartds/core/lib/react';
|
|
10
|
-
import '@kickstartds/base/lib/section';
|
|
11
|
-
import '../section/js/Section.client.js';
|
|
12
|
-
import '@kickstartds/core/lib/component';
|
|
13
|
-
|
|
14
|
-
const PageIntro = ({ headline, sub, link, }) => {
|
|
15
|
-
return (jsx(Section, { headerSpacing: true, className: "l-section--page-intro", children: jsxs("div", { className: "c-page-intro", children: [jsxs(Link, { href: link.href, className: "g-link", children: [jsx(Icon, { icon: "arrow-left" }), link.label] }), jsx(Headline, { text: headline, sub: sub, level: "h1", style: "h1" })] }) }));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { PageIntro };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/page-intro.schema.json",
|
|
4
|
-
"title": "Page Intro",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"headline": {
|
|
8
|
-
"type": "string"
|
|
9
|
-
},
|
|
10
|
-
"sub": {
|
|
11
|
-
"type": "string"
|
|
12
|
-
},
|
|
13
|
-
"link": {
|
|
14
|
-
"type": "object",
|
|
15
|
-
"properties": {
|
|
16
|
-
"href": {
|
|
17
|
-
"type": "string"
|
|
18
|
-
},
|
|
19
|
-
"label": {
|
|
20
|
-
"type": "string"
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
"additionalProperties": false
|
|
24
|
-
},
|
|
25
|
-
"type": {
|
|
26
|
-
"const": "page-intro"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
"additionalProperties": false
|
|
30
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/page-intro.schema.json",
|
|
4
|
-
"title": "Page Intro",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"headline": {
|
|
8
|
-
"type": "string"
|
|
9
|
-
},
|
|
10
|
-
"sub": {
|
|
11
|
-
"type": "string"
|
|
12
|
-
},
|
|
13
|
-
"link": {
|
|
14
|
-
"type": "object",
|
|
15
|
-
"properties": {
|
|
16
|
-
"href": {
|
|
17
|
-
"type": "string"
|
|
18
|
-
},
|
|
19
|
-
"label": {
|
|
20
|
-
"type": "string"
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"additionalProperties": false
|
|
26
|
-
}
|