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

package/dist/SearchFilterProps-2fa6419b.d.ts

@@ -1,29 +0,0 @@
-/**
- * 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.
- */
-interface SearchFilterProps {
-    /**
-     * The title of the search filter.
-     */
-    title?: string;
-    /**
-     * The categories to filter by.
-     */
-    categories?: {
-        /**
-         * The name of the category.
-         */
-        title?: string;
-        /**
-         * The number of items in the category.
-         */
-        amount?: string;
-        /**
-         * The URL to filter by this category.
-         */
-        url?: string;
-    }[];
-}
-export { SearchFilterProps };

package/dist/SearchResultProps-224c2338.d.ts

@@ -1,33 +0,0 @@
-/**
- * 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.
- */
-/**
- * A URL linking to the search result or more information.
- */
-type URL = string;
-/**
- * The title of the search result.
- */
-type Title = string;
-/**
- * The main content or description of the search result.
- */
-type Text = string;
-/**
- * Whether to display the link to the search result.
- */
-type ShowLink = boolean;
-/**
- * An ARIA label for accessibility purposes.
- */
-type ARIALabel = string;
-interface SearchResultProps {
-    url?: URL;
-    title?: Title;
-    text?: Text;
-    showLink?: ShowLink;
-    ariaLabel?: ARIALabel;
-}
-export { URL, Title, Text, ShowLink, ARIALabel, SearchResultProps };

package/dist/components/breadcrumb/breadcrumb.css

@@ -1,32 +0,0 @@
-.dsa-breadcrumb {
-  --dsa-breadcrumb--gap: var(--ks-spacing-xxs);
-  --dsa-breadcrumb--font: var(--ks-font-interface-xs);
-  --dsa-breadcrumb--color: var(--ks-text-color-interface-interactive);
-  --dsa-breadcrumb--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-breadcrumb__icon--size: 1.5em;
-  --dsa-breadcrumb__icon--color: var(--ks-color-fg-alpha-5);
-  --dsa-breadcrumb--color_active: var(--ks-text-color-interface-interactive-active);
-}
-
-.dsa-breadcrumb {
-  display: flex;
-  gap: var(--dsa-breadcrumb--gap, var(--ks-spacing-xxs));
-  flex-wrap: wrap;
-  align-items: flex-start;
-  font: var(--dsa-breadcrumb--font, var(--ks-font-interface-xs));
-}
-.dsa-breadcrumb__icon {
-  color: var(--dsa-breadcrumb__icon--color, var(--ks-color-fg-alpha-5));
-  width: var(--dsa-breadcrumb__icon--size, 1.5em);
-  height: var(--dsa-breadcrumb__icon--size, 1.5em);
-}
-.dsa-breadcrumb__link {
-  --g-link--color: var(--dsa-breadcrumb--color, var(--ks-text-color-interface-interactive));
-  --g-link--color-hover: var(--dsa-breadcrumb--color_hover, var(--ks-text-color-interface-interactive-hover));
-  font: inherit;
-}
-.dsa-breadcrumb__label {
-  color: var(--dsa-breadcrumb--color_active, var(--ks-text-color-interface-interactive-active));
-  font: inherit;
-  font-weight: var(--dsa-link--font-weight);
-}

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

