@duetds/components 6.2.4 → 6.2.5

package/lib/dist-custom-elements/{p-2a509b17.js → p-82fec063.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { g as getColorByName } from './p-9ed347f9.js';
+import { g as getColorByName } from './p-535ce3ec.js';
 
 const duetParagraphCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:#0077b3;text-decoration:underline;transition:300ms ease}::slotted(a).duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#c60c30}::slotted(a):hover{color:#004d80;text-decoration:none}::slotted(a):hover.duet-theme-turva{color:#940925}::slotted(a):active{opacity:0.75;transition:none}";
 
@@ -12,30 +12,11 @@ const DuetParagraph = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme of the paragraph.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Controls the size of the paragraph.
-     */
     this.size = "medium";
-    /**
-     * Controls the Font-Weight of the paragraph.
-     */
     this.weight = undefined;
-    /**
-     * Style variation of the paragraph.
-     */
     this.variation = "default";
-    /**
-     * Custom color to be used for text, as a design token entered in camelCase or kebab-case.
-     * Example: "color-primary".
-     */
     this.color = "";
   }
   /**

package/lib/dist-custom-elements/{p-279dedcd.js → p-88d217a7.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$1 } from './p-908c1151.js';
+import { d as defineCustomElement$1 } from './p-fddad5df.js';
 
 const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";
 
@@ -12,17 +12,8 @@ const DuetEmptyState = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme of the empty state component.
-     */
     this.theme = "";
-    /**
-     * Icon shown in the empty state component.
-     */
     this.icon = "messaging-question";
