@kickstartds/ds-agency-premium 1.6.68--canary.1647.8492e54.0 → 1.6.68--canary.44.1652.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.
Files changed (17) hide show
  1. package/dist/components/header/header.css +0 -2
  2. package/dist/components/page-wrapper/index.js +0 -8
  3. package/dist/components/page-wrapper/tokens.css +1 -1
  4. package/dist/components/presets.json +0 -62
  5. package/dist/components/teaser-card/teaser-card.css +22 -6
  6. package/dist/global.css +138 -0
  7. package/dist/tokens/IconSprite.js +0 -8
  8. package/dist/tokens/icon-sprite.html +0 -3
  9. package/dist/tokens/themes.css +4 -4
  10. package/dist/tokens/tokens.css +1 -1
  11. package/dist/tokens/tokens.js +1 -2
  12. package/package.json +1 -1
  13. package/dist/components/event/event.css +0 -47
  14. package/dist/components/event/event.schema.dereffed.json +0 -128
  15. package/dist/components/event/event.schema.json +0 -114
  16. package/dist/components/event/index.d.ts +0 -99
  17. package/dist/components/event/index.js +0 -25
package/dist/components/header/header.css CHANGED
@@ -11,9 +11,7 @@
11
11
  :root,
12
12
  [ks-theme],
13
13
  [ks-inverted] {
14
- --dsa-header--spacing-vertical: var(--ks-spacing-stack-s);
15
14
  --dsa-header--spacing-horizontal: var(--dsa-content--horizontal-spacing);
16
- --dsa-header_floating--spacing-horizontal: var(--ks-spacing-inset-m);
17
15
  }
18
16
  }
19
17
 
package/dist/components/page-wrapper/index.js CHANGED
@@ -140,14 +140,6 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
140
140
  }), /*#__PURE__*/ jsx("path", {
141
141
  d: "M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z"
142
142
  })]
143
- }), /*#__PURE__*/ jsxs("symbol", {
144
- id: "icon-map-pin",
145
- viewBox: "0 0 24 24",
146
- children: [/*#__PURE__*/ jsx("path", {
147
- d: "M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z"
148
- }), /*#__PURE__*/ jsx("path", {
149
- d: "M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z"
150
- })]
151
143
  }), /*#__PURE__*/ jsx("symbol", {
152
144
  id: "icon-map",
153
145
  viewBox: "0 0 24 24",
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jun 2025 09:12:03 GMT
3
+ * Generated on Wed, 18 Jun 2025 10:20:00 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
package/dist/components/presets.json CHANGED
@@ -1250,68 +1250,6 @@
1250
1250
  },
1251
1251
  "screenshot": "img/screenshots/layout-divider--default.png"
1252
1252
  },
1253
- {
1254
- "id": "industry-event--default",
1255
- "group": "Industry/Event",
1256
- "name": "Default",
1257
- "code": "<Event\n appointments={[\n {\n address: 'Berlin Congress Center<br />\\nAlexanderplatz 1<br />\\n10178 Berlin',\n cta: {\n label: 'Register now',\n target: 'https://systemics.events/register'\n },\n date: '2025-09-18',\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n time: '09:00 – 17:00'\n },\n {\n address: 'Berlin Congress Center<br />\\nAlexanderplatz 1<br />\\n10178 Berlin',\n cta: {\n label: 'Register now',\n target: 'https://systemics.events/register'\n },\n date: '2025-09-18',\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n time: '09:00 – 17:00'\n },\n {\n address: 'Berlin Congress Center<br />\\nAlexanderplatz 1<br />\\n10178 Berlin',\n cta: {\n label: 'Register now',\n target: 'https://systemics.events/register'\n },\n date: '2025-09-18',\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n time: '09:00 – 17:00'\n }\n ]}\n categories={[\n {\n label: 'Conference'\n },\n {\n label: 'Design Systems'\n }\n ]}\n description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n \"\n images={[\n {\n alt: 'Attendees at the Systemics Design Conference',\n src: '/img/events/design-conference.jpg'\n },\n {\n alt: 'Keynote speaker on stage',\n src: '/img/events/speaker.jpg'\n }\n ]}\n intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n title=\"Systemics Design Conference 2025\"\n/>",
1258
- "args": {
1259
- "title": "Systemics Design Conference 2025",
1260
- "categories": [
1261
- {
1262
- "label": "Conference"
1263
- },
1264
- {
1265
- "label": "Design Systems"
1266
- }
1267
- ],
1268
- "intro": "A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.",
1269
- "appointments": [
1270
- {
1271
- "date": "2025-09-18",
1272
- "time": "09:00 – 17:00",
1273
- "address": "Berlin Congress Center<br />\nAlexanderplatz 1<br />\n10178 Berlin",
1274
- "cta": {
1275
- "label": "Register now",
1276
- "target": "https://systemics.events/register"
1277
- },
1278
- "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
1279
- },
1280
- {
1281
- "date": "2025-09-18",
1282
- "time": "09:00 – 17:00",
1283
- "address": "Berlin Congress Center<br />\nAlexanderplatz 1<br />\n10178 Berlin",
1284
- "cta": {
1285
- "label": "Register now",
1286
- "target": "https://systemics.events/register"
1287
- },
1288
- "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
1289
- },
1290
- {
1291
- "date": "2025-09-18",
1292
- "time": "09:00 – 17:00",
1293
- "address": "Berlin Congress Center<br />\nAlexanderplatz 1<br />\n10178 Berlin",
1294
- "cta": {
1295
- "label": "Register now",
1296
- "target": "https://systemics.events/register"
1297
- },
1298
- "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
1299
- }
1300
- ],
1301
- "description": "\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n ",
1302
- "images": [
1303
- {
1304
- "src": "/img/events/design-conference.jpg",
1305
- "alt": "Attendees at the Systemics Design Conference"
1306
- },
1307
- {
1308
- "src": "/img/events/speaker.jpg",
1309
- "alt": "Keynote speaker on stage"
1310
- }
1311
- ]
1312
- },
1313
- "screenshot": "img/screenshots/industry-event--default.png"
1314
- },
1315
1253
  {
1316
1254
  "id": "components-faq--dropdown-list",
1317
1255
  "group": "Components/Faq",
package/dist/components/teaser-card/teaser-card.css CHANGED
@@ -19,29 +19,41 @@
19
19
  --dsa-teaser-card__label--padding: 0.5em 1em;
20
20
  --dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
21
21
  --dsa-teaser-card__label--border: 1px solid var(--ks-border-color-interface);
22
- --dsa-teaser-card__topic--font: var(--ks-font-display-l);
22
+ --dsa-teaser-card__button--font: var(--ks-font-interface-m);
23
+ --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
24
+ --dsa-teaser-card__topic--font: var(--ks-font-display-m);
23
25
  --dsa-teaser-card__topic--font-weight: var(--dsa-topic--font-weight);
24
- --dsa-teaser-card__copy--font: var(--dsa-rich-text--font);
26
+ --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
25
27
  --dsa-teaser-card__copy--color: var(--ks-text-color-default);
26
- --dsa-teaser-card--padding: var(--ks-spacing-inset-l);
28
+ --dsa-teaser-card__button--font: var(--ks-font-interface-s);
29
+ }
30
+ @container teaser-card (min-width: 400px) {
31
+ .dsa-teaser-card {
32
+ --dsa-teaser-card--padding: var(--ks-spacing-inset-l);
33
+ --dsa-teaser-card__topic--font: var(--ks-font-display-l);
34
+ --dsa-teaser-card__copy--font: var(--ks-font-copy-m);
35
+ --dsa-teaser-card__button--font: var(--ks-font-interface-m);
36
+ }
27
37
  }
28
38
  @media (min-width: 48em) {
29
39
  .dsa-teaser-card {
30
40
  --dsa-teaser-card__topic--font: var(--ks-font-display-s);
31
41
  --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
32
- --dsa-teaser-card--padding: var(--ks-spacing-inset-s);
42
+ --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
43
+ --dsa-teaser-card__button--font: var(--ks-font-interface-s);
33
44
  }
34
- @container teaser-card (min-width: 300px) {
45
+ @container teaser-card (min-width: 400px) {
35
46
  .dsa-teaser-card {
36
47
  --dsa-teaser-card__copy--font: var(--ks-font-copy-m);
37
48
  --dsa-teaser-card__topic--font: var(--ks-font-display-m);
49
+ --dsa-teaser-card__button--font: var(--ks-font-interface-m);
38
50
  }
39
51
  }
40
52
  @container teaser-card (min-width: 820px) {
41
53
  .dsa-teaser-card {
54
+ --dsa-teaser-card--padding: var(--ks-spacing-inset-l);
42
55
  --dsa-teaser-card__topic--font: var(--ks-font-display-l);
43
56
  --dsa-teaser-card__copy--font: var(--ks-font-copy-l);
44
- --dsa-teaser-card--padding: var(--ks-spacing-inset-l);
45
57
  }
46
58
  }
47
59
  }
@@ -113,6 +125,10 @@
113
125
  color: var(--dsa-teaser-card__label--color);
114
126
  background-color: var(--dsa-teaser-card__label--background-color);
115
127
  }
128
+ .dsa-teaser-card .c-teaser__link .dsa-button {
129
+ font: var(--dsa-teaser-card__button--font, var(--dsa-button_medium--font));
130
+ padding: var(--dsa-teaser-card__button--padding, var(--dsa-button--padding));
131
+ }
116
132
  @container teaser-card (min-width: 640px) {
117
133
  .dsa-teaser-card--unset img {
118
134
  height: 100%;
package/dist/global.css CHANGED
@@ -342,6 +342,144 @@ h3 {
342
342
  }
343
343
  }
344
344
 
345
+ :root,
346
+ [ks-theme],
347
+ [ks-inverted=false],
348
+ [ks-inverted=true] {
349
+ --spacing-base: 18px;
350
+ --spacing-shrink-factor: 0.75;
351
+ --spacing-grow-factor: 1.275;
352
+ --spacing-bp-factor: 1.0135;
353
+ --spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));
354
+ --spacing-xs-bp-factor: calc(var(--spacing-xxs-bp-factor) * var(--spacing-bp-factor));
355
+ --spacing-s-bp-factor: calc(var(--spacing-xs-bp-factor) * var(--spacing-bp-factor));
356
+ --spacing-m-bp-factor: calc(var(--spacing-s-bp-factor) * var(--spacing-bp-factor));
357
+ --spacing-l-bp-factor: calc(var(--spacing-m-bp-factor) * var(--spacing-bp-factor));
358
+ --spacing-xl-bp-factor: calc(var(--spacing-l-bp-factor) * var(--spacing-bp-factor));
359
+ --spacing-xxl-bp-factor: calc(var(--spacing-xl-bp-factor) * var(--spacing-bp-factor));
360
+ }
361
+
362
+ :root,
363
+ [ks-theme],
364
+ [ks-inverted=false],
365
+ [ks-inverted=true] {
366
+ --ks-spacing-xxs-base: calc(var(--ks-spacing-xs-base) * calc(var(--spacing-shrink-factor) * 1));
367
+ --ks-spacing-xs-base: calc(var(--ks-spacing-s-base) * calc(var(--spacing-shrink-factor) * 1));
368
+ --ks-spacing-s-base: calc(var(--ks-spacing-m-base) * calc(var(--spacing-shrink-factor) * 1));
369
+ --ks-spacing-m-base: var(--spacing-base);
370
+ --ks-spacing-l-base: calc(var(--ks-spacing-m-base) * var(--spacing-grow-factor));
371
+ --ks-spacing-xl-base: calc(var(--ks-spacing-l-base) * var(--spacing-grow-factor));
372
+ --ks-spacing-xxl-base: calc(var(--ks-spacing-xl-base) * var(--spacing-grow-factor));
373
+ }
374
+
375
+ :root,
376
+ [ks-theme],
377
+ [ks-inverted=false],
378
+ [ks-inverted=true] {
379
+ --ks-spacing-xxs-bp-factor-phone: calc(1 * var(--spacing-xxs-bp-factor));
380
+ --ks-spacing-xxs-bp-factor-tablet: calc(var(--ks-spacing-xxs-bp-factor-phone) * var(--spacing-xxs-bp-factor));
381
+ --ks-spacing-xxs-bp-factor-laptop: calc(var(--ks-spacing-xxs-bp-factor-tablet) * var(--spacing-xxs-bp-factor));
382
+ --ks-spacing-xxs-bp-factor-desktop: calc(var(--ks-spacing-xxs-bp-factor-laptop) * var(--spacing-xxs-bp-factor));
383
+ --ks-spacing-xs-bp-factor-phone: calc(1 * var(--spacing-xs-bp-factor));
384
+ --ks-spacing-xs-bp-factor-tablet: calc(var(--ks-spacing-xs-bp-factor-phone) * var(--spacing-xs-bp-factor));
385
+ --ks-spacing-xs-bp-factor-laptop: calc(var(--ks-spacing-xs-bp-factor-tablet) * var(--spacing-xs-bp-factor));
386
+ --ks-spacing-xs-bp-factor-desktop: calc(var(--ks-spacing-xs-bp-factor-laptop) * var(--spacing-xs-bp-factor));
387
+ --ks-spacing-s-bp-factor-phone: calc(1 * var(--spacing-s-bp-factor));
388
+ --ks-spacing-s-bp-factor-tablet: calc(var(--ks-spacing-s-bp-factor-phone) * var(--spacing-s-bp-factor));
389
+ --ks-spacing-s-bp-factor-laptop: calc(var(--ks-spacing-s-bp-factor-tablet) * var(--spacing-s-bp-factor));
390
+ --ks-spacing-s-bp-factor-desktop: calc(var(--ks-spacing-s-bp-factor-laptop) * var(--spacing-s-bp-factor));
391
+ --ks-spacing-m-bp-factor-phone: calc(1 * var(--spacing-m-bp-factor));
392
+ --ks-spacing-m-bp-factor-tablet: calc(var(--ks-spacing-m-bp-factor-phone) * var(--spacing-m-bp-factor));
393
+ --ks-spacing-m-bp-factor-laptop: calc(var(--ks-spacing-m-bp-factor-tablet) * var(--spacing-m-bp-factor));
394
+ --ks-spacing-m-bp-factor-desktop: calc(var(--ks-spacing-m-bp-factor-laptop) * var(--spacing-m-bp-factor));
395
+ --ks-spacing-l-bp-factor-phone: calc(1 * var(--spacing-l-bp-factor));
396
+ --ks-spacing-l-bp-factor-tablet: calc(var(--ks-spacing-l-bp-factor-phone) * var(--spacing-l-bp-factor));
397
+ --ks-spacing-l-bp-factor-laptop: calc(var(--ks-spacing-l-bp-factor-tablet) * var(--spacing-l-bp-factor));
398
+ --ks-spacing-l-bp-factor-desktop: calc(var(--ks-spacing-l-bp-factor-laptop) * var(--spacing-l-bp-factor));
399
+ --ks-spacing-xl-bp-factor-phone: calc(1 * var(--spacing-xl-bp-factor));
400
+ --ks-spacing-xl-bp-factor-tablet: calc(var(--ks-spacing-xl-bp-factor-phone) * var(--spacing-xl-bp-factor));
401
+ --ks-spacing-xl-bp-factor-laptop: calc(var(--ks-spacing-xl-bp-factor-tablet) * var(--spacing-xl-bp-factor));
402
+ --ks-spacing-xl-bp-factor-desktop: calc(var(--ks-spacing-xl-bp-factor-laptop) * var(--spacing-xl-bp-factor));
403
+ --ks-spacing-xxl-bp-factor-phone: calc(1 * var(--spacing-xxl-bp-factor));
404
+ --ks-spacing-xxl-bp-factor-tablet: calc(var(--ks-spacing-xxl-bp-factor-phone) * var(--spacing-xxl-bp-factor));
405
+ --ks-spacing-xxl-bp-factor-laptop: calc(var(--ks-spacing-xxl-bp-factor-tablet) * var(--spacing-xxl-bp-factor));
406
+ --ks-spacing-xxl-bp-factor-desktop: calc(var(--ks-spacing-xxl-bp-factor-laptop) * var(--spacing-xxl-bp-factor));
407
+ }
408
+
409
+ :root,
410
+ [ks-theme],
411
+ [ks-inverted=false],
412
+ [ks-inverted=true] {
413
+ --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
414
+ --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
415
+ --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
416
+ --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
417
+ --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
418
+ --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
419
+ --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
420
+ --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
421
+ --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
422
+ --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
423
+ --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
424
+ --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
425
+ }
426
+
427
+ @media (min-width: 36em) {
428
+ :root,
429
+ [ks-theme],
430
+ [ks-inverted=false],
431
+ [ks-inverted=true] {
432
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
433
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
434
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
435
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
436
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
437
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
438
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
439
+ }
440
+ }
441
+ @media (min-width: 48em) {
442
+ :root,
443
+ [ks-theme],
444
+ [ks-inverted=false],
445
+ [ks-inverted=true] {
446
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
447
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
448
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
449
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
450
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
451
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
452
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
453
+ }
454
+ }
455
+ @media (min-width: 62em) {
456
+ :root,
457
+ [ks-theme],
458
+ [ks-inverted=false],
459
+ [ks-inverted=true] {
460
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
461
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
462
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
463
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
464
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
465
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
466
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
467
+ }
468
+ }
469
+ @media (min-width: 75em) {
470
+ :root,
471
+ [ks-theme],
472
+ [ks-inverted=false],
473
+ [ks-inverted=true] {
474
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
475
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
476
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
477
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
478
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
479
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
480
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
481
+ }
482
+ }
345
483
  .l-container--blog-teaser {
346
484
  /* stylelint-disable-next-line property-no-unknown */
347
485
  container-name: blog-teaser;
package/dist/tokens/IconSprite.js CHANGED
@@ -112,14 +112,6 @@ export default (() => /*#__PURE__*/_jsxs("svg", {
112
112
  }), /*#__PURE__*/_jsx("path", {
113
113
  d: "M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z"
114
114
  })]
115
- }), /*#__PURE__*/_jsxs("symbol", {
116
- id: "icon-map-pin",
117
- viewBox: "0 0 24 24",
118
- children: [/*#__PURE__*/_jsx("path", {
119
- d: "M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z"
120
- }), /*#__PURE__*/_jsx("path", {
121
- d: "M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z"
122
- })]
123
115
  }), /*#__PURE__*/_jsx("symbol", {
124
116
  id: "icon-map",
125
117
  viewBox: "0 0 24 24",
package/dist/tokens/icon-sprite.html CHANGED
@@ -31,9 +31,6 @@
31
31
  </symbol><symbol id="icon-login" viewBox="0 0 24 24">
32
32
  <path fill-rule="evenodd" clip-rule="evenodd" d="M14 3C14 2.44772 14.4477 2 15 2H19C19.7956 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H15C14.4477 22 14 21.5523 14 21C14 20.4477 14.4477 20 15 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H15C14.4477 4 14 3.55228 14 3Z"/>
33
33
  <path d="M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z"/>
34
- </symbol><symbol id="icon-map-pin" viewBox="0 0 24 24">
35
- <path d="M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z"/>
36
- <path d="M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z"/>
37
34
  </symbol><symbol id="icon-map" viewBox="0 0 24 24">
38
35
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C7.81313 1 7.63824 1.05126 7.4886 1.14048L0.503861 5.13176C0.192286 5.3098 0 5.64114 0 6V22C0 22.3565 0.189758 22.686 0.498073 22.8649C0.806388 23.0438 1.18664 23.0451 1.49614 22.8682L8.03147 19.1338L15.5348 22.8854C15.6646 22.9538 15.8112 22.9944 15.9669 22.9995C15.9779 22.9998 15.989 23 16 23C16.1869 23 16.3618 22.9487 16.5114 22.8595L23.4961 18.8682C23.8077 18.6902 24 18.3589 24 18V2C24 1.64353 23.8102 1.31401 23.5019 1.13509C23.1936 0.956168 22.8134 0.954898 22.5039 1.13176L15.9685 4.86623L8.46522 1.11457C8.32625 1.04141 8.16796 1 8 1ZM17 20.2768L22 17.4197V3.72318L17 6.58032V20.2768ZM15 6.61803L9 3.61803V17.382L15 20.382V6.61803ZM2 6.58032L7 3.72318V17.4197L2 20.2768V6.58032Z"/>
39
36
  </symbol><symbol id="icon-person" viewBox="0 0 24 24">
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jun 2025 09:12:05 GMT
3
+ * Generated on Wed, 18 Jun 2025 10:20:02 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, 18 Jun 2025 09:12:10 GMT
2730
+ * Generated on Wed, 18 Jun 2025 10:20:06 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, 18 Jun 2025 09:12:08 GMT
5461
+ * Generated on Wed, 18 Jun 2025 10:20:04 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, 18 Jun 2025 09:12:12 GMT
8462
+ * Generated on Wed, 18 Jun 2025 10:20:08 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
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jun 2025 09:12:03 GMT
3
+ * Generated on Wed, 18 Jun 2025 10:20:00 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jun 2025 09:12:03 GMT
3
+ * Generated on Wed, 18 Jun 2025 10:20:01 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -936,7 +936,6 @@ export const IconsFacebook = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 2
936
936
  export const IconsHome = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M11.3861 1.21065C11.7472 0.929784 12.2528 0.929784 12.6139 1.21065L21.6139 8.21065C21.8575 8.4001 22 8.69141 22 9V20C22 20.7957 21.6839 21.5587 21.1213 22.1213C20.5587 22.6839 19.7957 23 19 23H5C4.20435 23 3.44129 22.6839 2.87868 22.1213C2.31607 21.5587 2 20.7957 2 20V9C2 8.69141 2.14247 8.4001 2.38606 8.21065L11.3861 1.21065ZM4 9.48908V20C4 20.2652 4.10536 20.5196 4.29289 20.7071C4.48043 20.8946 4.73478 21 5 21H19C19.2652 21 19.5196 20.8946 19.7071 20.7071C19.8946 20.5196 20 20.2652 20 20V9.48908L12 3.26686L4 9.48908Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8 12C8 11.4477 8.44772 11 9 11H15C15.5523 11 16 11.4477 16 12V22C16 22.5523 15.5523 23 15 23C14.4477 23 14 22.5523 14 22V13H10V22C10 22.5523 9.55228 23 9 23C8.44772 23 8 22.5523 8 22V12Z\" />\n</svg>";
937
937
  export const IconsLinkedin = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M16 9C14.6739 9 13.4021 9.52678 12.4645 10.4645C11.5268 11.4021 11 12.6739 11 14V20H13V14C13 13.2043 13.3161 12.4413 13.8787 11.8787C14.4413 11.3161 15.2043 11 16 11C16.7957 11 17.5587 11.3161 18.1213 11.8787C18.6839 12.4413 19 13.2043 19 14V20H21V14C21 12.6739 20.4732 11.4021 19.5355 10.4645C18.5979 9.52678 17.3261 9 16 9ZM11.0503 9.05025C12.363 7.7375 14.1435 7 16 7C17.8565 7 19.637 7.7375 20.9497 9.05025C22.2625 10.363 23 12.1435 23 14V21C23 21.5523 22.5523 22 22 22H18C17.4477 22 17 21.5523 17 21V14C17 13.7348 16.8946 13.4804 16.7071 13.2929C16.5196 13.1054 16.2652 13 16 13C15.7348 13 15.4804 13.1054 15.2929 13.2929C15.1054 13.4804 15 13.7348 15 14V21C15 21.5523 14.5523 22 14 22H10C9.44772 22 9 21.5523 9 21V14C9 12.1435 9.7375 10.363 11.0503 9.05025Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M1 9C1 8.44772 1.44772 8 2 8H6C6.55228 8 7 8.44772 7 9V21C7 21.5523 6.55228 22 6 22H2C1.44772 22 1 21.5523 1 21V9ZM3 10V20H5V10H3Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5C4.55228 5 5 4.55228 5 4C5 3.44772 4.55228 3 4 3ZM1 4C1 2.34315 2.34315 1 4 1C5.65685 1 7 2.34315 7 4C7 5.65685 5.65685 7 4 7C2.34315 7 1 5.65685 1 4Z\" />\n</svg>";
938
938
  export const IconsLogin = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M14 3C14 2.44772 14.4477 2 15 2H19C19.7956 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H15C14.4477 22 14 21.5523 14 21C14 20.4477 14.4477 20 15 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H15C14.4477 4 14 3.55228 14 3Z\" />\n <path\n d=\"M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z\" />\n</svg>";
939
- export const IconsMapPin = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z\"\n />\n <path\n d=\"M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z\"\n />\n</svg>";
940
939
  export const IconsMap = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8 1C7.81313 1 7.63824 1.05126 7.4886 1.14048L0.503861 5.13176C0.192286 5.3098 0 5.64114 0 6V22C0 22.3565 0.189758 22.686 0.498073 22.8649C0.806388 23.0438 1.18664 23.0451 1.49614 22.8682L8.03147 19.1338L15.5348 22.8854C15.6646 22.9538 15.8112 22.9944 15.9669 22.9995C15.9779 22.9998 15.989 23 16 23C16.1869 23 16.3618 22.9487 16.5114 22.8595L23.4961 18.8682C23.8077 18.6902 24 18.3589 24 18V2C24 1.64353 23.8102 1.31401 23.5019 1.13509C23.1936 0.956168 22.8134 0.954898 22.5039 1.13176L15.9685 4.86623L8.46522 1.11457C8.32625 1.04141 8.16796 1 8 1ZM17 20.2768L22 17.4197V3.72318L17 6.58032V20.2768ZM15 6.61803L9 3.61803V17.382L15 20.382V6.61803ZM2 6.58032L7 3.72318V17.4197L2 20.2768V6.58032Z\" />\n</svg>";
941
940
  export const IconsPerson = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M12 3C10.3431 3 9 4.34315 9 6C9 7.65685 10.3431 9 12 9C13.6569 9 15 7.65685 15 6C15 4.34315 13.6569 3 12 3ZM7 6C7 3.23858 9.23858 1 12 1C14.7614 1 17 3.23858 17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76142 7 6Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8 13C6.6739 13 5.40216 13.5268 4.46447 14.4645C3.76607 15.1629 3.29564 16.0466 3.101 17L3.04828 18.0114C3.01766 18.5988 3.24712 19.1698 3.67563 19.5727L4.63554 20.4751C6.66857 22.0575 9.22417 23 12 23C14.7758 23 17.3314 22.0575 19.3645 20.4751L20.2941 19.6367C20.7407 19.2338 20.9824 18.6513 20.952 18.0506L20.899 17C20.7044 16.0466 20.2339 15.1628 19.5355 14.4645C18.5978 13.5268 17.3261 13 16 13L8 13ZM18.3737 18.8425C18.7905 18.5033 19.0199 17.9744 18.9016 17.4503C18.7677 16.8566 18.5005 16.2579 18.1213 15.8787C17.5587 15.3161 16.7957 15 16 15L8 15C7.20434 15 6.4413 15.3161 5.87868 15.8787C5.50725 16.2501 5.24328 16.7705 5.10677 17.3103C4.97501 17.8312 5.21002 18.361 5.62377 18.7038C7.35458 20.138 9.57658 21 12 21C14.4222 21 16.6433 20.2505 18.3737 18.8425Z\" />\n</svg>";
942
941
  export const IconsPhone = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M20 22.9C19.9 22.9 19.8 22.9 19.7 22.9C16.5 22.5 13.3 21.4 10.6 19.7C8.1 18.1 5.9 15.9 4.3 13.4C2.5 10.7 1.4 7.5 1.1 4.3C1.1 3.5 1.3 2.7 1.8 2.1C2.3 1.5 3 1.1 3.8 1C3.9 1 4 1 4.1 1H7.1C8.6 1 9.9 2.1 10.1 3.6C10.2 4.5 10.4 5.4 10.7 6.2C11.1 7.3 10.8 8.5 10 9.4L9.3 10.1C10.5 11.9 12 13.5 13.9 14.7L14.6 14C15.4 13.2 16.7 12.9 17.8 13.3C18.6 13.6 19.5 13.8 20.4 13.9C21.9 14.1 23 15.4 23 16.9V19.9C23 20.7 22.7 21.5 22.1 22C21.5 22.5 20.8 22.9 20 22.9ZM7.1 3H4.1C3.8 3 3.5 3.2 3.3 3.4C3.2 3.6 3.1 3.8 3.1 4.1C3.4 7 4.4 9.8 6 12.3C7.5 14.6 9.4 16.6 11.7 18C14.2 19.6 17 20.6 19.9 20.9C20.3 20.9 20.5 20.8 20.7 20.6C20.9 20.4 21 20.2 21 19.9V16.9C21 16.4 20.6 16 20.1 15.9C19.1 15.8 18.1 15.5 17.1 15.1C16.7 15 16.3 15 16 15.3L14.7 16.6C14.4 16.9 13.9 17 13.5 16.8C10.8 15.3 8.6 13.1 7.1 10.4C7 10 7.1 9.5 7.4 9.2L8.7 7.9C8.9 7.7 9 7.2 8.9 6.9C8.5 5.9 8.3 4.9 8.1 3.9C8.1 3.4 7.6 3 7.1 3Z\" />\n</svg>";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.68--canary.1647.8492e54.0",
3
+ "version": "1.6.68--canary.44.1652.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {
package/dist/components/event/event.css DELETED
@@ -1,47 +0,0 @@
1
- .dsa-event {
2
- max-width: var(--dsa-content--width_default);
3
- margin: auto;
4
- display: flex;
5
- flex-direction: column;
6
- gap: var(--ks-spacing-stack-m);
7
- }
8
- .dsa-event__categories {
9
- display: flex;
10
- flex-wrap: wrap;
11
- gap: 0.5em;
12
- margin-bottom: var(--ks-spacing-stack-xs);
13
- }
14
- .dsa-event__appointments {
15
- background-color: var(--ks-background-color-accent);
16
- padding: var(--ks-spacing-inset-m);
17
- border-radius: var(--ks-border-radius-surface);
18
- display: flex;
19
- gap: var(--ks-spacing-stack-m);
20
- flex-direction: column;
21
- }
22
- .dsa-event .dsa-event-appointment {
23
- --dsa-event-appointment__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
24
- display: flex;
25
- flex-wrap: wrap;
26
- gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
27
- }
28
- .dsa-event .dsa-event-appointment .l-container {
29
- container-type: unset;
30
- }
31
- .dsa-event .dsa-event-appointment__row {
32
- display: flex;
33
- flex-direction: column;
34
- gap: var(--ks-spacing-stack-xs);
35
- }
36
- .dsa-event .dsa-event-appointment__item {
37
- display: flex;
38
- gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-xs);
39
- }
40
- .dsa-event .dsa-event-appointment__icon {
41
- color: var(--ks-text-color-primary);
42
- width: var(--dsa-event-appointment__icon--size);
43
- height: var(--dsa-event-appointment__icon--size);
44
- }
45
- .dsa-event .dsa-event-appointment__cta {
46
- align-self: flex-start;
47
- }
package/dist/components/event/event.schema.dereffed.json DELETED
@@ -1,128 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event.schema.json",
4
- "title": "Event",
5
- "type": "object",
6
- "properties": {
7
- "title": {
8
- "title": "Event Title",
9
- "description": "Title of the event",
10
- "type": "string"
11
- },
12
- "categories": {
13
- "title": "Categories",
14
- "description": "Categories to which the event belongs",
15
- "type": "array",
16
- "items": {
17
- "type": "object",
18
- "properties": {
19
- "label": {
20
- "type": "string",
21
- "title": "Label",
22
- "description": "Label of the category"
23
- }
24
- },
25
- "additionalProperties": false
26
- }
27
- },
28
- "intro": {
29
- "title": "Intro",
30
- "description": "Short intro text for the event",
31
- "type": "string"
32
- },
33
- "appointments": {
34
- "title": "Appointments",
35
- "description": "List of appointments for the event",
36
- "type": "array",
37
- "items": {
38
- "type": "object",
39
- "properties": {
40
- "date": {
41
- "title": "Date",
42
- "description": "Date of the appointment",
43
- "type": "string",
44
- "format": "date"
45
- },
46
- "time": {
47
- "title": "Time",
48
- "description": "Time of the appointment",
49
- "type": "string"
50
- },
51
- "address": {
52
- "title": "Address",
53
- "description": "Address of the appointment",
54
- "type": "string"
55
- },
56
- "cta": {
57
- "type": "object",
58
- "title": "Call to Action",
59
- "description": "Call to action for the appointment",
60
- "properties": {
61
- "label": {
62
- "title": "CTA Label",
63
- "description": "Label for the call to action button",
64
- "type": "string"
65
- },
66
- "target": {
67
- "title": "CTA Target",
68
- "description": "URL or action for the call to action button",
69
- "type": "string",
70
- "format": "uri"
71
- }
72
- },
73
- "required": [
74
- "label",
75
- "target"
76
- ],
77
- "additionalProperties": false
78
- },
79
- "mapsLink": {
80
- "title": "Maps Link",
81
- "description": "Link to the location on a map",
82
- "type": "string",
83
- "format": "uri"
84
- }
85
- },
86
- "required": [
87
- "date",
88
- "time",
89
- "address"
90
- ],
91
- "additionalProperties": false
92
- }
93
- },
94
- "description": {
95
- "title": "Description",
96
- "description": "Description of the event",
97
- "type": "string",
98
- "format": "markdown"
99
- },
100
- "images": {
101
- "title": "Images",
102
- "description": "Images displayed below the text content",
103
- "type": "array",
104
- "items": {
105
- "type": "object",
106
- "properties": {
107
- "src": {
108
- "title": "Image source",
109
- "description": "Image source to use",
110
- "type": "string",
111
- "format": "image"
112
- },
113
- "alt": {
114
- "title": "Alt text",
115
- "description": "Image description",
116
- "type": "string"
117
- }
118
- },
119
- "additionalProperties": false
120
- },
121
- "additionalProperties": false
122
- },
123
- "type": {
124
- "const": "event"
125
- }
126
- },
127
- "additionalProperties": false
128
- }
package/dist/components/event/event.schema.json DELETED
@@ -1,114 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event.schema.json",
4
- "title": "Event",
5
- "type": "object",
6
- "properties": {
7
- "title": {
8
- "title": "Event Title",
9
- "description": "Title of the event",
10
- "type": "string"
11
- },
12
- "categories": {
13
- "title": "Categories",
14
- "description": "Categories to which the event belongs",
15
- "type": "array",
16
- "items": {
17
- "type": "object",
18
- "properties": {
19
- "label": {
20
- "type": "string",
21
- "title": "Label",
22
- "description": "Label of the category"
23
- }
24
- }
25
- }
26
- },
27
- "intro": {
28
- "title": "Intro",
29
- "description": "Short intro text for the event",
30
- "type": "string"
31
- },
32
- "appointments": {
33
- "title": "Appointments",
34
- "description": "List of appointments for the event",
35
- "type": "array",
36
- "items": {
37
- "type": "object",
38
- "properties": {
39
- "date": {
40
- "title": "Date",
41
- "description": "Date of the appointment",
42
- "type": "string",
43
- "format": "date"
44
- },
45
- "time": {
46
- "title": "Time",
47
- "description": "Time of the appointment",
48
- "type": "string"
49
- },
50
- "address": {
51
- "title": "Address",
52
- "description": "Address of the appointment",
53
- "type": "string"
54
- },
55
- "cta": {
56
- "type": "object",
57
- "title": "Call to Action",
58
- "description": "Call to action for the appointment",
59
- "properties": {
60
- "label": {
61
- "title": "CTA Label",
62
- "description": "Label for the call to action button",
63
- "type": "string"
64
- },
65
- "target": {
66
- "title": "CTA Target",
67
- "description": "URL or action for the call to action button",
68
- "type": "string",
69
- "format": "uri"
70
- }
71
- },
72
- "required": ["label", "target"]
73
- },
74
- "mapsLink": {
75
- "title": "Maps Link",
76
- "description": "Link to the location on a map",
77
- "type": "string",
78
- "format": "uri"
79
- }
80
- },
81
- "required": ["date", "time", "address"]
82
- }
83
- },
84
- "description": {
85
- "title": "Description",
86
- "description": "Description of the event",
87
- "type": "string",
88
- "format": "markdown"
89
- },
90
- "images": {
91
- "title": "Images",
92
- "description": "Images displayed below the text content",
93
- "type": "array",
94
- "items": {
95
- "type": "object",
96
- "properties": {
97
- "src": {
98
- "title": "Image source",
99
- "description": "Image source to use",
100
- "type": "string",
101
- "format": "image"
102
- },
103
- "alt": {
104
- "title": "Alt text",
105
- "description": "Image description",
106
- "type": "string"
107
- }
108
- }
109
- },
110
- "additionalProperties": false
111
- }
112
- },
113
- "additionalProperties": false
114
- }
package/dist/components/event/index.d.ts DELETED
@@ -1,99 +0,0 @@
1
- /// <reference types="react" />
2
- import { HTMLAttributes } from "react";
3
- /* eslint-disable */
4
- /**
5
- * This file was automatically generated by json-schema-to-typescript.
6
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
7
- * and run json-schema-to-typescript to regenerate this file.
8
- */
9
- /**
10
- * Title of the event
11
- */
12
- type EventTitle = string;
13
- /**
14
- * Label of the category
15
- */
16
- type Label = string;
17
- /**
18
- * Categories to which the event belongs
19
- */
20
- type Categories = {
21
- label?: Label;
22
- }[];
23
- /**
24
- * Short intro text for the event
25
- */
26
- type Intro = string;
27
- /**
28
- * Date of the appointment
29
- */
30
- type Date = string;
31
- /**
32
- * Time of the appointment
33
- */
34
- type Time = string;
35
- /**
36
- * Address of the appointment
37
- */
38
- type Address = string;
39
- /**
40
- * Label for the call to action button
41
- */
42
- type CTALabel = string;
43
- /**
44
- * URL or action for the call to action button
45
- */
46
- type CTATarget = string;
47
- /**
48
- * Link to the location on a map
49
- */
50
- type MapsLink = string;
51
- /**
52
- * List of appointments for the event
53
- */
54
- type Appointments = {
55
- date: Date;
56
- time: Time;
57
- address: Address;
58
- cta?: CallToAction;
59
- mapsLink?: MapsLink;
60
- }[];
61
- /**
62
- * Description of the event
63
- */
64
- type Description = string;
65
- /**
66
- * Image source to use
67
- */
68
- type ImageSource = string;
69
- /**
70
- * Image description
71
- */
72
- type AltText = string;
73
- /**
74
- * Images displayed below the text content
75
- */
76
- type Images = {
77
- src?: ImageSource;
78
- alt?: AltText;
79
- }[];
80
- interface EventProps {
81
- title?: EventTitle;
82
- categories?: Categories;
83
- intro?: Intro;
84
- appointments?: Appointments;
85
- description?: Description;
86
- images?: Images;
87
- }
88
- /**
89
- * Call to action for the appointment
90
- */
91
- interface CallToAction {
92
- label: CTALabel;
93
- target: CTATarget;
94
- }
95
- declare const EventContextDefault: import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
96
- declare const EventContext: import("react").Context<import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
97
- declare const Event: import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
98
- export type { EventProps };
99
- export { EventContextDefault, EventContext, Event };
package/dist/components/event/index.js DELETED
@@ -1,25 +0,0 @@
1
- import "./event.css";
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { forwardRef, createContext, useContext } from 'react';
4
- import { Headline } from '../headline/index.js';
5
- import { Text } from '../text/index.js';
6
- import { RichText } from '@kickstartds/base/lib/rich-text';
7
- import { TagLabel } from '@kickstartds/base/lib/tag-label';
8
- import { Icon } from '@kickstartds/base/lib/icon';
9
- import { Button } from '../button/index.js';
10
- import 'classnames';
11
- import 'markdown-to-jsx';
12
- import '@kickstartds/base/lib/headline';
13
- import '@kickstartds/base/lib/button';
14
-
15
- const EventContextDefault = forwardRef(({ title, categories, intro, appointments, description }, ref) => {
16
- return (jsxs("div", { className: "dsa-event", ref: ref, children: [jsxs("div", { className: "dsa-event__header", children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), jsx(Text, { highlightText: true, text: intro })] }), appointments && appointments.length > 0 && (jsx("div", { className: "dsa-event__appointments", children: appointments.map((appointment, index) => (jsxs("div", { className: "dsa-event-appointment", children: [appointment?.address && (jsx("div", { className: "dsa-event-appointment__row", children: jsxs("address", { className: "dsa-event-appointment__item dsa-event-appointment__address", children: [jsx(Icon, { className: "dsa-event-appointment__icon", icon: "map-pin" }), jsx(RichText, { text: appointment?.address })] }, index) })), appointment?.date && appointment?.time && (jsxs("div", { className: "dsa-event-appointment__row", children: [appointment?.date && (jsxs("div", { className: "dsa-event-appointment__item dsa-event-appointment__date", children: [jsx(Icon, { className: "dsa-event-appointment__icon", icon: "date" }), jsx(RichText, { text: appointment?.date })] })), appointment?.time && (jsxs("div", { className: "dsa-event-appointment__item dsa-event-appointment__time", children: [jsx(Icon, { className: "dsa-event-appointment__icon", icon: "time" }), jsx(RichText, { text: appointment?.time })] }))] })), jsx(Button, { className: "dsa-event-appointment__cta", label: appointment?.cta.label, target: appointment?.cta.target, size: "small" })] }, index))) })), description && (jsx(RichText, { className: "dsa-event__description", text: description }))] }));
17
- });
18
- const EventContext = createContext(EventContextDefault);
19
- const Event = forwardRef((props, ref) => {
20
- const Component = useContext(EventContext);
21
- return jsx(Component, { ...props, ref: ref });
22
- });
23
- Event.displayName = "Event";
24
-
25
- export { Event, EventContext, EventContextDefault };