@kickstartds/ds-agency-premium 1.6.72--canary.43.2521.0 → 1.6.72--canary.56.2528.0

package/dist/playground/font-demo/index.js

@@ -1,171 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Section } from '../../components/section/index.js';
-import { SelectField } from '@kickstartds/form/lib/select-field';
-import { TextArea } from '@kickstartds/form/lib/text-area';
-import { CheckboxGroup } from '@kickstartds/form/lib/checkbox-group';
-import { Button } from '../../components/button/index.js';
-import { TeaserCard } from '../../components/teaser-card/index.js';
-import { RadioGroup } from '@kickstartds/form/lib/radio-group';
-import { TextField } from '@kickstartds/form/lib/text-field';
-import { Headline } from '../../components/headline/index.js';
-import { Downloads } from '../../components/downloads/index.js';
-import { Breadcrumb } from '../../components/breadcrumb/index.js';
-import { SearchResult } from '../../components/search-result/index.js';
-import { Features } from '../../components/features/index.js';
-import { Stats } from '../../components/stats/index.js';
-import { Cta } from '../../components/cta/index.js';
-import 'react';
-import 'classnames';
-import '@kickstartds/core/lib/react';
-import '@kickstartds/base/lib/section';
-import '../../components/section/js/Section.client.js';
-import '@kickstartds/core/lib/component';
-import '../../helpers-12f48df8.js';
-import '@kickstartds/base/lib/button';
-import '@kickstartds/base/lib/teaser-box';
-import '@kickstartds/core/lib/container';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/headline';
-import '@kickstartds/base/lib/rich-text';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/base/lib/picture';
-import '@kickstartds/base/lib/link';
-import '../../components/search-result-match/index.js';
-import '../../components/feature/index.js';
-import '../../components/stat/index.js';
-import '@kickstartds/content/lib/count-up';
-import '@kickstartds/content/lib/storytelling';
-import '../../components/button-group/index.js';
-import '@kickstartds/base/lib/button-group';
-
-const FontDemo = () => (jsxs("div", { className: "playground-preview-page", children: [jsxs(Section, { content: {
-                gutter: "large",
-            }, spaceAfter: "small", width: "wide", children: [jsx(Cta, { highlightText: true, headline: "Empowering Digital Transformation at Scale", sub: "Unlocking Synergies for Next-Gen Business Impact", text: "Our mission is clear: **drive innovation** through seamless integration and agile methodologies. Harness future-ready solutions for *cross-functional alignment* and operational excellence. We champion collaborative ecosystems that accelerate value creation." }), jsx("div", { children: jsx(Cta, { headline: "Accelerate Outcomes with Strategic Vision", sub: "Elevate Experiences with Purposeful Design", text: "We deliver:\n- Data-driven, measurable results\n- *Holistic* stakeholder engagement\n\n`// Example: driveValue(innovation)`\n\n> Empowering tomorrow, today.\n" }) })] }), jsxs(Section, { width: "wide", spaceBefore: "none", spaceAfter: "small", children: [jsx(TeaserCard, { headline: "Experience Seamless Digital Enablement", text: "Discover how modular, open-source solutions unlock scalable opportunities for every enterprise.", url: "https://basic.design-system.agency/", button: {
-                        label: "Browse basic Demo",
-                    } }), jsx(Stats, { stat: [
-                        {
-                            icon: "person",
-                            number: "150",
-                            title: "Active Innovators",
-                            description: "Visionaries leveraging our platform to maximize digital potential.",
-                        },
-                    ] }), jsx(SearchResult, { imageColSize: "none", initialMatch: "Driving **transformational** change.", matches: [
-                        {
-                            snippet: "Explore how industry leaders champion **innovation** at scale.",
-                            title: "Innovation Leadership Forum",
-                            url: "#",
-                        },
-                    ], showLink: true, title: "Future Conference", url: "https://www.example.com/futurevision-2025" }), jsx(Features, { ctas: {
-                        style: "link",
-                        toggle: true,
-                    }, feature: [
-                        {
-                            cta: {
-                                icon: "arrow-right",
-                                label: "Learn more",
-                                url: "#",
-                            },
-                            icon: "home",
-                            text: "Empower your business with adaptive frameworks, ensuring future-proof scalability and robust performance.",
-                            title: "Adaptive Frameworks",
-                        },
-                    ], layout: "smallTiles", style: "stack" })] }), jsxs(Section, { content: {
-                tileWidth: "medium",
-                gutter: "large",
-            }, width: "wide", spaceBefore: "small", spaceAfter: "small", children: [jsx(TeaserCard, { headline: "Basic Agency Website Demo", text: "Compare what the free version, using Open Source components only, can already offer you and your team.", url: "https://basic.design-system.agency/", button: {
-                        label: "Browse basic Demo",
-                    } }), jsx(SearchResult, { imageColSize: "none", initialMatch: "Embracing a **sustainable** lifestyle.", matches: [
-                        {
-                            snippet: "Learn how leading companies are integrating **sustainability**.",
-                            title: "Embracing Sustainability",
-                            url: "#",
-                        },
-                    ], showLink: true, title: "GreenTech Summit", url: "https://www.example.com/greentech-summit-2023" }), jsx(Features, { ctas: {
-                        style: "link",
-                        toggle: true,
-                    }, feature: [
-                        {
-                            cta: {
-                                icon: "arrow-right",
-                                label: "Learn more",
-                                url: "#",
-                            },
-                            icon: "home",
-                            text: "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
-                            title: "Scalable Architecture",
-                        },
-                    ], layout: "smallTiles", style: "stack" })] }), jsxs(Section, { width: "wide", spaceBefore: "small", spaceAfter: "small", content: {
-                gutter: "large",
-            }, children: [jsxs("div", { style: {
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "var(--ks-spacing-stack-m)",
-                    }, children: [jsx(Headline, { text: "Unlock Value with Strategic Partnerships", sub: "Collaborate for exponential growth", spaceAfter: "minimum", level: "h3", style: "h3" }), jsx(TextArea, { label: "Your message" }), jsx(CheckboxGroup, { label: "Lorem Ipsum", options: [
-                                {
-                                    //@ts-expect-error
-                                    checked: true,
-                                    label: "Lorem Ipsum",
-                                },
-                                {
-                                    label: "Ipsum Dolor",
-                                },
-                                {
-                                    label: "Dolor Sit Amet",
-                                    disabled: true,
-                                },
-                            ] })] }), jsxs("div", { style: {
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "var(--ks-spacing-stack-m)",
-                    }, children: [jsx(Headline, { text: "Optimize Processes for Maximum Impact", level: "h4", style: "h4", spaceAfter: "minimum" }), jsx(SelectField, { icon: "chevron-down", label: "Est dolore a debitis", options: [
-                                {
-                                    label: "Option 1",
-                                },
-                                {
-                                    label: "Option 2",
-                                },
-                                {
-                                    label: "Option 3",
-                                },
-                            ] }), jsx(TextField, { label: "Your name" }), jsx(RadioGroup, { label: "Lorem Ipsum", options: [
-                                {
-                                    label: "Lorem Ipsum",
-                                },
-                                {
-                                    //@ts-expect-error
-                                    checked: true,
-                                    label: "Ipsum Dolor",
-                                },
-                                {
-                                    label: "Dolor Sit Amet",
-                                    disabled: true,
-                                },
-                            ] })] }), jsxs("div", { style: {
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "var(--ks-spacing-stack-m)",
-                    }, children: [jsx(Breadcrumb, { pages: [
-                                {
-                                    label: "Home",
-                                    url: "https://example.com/home",
-                                },
-                                {
-                                    label: "Solutions",
-                                    url: "https://example.com/solutions",
-                                },
-                                {
-                                    label: "Insights",
-                                    url: "https://example.com/insights",
-                                },
-                            ] }), jsx(Downloads, { downloads: [
-                                {
-                                    format: "PDF",
-                                    name: "Visionary Solutions Overview",
-                                    previewImage: "img/offset-image.png",
-                                    size: "2.5 MB",
-                                    url: "#",
-                                },
-                            ] }), jsx(Button, { style: { width: "fit-content" }, label: "Engage Now", size: "large" }), jsx(Button, { style: { width: "fit-content" }, label: "Discover More", size: "medium" }), jsx(Button, { style: { width: "fit-content" }, label: "Get Started", size: "small" })] })] })] }));
-const Font = {};
-
-export { Font, FontDemo as default };