-    /**
-     * The size of the empty state message.
-     */
     this.size = "medium";
   }
   /**

package/lib/dist-custom-elements/{p-f51d88cc.js → p-9245c901.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 
 const duetLabelCss = "*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;color:#00294d;text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}";
@@ -10,17 +10,9 @@ const DuetLabel = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * Theme of the label.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
+    this.for = undefined;
     this.margin = "auto";
-    /**
-     * Controls the size of the label.
-     */
     this.size = "medium";
   }
   /**

package/lib/dist-custom-elements/{p-dcffd5be.js → p-94eae3e6.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 
 const duetDividerCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
@@ -11,13 +11,7 @@ const DuetDivider = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme of the divider.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
   }
   /**

package/lib/dist-custom-elements/{p-0b8f16f1.js → p-9986919d.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h } from './p-b9058029.js';
+import { h } from './p-e4a60f42.js';
 
 const focusElement = (element) => {
   if ("setFocus" in element) {

package/lib/dist-custom-elements/{p-bd4ab88c.js → p-9fef7d37.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 
@@ -18,54 +18,6 @@ const DuetCheckbox = /*@__PURE__*/ proxyCustomElement(class extends H {
      * Own Properties.
      */
     this.checkboxId = createID("DuetCheckbox");
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Aria Details of the component
-     */
-    this.accessibleDetails = undefined;
-    /**
-     * String of id's that indicate alternative labels elements
-     */
-    this.accessibleLabelledBy = undefined;
-    /**
-     * Aria description the button
-     */
-    this.accessibleDescription = undefined;
-    /**
-     * Aria selected
-     */
-    this.accessibleSelected = undefined;
-    /**
-     * Set whether the input is required or not. Please note that this is required for
-     * accessible inputs when the user is required to fill them. When using this property
-     * you need to also set “novalidate” attribute to your form element to prevent
-     * browser from displaying its own validation errors.
-     */
-    this.required = false;
-    /**
-     * Theme of the checkbox.
-     */
-    this.theme = "";
-    /**
-     * Makes the checkbox component disabled. This prevents users from being able to
-     * interact with the checkbox, and conveys its inactive state to assistive technologies.
-     */
-    this.disabled = false;
-    /**
-     * Label for the checkbox
-     */
-    this.label = "label";
-    /**
-     * Visually hide the label, but still show it to screen readers.
-     */
-    this.labelHidden = false;
-    /**
-     * Check state of the checkbox.
-     */
-    this.checked = false;
     /**
      * Component event handling.
      */
@@ -94,6 +46,26 @@ const DuetCheckbox = /*@__PURE__*/ proxyCustomElement(class extends H {
         component: "duet-checkbox",
       });
     };
+    this.accessibleActiveDescendant = undefined;
+    this.margin = "auto";
+    this.accessibleControls = undefined;
+    this.accessibleIndex = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
+    this.accessibleDetails = undefined;
+    this.accessibleLabelledBy = undefined;
+    this.accessibleDescription = undefined;
+    this.accessibleSelected = undefined;
+    this.required = false;
+    this.theme = "";
+    this.disabled = false;
+    this.identifier = undefined;
+    this.label = "label";
+    this.labelHidden = false;
+    this.name = undefined;
+    this.role = undefined;
+    this.checked = false;
+    this.value = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/{p-0347f9ec.js → p-a1212d29.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 
 const duetListItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-flow:row;width:100%;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d}@media (max-width: 35.9375em){:host{flex-wrap:wrap}}:host dt,:host dd{margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;word-break:break-all;word-break:break-word}@media (max-width: 35.9375em){:host dt,:host dd{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}}:host dt{padding:16px !important;font-weight:600}@media (max-width: 35.9375em){:host dt{padding-bottom:4px !important}}.duet-theme-turva :host dt{font-weight:700}:host dd{padding:16px !important;margin-left:auto;text-align:left}@media (max-width: 35.9375em){:host dd{padding-top:0 !important}}:host(:not(.duet-list-striped)) dt{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){:host(:not(.duet-list-striped)) dt{padding-bottom:4px !important}}:host(:not(.duet-list-striped)) dd{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){:host(:not(.duet-list-striped)) dd{padding-top:0 !important}}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:#f5f8fa}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:#f5f5f7}:host(.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-width-70) dd{flex-basis:35%}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding-top:0 !important;padding-bottom:4px !important}@media (max-width: 35.9375em){:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}}@media (max-width: 61.9375em){:host(.duet-list-breakpoint-large){flex-wrap:wrap}:host(.duet-list-breakpoint-large) dt,:host(.duet-list-breakpoint-large) dd{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}:host(.duet-list-breakpoint-large) dd{padding-top:0 !important}}:host(.duet-list-breakpoint-large.duet-list-striped) dd{padding-bottom:16px !important}@media (max-width: 61.9375em){:host(.duet-list-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-breakpoint-large.duet-list-mobile-center) dd{text-align:center !important}}";
 

package/lib/dist-custom-elements/{p-29b4f008.js → p-ad7292b3.js}

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-14a163e6.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-908c1151.js';
-import { d as defineCustomElement$1 } from './p-70d1ca9f.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
+import { d as defineCustomElement$1 } from './p-10feffd3.js';
 
 const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:#0077b3;text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#c60c30}.duet-link:hover{color:#004d80;text-decoration:none}.duet-link:hover.duet-theme-turva{color:#940925}.duet-link:active{opacity:0.75;transition:none}.duet-link-external{margin-left:4px}";
 
@@ -16,34 +16,13 @@ const DuetLink = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * The currently active language. This setting changes the external link
-     * accessible label to match the chosen language.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
+    this.accessibleLabel = undefined;
     this.language = getLanguage();
-    /**
-     * Defaults for accessibleLabelExternal
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
     this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-    /**
-     * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
     this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-    /**
-     * Theme of the button.
-     */
+    this.identifier = undefined;
     this.theme = "";
-    /**
-     * A destination to link to, rendered in the href attribute of a link.
-     */
     this.url = "#";
-    /**
-     * Forces URL to open in a new browser tab. Used together with URL prop.
-     */
     this.external = false;
   }
   /**

package/lib/dist-custom-elements/{p-9cfc3bee.js → p-af2e8de4.js}

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$4 } from './p-b4b809ff.js';
-import { d as defineCustomElement$3 } from './p-908c1151.js';
-import { d as defineCustomElement$2 } from './p-862c60cc.js';
-import { d as defineCustomElement$1 } from './p-70d1ca9f.js';
+import { d as defineCustomElement$4 } from './p-eb6fc032.js';
+import { d as defineCustomElement$3 } from './p-fddad5df.js';
+import { d as defineCustomElement$2 } from './p-354f8a94.js';
+import { d as defineCustomElement$1 } from './p-10feffd3.js';
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}";
 
@@ -19,61 +19,29 @@ const DuetAlert = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__attachShadow();
     this.duetDismiss = createEvent(this, "duetDismiss", 7);
     this.descriptiveId = createID("DuetAlert");
-    /**
-     * Theme of the card.
-     */
+    this.handleDismiss = (ev) => {
+      this.isDismissed = true;
+      this.duetDismiss.emit({
+        component: "duet-alert",
+        originalEvent: ev,
+      });
+    };
     this.theme = "";
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
     this.isDismissed = false;
