@kickstartds/ds-agency-premium 1.6.68--canary.1663.d341a6e.0 → 1.6.68--canary.45.1668.0

package/dist/components/downloads/downloads.css

@@ -1,92 +1,146 @@
 .dsa-downloads {
-  display: flex;
-  flex-direction: column;
-  max-width: var(--dsa-content--width_narrow);
-  margin: auto;
+  --dsa-downloads--gap: var(--ks-spacing-stack-xs);
+  --dsa-downloads-item--transition: var(--ks-transition-hover);
+  --dsa-downloads-item__gap: var(--ks-spacing-inline-s);
+  --dsa-downloads-item--background-color_hover: var(--ks-background-color-accent);
+  --dsa-downloads-item--padding: var(--ks-spacing-inset-xs);
+  --dsa-downloads-item--border-radius: var(--ks-border-radius-control);
+  --dsa-downloads-item__header-flex-basis: 120px;
+  --dsa-downloads-item__name--color: var(--ks-text-color-display);
+  --dsa-downloads-item__name--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__name--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-downloads-item__description--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__description--color: var(--ks-text-color-interface);
+  --dsa-downloads-item__infos--gap: var(--ks-spacing-xxs);
+  --dsa-downloads-item__infos--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__infos--color: var(--ks-text-color-interface);
+  --dsa-downloads-item__infos--border: 1px solid var(--ks-border-color-default);
+  --dsa-downloads-item__placeholder-icon--color: var(--ks-color-fg-inverted);
+  --dsa-downloads-item__placeholder-icon--background-color: var(--ks-color-fg-to-bg-5);
+  --dsa-downloads-item__placeholder-icon--border-radius: var(--ks-border-radius-control);
+  --dsa-downloads-item__placeholder-icon--size: 2.65rem;
+  --dsa-downloads-item__button--color: var(--ks-text-color-interface-interactive);
+  --dsa-downloads-item__button--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-downloads-item__button--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__button--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-downloads-item__button--gap: var(--ks-spacing-xxs);
+  --dsa-downloads-item__download-icon--size: 1.5rem;
 }
-.dsa-downloads__list {
+
+.dsa-downloads {
   display: flex;
   flex-direction: column;
   justify-content: stretch;
-  gap: var(--ks-spacing-stack-xs);
+  gap: var(--dsa-downloads--gap, var(--ks-spacing-stack-xs));
 }
 .dsa-downloads .dsa-downloads-item {
   position: relative;
   display: flex;
-  align-items: center;
-  gap: var(--ks-spacing-inline-s);
-}
-.dsa-downloads .dsa-downloads-item::after {
-  content: "";
-  transition: var(--ks-transition-hover);
-  opacity: 0;
-  position: absolute;
-  top: calc(var(--ks-spacing-xxs) * -0.5);
-  left: calc(var(--ks-spacing-xxs) * -1);
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--ks-background-color-accent);
-  border-radius: var(--ks-border-radius-control);
-  padding: calc(var(--ks-spacing-xxs) * 0.5) calc(var(--ks-spacing-xxs) * 2);
-  box-sizing: content-box;
-  z-index: -1;
+  flex-wrap: wrap;
+  align-items: stretch;
+  justify-content: flex-end;
+  gap: var(--dsa-downloads-item__gap, var(--ks-spacing-inline-s));
+  border-radius: var(--dsa-downloads-item--border-radius, var(--ks-border-radius-control));
+  padding: var(--dsa-downloads-item--padding, var(--ks-spacing-xxs));
+  transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
 }
 .dsa-downloads .dsa-downloads-item:hover {
   cursor: pointer;
+  background-color: var(--dsa-downloads-item--background-color_hover, var(--ks-background-color-accent));
 }