@@ -1,34 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/breadcrumb.schema.json",
-  "title": "Breadcrumb",
-  "type": "object",
-  "properties": {
-    "pages": {
-      "type": "array",
-      "description": "An array of breadcrumb pages. Each page should have a URL and a label.",
-      "items": {
-        "type": "object",
-        "properties": {
-          "url": {
-            "type": "string",
-            "description": "The URL to the page"
-          },
-          "label": {
-            "type": "string",
-            "description": "The label for the title of the page"
-          }
-        },
-        "required": [
-          "url",
-          "label"
-        ],
-        "additionalProperties": false
-      }
-    },
-    "type": {
-      "const": "breadcrumb"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/breadcrumb/breadcrumb.schema.json

@@ -1,27 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/breadcrumb.schema.json",
-  "title": "Breadcrumb",
-  "type": "object",
-  "properties": {
-    "pages": {
-      "type": "array",
-      "description": "An array of breadcrumb pages. Each page should have a URL and a label.",
-      "items": {
-        "type": "object",
-        "properties": {
-          "url": {
-            "type": "string",
-            "description": "The URL to the page"
-          },
-          "label": {
-            "type": "string",
-            "description": "The label for the title of the page"
-          }
-        },
-        "required": ["url", "label"]
-      }
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { HTMLAttributes } 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.
- */
-interface BreadcrumbProps {
-    /**
-     * An array of breadcrumb pages. Each page should have a URL and a label.
-     */
-    pages?: {
-        /**
-         * The URL to the page
-         */
-        url: string;
-        /**
-         * The label for the title of the page
-         */
-        label: string;
-    }[];
-}
-declare const BreadcrumbContextDefault: import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-declare const BreadcrumbContext: import("react").Context<import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export type { BreadcrumbProps };
-export { BreadcrumbContextDefault, BreadcrumbContext, Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -1,17 +0,0 @@
-import "./breadcrumb.css";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Link } from '@kickstartds/base/lib/link';
-
-const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
-    return (jsx("div", { className: "dsa-breadcrumb", ref: ref, children: pages.map((page, index) => index !== pages.length - 1 ? (jsxs(Fragment, { children: [jsx(Link, { href: page.url, className: "dsa-breadcrumb__link", children: page.label }), jsx(Icon, { className: "dsa-breadcrumb__icon", icon: "chevron-right" })] })) : (jsx("span", { className: "dsa-breadcrumb__label", children: page.label }))) }));
-});
-const BreadcrumbContext = createContext(BreadcrumbContextDefault);
-const Breadcrumb = forwardRef((props, ref) => {
-    const Component = useContext(BreadcrumbContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-Breadcrumb.displayName = "Breadcrumb";
-
-export { Breadcrumb, BreadcrumbContext, BreadcrumbContextDefault };

package/dist/components/content-nav/content-nav.css

@@ -1,112 +0,0 @@
-.dsa-content-nav {
-  --dsa-content-nav--padding: var(--ks-spacing-inset-m);
-  --dsa-content-nav--background-color: var(--ks-background-color-card);
-  --dsa-content-nav__topic--font: var(--dsa-topic--font);
-  --dsa-content-nav__topic--font-weight: var(--dsa-topic--font-weight);
-  --dsa-content-nav__topic--color: var(--dsa-topic--color);
-  --dsa-content-nav__topic--margin-top: var(--ks-spacing-stack-m);
-  --dsa-content-nav__image--aspect-ratio: 16 / 9;
-  --dsa-content-nav__image--border-radius: var(--ks-border-radius-card);
-  --dsa-content-nav__links--gap: var(--ks-spacing-stack-xs);
-  --dsa-content-nav__link--color: var(--ks-text-color-interface-interactive);
-  --dsa-content-nav__link--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-content-nav__toggle-more--font: var(--ks-font-interface-m);
-  --dsa-content-nav__toggle-more--color: var(--dsa-link--color);
-  --dsa-content-nav__toggle-more--margin-top: var(--ks-spacing-stack-xs);
-}
-
-.dsa-content-nav {
-  border-radius: var(--ks-border-radius-card);
-  padding: var(--dsa-content-nav--padding, var(--ks-spacing-inset-m));
-  display: flex;
-  flex-direction: column;
-  background-color: var(--dsa-content-nav--background-color, var(--ks-background-color-card));
-}
-.dsa-content-nav__topic {
-  font: var(--dsa-content-nav__topic--font, var(--dsa-topic--font));
-  color: var(--dsa-content-nav__topic--color, var(--dsa-topic--color));
-  font-weight: var(--dsa-content-nav__topic--font-weight, var(--dsa-topic--font-weight));
-  margin-top: var(--dsa-content-nav__topic--margin-top, var(--ks-spacing-stack-m));
-}
-.dsa-content-nav__image img {
-  aspect-ratio: var(--dsa-content-nav__image--aspect-ratio, 16/9);
-  object-fit: cover;
-  border-radius: var(--dsa-content-nav__image--border-radius, var(--ks-border-radius-card));
-}
-.dsa-content-nav__links {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-content-nav__links--gap, var(--ks-spacing-stack-xs));
-}
-.dsa-content-nav__links--initial {
-  margin-top: var(--dsa-content-nav__links--margin-top, var(--ks-spacing-stack-s));
-}
-.dsa-content-nav__links--more {
-  margin-top: var(--dsa-content-nav__links--gap, var(--ks-spacing-stack-xs));
-}
-.dsa-content-nav__link {
-  --g-link--color: var(--dsa-content-nav__link--color, var(--ks-text-color-interface-interactive));
-  --g-link--color-hover: var(--dsa-content-nav__link--color_hover, var(--ks-text-color-interface-interactive-hover));
-  font: var(--ks-font-interface-m);
-  width: fit-content;
-}
-.dsa-content-nav__link--active {
-  font-weight: var(--ks-font-weight-bold);
-  color: var(--ks-color-text-active);
-}
-.dsa-content-nav__more-content {
-  display: grid;
-  grid-template-rows: 0fr;
-  transition: var(--ks-transition-collapse);
-}
-.dsa-content-nav__more-content .dsa-content-nav__links {
-  overflow: hidden;
-}
-.dsa-content-nav__more {
-  display: flex;
-  flex-direction: column;
-}
-.dsa-content-nav__more[open] .dsa-content-nav__more-content {
-  grid-template-rows: 1fr;
-}
-.dsa-content-nav__more[open] .dsa-content-nav__toggle-label--more {
-  display: none;
-}
-.dsa-content-nav__more[open] .dsa-content-nav__toggle-label--less {
-  display: block;
-}
-.dsa-content-nav__more[open] .icon {
-  transform: rotate(180deg);
-}
-.dsa-content-nav__toggle-more {
-  width: fit-content;
-  order: 2;
-  color: var(--dsa-content-nav__toggle-more--color, var(--dsa-link--color));
-  cursor: pointer;
-  font: var(--dsa-content-nav__toggle-more--font, var(--ks-font-interface-m));
-  display: flex;
-  align-items: center;
-  gap: calc(var(--ks-spacing-xxs) * 0.25);
-  transition: var(--ks-transition-hover);
-  margin-top: var(--dsa-content-nav__toggle-more--margin-top, var(--ks-spacing-stack-xs));
-}
-.dsa-content-nav__toggle-more:hover {
-  color: var(--dsa-link--color_hover);
-}
-.dsa-content-nav__toggle-more .icon {
-  transition: var(--ks-transition-collapse);
-  transform: translateY(0.05em);
-  font-size: inherit;
-  color: inherit;
-  width: 1.25em;
-  height: 1.25em;
-}
-.dsa-content-nav__toggle-label--more {
-  display: block;
-}
-.dsa-content-nav__toggle-label--less {
-  display: none;
-}
-.dsa-content-nav .c-button {
-  width: fit-content;
-}

package/dist/components/content-nav/content-nav.schema.dereffed.json

@@ -1,61 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
-  "title": "Content Nav",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "uri",
-          "description": "URL of the image to display in the content nav."
-        },
-        "alt": {
-          "type": "string",
-          "description": "Alternative text for the image."
-        }
-      },
-      "required": [
-        "src"
-      ],
-      "additionalProperties": false
-    },
-    "topic": {
-      "type": "string",
-      "description": "The topic of the content being navigated."
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "type": "string",
-            "description": "The text label for the link."
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL the link points to."
-          }
-        },
-        "required": [
-          "label",
-          "url"
-        ],
-        "additionalProperties": false
-      }
-    },
-    "initiallyShown": {
-      "type": "number",
-      "default": 4,
-      "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
-    },
-    "type": {
-      "const": "content-nav"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/content-nav/content-nav.schema.json

@@ -1,52 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
-  "title": "Content Nav",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "uri",
-          "description": "URL of the image to display in the content nav."
-        },
-        "alt": {
-          "type": "string",
-          "description": "Alternative text for the image."
-        }
-      },
-      "required": ["src"]
-    },
-    "topic": {
-      "type": "string",
-      "description": "The topic of the content being navigated."
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "type": "string",
-            "description": "The text label for the link."
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL the link points to."
-          }
-        },
-        "required": ["label", "url"],
-        "additionalProperties": false
-      }
-    },
-    "initiallyShown": {
-      "type": "number",
-      "default": 4,
-      "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/content-nav/index.d.ts

@@ -1,42 +0,0 @@
-/// <reference types="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.
- */
-interface ContentNavProps {
-    image?: {
-        /**
-         * URL of the image to display in the content nav.
-         */
-        src: string;
-        /**
-         * Alternative text for the image.
-         */
-        alt?: string;
-    };
-    /**
-     * The topic of the content being navigated.
-     */
-    topic?: string;
-    links?: {
-        /**
-         * The text label for the link.
-         */
-        label: string;
-        /**
-         * The URL the link points to.
-         */
-        url: string;
-    }[];
-    /**
-     * Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed.
-     */
-    initiallyShown?: number;
-}
-declare const ContentNavContextDefault: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const ContentNavContext: import("react").Context<import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const ContentNav: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { ContentNavProps };
-export { ContentNavContextDefault, ContentNavContext, ContentNav };

package/dist/components/content-nav/index.js

@@ -1,14 +0,0 @@
-import "./content-nav.css";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-const ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), links && links.length > 0 && (jsxs(Fragment, { children: [jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }), links.length > initiallyShown && (jsxs("details", { className: "dsa-content-nav__more", children: [jsxs("summary", { className: "dsa-content-nav__toggle-more", children: [jsx("span", { className: "dsa-content-nav__toggle-label--more", children: "Show more" }), jsx("span", { className: "dsa-content-nav__toggle-label--less", children: "Show less" }), jsx(Icon, { "aria-hidden": true, icon: "chevron-down" })] }), jsx("div", { className: "dsa-content-nav__more-content", children: jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--more", children: links.slice(initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }) })] }))] }))] })));
-const ContentNavContext = createContext(ContentNavContextDefault);
-const ContentNav = forwardRef((props, ref) => {
-    const Component = useContext(ContentNavContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-ContentNav.displayName = "ContentNav";
-
-export { ContentNav, ContentNavContext, ContentNavContextDefault };

package/dist/components/downloads/downloads.css

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