-    /**
-     * Property to change languageDefaults on the component.
-     * normally you would handle these strings on an application level and override @accessibleLabel when needed
-     * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
-     */
+    this.timeoutID = undefined;
     this.accessibleLabelDefaults = {
       fi: "Sulje viesti",
       sv: "Stäng meddelandet",
       en: "Close the message",
     };
-    /**
-     * Adds accessible label for the dismissible alert close button.
-     * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
-     */
     this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
-    /**
-     * Enable or disabled announcements by assistive technologies.
-     */
     this.announcements = true;
-    /**
-     * Icon to display to the left of the content.
-     */
     this.icon = "";
-    /**
-     * Controls the margin of the component.
-     */
+    this.autoDismiss = undefined;
     this.margin = "auto";
-    /**
-     * Controls the padding of the component.
-     */
     this.padding = "auto";
-    /**
-     * Style variation of the alert.
-     */
     this.variation = "default";
-    /**
-     * Should a button be rendered to dismiss the alert?
-     */
     this.dismissible = false;
-    this.handleDismiss = (ev) => {
-      this.isDismissed = true;
-      this.duetDismiss.emit({
-        component: "duet-alert",
-        originalEvent: ev,
-      });
-    };
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/{p-396cb7a5.js → p-b5ea480c.js}

@@ -1,42 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
-import { d as defineCustomElement$1 } from './p-70d1ca9f.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
+import { d as defineCustomElement$1 } from './p-10feffd3.js';
 
 const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * State() variables
-     */
-    this.statusMessage = null;
-    /**
-     * Status labels used in the component
-     */
-    this.statusMessageLabel = null;
-    /**
-     * Adds accessible label that is read aloud
-     */
-    this.accessibleAriaLive = "polite";
-    /**
-     * valid file amount
-     */
-    this.valid = undefined;
-    /**
-     * total files
-     */
-    this.total = undefined;
-    /**
-     * invalid file amount
-     */
-    this.invalid = undefined;
-    /**
-     * valid file amount
-     */
-    this.inprogress = undefined;
     /**
      * Private functions
      */
@@ -75,6 +47,13 @@ const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class extends H {
       }
       return;
     };