-.dsa-downloads .dsa-downloads-item:hover::after {
-  opacity: 1;
+@media (min-width: 992px) {
+  .dsa-downloads .dsa-downloads-item:hover .dsa-downloads-item__button span {
+    background: linear-gradient(270deg, var(--dsa-downloads-item--background-color_hover, var(--ks-background-color-accent)) 80%, transparent);
+    opacity: 1;
+    transform: translateX(0%);
+  }
 }
 .dsa-downloads .dsa-downloads-item__header {
   display: flex;
   flex-direction: column;
-  flex-basis: 140px;
+  align-self: center;
   flex-shrink: 0;
   flex-grow: 1;
+  flex-basis: var(--dsa-downloads-item__header-flex-basis, 120px);
 }
 .dsa-downloads .dsa-downloads-item__name {
-  font: var(--ks-font-copy-s);
-  font-weight: var(--ks-font-weight-bold);
+  font: var(--dsa-downloads-item__name--font, var(--ks-font-interface-s));
+  font-weight: var(--dsa-downloads-item__name--font-weight, var(--ks-font-weight-semi-bold));
+  color: var(--dsa-downloads-item__name--color, var(--ks-text-color-display));
 }
 .dsa-downloads .dsa-downloads-item__description {
-  font: var(--ks-font-copy-s);
+  font: var(--dsa-downloads-item__description--font, var(--ks-font-interface-s));
+  color: var(--dsa-downloads-item__description--color, var(--ks-text-color-interface));
 }
 .dsa-downloads .dsa-downloads-item__infos {
   display: flex;
-  gap: var(--ks-spacing-xxs);
   flex-wrap: wrap;
+  gap: var(--dsa-downloads-item__infos--gap, var(--ks-spacing-xxs));
 }
 .dsa-downloads .dsa-downloads-item__info {
-  color: var(--ks-text-color-default);
-  font: var(--ks-font-copy-s);
-  padding-right: var(--ks-spacing-xxs);
+  color: var(--dsa-downloads-item__infos--color, var(--ks-text-color-interface));
+  font: var(--dsa-downloads-item__infos--font, var(--ks-font-interface-s));
+  padding-right: var(--dsa-downloads-item__infos--gap, var(--ks-spacing-xxs));
 }
 .dsa-downloads .dsa-downloads-item__info:not(:last-child) {
-  border-right: 1px solid var(--ks-border-color-default);
+  border-right: var(--dsa-downloads-item__infos--border, 1px solid var(--ks-border-color-default));
 }
 .dsa-downloads .dsa-downloads-item .l-container {
   container-type: unset;
 }
 .dsa-downloads .dsa-downloads-item__image {
-  width: 2.5rem;
   aspect-ratio: 1;
   object-fit: contain;
+  width: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+  height: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
 }
-.dsa-downloads .dsa-downloads-item__icon {
-  width: 2.5rem;
-  height: 2.5rem;
-  color: var(--ks-color-fg-to-bg-7);
+.dsa-downloads .dsa-downloads-item__placeholder-icon {
   aspect-ratio: 1;
-  background-color: var(--ks-color-fg-alpha-9);
-  border-radius: var(--ks-border-radius-control);
-  padding: 0.25em;
   flex-shrink: 0;
-  align-self: flex-start;
+  width: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+  height: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+  color: var(--dsa-downloads-item__placeholder-icon--color, var(--ks-color-fg-to-bg-3));
+  background-color: var(--dsa-downloads-item__placeholder-icon--background-color, var(--ks-color-fg-alpha-2));
+  border-radius: var(--dsa-downloads-item__placeholder-icon--border-radius, var(--ks-border-radius-control));
+  padding: var(--dsa-downloads-item__placeholder-icon--padding, var(--ks-spacing-xxs));
 }
 .dsa-downloads .dsa-downloads-item__button {
-  --dsa-button--padding: 0;
-  --dsa-button_secondary--background-color: transparent;
-  --dsa-button_secondary--background-color_hover: transparent;
-  --c-button--icon-size: 1.5rem;
+  display: flex;
+  align-items: center;
+  position: relative;
+  text-decoration: none;
+  z-index: 2;
+  color: var(--dsa-downloads-item__button--color, var(--ks-text-color-interface-interactive));
+  font: var(--dsa-downloads-item__button--font, var(--ks-font-interface-s));
+  font-weight: var(--dsa-downloads-item__button--font-weight, var(--ks-font-weight-semi-bold));
+  transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
+  border-radius: 0 var(--ks-border-radius-control) var(--ks-border-radius-control) 0;
+}
+.dsa-downloads .dsa-downloads-item__button .icon {
+  width: var(--dsa-downloads-item__download-icon--size, 1.5rem);
+  height: var(--dsa-downloads-item__download-icon--size, 1.5rem);
+  margin-left: var(--dsa-downloads-item__download-icon--gap, var(--ks-spacing-xxs));
+  transform: translateY(-1px);
+}
+.dsa-downloads .dsa-downloads-item__button:hover {
+  color: var(--dsa-downloads-item__button--color_hover, var(--ks-text-color-interface-interactive-hover));
+}
+.dsa-downloads .dsa-downloads-item__button:active, .dsa-downloads .dsa-downloads-item__button:visited, .dsa-downloads .dsa-downloads-item__button:hover, .dsa-downloads .dsa-downloads-item__button:focus {
+  text-decoration: none;
+}
+@media (min-width: 992px) {
+  .dsa-downloads .dsa-downloads-item__button span {
+    position: absolute;
+    padding-left: 3em;
+    display: block;
+    display: flex;
+    align-items: center;
+    transform: translateX(5%);
+    height: 100%;
+    background: transparent;
+    transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
+    transition-property: transform opacity;
+    right: 100%;
+    opacity: 0;
+  }
 }

package/dist/components/downloads/downloads.schema.dereffed.json

@@ -4,14 +4,6 @@
   "title": "Downloads",
   "type": "object",
   "properties": {
-    "headline": {
-      "type": "string",
-      "description": "The headline for the downloads section"
-    },
-    "subheadline": {
-      "type": "string",
-      "description": "The subheadline for the downloads section"
-    },
     "downloads": {
       "type": "array",
       "items": {

package/dist/components/downloads/downloads.schema.json

@@ -4,14 +4,6 @@
   "title": "Downloads",
   "type": "object",
   "properties": {
-    "headline": {
-      "type": "string",
-      "description": "The headline for the downloads section"
-    },
-    "subheadline": {
-      "type": "string",
-      "description": "The subheadline for the downloads section"
-    },
     "downloads": {
       "type": "array",
       "items": {

package/dist/components/downloads/index.d.ts

@@ -7,14 +7,6 @@ import { HTMLAttributes } from "react";
  * and run json-schema-to-typescript to regenerate this file.
  */
 interface DownloadsProps {
-    /**
-     * The headline for the downloads section
-     */
-    headline?: string;
-    /**
-     * The subheadline for the downloads section
-     */
-    subheadline?: string;
     downloads?: {
         /**
          * The name of the file

package/dist/components/downloads/index.js

@@ -1,18 +1,12 @@
 import "./downloads.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
-import { Headline } from '../headline/index.js';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Icon } from '@kickstartds/base/lib/icon';
-import { Button } from '../button/index.js';
 import { Picture } from '@kickstartds/base/lib/picture';
-import 'classnames';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/headline';
-import '@kickstartds/base/lib/button';
 
-const DownloadsContextDefault = forwardRef(({ headline, subheadline, downloads }, ref) => {
-    return (jsxs("div", { className: "dsa-downloads", ref: ref, children: [jsx(Headline, { text: headline, sub: subheadline, className: "dsa-downloads__title", level: "h2", style: "h3" }), jsx("div", { className: "dsa-downloads__list", children: downloads.map((item, index) => (jsxs("div", { className: "dsa-downloads-item", children: [item?.previewImage ? (jsx(Picture, { className: "dsa-downloads-item__image", src: item.previewImage })) : (jsx(Icon, { className: "dsa-downloads-item__icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] })] }), jsx(Button, { className: "dsa-downloads-item__button", "aria-label": "Download file", icon: "download", size: "small", label: "" })] }, index))) })] }));
+const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
+    return (jsx("div", { className: "dsa-downloads", ref: ref, children: downloads.map((item, index) => (jsxs("div", { className: "dsa-downloads-item", children: [item?.previewImage ? (jsx(Picture, { className: "dsa-downloads-item__image", src: item.previewImage, alt: "" })) : (jsx(Icon, { className: "dsa-downloads-item__placeholder-icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), (item?.format || item?.size || item?.description) && (jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] }))] }), jsxs("a", { className: "dsa-downloads-item__button", "aria-label": "Download file", href: item?.url, target: "_blank", children: [jsx("span", { children: "Download" }), jsx(Icon, { icon: "download" })] })] }, index))) }));
 });
 const DownloadsContext = createContext(DownloadsContextDefault);
 const Downloads = forwardRef((props, ref) => {

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:37 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:17 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -1251,19 +1251,122 @@
     "screenshot": "img/screenshots/layout-divider--default.png"
   },
   {
-    "id": "industry-downloads--default",
+    "id": "industry-downloads--technical-details-only",
     "group": "Industry/Downloads",
-    "name": "Default",
-    "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications.',\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB'\n    },\n    {\n      format: 'PDF',\n      name: 'User Guide',\n      previewImage: 'img/about/cta.png',\n      size: '1.2 MB'\n    },\n    {\n      name: 'Technical Specifications',\n      previewImage: 'assets/figma-cover.png'\n    },\n    {\n      description: 'In-depth technical details and requirements.',\n      name: 'Technical Specifications'\n    }\n  ]}\n  headline=\"Downloads\"\n  subheadline=\"Download our latest resources\"\n/>",
+    "name": "TechnicalDetailsOnly",
+    "code": "<Downloads\n  downloads={[\n    {\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB',\n      url: 'img/offset-image.png'\n    },\n    {\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'assets/figma-cover.png',\n      size: '3.2 MB',\n      url: 'assets/figma-cover.png'\n    },\n    {\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB',\n      url: 'assets/user-guide.doc'\n    },\n    {\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB',\n      url: 'assets/technical-specifications.txt'\n    }\n  ]}\n />",
+    "args": {
+      "downloads": [
+        {
+          "name": "Product Brochure",
+          "format": "PDF",
+          "size": "2.5 MB",
+          "previewImage": "img/offset-image.png",
+          "url": "img/offset-image.png"
+        },
+        {
+          "name": "Company Brochure",
+          "previewImage": "assets/figma-cover.png",
+          "format": "PDF",
+          "size": "3.2 MB",
+          "url": "assets/figma-cover.png"
+        },
+        {
+          "name": "User Guide",
+          "format": "DOC",
+          "size": "20 KB",
+          "url": "assets/user-guide.doc"
+        },
+        {
+          "name": "Technical Specifications",
+          "format": "TXT",
+          "size": "12 KB",
+          "url": "assets/technical-specifications.txt"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/industry-downloads--technical-details-only.png"
+  },
+  {
+    "id": "industry-downloads--description-only",
+    "group": "Industry/Downloads",
+    "name": "DescriptionOnly",
+    "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications. Recommended for all users.',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png'\n    },\n    {\n      description: 'In-depth technical details and requirements. Recommended for technical users.',\n      name: 'Technical Specifications',\n      previewImage: 'assets/figma-cover.png'\n    },\n    {\n      description: 'Comprehensive guide to using our product.',\n      name: 'User Guide',\n      previewImage: 'img/about/cta.png'\n    },\n    {\n      description: 'Overview of our company and services.',\n      name: 'Company Brochure',\n      previewImage: 'img/view-modern-office.jpg'\n    }\n  ]}\n />",
+    "args": {
+      "downloads": [
+        {
+          "name": "Product Brochure",
+          "description": "Detailed product information and specifications. Recommended for all users.",
+          "previewImage": "img/offset-image.png"
+        },
+        {
+          "name": "Technical Specifications",
+          "description": "In-depth technical details and requirements. Recommended for technical users.",
+          "previewImage": "assets/figma-cover.png"
+        },
+        {
+          "name": "User Guide",
+          "description": "Comprehensive guide to using our product.",
+          "previewImage": "img/about/cta.png"
+        },
+        {
+          "name": "Company Brochure",
+          "description": "Overview of our company and services.",
+          "previewImage": "img/view-modern-office.jpg"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/industry-downloads--description-only.png"
+  },
+  {
+    "id": "industry-downloads--complete",
+    "group": "Industry/Downloads",
+    "name": "Complete",
+    "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications. Recommended for all users.',\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB'\n    },\n    {\n      description: 'Overview of our company and services.',\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'assets/figma-cover.png',\n      size: '3.2 MB'\n    },\n    {\n      description: 'Comprehensive guide to using our product.',\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB'\n    },\n    {\n      description: 'In-depth technical details and requirements. Recommended for technical users.',\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB'\n    }\n  ]}\n />",
     "args": {
-      "headline": "Downloads",
-      "subheadline": "Download our latest resources",
       "downloads": [
         {
           "name": "Product Brochure",
           "format": "PDF",
           "size": "2.5 MB",
-          "description": "Detailed product information and specifications.",
+          "description": "Detailed product information and specifications. Recommended for all users.",
+          "previewImage": "img/offset-image.png"
+        },
+        {
+          "name": "Company Brochure",
+          "description": "Overview of our company and services.",
+          "previewImage": "assets/figma-cover.png",
+          "format": "PDF",
+          "size": "3.2 MB"
+        },
+        {
+          "name": "User Guide",
+          "description": "Comprehensive guide to using our product.",
+          "format": "DOC",
+          "size": "20 KB"
+        },
+        {
+          "name": "Technical Specifications",
+          "description": "In-depth technical details and requirements. Recommended for technical users.",
+          "format": "TXT",
+          "size": "12 KB"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/industry-downloads--complete.png"
+  },
+  {
+    "id": "industry-downloads--mixed",
+    "group": "Industry/Downloads",
+    "name": "Mixed",
+    "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications. Recommended for all users.',\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB'\n    },\n    {\n      format: 'PDF',\n      name: 'User Guide',\n      previewImage: 'img/about/cta.png',\n      size: '1.2 MB'\n    },\n    {\n      name: 'Company Brochure',\n      previewImage: 'assets/figma-cover.png'\n    },\n    {\n      description: 'In-depth technical details and requirements.',\n      name: 'Technical Specifications'\n    }\n  ]}\n />",
+    "args": {
+      "downloads": [
+        {
+          "name": "Product Brochure",
+          "format": "PDF",
+          "size": "2.5 MB",
+          "description": "Detailed product information and specifications. Recommended for all users.",
           "previewImage": "img/offset-image.png"
         },
         {
@@ -1273,7 +1376,7 @@
           "previewImage": "img/about/cta.png"
         },
         {
-          "name": "Technical Specifications",
+          "name": "Company Brochure",
           "previewImage": "assets/figma-cover.png"
         },
         {
@@ -1282,7 +1385,7 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-downloads--default.png"
+    "screenshot": "img/screenshots/industry-downloads--mixed.png"
   },
   {
     "id": "industry-event--default",

package/dist/global.css

@@ -347,7 +347,7 @@ h3 {
 [ks-inverted=false],
 [ks-inverted=true] {
   --spacing-base: 18px;
-  --spacing-shrink-factor: 0.75;
+  --spacing-shrink-factor: 0.675;
   --spacing-grow-factor: 1.275;
   --spacing-bp-factor: 1.0135;
   --spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:39 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:20 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:44 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:24 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:42 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:22 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:46 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:26 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:37 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:17 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 09:42:37 GMT
+ * Generated on Mon, 23 Jun 2025 09:02:18 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.68--canary.1663.d341a6e.0",
+  "version": "1.6.68--canary.45.1668.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -68,9 +68,7 @@
     "token": "node scripts/customPropertyExtract.js",
     "watch:schema": "yarn schema && chokidar \"src/**/*.schema.json\" -c \"yarn schema\"",
     "watch:token": "yarn token && chokidar \"src/**/*-tokens.scss\" -c \"yarn token {path}\"",
-    "watch:dictionary": "yarn build-tokens && chokidar \"src/token/dictionary/*.json\" -c \"yarn build-tokens\"",
-    "story-ui": "story-ui start",
-    "storybook-with-ui": "concurrently \"npm run storybook\" \"npm run story-ui\""
+    "watch:dictionary": "yarn build-tokens && chokidar \"src/token/dictionary/*.json\" -c \"yarn build-tokens\""
   },
   "dependencies": {
     "@bedrock-layout/primitives": "^3.0.23",
@@ -100,7 +98,6 @@
     "@storybook/react-vite": "^8.0.5",
     "@storybook/test-runner": "^0.17.0",
     "@testing-library/react": "^14.1.2",
-    "@tpitre/story-ui": "^1.7.0",
     "@types/jest": "^29.5.11",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/react": "^18.2.21",