package/dist/playground/spacing-demo/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const SpacingDemo: () => import("react/jsx-runtime").JSX.Element;
-export { SpacingDemo as default };

package/dist/playground/spacing-demo/index.js

@@ -1,114 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { BusinessCard } from '../../components/business-card/index.js';
-import { EventLocation } from '../../components/event-location/index.js';
-import { Logos } from '../../components/logos/index.js';
-import { Section } from '../../components/section/index.js';
-import { TeaserCard } from '../../components/teaser-card/index.js';
-import 'classnames';
-import 'react';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/base/lib/picture';
-import 'markdown-to-jsx';
-import '../../components/button/index.js';
-import '@kickstartds/base/lib/button';
-import '../../helpers-12f48df8.js';
-import '@kickstartds/base/lib/link';
-import '@kickstartds/core/lib/container';
-import '@kickstartds/base/lib/rich-text';
-import '../../components/event-appointment/index.js';
-import '@kickstartds/content/lib/logo-tiles';
-import '@kickstartds/core/lib/react';
-import '@kickstartds/base/lib/section';
-import '../../components/section/js/Section.client.js';
-import '@kickstartds/core/lib/component';
-import '@kickstartds/base/lib/teaser-box';
-
-const SpacingDemo = () => (jsxs("div", { className: "playground-preview-page", children: [jsxs(Section, { headline: {
-                text: "Lorem Ipsum Dolor",
-                sub: "Sit Amet",
-            }, children: [jsx(TeaserCard, { layout: "row", button: {
-                        chevron: true,
-                        label: "View showcase",
-                    }, image: "img/people-brainstorming-work-meeting.png", imageRatio: "landscape", label: "Tech", headline: "Transformation Love Story", text: "See how we saved TechFusions a year's worth of development time", url: "#" }), jsx(BusinessCard, { address: "1234 Business Lane<br />Suite 567 <br />Business City, BC 12345", avatar: {
-                        alt: "Emily Johnson",
-                        src: "img/people/contact-person.png",
-                    }, buttons: [
-                        {
-                            label: "Market Insights",
-                            url: "#",
-                        },
-                    ], contact: [
-                        {
-                            icon: "phone",
-                            label: "+1 234 567 890",
-                            url: "tel:+1234567890",
-                        },
-                        {
-                            icon: "email",
-                            label: "emily@example.com",
-                            url: "mailto:emily@example.com",
-                        },
-                        {
-                            icon: "linkedin",
-                            label: "Emily Johnson",
-                            url: "#",
-                        },
-                    ], logo: {
-                        alt: "Business Logo",
-                        src: "logo.svg",
-                        url: "#",
-                    }, topic: "Industry Intelligence" })] }), jsx(Section, { children: jsx(Logos, { align: "center", cta: {
-                    label: "See all our partners",
-                    link: "#",
-                    style: "button",
-                    text: "Explore the success stories of our valued customers and discover more about their journey.",
-                    toggle: true,
-                }, logo: [
-                    {
-                        alt: "Logo 1",
-                        src: "img/logos/logoipsum-344.svg",
-                    },
-                    {
-                        alt: "Logo 2",
-                        src: "img/logos/logoipsum-347.svg",
-                    },
-                    {
-                        alt: "Logo 3",
-                        src: "img/logos/logoipsum-352.svg",
-                    },
-                ], logosPerRow: 3, tagline: "Your Success, Our Commitment" }) }), jsx(Section, { children: jsx(EventLocation, { address: "Alexanderplatz 1<br />\n      10178 Berlin", dates: [
-                    {
-                        date: "18.09.2025",
-                        label: "Register",
-                        newTab: true,
-                        time: "09:00 – 17:00",
-                        url: "#",
-                    },
-                    {
-                        date: "18.09.2025",
-                        label: "Register",
-                        newTab: true,
-                        time: "09:00 – 17:00",
-                        url: "#",
-                    },
-                    {
-                        date: "18.09.2025",
-                        label: "Register",
-                        newTab: true,
-                        time: "09:00 – 17:00",
-                        url: "#",
-                    },
-                ], displayMode: "compact", links: [
-                    {
-                        label: "Open in Google Maps",
-                        newTab: true,
-                        url: "https://maps.google.com/?q=Berlin+Congress+Center",
-                    },
-                    {
-                        label: "Location Website",
-                        newTab: true,
-                        url: "https://maps.google.com/?q=Berlin+Congress+Center",
-                    },
-                ], locationName: "Berlin Congress Center" }) })] }));
-
-export { SpacingDemo as default };

package/dist/tokens/branding-token-burgundy.css

@@ -1,113 +0,0 @@
-:root {
-  /* Colors */
-  --ks-brand-color-primary: oklch(52.408% 0.21712 344.427);
-  --ks-brand-color-primary-inverted: oklch(56.86% 0.255 257.57);
-
-  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
-  --ks-brand-color-on-primary-inverted: var(--ks-color-fg-inverted);
-
-  --ks-brand-color-bg: oklch(97.386% 0.01826 336.224);
-  --ks-brand-color-bg-inverted: #0f203e;
-
-  --ks-brand-color-fg: #06081f;
-  --ks-brand-color-fg-inverted: #fff;
-
-  --ks-brand-color-link: oklch(52.408% 0.21712 344.427);
-  --ks-brand-color-link-inverted: #98b2e0;
-
-  --ks-brand-color-positive: #23831b;
-  --ks-brand-color-positive-inverted: #6edb64;
-
-  --ks-brand-color-negative: #ff1a57;
-  --ks-brand-color-negative-inverted: #d21d48;
-
-  --ks-brand-color-informative: #64c2db;
-  --ks-brand-color-informative-inverted: #00718f;
-
-  --ks-brand-color-notice: #64c2db;
-  --ks-brand-color-notice-inverted: #00718f;
-
-  --ks-brand-color-scale-9: 5%;
-  --ks-brand-color-scale-8: 15%;
-  --ks-brand-color-scale-7: 27%;
-  --ks-brand-color-scale-6: 39%;
-  --ks-brand-color-scale-5: 50%;
-  --ks-brand-color-scale-4: 61%;
-  --ks-brand-color-scale-3: 73%;
-  --ks-brand-color-scale-2: 85%;
-  --ks-brand-color-scale-1: 95%;
-}
-
-:root {
-  /* Font Families */
-  --ks-brand-font-family-display: Montserrat, Baskerville,
-    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
-    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
-    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
-    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
-    "Liberation Sans", sans-serif;
-  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
-    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
-    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
-    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
-    "Liberation Sans", sans-serif;
-  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
-    Consolas, "Liberation Mono", monospace;
-
-  /* Font Weights */
-  --ks-brand-font-weight-light: 300;
-  --ks-brand-font-weight-regular: 400;
-  --ks-brand-font-weight-medium: 500;
-  --ks-brand-font-weight-semi-bold: 600;
-  --ks-brand-font-weight-bold: 700;
-}
-
-/* Normalized user input tokens (range: 1-2) */
-
-/*
-Shrink Factor:      Determine scaling from m to xxs
-Grow Factor:        Determine scaling from m to xxl
-Breakpoint Factor:  Higher bp factor means large spacings increase
-                    more at bigger screen sizes than small spacings
-*/
-
-/* Font Size */
-:root {
-  --ks-brand-font-size-display-base: 20px;
-  --ks-brand-font-size-display-shrink-factor: 1.5;
-  --ks-brand-font-size-display-grow-factor: 1.5;
-  --ks-brand-font-size-display-bp-factor: 1.5;
-
-  --ks-brand-font-size-copy-base: 16px;
-  --ks-brand-font-size-copy-shrink-factor: 1.5;
-  --ks-brand-font-size-copy-grow-factor: 1.5;
-  --ks-brand-font-size-copy-bp-factor: 1.5;
-
-  --ks-brand-font-size-interface-base: 16px;
-  --ks-brand-font-size-interface-shrink-factor: 1.5;
-  --ks-brand-font-size-interface-grow-factor: 1.5;
-  --ks-brand-font-size-interface-bp-factor: 1.5;
-
-  --ks-brand-font-size-mono-base: 16px;
-  --ks-brand-font-size-mono-shrink-factor: 1.5;
-  --ks-brand-font-size-mono-grow-factor: 1.5;
-  --ks-brand-font-size-mono-bp-factor: 1.5;
-}
-
-/* Spacing */
-:root {
-  --ks-brand-spacing-base: 16px;
-  --ks-brand-spacing-shrink-factor: 1.5;
-  --ks-brand-spacing-grow-factor: 1.5;
-  --ks-brand-spacing-bp-factor: 1.5;
-}
-
-:root {
-  --ks-brand-border-width-default: 1px;
-  --ks-brand-border-width-emphasized: 2px;
-
-  --ks-brand-border-radius-control: 0;
-  --ks-brand-border-radius-card: 0;
-  --ks-brand-border-radius-surface: 0;
-}

