@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.0 → 1.7.0--canary.46.1791.0

package/dist/components/search-bar/index.js

@@ -1,17 +0,0 @@
-import "./search-bar.css";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { TextField } from '@kickstartds/form/lib/text-field';
-import Markdown from 'markdown-to-jsx';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Link } from '@kickstartds/base/lib/link';
-
-const SearchBarContextDefault = forwardRef(({ placeholder, hint = "Press <kbd>Enter</kbd> to search", alternativeText = "Did you mean", alternativeResult = "AI Conference", }, ref) => (jsxs("div", { className: "dsa-search-bar", ref: ref, children: [jsxs("div", { className: "dsa-search-bar__input-container", children: [jsx(TextField, { hideLabel: true, type: "search", placeholder: placeholder || "Search...", className: "dsa-search-bar__input" }), jsx(Icon, { icon: "search" })] }), hint && jsx(Markdown, { className: "dsa-search-bar__hint", children: hint }), alternativeResult && (jsx("p", { className: "dsa-search-bar__alternative-text", children: jsxs(Fragment, { children: [alternativeText + " ", jsx(Link, { href: "#", children: alternativeResult })] }) }))] })));
-const SearchBarContext = createContext(SearchBarContextDefault);
-const SearchBar = forwardRef((props, ref) => {
-    const Component = useContext(SearchBarContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SearchBar.displayName = "SearchBar";
-
-export { SearchBar, SearchBarContext, SearchBarContextDefault };

package/dist/components/search-bar/search-bar.css

@@ -1,33 +0,0 @@
-.dsa-search-bar__input-container {
-  position: relative;
-}
-.dsa-search-bar__input-container .icon {
-  position: absolute;
-  left: var(--ks-spacing-inset-s);
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--ks-color-fg-alpha-6);
-  width: 1em;
-  height: 1em;
-}
-.dsa-search-bar__input.c-form-field__input {
-  padding: var(--ks-spacing-inset-xs);
-  font: var(--ks-font-interface-s);
-  padding-left: calc(var(--ks-spacing-inset-s) + 1em + var(--ks-spacing-xxs));
-}
-.dsa-search-bar__hint {
-  display: block;
-  font: var(--ks-font-interface-xs);
-  color: var(--ks-color-fg-alpha-4);
-  margin-top: var(--ks-spacing-stack-xs);
-}
-.dsa-search-bar__hint kbd {
-  font-size: 0.8em;
-  border-radius: 3px;
-}
-.dsa-search-bar__alternative-text {
-  margin-top: var(--ks-spacing-stack-s);
-  margin-bottom: 0;
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}

package/dist/components/search-bar/search-bar.schema.dereffed.json

@@ -1,48 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
-  "title": "Search Bar",
-  "type": "object",
-  "properties": {
-    "placeholder": {
-      "title": "Placeholder",
-      "type": "string",
-      "description": "Placeholder text for the search input field.",
-      "examples": [
-        "Search..."
-      ]
-    },
-    "buttonText": {
-      "type": "string",
-      "description": "Text displayed on the search button.",
-      "examples": [
-        "Search"
-      ]
-    },
-    "hint": {
-      "type": "string",
-      "description": "Additional information or instructions related to the search functionality.",
-      "examples": [
-        "Press <kbd>Enter</kbd> to search"
-      ]
-    },
-    "alternativeText": {
-      "type": "string",
-      "description": "Text to display when offering alternative results.",
-      "examples": [
-        "Did you mean"
-      ]
-    },
-    "alternativeResult": {
-      "type": "string",
-      "description": "The alternative result to display when offering suggestions.",
-      "examples": [
-        "AI Conference"
-      ]
-    },
-    "type": {
-      "const": "search-bar"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-bar/search-bar.schema.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
-  "title": "Search Bar",
-  "type": "object",
-  "properties": {
-    "placeholder": {
-      "title": "Placeholder",
-      "type": "string",
-      "description": "Placeholder text for the search input field.",
-      "examples": ["Search..."]
-    },
-    "buttonText": {
-      "type": "string",
-      "description": "Text displayed on the search button.",
-      "examples": ["Search"]
-    },
-    "hint": {
-      "type": "string",
-      "description": "Additional information or instructions related to the search functionality.",
-      "examples": ["Press <kbd>Enter</kbd> to search"]
-    },
-    "alternativeText": {
-      "type": "string",
-      "description": "Text to display when offering alternative results.",
-      "examples": ["Did you mean"]
-    },
-    "alternativeResult": {
-      "type": "string",
-      "description": "The alternative result to display when offering suggestions.",
-      "examples": ["AI Conference"]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-filter/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
-declare const SearchFilterContextDefault: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const SearchFilterContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const SearchFilter: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { SearchFilterProps };
-export { SearchFilterContextDefault, SearchFilterContext, SearchFilter };

package/dist/components/search-filter/index.js

@@ -1,15 +0,0 @@
-import "./search-filter.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import Markdown from 'markdown-to-jsx';
-import { Link } from '@kickstartds/base/lib/link';
-
-const SearchFilterContextDefault = forwardRef(({ title, categories }, ref) => (jsxs("div", { className: "dsa-search-filter", ref: ref, children: [title && jsx(Markdown, { className: "dsa-search-filter__title", children: title }), jsx("div", { className: "dsa-search-filter__categories", children: categories.map((category, index) => (jsxs("div", { className: "dsa-search-filter__category", children: [jsx(Link, { href: category.url, className: "dsa-search-filter__category-title", children: category.title }), jsx("span", { className: "dsa-search-filter__category-amount", children: " (" + category.amount + ")" })] }, index))) })] })));
-const SearchFilterContext = createContext(SearchFilterContextDefault);
-const SearchFilter = forwardRef((props, ref) => {
-    const Component = useContext(SearchFilterContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SearchFilter.displayName = "SearchFilter";
-
-export { SearchFilter, SearchFilterContext, SearchFilterContextDefault };

package/dist/components/search-filter/search-filter.css

@@ -1,20 +0,0 @@
-.dsa-search-filter {
-  background-color: var(--ks-background-color-accent);
-  border-radius: var(--ks-border-radius-card);
-  padding: var(--ks-spacing-inset-m);
-}
-.dsa-search-filter__title {
-  font: var(--dsa-topic--font);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
-}
-.dsa-search-filter__categories {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-xxs);
-  margin-top: var(--ks-spacing-stack-s);
-}
-.dsa-search-filter__category {
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}

package/dist/components/search-filter/search-filter.schema.dereffed.json

@@ -1,69 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-  "title": "Search Filter",
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string",
-      "description": "The title of the search filter.",
-      "examples": [
-        "Search by category"
-      ]
-    },
-    "categories": {
-      "type": "array",
-      "description": "The categories to filter by.",
-      "examples": [
-        [
-          {
-            "title": "Pages",
-            "amount": "10"
-          },
-          {
-            "title": "News",
-            "amount": "5"
-          },
-          {
-            "title": "Blog Posts",
-            "amount": "8"
-          }
-        ]
-      ],
-      "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "The name of the category.",
-            "examples": [
-              "Pages",
-              "News"
-            ]
-          },
-          "amount": {
-            "type": "string",
-            "description": "The number of items in the category.",
-            "examples": [
-              "10",
-              "5"
-            ]
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL to filter by this category.",
-            "examples": [
-              "#"
-            ]
-          }
-        },
-        "additionalProperties": false
-      }
-    },
-    "type": {
-      "const": "search-filter"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-filter/search-filter.schema.json

@@ -1,46 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-  "title": "Search Filter",
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string",
-      "description": "The title of the search filter.",
-      "examples": ["Search by category"]
-    },
-    "categories": {
-      "type": "array",
-      "description": "The categories to filter by.",
-      "examples": [
-        [
-          { "title": "Pages", "amount": "10" },
-          { "title": "News", "amount": "5" },
-          { "title": "Blog Posts", "amount": "8" }
-        ]
-      ],
-      "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "The name of the category.",
-            "examples": ["Pages", "News"]
-          },
-          "amount": {
-            "type": "string",
-            "description": "The number of items in the category.",
-            "examples": ["10", "5"]
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL to filter by this category.",
-            "examples": ["#"]
-          }
-        }
-      }
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-result/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { SearchResultProps } from "../../SearchResultProps-224c2338.js";
-declare const SearchResultContextDefault: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const SearchResultContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const SearchResult: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { SearchResultProps };
-export { SearchResultContextDefault, SearchResultContext, SearchResult };

package/dist/components/search-result/index.js

@@ -1,15 +0,0 @@
-import "./search-result.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Link } from '@kickstartds/base/lib/link';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-
-const SearchResultContextDefault = forwardRef(({ title, text, url, showLink, ariaLabel }, ref) => (jsxs(Link, { "aria-label": ariaLabel, href: url, className: "dsa-search-result", ref: ref, children: [jsx("span", { className: "dsa-search-result__title", children: title }), jsx(RichText, { text: text, className: "dsa-search-result__text" }), showLink && jsx("span", { className: "dsa-search-result__link", children: url })] })));
-const SearchResultContext = createContext(SearchResultContextDefault);
-const SearchResult = forwardRef((props, ref) => {
-    const Component = useContext(SearchResultContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SearchResult.displayName = "SearchResult";
-
-export { SearchResult, SearchResultContext, SearchResultContextDefault };

package/dist/components/search-result/search-result.css

@@ -1,26 +0,0 @@
-.dsa-search-result {
-  --g-link--border-radius: var(--ks-border-radius-card);
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-xs);
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
-  padding: var(--ks-spacing-inset-m);
-  transition: var(--ks-transition-hover);
-}
-.dsa-search-result:hover {
-  border-color: var(--ks-border-color-card-interactive-hover);
-}
-.dsa-search-result__title {
-  font: var(--dsa-topic--font);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
-}
-.dsa-search-result__link {
-  width: fit-content;
-  font: var(--ks-font-interface-s);
-  color: var(--dsa-link--color);
-  transition: inherit;
-}
-.dsa-search-result__link:hover {
-  color: var(--dsa-link--color_hover);
-}

package/dist/components/search-result/search-result.schema.dereffed.json

@@ -1,50 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-result.schema.json",
-  "title": "Search Result",
-  "type": "object",
-  "properties": {
-    "url": {
-      "title": "URL",
-      "type": "string",
-      "description": "A URL linking to the search result or more information.",
-      "examples": [
-        "https://www.example.com/ai-conference-2023"
-      ]
-    },
-    "title": {
-      "title": "Title",
-      "type": "string",
-      "description": "The title of the search result.",
-      "examples": [
-        "AI Conference 2023"
-      ]
-    },
-    "text": {
-      "title": "Text",
-      "type": "string",
-      "description": "The main content or description of the search result.",
-      "examples": [
-        "Join us for the AI Conference 2023, where industry leaders discuss the future of AI."
-      ]
-    },
-    "showLink": {
-      "title": "Show Link",
-      "type": "boolean",
-      "description": "Whether to display the link to the search result.",
-      "default": true
-    },
-    "ariaLabel": {
-      "title": "ARIA Label",
-      "type": "string",
-      "description": "An ARIA label for accessibility purposes.",
-      "examples": [
-        "Search result: Conference 2023"
-      ]
-    },
-    "type": {
-      "const": "search-result"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-result/search-result.schema.json

@@ -1,41 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-result.schema.json",
-  "title": "Search Result",
-  "type": "object",
-  "properties": {
-    "url": {
-      "title": "URL",
-      "type": "string",
-      "description": "A URL linking to the search result or more information.",
-      "examples": ["https://www.example.com/ai-conference-2023"]
-    },
-    "title": {
-      "title": "Title",
-      "type": "string",
-      "description": "The title of the search result.",
-      "examples": ["AI Conference 2023"]
-    },
-    "text": {
-      "title": "Text",
-      "type": "string",
-      "description": "The main content or description of the search result.",
-      "examples": [
-        "Join us for the AI Conference 2023, where industry leaders discuss the future of AI."
-      ]
-    },
-    "showLink": {
-      "title": "Show Link",
-      "type": "boolean",
-      "description": "Whether to display the link to the search result.",
-      "default": true
-    },
-    "ariaLabel": {
-      "title": "ARIA Label",
-      "type": "string",
-      "description": "An ARIA label for accessibility purposes.",
-      "examples": ["Search result: Conference 2023"]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/split-even/index.d.ts

@@ -1,74 +0,0 @@
-/// <reference types="react" />
-import { FC } from "react";
-/* eslint-disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-import { CtaProps } from "../../CtaProps-babe4ee6.js";
-import { DividerProps } from "../../DividerProps-2ef31901.js";
-import { FaqProps } from "../../FaqProps-ad618cd5.js";
-import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
-import { GalleryProps } from "../../GalleryProps-76e7de44.js";
-import { HeroProps } from "../../HeroProps-40f6c7f5.js";
-import { HtmlProps } from "../../HtmlProps-9d091769.js";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
-import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
-import { LogosProps } from "../../LogosProps-f9474fe2.js";
-import { MosaicProps } from "../../MosaicProps-d52c7151.js";
-import { SliderProps } from "../../SliderProps-babe4ee6.js";
-import { StatsProps } from "../../StatsProps-bf5ef578.js";
-import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
-import { TestimonialsProps } from "../../TestimonialsProps-e344f597.js";
-import { TextProps } from "../../TextProps-a23170d2.js";
-import { VideoCurtainProps } from "../../VideoCurtainProps-a2c0cc7f.js";
-/**
- * Sets the minimum width for each half of the split layout
- */
-type ContentMinimumWidth = "narrow" | "medium" | "wide";
-/**
- * Sets the space between the content inside the two halves of the split layout
- */
-type ContentGutter = "small" | "default" | "large" | "none";
-/**
- * Reverses the order of the sections on mobile devices
- */
-type MobileReverse = boolean;
-/**
- * Aligns the content vertically within the sections
- */
-type VerticalAlignment = "top" | "center" | "bottom" | "sticky";
-/**
- * Sets the vertical space between the content of the split layout
- */
-type VerticalGutter = "large" | "default" | "small" | "none";
-/**
- * Sets the horizontal space between the content of the split layout
- */
-type HorizontalGutter = "large" | "default" | "small" | "none";
-/**
- * Allowed components for the first half of the split layout
- */
-type First = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-/**
- * Allowed components for the second half of the split layout
- */
-type Second = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-interface SplitEvenProps {
-    contentMinWidth?: ContentMinimumWidth;
-    contentGutter?: ContentGutter;
-    mobileReverse?: MobileReverse;
-    verticalAlign?: VerticalAlignment;
-    verticalGutter?: VerticalGutter;
-    horizontalGutter?: HorizontalGutter;
-    firstComponents?: First;
-    secondComponents?: Second;
-}
-interface ComponentProps {
-    first?: React.ReactNode;
-    second?: React.ReactNode;
-}
-type SplitEvenComponentProps = SplitEvenProps & ComponentProps;
-declare const SplitEven: FC<SplitEvenComponentProps>;
-export { ComponentProps, SplitEvenComponentProps, SplitEven };

package/dist/components/split-even/index.js

@@ -1,7 +0,0 @@
-import "./split-even.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-
-const SplitEven = ({ mobileReverse = false, contentMinWidth = "medium", verticalAlign = "top", horizontalGutter = "default", verticalGutter = "default", contentGutter = "default", first, second, }) => (jsxs("div", { className: classnames("l-split-even", mobileReverse && "l-split-even--mobile-reverse", horizontalGutter && `l-split-even--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-even--v-gutter-${verticalGutter}`, contentMinWidth && `l-split-even--width-${contentMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-even__content l-split-even__content--first", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: first })) : (first) }), jsx("div", { className: classnames("l-split-even__content l-split-even__content--second", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: second })) : (second) })] }));
-
-export { SplitEven };

package/dist/components/split-even/split-even.css

@@ -1,100 +0,0 @@
-.l-split-even {
-  --dsa-split-even--sticky-margin: var(--ks-spacing-stack-xl);
-  --dsa-split-even--v-gutter_default: var(--ks-spacing-stack-m);
-  --dsa-split-even--v-gutter_small: var(--ks-spacing-stack-l);
-  --dsa-split-even--v-gutter_large: var(--dsa-content--vertical-spacing);
-  --dsa-split-even--h-gutter_default: var(--ks-spacing-inline-l);
-  --dsa-split-even--h-gutter_small: var(--ks-spacing-inline-m);
-  --dsa-split-even--h-gutter_large: var(--ks-spacing-xxl);
-  --dsa-split-even__content--gutter_small: var(--ks-spacing-stack-s);
-  --dsa-split-even__content--gutter_default: var(--ks-spacing-stack-m);
-  --dsa-split-even__content--gutter_large: var(--ks-spacing-stack-xl);
-  --dsa-split-even__content--flex-basis_narrow: var(--dsa-tile--width_medium);
-  --dsa-split-even__content--flex-basis_medium: var(--dsa-tile--width_large);
-  --dsa-split-even__content--flex-basis_wide: var(--dsa-tile--width_largest);
-}
-
-.l-split-even {
-  --dsa-split-even--v-gutter: var(--dsa-split-even--v-gutter_default, var(--ks-spacing-stack-m));
-  --dsa-split-even--h-gutter: var(--dsa-split-even--h-gutter_default, var(--ks-spacing-inline-l));
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dsa-split-even--v-gutter) var(--dsa-split-even--h-gutter);
-}
-.l-split-even--v-gutter-small {
-  --dsa-split-even--v-gutter: var(--dsa-split-even--v-gutter_small, var(--ks-spacing-stack-l));
-}
-.l-split-even--v-gutter-large {
-  --dsa-split-even--v-gutter: var(--dsa-split-even--v-gutter_large, var(--dsa-content--vertical-spacing));
-}
-.l-split-even--v-gutter-none {
-  --dsa-split-even--v-gutter: 0;
-}
-.l-split-even--h-gutter-small {
-  --dsa-split-even--h-gutter: var(--dsa-split-even--h-gutter_small, var(--ks-spacing-inline-m));
-}
-.l-split-even--h-gutter-large {
-  --dsa-split-even--h-gutter: var(--dsa-split-even--h-gutter_large, var(--ks-spacing-xxl));
-}
-.l-split-even--h-gutter-none {
-  --dsa-split-even--h-gutter: 0;
-}
-.l-split-even--width-narrow {
-  --dsa-split-even__content--flex-basis: var(
-    --dsa-split-even__content--flex-basis_narrow,
-    var(--dsa-tile--width_small)
-  );
-}
-.l-split-even--width-medium {
-  --dsa-split-even__content--flex-basis: var(
-    --dsa-split-even__content--flex-basis_medium,
-    var(--dsa-tile--width_medium)
-  );
-}
-.l-split-even--width-wide {
-  --dsa-split-even__content--flex-basis: var(
-    --dsa-split-even__content--flex-basis_wide,
-    var(--dsa-tile--width_large)
-  );
-}
-.l-split-even--align-top {
-  align-items: flex-start;
-}
-.l-split-even--align-center {
-  align-items: center;
-}
-.l-split-even--align-bottom {
-  align-items: flex-end;
-}
-.l-split-even--align-sticky {
-  position: relative;
-}
-.l-split-even--align-sticky .l-split-even__sticky-container {
-  position: sticky;
-  top: var(--dsa-split-even--sticky-margin, var(--ks-spacing-stack-xl));
-  height: fit-content;
-}
-.l-split-even--mobile-reverse {
-  flex-wrap: wrap-reverse;
-}
-.l-split-even--mobile-reverse.l-split-even--align-top {
-  align-items: flex-end;
-}
-.l-split-even--mobile-reverse.l-split-even--align-bottom {
-  align-items: flex-start;
-}
-.l-split-even__content {
-  flex: 1 1 var(--dsa-split-even__content--flex-basis);
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-split-even__content--gutter_default, var(--ks-spacing-stack-m));
-}
-.l-split-even__content--gutter-none {
-  gap: 0;
-}
-.l-split-even__content--gutter-small {
-  gap: var(--dsa-split-even__content--gutter_small, var(--ks-spacing-stack-s));
-}
-.l-split-even__content--gutter-large {
-  gap: var(--dsa-split-even__content--gutter_large, var(--ks-spacing-stack-xl));
-}