@kickstartds/ds-agency-premium 1.6.68--canary.44.1629.0 → 1.6.68--canary.44.1633.0

package/dist/{FeaturesProps-e58616a5.d.ts → FeaturesProps-7ef528ec.d.ts}

@@ -38,6 +38,10 @@ type CallToActionTarget = string;
  * The text label displayed on the link
  */
 type LinkLabel = string;
+/**
+ * Icon for the link style of the cta
+ */
+type Icon1 = string;
 /**
  * Component used to display a set of features
  */
@@ -57,6 +61,7 @@ interface Feature {
     cta?: {
         target?: CallToActionTarget;
         label?: LinkLabel;
+        icon?: Icon1;
     };
 }
-export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, Feature };
+export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionTarget, LinkLabel, Icon1, FeaturesProps, Feature };

package/dist/SectionProps-7caa223c.d.ts

@@ -6,11 +6,11 @@
 import { CtaProps } from "./CtaProps-8a0dba0d.js";
 import { DividerProps } from "./DividerProps-2ef31901.js";
 import { FaqProps } from "./FaqProps-ad618cd5.js";
-import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
+import { FeaturesProps } from "./FeaturesProps-7ef528ec.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-aa4e6431.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/SliderProps-8a0dba0d.d.ts

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { CtaProps } from "./CtaProps-8a0dba0d.js";
-import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
+import { FeaturesProps } from "./FeaturesProps-7ef528ec.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-aa4e6431.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -612,6 +612,16 @@
                                 "examples": [
                                   "See all our partners"
                                 ]
+                              },
+                              "icon": {
+                                "type": "string",
+                                "format": "icon",
+                                "title": "Icon",
+                                "description": "Icon for the link style of the cta",
+                                "examples": [
+                                  "arrow-right"
+                                ],
+                                "default": "arrow-right"
                               }
                             },
                             "additionalProperties": false
@@ -1814,6 +1824,16 @@
                                           "examples": [
                                             "See all our partners"
                                           ]
+                                        },
+                                        "icon": {
+                                          "type": "string",
+                                          "format": "icon",
+                                          "title": "Icon",
+                                          "description": "Icon for the link style of the cta",
+                                          "examples": [
+                                            "arrow-right"
+                                          ],
+                                          "default": "arrow-right"
                                         }
                                       },
                                       "additionalProperties": false

package/dist/components/blog-overview/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -888,6 +888,16 @@
                                 "examples": [
                                   "See all our partners"
                                 ]
+                              },
+                              "icon": {
+                                "type": "string",
+                                "format": "icon",
+                                "title": "Icon",
+                                "description": "Icon for the link style of the cta",
+                                "examples": [
+                                  "arrow-right"
+                                ],
+                                "default": "arrow-right"
                               }
                             },
                             "additionalProperties": false
@@ -2090,6 +2100,16 @@
                                           "examples": [
                                             "See all our partners"
                                           ]
+                                        },
+                                        "icon": {
+                                          "type": "string",
+                                          "format": "icon",
+                                          "title": "Icon",
+                                          "description": "Icon for the link style of the cta",
+                                          "examples": [
+                                            "arrow-right"
+                                          ],
+                                          "default": "arrow-right"
                                         }
                                       },
                                       "additionalProperties": false

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
+import { BlogPostProps } from "../../BlogPostProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

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

@@ -63,6 +63,16 @@
             "See all our partners"
           ]
         },
+        "icon": {
+          "type": "string",
+          "format": "icon",
+          "title": "Icon",
+          "description": "Icon for the link style of the cta",
+          "examples": [
+            "arrow-right"
+          ],
+          "default": "arrow-right"
+        },
         "toggle": {
           "type": "boolean",
           "title": "Call to Action Toggle",

package/dist/components/feature/feature.schema.json

@@ -49,6 +49,14 @@
           "default": "See more",
           "examples": ["See all our partners"]
         },