package/dist/tokens/branding-token-coffee.css

@@ -1,114 +0,0 @@
-:root {
-  /* Colors */
-  --ks-brand-color-primary: rgb(255, 169, 89);
-  --ks-brand-color-primary-inverted: rgb(255, 169, 89);
-
-  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
-  --ks-brand-color-on-primary-inverted: black;
-
-  --ks-brand-color-bg: oklch(24% 0.023 329.708);
-  --ks-brand-color-bg-inverted: #0f203e;
-
-  --ks-brand-color-fg: rgb(255, 169, 89);
-  --ks-brand-color-fg-inverted: oklch(24% 0.023 329.708);
-
-  --ks-brand-color-link: oklch(90.382% 0.06694 65.317);
-  --ks-brand-color-link-inverted: #98b2e0;
-
-  --ks-brand-color-positive: #23831b;
-  --ks-brand-color-positive-inverted: #6edb64;
-
-  --ks-brand-color-negative: #ff1a57;
-  --ks-brand-color-negative-inverted: #d21d48;
-
-  --ks-brand-color-informative: #64c2db;
-  --ks-brand-color-informative-inverted: #00718f;
-
-  --ks-brand-color-notice: #64c2db;
-  --ks-brand-color-notice-inverted: #00718f;
-
-  --ks-brand-color-scale-9: 5%;
-  --ks-brand-color-scale-8: 15%;
-  --ks-brand-color-scale-7: 27%;
-  --ks-brand-color-scale-6: 39%;
-  --ks-brand-color-scale-5: 50%;
-  --ks-brand-color-scale-4: 61%;
-  --ks-brand-color-scale-3: 73%;
-  --ks-brand-color-scale-2: 85%;
-  --ks-brand-color-scale-1: 95%;
-}
-
-:root {
-  /* Font Families */
-  --ks-brand-font-family-display: Montserrat, Baskerville,
-    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
-    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
-    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
-    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
-    "Liberation Sans", sans-serif;
-  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
-    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
-    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
-    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
-    "Liberation Sans", sans-serif;
-  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
-    Consolas, "Liberation Mono", monospace;
-
-  /* Font Weights */
-  --ks-brand-font-weight-light: 300;
-  --ks-brand-font-weight-regular: 400;
-  --ks-brand-font-weight-medium: 500;
-  --ks-brand-font-weight-semi-bold: 600;
-  --ks-brand-font-weight-bold: 700;
-}
-
-/* Normalized user input tokens (range: 1-2) */
-
-/*
-Shrink Factor:      Determine scaling from m to xxs
-Grow Factor:        Determine scaling from m to xxl
-Breakpoint Factor:  Higher bp factor means large spacings increase
-                    more at bigger screen sizes than small spacings
-*/
-
-/* Font Size */
-:root {
-  --ks-brand-font-size-display-base: 20px;
-  --ks-brand-font-size-display-shrink-factor: 1.5;
-  --ks-brand-font-size-display-grow-factor: 1.5;
-  --ks-brand-font-size-display-bp-factor: 1.5;
-
-  --ks-brand-font-size-copy-base: 14px;
-  --ks-brand-font-size-copy-shrink-factor: 1.5;
-  --ks-brand-font-size-copy-grow-factor: 1.5;
-  --ks-brand-font-size-copy-bp-factor: 1.5;
-
-  --ks-brand-font-size-interface-base: 14px;
-  --ks-brand-font-size-interface-shrink-factor: 1.5;
-  --ks-brand-font-size-interface-grow-factor: 1.5;
-  --ks-brand-font-size-interface-bp-factor: 1.5;
-
-  --ks-brand-font-size-mono-base: 14px;
-  --ks-brand-font-size-mono-shrink-factor: 1.5;
-  --ks-brand-font-size-mono-grow-factor: 1.5;
-  --ks-brand-font-size-mono-bp-factor: 1.5;
-}
-
-/* Spacing */
-:root {
-  --ks-brand-spacing-base: 16px;
-  --ks-brand-spacing-shrink-factor: 1.5;
-  --ks-brand-spacing-grow-factor: 1.5;
-  --ks-brand-spacing-bp-factor: 1.5;
-}
-
-/* Border */
-:root {
-  --ks-brand-border-width-default: 1px;
-  --ks-brand-border-width-emphasized: 2px;
-
-  --ks-brand-border-radius-control: var(--ks-spacing-xs);
-  --ks-brand-border-radius-card: var(--ks-spacing-s);
-  --ks-brand-border-radius-surface: var(--ks-spacing-m);
-}

