@uh-design-system/component-library 1.2.0 → 1.3.0-rc.1

package/dist/types/components.d.ts

@@ -297,7 +297,7 @@ export namespace Components {
           * Colour of the button
           * @default 'blue'
          */
-        "dsColour": 'blue' | 'black' | 'white';
+        "dsColour": 'blue' | 'black' | 'white' | 'danger';
         /**
           * Passed to the `disabled` attribute of the `button` element
           * @default false
@@ -353,6 +353,10 @@ export namespace Components {
           * @default this.dsId
          */
         "dsName"?: string;
+        /**
+          * Passed to the `role` attribute of the `button` element.
+         */
+        "dsRole"?: string;
         /**
           * Size of the button
           * @default 'medium'
@@ -696,6 +700,10 @@ export namespace Components {
           * Passed to the `aria-label` attribute of the chip group.
          */
         "dsAriaLabel"?: string;
+        /**
+          * Passed to the `aria-labelledby` attribute of the chip group.
+         */
+        "dsAriaLabelledby"?: string;
         /**
           * Text for additional information shown below label.
          */
@@ -1675,6 +1683,32 @@ export namespace Components {
         "dsSize": string;
         "dsTitle"?: string;
     }
+    interface DsIconCheckIndeterminateSmall {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel": string;
+        "dsColour": string;
+        /**
+          * @default 'img'
+         */
+        "dsRole": string;
+        "dsSize": string;
+        "dsTitle"?: string;
+    }
+    interface DsIconCheckSmall {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel": string;
+        "dsColour": string;
+        /**
+          * @default 'img'
+         */
+        "dsRole": string;
+        "dsSize": string;
+        "dsTitle"?: string;
+    }
     interface DsIconChecklist {
         /**
           * @default 'Icon'
@@ -1779,6 +1813,32 @@ export namespace Components {
         "dsSize": string;
         "dsTitle"?: string;
     }
+    interface DsIconContentCopy {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel": string;
+        "dsColour": string;
+        /**
+          * @default 'img'
+         */
+        "dsRole": string;
+        "dsSize": string;
+        "dsTitle"?: string;
+    }
+    interface DsIconContentCopyFill {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel": string;
+        "dsColour": string;
+        /**
+          * @default 'img'
+         */
+        "dsRole": string;
+        "dsSize": string;
+        "dsTitle"?: string;
+    }
     interface DsIconDelete {
         /**
           * @default 'Icon'
@@ -1870,6 +1930,9 @@ export namespace Components {
         "dsSize": string;
         "dsTitle"?: string;
     }
+    /**
+     * @deprecated This icon is deprecated and will be removed in a future version.
+     */
     interface DsIconDsCheckIndeterminateSmall {
         /**
           * @default 'Icon'
@@ -1883,6 +1946,9 @@ export namespace Components {
         "dsSize": string;
         "dsTitle"?: string;
     }
+    /**
+     * @deprecated This icon is deprecated and will be removed in a future version.
+     */
     interface DsIconDsCheckSmall {
         /**
           * @default 'Icon'
@@ -5059,7 +5125,7 @@ export namespace Components {
           * Variant of the notification
           * @default 'neutral'
          */
-        "dsVariant": "success" | "attention" | "danger" | "info" | "neutral" | "neutralWhite";
+        "dsVariant": "danger" | "success" | "attention" | "info" | "neutral" | "neutralWhite";
     }
     interface DsOption {
         /**
@@ -5420,6 +5486,11 @@ export namespace Components {
           * Passed to the `form` attribute of the `select` element.
          */
         "dsForm"?: string;
+        /**
+          * If true, the select takes the full width of its container.
+          * @default false
+         */
+        "dsFullWidth": boolean;
         /**
           * The name of the icon to display inside the select component.
          */
@@ -5504,6 +5575,11 @@ export namespace Components {
           * Passed to the `form` attribute of the `select` element.
          */
         "dsForm"?: string;
+        /**
+          * If true, the select takes the full width of its container.
+          * @default false
+         */
+        "dsFullWidth": boolean;
         /**
           * Icon name to display inside the select.
          */
@@ -5617,6 +5693,10 @@ export namespace Components {
           * @default 'start'
          */
         "dsIconPosition": 'start' | 'end';
+        /**
+          * Passed to the `role` attribute of the tag
+         */
+        "dsRole"?: string;
         /**
           * Passed to the `dsTarget` attribute of the `DsLink` element
          */
@@ -6521,6 +6601,18 @@ declare global {
         prototype: HTMLDsIconCheckCircleFillElement;
         new (): HTMLDsIconCheckCircleFillElement;
     };
+    interface HTMLDsIconCheckIndeterminateSmallElement extends Components.DsIconCheckIndeterminateSmall, HTMLStencilElement {
+    }
+    var HTMLDsIconCheckIndeterminateSmallElement: {
+        prototype: HTMLDsIconCheckIndeterminateSmallElement;
+        new (): HTMLDsIconCheckIndeterminateSmallElement;
+    };
+    interface HTMLDsIconCheckSmallElement extends Components.DsIconCheckSmall, HTMLStencilElement {
+    }
+    var HTMLDsIconCheckSmallElement: {
+        prototype: HTMLDsIconCheckSmallElement;
+        new (): HTMLDsIconCheckSmallElement;
+    };
     interface HTMLDsIconChecklistElement extends Components.DsIconChecklist, HTMLStencilElement {
     }
     var HTMLDsIconChecklistElement: {
@@ -6569,6 +6661,18 @@ declare global {
         prototype: HTMLDsIconConstructionElement;
         new (): HTMLDsIconConstructionElement;
     };
+    interface HTMLDsIconContentCopyElement extends Components.DsIconContentCopy, HTMLStencilElement {
+    }
+    var HTMLDsIconContentCopyElement: {
+        prototype: HTMLDsIconContentCopyElement;
+        new (): HTMLDsIconContentCopyElement;
+    };
+    interface HTMLDsIconContentCopyFillElement extends Components.DsIconContentCopyFill, HTMLStencilElement {
+    }
+    var HTMLDsIconContentCopyFillElement: {
+        prototype: HTMLDsIconContentCopyFillElement;
+        new (): HTMLDsIconContentCopyFillElement;
+    };
     interface HTMLDsIconDeleteElement extends Components.DsIconDelete, HTMLStencilElement {
     }
     var HTMLDsIconDeleteElement: {
@@ -6611,12 +6715,18 @@ declare global {
         prototype: HTMLDsIconDragIndicatorElement;
         new (): HTMLDsIconDragIndicatorElement;
     };
+    /**
+     * @deprecated This icon is deprecated and will be removed in a future version.
+     */
     interface HTMLDsIconDsCheckIndeterminateSmallElement extends Components.DsIconDsCheckIndeterminateSmall, HTMLStencilElement {
     }
     var HTMLDsIconDsCheckIndeterminateSmallElement: {
         prototype: HTMLDsIconDsCheckIndeterminateSmallElement;
         new (): HTMLDsIconDsCheckIndeterminateSmallElement;
     };
+    /**
+     * @deprecated This icon is deprecated and will be removed in a future version.
+     */
     interface HTMLDsIconDsCheckSmallElement extends Components.DsIconDsCheckSmall, HTMLStencilElement {
     }
     var HTMLDsIconDsCheckSmallElement: {
@@ -8319,6 +8429,8 @@ declare global {
         "ds-icon-check-box-outline-blank": HTMLDsIconCheckBoxOutlineBlankElement;
         "ds-icon-check-circle": HTMLDsIconCheckCircleElement;
         "ds-icon-check-circle-fill": HTMLDsIconCheckCircleFillElement;
+        "ds-icon-check-indeterminate-small": HTMLDsIconCheckIndeterminateSmallElement;
+        "ds-icon-check-small": HTMLDsIconCheckSmallElement;
         "ds-icon-checklist": HTMLDsIconChecklistElement;
         "ds-icon-chevron-backward": HTMLDsIconChevronBackwardElement;
         "ds-icon-chevron-forward": HTMLDsIconChevronForwardElement;
@@ -8327,6 +8439,8 @@ declare global {
         "ds-icon-code-blocks": HTMLDsIconCodeBlocksElement;
         "ds-icon-collapse-content": HTMLDsIconCollapseContentElement;
         "ds-icon-construction": HTMLDsIconConstructionElement;
+        "ds-icon-content-copy": HTMLDsIconContentCopyElement;
+        "ds-icon-content-copy-fill": HTMLDsIconContentCopyFillElement;
         "ds-icon-delete": HTMLDsIconDeleteElement;
         "ds-icon-delete-fill": HTMLDsIconDeleteFillElement;
         "ds-icon-description": HTMLDsIconDescriptionElement;
@@ -8834,7 +8948,7 @@ declare namespace LocalJSX {
           * Colour of the button
           * @default 'blue'
          */
-        "dsColour"?: 'blue' | 'black' | 'white';
+        "dsColour"?: 'blue' | 'black' | 'white' | 'danger';
         /**
           * Passed to the `disabled` attribute of the `button` element
           * @default false
@@ -8890,6 +9004,10 @@ declare namespace LocalJSX {
           * @default this.dsId
          */
         "dsName"?: string;
+        /**
+          * Passed to the `role` attribute of the `button` element.
+         */
+        "dsRole"?: string;
         /**
           * Size of the button
           * @default 'medium'
@@ -9241,6 +9359,10 @@ declare namespace LocalJSX {
           * Passed to the `aria-label` attribute of the chip group.
          */
         "dsAriaLabel"?: string;
+        /**
+          * Passed to the `aria-labelledby` attribute of the chip group.
+         */
+        "dsAriaLabelledby"?: string;
         /**
           * Text for additional information shown below label.
          */
@@ -10260,6 +10382,32 @@ declare namespace LocalJSX {
         "dsSize"?: string;
         "dsTitle"?: string;
     }
+    interface DsIconCheckIndeterminateSmall {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel"?: string;
+        "dsColour"?: string;
+        /**
+          * @default 'img'
+         */
+        "dsRole"?: string;
+        "dsSize"?: string;
+        "dsTitle"?: string;
+    }
+    interface DsIconCheckSmall {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel"?: string;
+        "dsColour"?: string;
+        /**
+          * @default 'img'
+         */
+        "dsRole"?: string;
+        "dsSize"?: string;
+        "dsTitle"?: string;
+    }
     interface DsIconChecklist {
         /**
           * @default 'Icon'
@@ -10364,6 +10512,32 @@ declare namespace LocalJSX {
         "dsSize"?: string;
         "dsTitle"?: string;
     }
+    interface DsIconContentCopy {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel"?: string;
+        "dsColour"?: string;
+        /**
+          * @default 'img'
+         */
+        "dsRole"?: string;
+        "dsSize"?: string;
+        "dsTitle"?: string;
+    }
+    interface DsIconContentCopyFill {
+        /**
+          * @default 'Icon'
+         */
+        "dsAriaLabel"?: string;
+        "dsColour"?: string;
+        /**
+          * @default 'img'
+         */
+        "dsRole"?: string;
+        "dsSize"?: string;
+        "dsTitle"?: string;
+    }
     interface DsIconDelete {
         /**
           * @default 'Icon'
@@ -10455,6 +10629,9 @@ declare namespace LocalJSX {
         "dsSize"?: string;
         "dsTitle"?: string;
     }
+    /**
+     * @deprecated This icon is deprecated and will be removed in a future version.
+     */
     interface DsIconDsCheckIndeterminateSmall {
         /**
           * @default 'Icon'
@@ -10468,6 +10645,9 @@ declare namespace LocalJSX {
         "dsSize"?: string;
         "dsTitle"?: string;
     }
+    /**
+     * @deprecated This icon is deprecated and will be removed in a future version.
+     */
     interface DsIconDsCheckSmall {
         /**
           * @default 'Icon'
@@ -13659,7 +13839,7 @@ declare namespace LocalJSX {
           * Variant of the notification
           * @default 'neutral'
          */
-        "dsVariant"?: "success" | "attention" | "danger" | "info" | "neutral" | "neutralWhite";
+        "dsVariant"?: "danger" | "success" | "attention" | "info" | "neutral" | "neutralWhite";
         /**
           * Event emitted when user clicks the dismiss button.
          */
@@ -14061,6 +14241,11 @@ declare namespace LocalJSX {
           * Passed to the `form` attribute of the `select` element.
          */
         "dsForm"?: string;
+        /**
+          * If true, the select takes the full width of its container.
+          * @default false
+         */
+        "dsFullWidth"?: boolean;
         /**
           * The name of the icon to display inside the select component.
          */
@@ -14167,6 +14352,11 @@ declare namespace LocalJSX {
           * Passed to the `form` attribute of the `select` element.
          */
         "dsForm"?: string;
+        /**
+          * If true, the select takes the full width of its container.
+          * @default false
+         */
+        "dsFullWidth"?: boolean;
         /**
           * Icon name to display inside the select.
          */
@@ -14291,6 +14481,10 @@ declare namespace LocalJSX {
           * @default 'start'
          */
         "dsIconPosition"?: 'start' | 'end';
+        /**
+          * Passed to the `role` attribute of the tag
+         */
+        "dsRole"?: string;
         /**
           * Passed to the `dsTarget` attribute of the `DsLink` element
          */
@@ -14641,6 +14835,8 @@ declare namespace LocalJSX {
         "ds-icon-check-box-outline-blank": DsIconCheckBoxOutlineBlank;
         "ds-icon-check-circle": DsIconCheckCircle;
         "ds-icon-check-circle-fill": DsIconCheckCircleFill;
+        "ds-icon-check-indeterminate-small": DsIconCheckIndeterminateSmall;
+        "ds-icon-check-small": DsIconCheckSmall;
         "ds-icon-checklist": DsIconChecklist;
         "ds-icon-chevron-backward": DsIconChevronBackward;
         "ds-icon-chevron-forward": DsIconChevronForward;
@@ -14649,6 +14845,8 @@ declare namespace LocalJSX {
         "ds-icon-code-blocks": DsIconCodeBlocks;
         "ds-icon-collapse-content": DsIconCollapseContent;
         "ds-icon-construction": DsIconConstruction;
+        "ds-icon-content-copy": DsIconContentCopy;
+        "ds-icon-content-copy-fill": DsIconContentCopyFill;
         "ds-icon-delete": DsIconDelete;
         "ds-icon-delete-fill": DsIconDeleteFill;
         "ds-icon-description": DsIconDescription;
@@ -14968,6 +15166,8 @@ declare module "@stencil/core" {
             "ds-icon-check-box-outline-blank": LocalJSX.DsIconCheckBoxOutlineBlank & JSXBase.HTMLAttributes<HTMLDsIconCheckBoxOutlineBlankElement>;
             "ds-icon-check-circle": LocalJSX.DsIconCheckCircle & JSXBase.HTMLAttributes<HTMLDsIconCheckCircleElement>;
             "ds-icon-check-circle-fill": LocalJSX.DsIconCheckCircleFill & JSXBase.HTMLAttributes<HTMLDsIconCheckCircleFillElement>;
+            "ds-icon-check-indeterminate-small": LocalJSX.DsIconCheckIndeterminateSmall & JSXBase.HTMLAttributes<HTMLDsIconCheckIndeterminateSmallElement>;
+            "ds-icon-check-small": LocalJSX.DsIconCheckSmall & JSXBase.HTMLAttributes<HTMLDsIconCheckSmallElement>;
             "ds-icon-checklist": LocalJSX.DsIconChecklist & JSXBase.HTMLAttributes<HTMLDsIconChecklistElement>;
             "ds-icon-chevron-backward": LocalJSX.DsIconChevronBackward & JSXBase.HTMLAttributes<HTMLDsIconChevronBackwardElement>;
             "ds-icon-chevron-forward": LocalJSX.DsIconChevronForward & JSXBase.HTMLAttributes<HTMLDsIconChevronForwardElement>;
@@ -14976,6 +15176,8 @@ declare module "@stencil/core" {
             "ds-icon-code-blocks": LocalJSX.DsIconCodeBlocks & JSXBase.HTMLAttributes<HTMLDsIconCodeBlocksElement>;
             "ds-icon-collapse-content": LocalJSX.DsIconCollapseContent & JSXBase.HTMLAttributes<HTMLDsIconCollapseContentElement>;
             "ds-icon-construction": LocalJSX.DsIconConstruction & JSXBase.HTMLAttributes<HTMLDsIconConstructionElement>;
+            "ds-icon-content-copy": LocalJSX.DsIconContentCopy & JSXBase.HTMLAttributes<HTMLDsIconContentCopyElement>;
+            "ds-icon-content-copy-fill": LocalJSX.DsIconContentCopyFill & JSXBase.HTMLAttributes<HTMLDsIconContentCopyFillElement>;
             "ds-icon-delete": LocalJSX.DsIconDelete & JSXBase.HTMLAttributes<HTMLDsIconDeleteElement>;
             "ds-icon-delete-fill": LocalJSX.DsIconDeleteFill & JSXBase.HTMLAttributes<HTMLDsIconDeleteFillElement>;
             "ds-icon-description": LocalJSX.DsIconDescription & JSXBase.HTMLAttributes<HTMLDsIconDescriptionElement>;
@@ -14983,7 +15185,13 @@ declare module "@stencil/core" {
             "ds-icon-drafts": LocalJSX.DsIconDrafts & JSXBase.HTMLAttributes<HTMLDsIconDraftsElement>;
             "ds-icon-drafts-fill": LocalJSX.DsIconDraftsFill & JSXBase.HTMLAttributes<HTMLDsIconDraftsFillElement>;
             "ds-icon-drag-indicator": LocalJSX.DsIconDragIndicator & JSXBase.HTMLAttributes<HTMLDsIconDragIndicatorElement>;
+            /**
+             * @deprecated This icon is deprecated and will be removed in a future version.
+             */
             "ds-icon-ds-check-indeterminate-small": LocalJSX.DsIconDsCheckIndeterminateSmall & JSXBase.HTMLAttributes<HTMLDsIconDsCheckIndeterminateSmallElement>;
+            /**
+             * @deprecated This icon is deprecated and will be removed in a future version.
+             */
             "ds-icon-ds-check-small": LocalJSX.DsIconDsCheckSmall & JSXBase.HTMLAttributes<HTMLDsIconDsCheckSmallElement>;
             "ds-icon-ds-flame": LocalJSX.DsIconDsFlame & JSXBase.HTMLAttributes<HTMLDsIconDsFlameElement>;
             "ds-icon-ds-flame-fill": LocalJSX.DsIconDsFlameFill & JSXBase.HTMLAttributes<HTMLDsIconDsFlameFillElement>;

package/dist/types/utils/utils.d.ts

@@ -19,3 +19,6 @@ export declare const omit: <T extends Record<string, unknown>, K extends keyof T
 export declare const ifDefined: <T>(key: string, value: T | undefined) => {
     [x: string]: T;
 };
+export declare const componentOnReady: <T = any>(el: T & {
+    componentOnReady?: () => Promise<T>;
+}) => Promise<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "1.2.0",
+  "version": "1.3.0-rc.1",
   "publishConfig": {
     "access": "public"
   },
@@ -109,5 +109,5 @@
     "ts-node": "^10.9.2"
   },
   "license": "MIT",
-  "gitHead": "9ded272e5c2c92cc5dd98719174eab780955afdb"
+  "gitHead": "66e1231666d89b72f772a9dc60699acf48984eed"
 }

package/dist/component-library/ariaDeprecationFactory-BmasIGdA.js

@@ -1 +0,0 @@
-import{r as e}from"./index-D-3Utc_w.js";import{a as t}from"./attributes-DfbgRyXR.js";const r=r=>class extends r{constructor(t){super(),e(this,t)}dsMuteAriaDeprecationWarning=!1;getDeprecationWarningForAriaAttribute=(e,t)=>{this.dsMuteAriaDeprecationWarning||e.hasAttribute(t)&&console.warn(`[DEPRECATION] The use of the '${t}' attribute on <${e.tagName.toLowerCase()}> is deprecated and will be removed in a future version (tba). Please refer to the documentation for alternative ds-prefixed property name. If the attribute you are using does not have a corresponding ds-prefixed property name, please contact developers at #designsystem Slack channel. In the future, any aria-attributes set on the web component will remain on the host element. To mute all warnings on this component instance, set the "dsMuteAriaDeprecationWarning" property.`)};getDeprecationWarningsForAriaAttributes=e=>{this.dsMuteAriaDeprecationWarning||t.forEach((t=>this.getDeprecationWarningForAriaAttribute(e,t)))}};export{r as a}

package/dist/component-library/controlUtils-uMUNW1aR.js

@@ -1 +0,0 @@
-import{g as e}from"./store-B9-Hp5ie.js";const t=()=>{switch(e()){case"fi":return"Lyhennä tekstiä.";case"sv":return"Förkorta texten.";default:return"Shorten your text."}},a=(a,r)=>{switch(a){case"valueMissing":return(()=>{switch(e()){case"fi":return"Täytä tämä kenttä.";case"sv":return"Fyll i det här fältet.";default:return"Fill in this field."}})();case"typeMismatch":return(t=>{if("email"===t?.type)return(()=>{switch(e()){case"fi":return"Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi).";case"sv":return"Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi).";default:return"Enter the email address in the correct format (e.g. name@helsinki.fi)."}})();if("url"===t?.type)return(()=>{switch(e()){case"fi":return"Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi).";case"sv":return"Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi).";default:return"Enter the web address in the correct format (e.g. https://helsinki.fi)."}})();switch(e()){case"fi":return"Syötä arvo oikeassa muodossa.";case"sv":return"Ange värdet i rätt format.";default:return"Enter a value in the correct format."}})(r);case"patternMismatch":return(()=>{switch(e()){case"fi":return"Syötä arvo vaaditussa muodossa.";case"sv":return"Ange värdet i det angivna formatet.";default:return"Match the requested format."}})();case"tooLong":return t();case"tooShort":return(()=>{switch(e()){case"fi":return"Pidennä tekstiä.";case"sv":return"Förläng texten.";default:return"Lengthen your text."}})();case"rangeUnderflow":return(()=>{switch(e()){case"fi":return"Syötä suurempi arvo.";case"sv":return"Ange ett större värde.";default:return"Enter a larger value."}})();case"rangeOverflow":return(()=>{switch(e()){case"fi":return"Syötä pienempi arvo.";case"sv":return"Ange ett mindre värde.";default:return"Enter a smaller value."}})();case"stepMismatch":return(()=>{switch(e()){case"fi":return"Syötä sallittu arvo.";case"sv":return"Ange ett tillåtet värde.";default:return"Enter an allowed value."}})();case"badInput":return(()=>{switch(e()){case"fi":return"Anna kelvollinen arvo.";case"sv":return"Ange ett giltigt värde.";default:return"Enter a valid value."}})();default:return""}},r=(t,a)=>{let r="(optional)";switch(e()){case"fi":r="(valinnainen)";break;case"sv":r="(valfritt)"}return[t,a||r].join(" ")},s=e=>[e,"*"].join(" "),n=()=>{switch(e()){case"fi":return"Valitse vähintään yksi vaihtoehto.";case"sv":return"Välj minst ett alternativ.";default:return"Select at least one option."}},i=()=>{switch(e()){case"fi":return"Valitse kaikki vaihtoehdot.";case"sv":return"Välj alla alternativ.";default:return"Select all options."}},u=(t=!1)=>{let a="";switch(e()){case"fi":a="poista valinta";break;case"sv":a="ta bort val";break;default:a="remove selection"}return t?a[0].toUpperCase()+a.substring(1):a},l=()=>{switch(e()){case"fi":return"Emme voineet ladata vaihtoehtoja.";case"sv":return"Vi kunde inte ladda alternativen.";default:return"We could not load options."}},o=()=>{switch(e()){case"fi":return"Yritä uudelleen tai jos ongelma jatkuu, ota yhteyttä ylläpitoon.";case"sv":return"Försök igen eller om problemet kvarstår, kontakta supporten.";default:return"Try again or if the problem persists, contact support."}},c=()=>{switch(e()){case"fi":return"Ladataan vaihtoehtoja...";case"sv":return"Laddar alternativ...";default:return"Loading options..."}},f=()=>{switch(e()){case"fi":return"Kirjoita tai valitse...";case"sv":return"Sök eller välj...";default:return"Search or select..."}},v=t=>{switch(e()){case"fi":return t?`Ei tuloksia haulle "${t}".`:"Ei tuloksia.";case"sv":return t?`Inga resultat för sökningen "${t}".`:"Inga resultat.";default:return t?`No results found for "${t}".`:"No results found."}},h=()=>{switch(e()){case"fi":return"Kokeile toista hakusanaa.";case"sv":return"Prova ett annat sökord.";default:return"Try a different search term."}},d=()=>{switch(e()){case"fi":return"Vaihtoehtoja on selattavissa.";case"sv":return"Det finns alternativ att bläddra i.";default:return"There are options to browse."}},m=t=>{switch(e()){case"fi":return`${t} merkkiä liian pitkä.`;case"sv":return`${t} tecken för mycket.`;default:return`${t} characters too many.`}},k=t=>{switch(e()){case"fi":return`${t} merkkiä jäljellä.`;case"sv":return`${t} tecken kvar.`;default:return`${t} characters remaining.`}},w=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liian vähän.`:`${t} valintaa liian vähän.`;case"sv":return`${t} val för lite.`;default:return 1===t?`${t} item too few.`:`${t} items too few.`}},p=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liikaa.`:`${t} valintaa liikaa.`;case"sv":return`${t} val för många.`;default:return 1===t?`${t} item too many.`:`${t} items too many.`}},g=()=>{switch(e()){case"fi":return"Tyhjennä kenttä";case"sv":return"Rensa fält";default:return"Clear field"}},y=()=>{switch(e()){case"fi":return"Näytä salasana";case"sv":return"Visa lösenord";default:return"Show password"}},$=()=>{switch(e()){case"fi":return"Piilota salasana";case"sv":return"Dölj lösenord";default:return"Hide password"}},j=()=>{switch(e()){case"fi":return"Valitse vaihtoehto";case"sv":return"Välj alternativ";default:return"Select an option"}},S=()=>{switch(e()){case"fi":return"valintaa";case"sv":return"val";default:return"selections"}},b=()=>{switch(e()){case"fi":return"monivalinta";case"sv":return"flerval";default:return"multiselectable"}};export{r as a,n as b,i as c,p as d,d as e,o as f,s as g,S as h,w as i,$ as j,y as k,c as l,b as m,v as n,g as o,m as p,t as q,u as r,f as s,h as t,k as u,a as v,l as w,j as x}

package/dist/component-library/cx-CiFpdjHK.js

@@ -1 +0,0 @@
-import{E as o}from"./index-D-3Utc_w.js";const s=s=>`${s}__${o.PACKAGE_VERSION}`;export{s as c}

package/dist/component-library/ds-accordion.entry.js

@@ -1 +0,0 @@
-import{h as o,r as d,c as t,d as n}from"./index-D-3Utc_w.js";import{c as r}from"./index-BfTCfPZ1.js";import{d as i,i as s,t as a}from"./utils-C1bsmWWB.js";import{c as e}from"./cx-CiFpdjHK.js";import{i as c,b as _}from"./attributes-DfbgRyXR.js";import{g as l}from"./store-B9-Hp5ie.js";const b=s("ds-accordion"),h=class{constructor(o){d(this,o),this.dsToggle=t(this,"dsToggle")}inheritedAttributes={};get el(){return n(this)}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=b.next().value;dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return a("ds-button","ds-accordion",this.el)}get DsIcon(){return a("ds-icon","ds-accordion",this.el)}get close(){switch(l()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={..._(this.el),...c(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(d){const t="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return o("div",{class:r(`${d}__title`,{[`${d}__title--with-background`]:this.dsContentHasBackground,[`${d}__title--border-aligned`]:this.dsBorderAligned,[`${d}__title--hide-top-border`]:this.dsHideTopBorder,[`${d}__title--hide-right-border`]:this.dsHideRightBorder,[`${d}__title--hide-left-border`]:this.dsHideLeftBorder}),...t},"icon-button"===this.dsHeadingVariant&&o("div",{class:r(`${d}__header-slot`,`${d}__header-slot--${this.dsVariant}`,`${d}__header-slot--${this.dsHeadingVariant}`,{[`${d}__header-slot--hide-top-border`]:this.dsHideTopBorder,[`${d}__header-slot--hide-bottom-border`]:!this.isExpanded&&this.dsHideBottomBorder})},o("slot",{name:"header"})),o("button",{class:r(`${d}__open-button`,`${d}__open-button--${this.dsVariant}`,`${d}__open-button--${this.dsHeadingVariant}`,{[`${d}__open-button--border-aligned`]:this.dsBorderAligned,[`${d}__open-button--hide-bottom-border`]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`${this.dsId}-panel`,"aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},o("span",{class:r(`${d}__open-button__icon`,`${d}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},o(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&o("span",{class:r(`${d}__open-button__header-slot`,`${d}__open-button__header-slot--${this.dsVariant}`)},o("slot",{name:"header"}))))}render(){const d=e("ds-accordion");return o("div",{key:"2b4ac4dffb36275de59491b1d260cf552de3ed40",class:r(d,`${d}--${this.dsVariant}`,{[`${d}--expanded`]:this.isExpanded,[`${d}--with-background`]:this.dsContentHasBackground}),...this.inheritedAttributes},o("div",{key:"c4040c6399984902f92310cd761b62218f8d0d1f",class:`${d}__item`},this.renderHeading(d),o("div",{key:"a2adbc937550312d153b88750c6053c0cdbe108f",id:`${this.dsId}-panel`,role:"region","aria-labelledby":this.dsId,class:r(`${d}__panel`,`${d}__panel--${this.dsVariant}`,{[`${d}__panel--expanded`]:this.isExpanded,[`${d}__panel--with-background`]:this.dsContentHasBackground,[`${d}__panel--hide-right-border`]:this.dsHideRightBorder||this.dsHideContentBorders,[`${d}__panel--hide-left-border`]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},o("div",{key:"85c0b5d80a90401479026ae689c5cfd96161c5f9",class:r(`${d}__content`,{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[`${d}__content--border-aligned`]:this.dsBorderAligned,[`${d}__content--with-background`]:this.dsContentHasBackground,[`${d}__content--hide-bottom-border`]:this.dsHideBottomBorder||this.dsHideContentBorders,[`${d}__content--has-close-button`]:this.dsUseCloseButton})},o("slot",{key:"fe6b99b309eddc21acdc12f4889a84cbd867e4e2",name:"content"}),this.dsUseCloseButton&&o(this.DsButton,{key:"b45cf3700221e352f0e0a2ab0dbcf3aa9434ae97",id:`${this.dsId}-close-button`,class:`${d}__close-button`,dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"compact"===this.dsVariant?"small":"medium",dsType:"button"})))))}static get watchers(){return{isExpanded:["watchHandler"]}}};i([o("ds-icon",{dsName:""}),o("ds-button",null)]),h.style='.ds-accordion__DFAX9n.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__DFAX9n--with-background.ds-accordion__DFAX9n--expanded.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__title.sc-ds-accordion:not(.ds-accordion__DFAX9n__title--hide-top-border) .ds-accordion__DFAX9n__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__DFAX9n__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true])::before,.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true])::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true].ds-accordion__DFAX9n__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button:hover:not(.ds-accordion__DFAX9n__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button:active:not(.ds-accordion__DFAX9n__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__DFAX9n__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__DFAX9n__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__DFAX9n__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__DFAX9n__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button){padding-inline:0}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):hover::before,.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):hover::after{background-color:var(--ds-bgColor-transparent-onLight-hover);z-index:1}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):active::before,.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):active::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;order:1}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__DFAX9n__open-button__header-slot.sc-ds-accordion{display:inline-block}.ds-accordion__DFAX9n__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__DFAX9n__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__DFAX9n__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__DFAX9n__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__DFAX9n__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__DFAX9n__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n.sc-ds-accordion-s>[slot=header],.ds-accordion__DFAX9n .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__DFAX9n__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__content--with-background.sc-ds-accordion::before,.ds-accordion__DFAX9n__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}';export{h as ds_accordion}

package/dist/component-library/ds-assistive-text.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t}from"./index-D-3Utc_w.js";import{c as e}from"./cx-CiFpdjHK.js";import{i}from"./utils-C1bsmWWB.js";const a=i("ds-assistive-text"),r=class{constructor(t){s(this,t)}dsId=a.next().value;dsText;render(){const s=e("ds-assistive-text");return t("small",{key:"cd8842479b4aee4c7faf11b8f0e0d456832f1d90",class:s,id:this.dsId},t("slot",{key:"18b10c1bdcc6f240e7605161688e8ebeef7458f0"},this.dsText))}};r.style=".ds-assistive-text__DFAX9n.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";export{r as ds_assistive_text}

package/dist/component-library/ds-badge.entry.js

@@ -1 +0,0 @@
-import{h as d,r as s,d as a}from"./index-D-3Utc_w.js";import{c as e}from"./index-BfTCfPZ1.js";import{c as o}from"./cx-CiFpdjHK.js";import{i as t,d as r,t as c}from"./utils-C1bsmWWB.js";const n=t("ds-badge"),i=class{constructor(d){s(this,d)}get el(){return a(this)}dsId=n.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=o("ds-badge");return d("div",{key:"b0bbd2f6c3ade154d98c7720b376d777f2050e0f",class:e(s,`${s}--${this.dsVariant}`)},d("div",{key:"fc29ce948e28ee19962d8d8b853d69bab2cca710",class:`${s}__content`},d("span",{key:"d0e6b492379de19efc3a4c8a9b21de097b5f37a0",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},d("slot",{key:"4587764e800f9392bd7d3a272bbfd0d84e10663f"},this.dsText,this.dsHiddenAssistiveText&&d(this.DsVisuallyHidden,{key:"13a4a5bdf5a1f8f0d4a28525a4dc48c3ccfcba2a",dsTag:"span"},this.dsHiddenAssistiveText)))))}};r([d("ds-visually-hidden",null)]),i.style=".ds-badge__DFAX9n.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__DFAX9n--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__DFAX9n--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__DFAX9n--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__DFAX9n--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__DFAX9n--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__DFAX9n--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__DFAX9n--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__DFAX9n--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__DFAX9n__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__DFAX9n__content__text.sc-ds-badge{white-space:nowrap}";export{i as ds_badge}

package/dist/component-library/ds-breadcrumb.entry.js

@@ -1 +0,0 @@
-import{M as s,r as e,c as r,d,h as t,H as n}from"./index-D-3Utc_w.js";import{c as a}from"./index-BfTCfPZ1.js";import{t as i,d as c}from"./utils-C1bsmWWB.js";import{l}from"./linkFactory-Dqycn-DI.js";import{c as o}from"./cx-CiFpdjHK.js";const b=class extends(s(l)){constructor(s){super(),e(this,s),this.dsClick=r(this,"dsClick"),this.dsIsHiddenChange=r(this,"dsIsHiddenChange")}get el(){return d(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return t("slot",null,t("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return t("slot",null,t(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=o("ds-breadcrumb"),e=`${s}__content`;return t(n,{key:"f16856bec2d49463af6dd60b4a03242fd47f83a1",role:"listitem"},t("div",{key:"63612ebf3e4e693fb16a6fc0676cd9cde4054dad",class:a(s,{[`${s}--hidden`]:this.dsIsHidden})},t("div",{key:"050324fecdb87ee70618fd9887ad2e6c4cdb4de0",class:e},this.dsHasSeparator?t(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:["dsIsHiddenObserver"]}}};c([t("ds-link",{dsText:""}),t("ds-breadcrumbs-separator",null)]),b.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__DFAX9n.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__DFAX9n--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__DFAX9n__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__DFAX9n__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__DFAX9n__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__DFAX9n__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{b as ds_breadcrumb}

package/dist/component-library/ds-breadcrumbs-collapsible.entry.js

@@ -1 +0,0 @@
-import{h as s,r as t,c as e,d as a,F as d}from"./index-D-3Utc_w.js";import{d as r,t as n}from"./utils-C1bsmWWB.js";const i=class{constructor(s){t(this,s),this.dsExpandButtonClick=e(this,"dsExpandButtonClick")}get el(){return a(this)}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return s(d,{key:"1c6df475a5aa5b6f2f0387c0fba276ee297705b2"},s(this.DsBreadcrumbsExpandButton,{key:"daeaf622292a2789fe126d5f18b5f8977e83f206",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),s("slot",{key:"b443c7dec71fc5463a14a845270ac6c157cba35a",onSlotchange:this.handleDefaultSlotChange}))}};r([s("ds-breadcrumbs-expand-button",null)]),i.style=":host{display:contents}";export{i as ds_breadcrumbs_collapsible}

package/dist/component-library/ds-breadcrumbs-expand-button.entry.js

@@ -1 +0,0 @@
-import{h as t,r as e,c as r,d as s}from"./index-D-3Utc_w.js";import{c as d}from"./index-BfTCfPZ1.js";import{g as n}from"./store-B9-Hp5ie.js";import{c as a}from"./cx-CiFpdjHK.js";import{d as o,t as i}from"./utils-C1bsmWWB.js";const b=class{constructor(t){e(this,t),this.dsClick=r(this,"dsClick")}get el(){return s(this)}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(n()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const e=a("ds-breadcrumbs-expand-button");return t("div",{key:"3dd7fed1e26516297c40b4e10c8d36498f40add5",role:"listitem",class:d(e,{[`${e}--hidden`]:this.dsIsHidden})},t(this.DsBreadcrumbsSeparator,{key:"da3a24429c1b4715d353752a815b660f150bc0b3",dsIcon:this.dsSeparatorIcon}),t("button",{key:"1bf09bcb4c4b3b70d4a748ce1223fa6303ebf577","aria-label":this.showFullBreadcrumbTrail,class:`${e}__button`,onClick:this.handleExpandButtonClick},"…"))}};o([t("ds-breadcrumbs-separator",null)]),b.style=".ds-breadcrumbs-expand-button__DFAX9n.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__DFAX9n--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";export{b as ds_breadcrumbs_expand_button}

package/dist/component-library/ds-breadcrumbs-separator.entry.js

@@ -1 +0,0 @@
-import{r,d as s,h as a}from"./index-D-3Utc_w.js";import{c as e}from"./cx-CiFpdjHK.js";import{t as d}from"./utils-C1bsmWWB.js";const i=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"541ae60ddd6f6ac4577147ba544fb2742a664a6f",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};i.style=".ds-breadcrumbs-separator__DFAX9n.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__DFAX9n.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{i as ds_breadcrumbs_separator}

package/dist/component-library/ds-breadcrumbs.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,d as i,h as r}from"./index-D-3Utc_w.js";import{c as a}from"./cx-CiFpdjHK.js";import{g as t}from"./store-B9-Hp5ie.js";import{i as d}from"./utils-Bx_CJAgx.js";const n=class{constructor(i){e(this,i),this.dsSizeChange=s(this,"dsSizeChange")}get el(){return i(this)}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(t()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize(){this.size=d("medium")?"medium":"small"}resizeListener(){this.setSize()}componentWillLoad(){this.setSize()}render(){const e=a("ds-breadcrumbs");return r("nav",{key:"2816eaa07442863263428a20c3bc8842f0c66dbe",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},r("div",{key:"4c733a418228ae00109b9beba6c7e9873f331b1a",role:"list",class:`${e}__breadcrumbs`},r("slot",{key:"56245a7489d96ef9bae606d3cfa872654b47ca12"})))}static get watchers(){return{size:["sizeObserver"]}}};n.style=".ds-breadcrumbs__DFAX9n{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__DFAX9n{min-height:32px}}.ds-breadcrumbs__DFAX9n__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__DFAX9n__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";export{n as ds_breadcrumbs}

package/dist/component-library/ds-button.entry.js

@@ -1 +0,0 @@
-import{M as t,r as s,d as n,f as o,h as d}from"./index-D-3Utc_w.js";import{c as r}from"./index-BfTCfPZ1.js";import{b as a,i as e}from"./attributes-DfbgRyXR.js";import{i as b,t as i,a as u,d as _}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-CiFpdjHK.js";import{a as c}from"./ariaDeprecationFactory-BmasIGdA.js";const h=b("ds-button"),A=class extends(t(c)){constructor(t){super(),s(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return n(this)}dsForm;dsId=h.next().value;dsName=this.dsId;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsHiddenAssistiveText;dsActive=!1;hasContent=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...e(this,this.el),...a(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.hasContent=!!this.text||Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&t.textContent?.trim().length>0}))}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},o(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white"}return this.dsColour};renderIcon=t=>{const s=r(`${t}__icon`),n="small"===this.dsSize?"1.25rem":void 0,o=i("ds-icon","ds-button",this.el);return d(o,{class:s,dsName:this.dsIcon,dsCustomSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const t=l("ds-button"),s=r(`${t} ${t}--${this.dsVariant} ${t}--${this.dsColour} ${t}--${this.dsSize}`,{[`${t}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${t}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${t}--icon-only`]:this.dsIcon&&!this.hasContent,[`${t}--full-width`]:this.dsFullWidth,[`${t}--disabled`]:this.dsDisabled,[`${t}--${this.dsColour}--active`]:this.isActive}),n=i("ds-spinner","ds-button",this.el),o=i("ds-visually-hidden","ds-button",this.el),{"aria-label":a,"aria-labelledby":e,"aria-describedby":b,"aria-disabled":_,"aria-expanded":c,"aria-pressed":h,...A}=this.inheritedAttributes,D=this.dsAriaLabel||a,F=this.dsAriaLabelledby||e,X=this.dsAriaDescribedby||b;let v;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),v=this.dsAriaDisabled):v=this.dsAriaDisabled?"true":"false":_&&(v=_);const p=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":c,g=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":h;return d("button",{ref:t=>this.buttonEl=t,class:s,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,...u("aria-disabled",v),...u("aria-label",D),...u("aria-labelledby",F),...u("aria-describedby",X),...u("aria-expanded",p),...u("aria-pressed",g),...A},d("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&d(n,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":null})),this.hasContent&&d("span",{class:`${t}__value`},d("slot",null,this.text,this.dsHiddenAssistiveText&&d(o,{dsTag:"span"},this.dsHiddenAssistiveText))),d("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const t=this.renderButton();return this.dsUseSpinner?d("div",{"aria-live":"polite"},t):t}static get watchers(){return{dsText:["dsTextObserver"],dsValue:["dsValueObserver"],dsActive:["dsActiveObserver"],"aria-disabled":["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-pressed":["ariaAttributeObserver"],"aria-expanded":["ariaAttributeObserver"]}}};_([d("ds-icon",{dsName:""}),d("ds-spinner",null),d("ds-visually-hidden",null)]),A.style=".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__DFAX9n--full-width){width:100%}.ds-button__DFAX9n.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--supplementary) .ds-button__DFAX9n__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--supplementary.sc-ds-button:has(.ds-button__DFAX9n__spinner) .ds-button__DFAX9n__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n__icon.sc-ds-button{height:1.5rem}.ds-button__DFAX9n.sc-ds-button:has(.ds-button__DFAX9n__spinner):not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n__spinner.sc-ds-button{display:flex}.ds-button__DFAX9n--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small):not(.ds-button__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small).ds-button__DFAX9n--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small).ds-button__DFAX9n--icon-only{padding-left:0;padding-right:0}.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-start.sc-ds-button,.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--small.sc-ds-button:not(.ds-button__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__DFAX9n--small.ds-button__DFAX9n--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__DFAX9n--small.sc-ds-button .ds-button__DFAX9n__icon.sc-ds-button{height:auto}.ds-button__DFAX9n--icon-start.sc-ds-button:not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--icon-end.sc-ds-button:not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";export{A as ds_button}