+        "icon": {
+          "type": "string",
+          "format": "icon",
+          "title": "Icon",
+          "description": "Icon for the link style of the cta",
+          "examples": ["arrow-right"],
+          "default": "arrow-right"
+        },
         "toggle": {
           "type": "boolean",
           "title": "Call to Action Toggle",

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

@@ -26,6 +26,10 @@ type CallToActionTarget = string;
  * The text label displayed on the link
  */
 type LinkLabel = string;
+/**
+ * Icon for the link style of the cta
+ */
+type Icon1 = string;
 /**
  * Activate/disable the CTAs
  */
@@ -46,6 +50,7 @@ interface FeatureProps {
 interface CallToAction {
     target?: CallToActionTarget;
     label?: LinkLabel;
+    icon?: Icon1;
     toggle?: CallToActionToggle;
     /**
      * Choose the style of the CTA

package/dist/components/feature/index.js

@@ -6,7 +6,7 @@ import { Button } from '../button/index.js';
 import { Link } from '@kickstartds/base/lib/link';
 import '@kickstartds/base/lib/button';
 
-const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta: { toggle = true, style: ctaStyle = "link", target, label = "Read more", }, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`dsa-feature dsa-feature--${style === `stack`
+const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`dsa-feature dsa-feature--${style === `stack`
         ? `stack dsa-feature--large`
         : style === `besideSmall`
             ? `beside dsa-feature--small`
@@ -16,7 +16,7 @@ const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon,
                     ? `intext dsa-feature--small`
                     : style === `centered`
                         ? `centered dsa-feature--large`
-                        : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && jsx(Icon, { className: "dsa-feature__icon", icon: icon }), jsx("span", { className: "dsa-feature__title", children: title })] }), text || ctaStyle === "intext" ? (jsxs("p", { className: "dsa-feature__text", children: [text, ctaStyle === "intext" && toggle ? (jsxs(Fragment, { children: ["  ", jsx(Link, { href: target, children: label ? label : "See more" })] })) : ("")] })) : (""), toggle && (ctaStyle === "link" || ctaStyle === "button") && (jsx("div", { className: "dsa-feature__cta", children: ctaStyle === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: target, children: [label ? label : "See more", jsx(Icon, { icon: "arrow-right" })] })) : ctaStyle === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", target: target, label: label ? label : "See more" })) : ("") }))] })));
+                        : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && (jsx(Icon, { className: "dsa-feature__icon", icon: icon, role: "presentation", "aria-hidden": true, focusable: false })), jsx("span", { className: "dsa-feature__title", children: title })] }), text || cta.style === "intext" ? (jsxs("p", { className: "dsa-feature__text", children: [text, cta.style === "intext" && cta.toggle ? (jsxs(Fragment, { children: [" ", " ", jsx(Link, { href: cta.target, children: cta.label ? cta.label : "See more" })] })) : ("")] })) : (""), cta.toggle && (cta.style === "link" || cta.style === "button") && (jsx("div", { className: "dsa-feature__cta", children: cta.style === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: cta.target, children: [cta.label ? cta.label : "See more", jsx(Icon, { "aria-hidden": true, role: "presentation", icon: cta.icon || "arrow-right" })] })) : cta.style === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", target: cta.target, label: cta.label ? cta.label : "See more" })) : ("") }))] })));
 const FeatureContext = createContext(FeatureContextDefault);
 const Feature = forwardRef((props, ref) => {
     const Component = useContext(FeatureContext);

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

@@ -100,6 +100,16 @@
                 "examples": [
                   "See all our partners"
                 ]
+              },
+              "icon": {
+                "type": "string",
+                "format": "icon",
+                "title": "Icon",
+                "description": "Icon for the link style of the cta",
+                "examples": [
+                  "arrow-right"
+                ],
+                "default": "arrow-right"
               }
             },
             "additionalProperties": false

package/dist/components/features/features.schema.json

@@ -59,6 +59,9 @@
               },
               "label": {
                 "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/label"
+              },
+              "icon": {
+                "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/icon"
               }
             }
           }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { FeaturesProps } from "../../FeaturesProps-e58616a5.js";
+import { FeaturesProps } from "../../FeaturesProps-7ef528ec.js";
 declare const FeaturesContextDefault: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FeaturesContext: import("react").Context<import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Features: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/features/index.js

@@ -22,6 +22,7 @@ const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
                 target: cta?.target,
                 style: ctas.style,
                 toggle: ctas.toggle,
+                icon: cta?.icon,
             } }));
     }) })));
 const FeaturesContext = createContext(FeaturesContextDefault);

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -29,7 +29,7 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-d9decb7c.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
-export * from "../../PageProps-aa29c554.js";
+export * from "../../BlogPostProps-7caa223c.js";
+export * from "../../BlogOverviewProps-7caa223c.js";
+export * from "../../PageProps-7caa223c.js";
 export { IconSprite, SettingsProps };

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

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

@@ -612,6 +612,16 @@
                                 "examples": [
                                   "See all our partners"
                                 ]
+                              },
+                              "icon": {
+                                "type": "string",
+                                "format": "icon",
+                                "title": "Icon",
+                                "description": "Icon for the link style of the cta",
+                                "examples": [
+                                  "arrow-right"
+                                ],
+                                "default": "arrow-right"
                               }
                             },
                             "additionalProperties": false
@@ -1814,6 +1824,16 @@
                                           "examples": [
                                             "See all our partners"
                                           ]
+                                        },
+                                        "icon": {
+                                          "type": "string",
+                                          "format": "icon",
+                                          "title": "Icon",
+                                          "description": "Icon for the link style of the cta",
+                                          "examples": [
+                                            "arrow-right"
+                                          ],
+                                          "default": "arrow-right"
                                         }
                                       },
                                       "additionalProperties": false

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 May 2025 06:39:10 GMT
+ * Generated on Fri, 23 May 2025 07:30:10 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -734,12 +734,12 @@
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
   --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
   --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
+  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);

package/dist/components/presets.json

@@ -1278,7 +1278,7 @@
     "id": "components-features--icon-centered",
     "group": "Components/Features",
     "name": "IconCentered",
-    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        label: 'Learn more',\n        target: '/feature1'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"centered\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        target: '/feature1'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"centered\"\n/>",
     "args": {
       "layout": "largeTiles",
       "style": "centered",
@@ -1293,7 +1293,8 @@
           "text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
           "cta": {
             "target": "/feature1",
-            "label": "Learn more"
+            "label": "Learn more",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1302,7 +1303,8 @@
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
             "target": "/feature2",
-            "label": "Get started"
+            "label": "Get started",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1311,7 +1313,8 @@
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
             "target": "/feature3",
-            "label": "Explore"
+            "label": "Explore",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1320,7 +1323,8 @@
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
             "target": "/feature4",
-            "label": "Customize"
+            "label": "Customize",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1329,7 +1333,8 @@
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
             "target": "/feature5",
-            "label": "Deploy"
+            "label": "Deploy",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1338,7 +1343,8 @@
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
             "target": "/feature6",
-            "label": "Secure"
+            "label": "Secure",
+            "icon": "arrow-right"
           }
         }
       ]
@@ -1349,7 +1355,7 @@
     "id": "components-features--stack-with-button",
     "group": "Components/Features",
     "name": "StackWithButton",
-    "code": "<Features\n  ctas={{\n    style: 'button',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"stack\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'button',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"stack\"\n/>",
     "args": {
       "layout": "smallTiles",
       "style": "stack",
@@ -1364,7 +1370,8 @@
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
             "target": "/feature3",
-            "label": "Explore"
+            "label": "Explore",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1373,7 +1380,8 @@
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
             "target": "/feature4",
-            "label": "Customize"
+            "label": "Customize",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1382,7 +1390,8 @@
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
             "target": "/feature5",
-            "label": "Deploy"
+            "label": "Deploy",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1391,7 +1400,8 @@
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
             "target": "/feature6",
-            "label": "Secure"
+            "label": "Secure",
+            "icon": "arrow-right"
           }
         }
       ]
@@ -1402,7 +1412,7 @@
     "id": "components-features--list-view",
     "group": "Components/Features",
     "name": "ListView",
-    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: false\n  }}\n  feature={[\n    {\n      cta: {\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        label: 'Learn more',\n        target: '/feature1'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"list\"\n  style=\"besideLarge\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: false\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        target: '/feature1'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"list\"\n  style=\"besideLarge\"\n/>",
     "args": {
       "layout": "list",
       "style": "besideLarge",
@@ -1417,7 +1427,8 @@
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
             "target": "/feature4",
-            "label": "Customize"
+            "label": "Customize",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1426,7 +1437,8 @@
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
             "target": "/feature2",
-            "label": "Get started"
+            "label": "Get started",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1435,7 +1447,8 @@
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
             "target": "/feature3",
-            "label": "Explore"
+            "label": "Explore",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1444,7 +1457,8 @@
           "text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
           "cta": {
             "target": "/feature1",
-            "label": "Learn more"
+            "label": "Learn more",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1453,7 +1467,8 @@
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
             "target": "/feature5",
-            "label": "Deploy"
+            "label": "Deploy",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1462,7 +1477,8 @@
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
             "target": "/feature6",
-            "label": "Secure"
+            "label": "Secure",
+            "icon": "arrow-right"
           }
         }
       ]
@@ -1473,7 +1489,7 @@
     "id": "components-features--icon-beside-with-link-in-text",
     "group": "Components/Features",
     "name": "IconBesideWithLinkInText",
-    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        label: 'Learn more',\n        target: '/feature1'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"intext\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        target: '/feature1'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"intext\"\n/>",
     "args": {
       "layout": "smallTiles",
       "style": "intext",
@@ -1488,7 +1504,8 @@
           "text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
           "cta": {
             "target": "/feature1",
-            "label": "Learn more"
+            "label": "Learn more",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1497,7 +1514,8 @@
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
             "target": "/feature2",
-            "label": "Get started"
+            "label": "Get started",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1506,7 +1524,8 @@
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
             "target": "/feature3",
-            "label": "Explore"
+            "label": "Explore",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1515,7 +1534,8 @@
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
             "target": "/feature4",
-            "label": "Customize"
+            "label": "Customize",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1524,7 +1544,8 @@
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
             "target": "/feature5",
-            "label": "Deploy"
+            "label": "Deploy",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1533,7 +1554,8 @@
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
             "target": "/feature6",
-            "label": "Secure"
+            "label": "Secure",
+            "icon": "arrow-right"
           }
         }
       ]
@@ -1544,7 +1566,7 @@
     "id": "components-features--icon-intext-with-link",
     "group": "Components/Features",
     "name": "IconIntextWithLink",
-    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"intext\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '/feature4'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '/feature2'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '/feature3'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '/feature5'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '/feature6'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"intext\"\n/>",
     "args": {
       "layout": "largeTiles",
       "style": "intext",
@@ -1559,7 +1581,8 @@
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
             "target": "/feature4",
-            "label": "Customize"
+            "label": "Customize",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1568,7 +1591,8 @@
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
             "target": "/feature2",
-            "label": "Get started"
+            "label": "Get started",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1577,7 +1601,8 @@
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
             "target": "/feature3",
-            "label": "Explore"
+            "label": "Explore",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1586,7 +1611,8 @@
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
             "target": "/feature5",
-            "label": "Deploy"
+            "label": "Deploy",
+            "icon": "arrow-right"
           }
         },
         {
@@ -1595,7 +1621,8 @@
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
             "target": "/feature6",
-            "label": "Secure"
+            "label": "Secure",
+            "icon": "arrow-right"
           }
         }
       ]

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

@@ -598,6 +598,16 @@
                           "examples": [
                             "See all our partners"
                           ]
+                        },
+                        "icon": {
+                          "type": "string",
+                          "format": "icon",
+                          "title": "Icon",
+                          "description": "Icon for the link style of the cta",
+                          "examples": [
+                            "arrow-right"
+                          ],
+                          "default": "arrow-right"
                         }
                       },
                       "additionalProperties": false
@@ -1800,6 +1810,16 @@
                                     "examples": [
                                       "See all our partners"
                                     ]
+                                  },
+                                  "icon": {
+                                    "type": "string",
+                                    "format": "icon",
+                                    "title": "Icon",
+                                    "description": "Icon for the link style of the cta",
+                                    "examples": [
+                                      "arrow-right"
+                                    ],
+                                    "default": "arrow-right"
                                   }
                                 },
                                 "additionalProperties": false

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

@@ -337,6 +337,16 @@
                           "examples": [
                             "See all our partners"
                           ]
+                        },
+                        "icon": {
+                          "type": "string",
+                          "format": "icon",
+                          "title": "Icon",
+                          "description": "Icon for the link style of the cta",
+                          "examples": [
+                            "arrow-right"
+                          ],
+                          "default": "arrow-right"
                         }
                       },
                       "additionalProperties": false

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 May 2025 06:39:12 GMT
+ * Generated on Fri, 23 May 2025 07:30:13 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, 23 May 2025 06:39:17 GMT
+ * Generated on Fri, 23 May 2025 07:30:17 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, 23 May 2025 06:39:14 GMT
+ * Generated on Fri, 23 May 2025 07:30:15 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, 23 May 2025 06:39:19 GMT
+ * Generated on Fri, 23 May 2025 07:30:20 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, 23 May 2025 06:39:10 GMT
+ * Generated on Fri, 23 May 2025 07:30:10 GMT
  */
 
 :root, [ks-theme] {
@@ -735,12 +735,12 @@
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
   --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
   --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
+  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 May 2025 06:39:10 GMT
+ * Generated on Fri, 23 May 2025 07:30:11 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -739,12 +739,12 @@ export const KsSpacingInsetStretchL = "1.6543rem 1.2031rem";
 export const KsSpacingInsetStretchXl = "2.2747rem 1.6543rem";
 export const KsTextColorDefaultBase = "rgba(6, 8, 31, 0.76)";
 export const KsTextColorDefaultInteractiveBase = "#3065c0";
-export const KsTextColorDefaultInteractiveHoverBase = "#3065c0";
+export const KsTextColorDefaultInteractiveHoverBase = "rgba(48, 101, 192, 0.63)";
 export const KsTextColorDefaultInteractiveActiveBase = "#3065c0";
 export const KsTextColorDefaultInteractiveSelectedBase = "#3065c0";
 export const KsTextColorDefaultInvertedBase = "#ffffff";
 export const KsTextColorDefaultInvertedInteractiveBase = "#98b2e0";
-export const KsTextColorDefaultInvertedInteractiveHoverBase = "#98b2e0";
+export const KsTextColorDefaultInvertedInteractiveHoverBase = "rgba(152, 178, 224, 0.63)";
 export const KsTextColorDefaultInvertedInteractiveActiveBase = "#98b2e0";
 export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#98b2e0";
 export const KsTextColorCopyBase = "rgba(6, 8, 31, 0.76)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.68--canary.44.1629.0",
+  "version": "1.6.68--canary.44.1633.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {