@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.
@@ -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
- "control",
221
- "card",
222
- "narrow",
220
+ "smallest",
221
+ "default",
223
222
  "medium",
224
- "wide"
223
+ "large",
224
+ "largest"
225
225
  ],
226
- "default": "cards"
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",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Jan 2024 13:35:57 GMT
3
+ * Generated on Fri, 19 Jan 2024 15:31:54 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -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 = "control" | "card" | "narrow" | "medium" | "wide";
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 | PageIntroProps | SliderProps | SplitProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
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", content?.tileWidth && `l-section--tiles-${content?.tileWidth}`, className), background: backgroundColor, content: content, headline: {
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
- "control",
207
- "card",
208
- "narrow",
206
+ "smallest",
207
+ "default",
209
208
  "medium",
210
- "wide"
209
+ "large",
210
+ "largest"
211
211
  ],
212
- "default": "cards"
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": ["control", "card", "narrow", "medium", "wide"],
154
- "default": "cards"
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
  },
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Jan 2024 13:36:00 GMT
3
+ * Generated on Fri, 19 Jan 2024 15:31:56 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Jan 2024 13:35:57 GMT
3
+ * Generated on Fri, 19 Jan 2024 15:31:54 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Jan 2024 13:35:57 GMT
3
+ * Generated on Fri, 19 Jan 2024 15:31:54 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Jan 2024 13:35:58 GMT
3
+ * Generated on Fri, 19 Jan 2024 15:31:54 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#100e36";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.1.2",
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-beta.0",
72
- "@kickstartds/blog": "2.3.0-beta.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-beta.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,4 +0,0 @@
1
- import { FC, PropsWithChildren } from "react";
2
- import { PageIntroProps } from "../../PageIntroProps-f13f3e7c.js";
3
- declare const PageIntro: FC<PropsWithChildren<PageIntroProps>>;
4
- export { PageIntro };
@@ -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,8 +0,0 @@
1
- .l-section.l-section--page-intro {
2
- background: var(--dsa-interface--gradient);
3
- }
4
- .l-section.l-section--page-intro .c-page-intro {
5
- display: flex;
6
- flex-direction: column;
7
- gap: var(--ks-spacing-stack-s);
8
- }
@@ -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
- }