package/dist/tokens/branding-token-mint.css

@@ -1,114 +0,0 @@
-:root {
-  /* Colors */
-  --ks-brand-color-primary: #02816e;
-  --ks-brand-color-primary-inverted: #4e83e0;
-
-  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
-  --ks-brand-color-on-primary-inverted: var(--ks-color-fg);
-
-  --ks-brand-color-bg: oklch(98.71% 0.02 123.72);
-  --ks-brand-color-bg-inverted: #0f203e;
-
-  --ks-brand-color-fg: #06081f;
-  --ks-brand-color-fg-inverted: #fff;
-
-  --ks-brand-color-link: #007e6c;
-  --ks-brand-color-link-inverted: #98b2e0;
-
-  --ks-brand-color-positive: #23831b;
-  --ks-brand-color-positive-inverted: #6edb64;
-
-  --ks-brand-color-negative: #ff1a57;
-  --ks-brand-color-negative-inverted: #d21d48;
-
-  --ks-brand-color-informative: #64c2db;
-  --ks-brand-color-informative-inverted: #00718f;
-
-  --ks-brand-color-notice: #64c2db;
-  --ks-brand-color-notice-inverted: #00718f;
-
-  --ks-brand-color-scale-9: 5%;
-  --ks-brand-color-scale-8: 15%;
-  --ks-brand-color-scale-7: 27%;
-  --ks-brand-color-scale-6: 39%;
-  --ks-brand-color-scale-5: 50%;
-  --ks-brand-color-scale-4: 61%;
-  --ks-brand-color-scale-3: 73%;
-  --ks-brand-color-scale-2: 85%;
-  --ks-brand-color-scale-1: 95%;
-}
-
-:root {
-  /* Font Families */
-  --ks-brand-font-family-display: Montserrat, Baskerville,
-    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
-    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
-    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
-    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
-    "Liberation Sans", sans-serif;
-  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
-    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
-    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
-    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
-    "Liberation Sans", sans-serif;
-  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
-    Consolas, "Liberation Mono", monospace;
-
-  /* Font Weights */
-  --ks-brand-font-weight-light: 300;
-  --ks-brand-font-weight-regular: 400;
-  --ks-brand-font-weight-medium: 500;
-  --ks-brand-font-weight-semi-bold: 600;
-  --ks-brand-font-weight-bold: 700;
-}
-
-/* Normalized user input tokens (range: 1-2) */
-
-/*
-Shrink Factor:      Determine scaling from m to xxs
-Grow Factor:        Determine scaling from m to xxl
-Breakpoint Factor:  Higher bp factor means large spacings increase
-                    more at bigger screen sizes than small spacings
-*/
-
-/* Font Size */
-:root {
-  --ks-brand-font-size-display-base: 20px;
-  --ks-brand-font-size-display-shrink-factor: 1.5;
-  --ks-brand-font-size-display-grow-factor: 1.5;
-  --ks-brand-font-size-display-bp-factor: 1.5;
-
-  --ks-brand-font-size-copy-base: 18px;
-  --ks-brand-font-size-copy-shrink-factor: 1.5;
-  --ks-brand-font-size-copy-grow-factor: 1.5;
-  --ks-brand-font-size-copy-bp-factor: 1.5;
-
-  --ks-brand-font-size-interface-base: 18px;
-  --ks-brand-font-size-interface-shrink-factor: 1.5;
-  --ks-brand-font-size-interface-grow-factor: 1.5;
-  --ks-brand-font-size-interface-bp-factor: 1.5;
-
-  --ks-brand-font-size-mono-base: 18px;
-  --ks-brand-font-size-mono-shrink-factor: 1.5;
-  --ks-brand-font-size-mono-grow-factor: 1.5;
-  --ks-brand-font-size-mono-bp-factor: 1.5;
-}
-
-/* Spacing */
-:root {
-  --ks-brand-spacing-base: 16px;
-  --ks-brand-spacing-shrink-factor: 1.5;
-  --ks-brand-spacing-grow-factor: 1.5;
-  --ks-brand-spacing-bp-factor: 1.5;
-}
-
-/* Border */
-:root {
-  --ks-brand-border-width-default: 1px;
-  --ks-brand-border-width-emphasized: 2px;
-
-  --ks-brand-border-radius-control: var(--ks-spacing-xxs);
-  --ks-brand-border-radius-card: var(--ks-spacing-xs);
-  --ks-brand-border-radius-surface: var(--ks-spacing-s);
-}