+    this.statusMessage = null;
+    this.statusMessageLabel = null;
+    this.accessibleAriaLive = "polite";
+    this.valid = undefined;
+    this.total = undefined;
+    this.invalid = undefined;
+    this.inprogress = undefined;
   }
   watchHandler(newValue, oldValue) {
     if (newValue !== oldValue) {

package/lib/dist-custom-elements/{p-4bb2e37b.js → p-bd64a84d.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$1 } from './p-908c1151.js';
+import { d as defineCustomElement$1 } from './p-fddad5df.js';
 
 const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";
 
@@ -18,10 +18,6 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.currentIndex = 0;
     this.tabListElement = undefined;
     this.tabListClass = "duet-scrollable-list";
-    this.tablistAtStart = true;
-    this.isTabContentSmallerThanWrapper = false;
-    this.tablistAtEnd = false;
-    this.childrenData = {};
     this.resizeObserver = new ResizeObserver(entries => {
       var _a, _b, _c, _d;
       // otherwise, something is wrong, expecting 1 element only
@@ -32,19 +28,12 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.isTabContentSmallerThanWrapper = scrollWidth > currentWidth + 5;
       }
     });
-    /**
-     * Theme of duet-tab-scrollable. When used this will override the color setting and
-     * use "primary" or "primary-turva" as the color depending on which theme
-     * is chosen.
-     */
+    this.tablistAtStart = true;
+    this.isTabContentSmallerThanWrapper = false;
+    this.tablistAtEnd = false;
+    this.childrenData = {};
     this.theme = "";
-    /**
-     * Optional identifier to add to buttons in the tab group
-     */
     this.identifier = "";
-    /**
-     * Selected element
-     */
     this.selected = 0;
   }
   watchPropHandler(newValue) {

package/lib/dist-custom-elements/{p-0938933e.js → p-cab1e8a0.js}

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as fieldSorter } from './p-0b3f675e.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { h } from './p-b9058029.js';
-import { d as defineCustomElement$6 } from './p-f674e164.js';
-import { d as defineCustomElement$5 } from './p-b4b809ff.js';
-import { d as defineCustomElement$4 } from './p-908c1151.js';
-import { d as defineCustomElement$3 } from './p-862c60cc.js';
-import { d as defineCustomElement$2 } from './p-1f03397c.js';
-import { d as defineCustomElement$1 } from './p-70d1ca9f.js';
+import { h } from './p-e4a60f42.js';
+import { d as defineCustomElement$6 } from './p-d628dd87.js';
+import { d as defineCustomElement$5 } from './p-eb6fc032.js';
+import { d as defineCustomElement$4 } from './p-fddad5df.js';
+import { d as defineCustomElement$3 } from './p-354f8a94.js';
+import { d as defineCustomElement$2 } from './p-0ef384ca.js';
+import { d as defineCustomElement$1 } from './p-10feffd3.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -33,69 +33,6 @@ const DuetEditableTable = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.duetTableToggle = createEvent(this, "duetTableToggle", 7);
     this.duetMenuClick = createEvent(this, "duetMenuClick", 7);
-    /**
-     * Duet-table: margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Duet-table: Style variation of the table.
-     */
-    this.variation = "striped";
-    /**
-     * Duet-table: Controls whether the table has a sticky header.
-     * Sticky headers are not compatible with breakpoint="none-scrollable".
-     */
-    this.sticky = false;
-    /**
-     * Duet-table: Adjust the distance from top of the viewport (in pixels) when the
-     * table header becomes sticky.
-     */
-    this.stickyDistance = "with-links";
-    /**
-     * Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.
-     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-     * Set to "none" to disable the responsive functionality.
-     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-     * this is useful for comparison tables where it's important to maintain column and row layout.
-     */
-    this.breakpoint = "small";
-    /**
-     * Define actions for all items in a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.actions = undefined;
-    /**
-     * Define columns for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.columns = undefined;
-    /**
-     * Define rows for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.rows = undefined;
-    /**
-     * Controls whether the table is sortable by headers
-     */
-    this.sortable = false;
-    /**
-     * Optional id that get passed to the table and used to setup ::parts
-     */
-    this.groupId = "";
-    /**
-     * Theme of the table.
-     */
-    this.theme = "";
-    /**
-     * Exposes the aria role for optimizing accessibility.
-     */
-    this.accessibleRole = undefined;
     this.sortableDefaultLabel = {
       fi: "Järjestä",
       en: "Click to sort",
@@ -126,6 +63,18 @@ const DuetEditableTable = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.toggleColumn(column, e);
       }
     };
+    this.margin = "auto";
+    this.variation = "striped";
+    this.sticky = false;
+    this.stickyDistance = "with-links";
+    this.breakpoint = "small";
+    this.actions = undefined;
+    this.columns = undefined;
+    this.rows = undefined;
+    this.sortable = false;
+    this.groupId = "";
+    this.theme = "";
+    this.accessibleRole = undefined;
   }
   /**
    * Component lifecycle events.