@duetds/components 6.2.3 → 6.2.5

package/lib/dist-custom-elements/duet-step.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
-import { d as defineCustomElement$4 } from './p-7fca7185.js';
-import { d as defineCustomElement$3 } from './p-bd533ea2.js';
-import { d as defineCustomElement$2 } from './p-f22c141f.js';
+import { d as defineCustomElement$4 } from './p-0cc49790.js';
+import { d as defineCustomElement$3 } from './p-fddad5df.js';
+import { d as defineCustomElement$2 } from './p-25d4fffb.js';
 
 var actionEdit2={"title":"action-edit-2","tags":"action edit 2 pen pencil","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z\"/></svg>"};
 
@@ -20,22 +20,6 @@ const DuetStep$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.duetStepClick = createEvent(this, "duetStepClick", 7);
     this.buttonId = createID("DuetStepButton");
     this.contentId = createID("DuetStepContent");
-    /**
-     * Theme of the component.
-     */
-    this.theme = "";
-    /**
-     * @internal
-     * Enable/disable rounded top corners (on mobile).
-     * This property is used internally by stepper, and should not be set by the developer.
-     */
-    this.roundedTop = false;
-    /**
-     * @internal
-     * Enable/disable rounded bottom corners (on mobile).
-     * This property is used internally by stepper, and should not be set by the developer.
-     */
-    this.roundedBottom = false;
     this.handleKeyDown = (e) => {
       if (this.isClickDisabled()) {
         return;
@@ -51,6 +35,13 @@ const DuetStep$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       }
       this.handleStepClick(e);
     };
+    this.theme = "";
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.stepIndex = undefined;
+    this.state = undefined;
+    this.roundedTop = false;
+    this.roundedBottom = false;
   }
   handleStepClick(e) {
     this.duetStepClick.emit({

package/lib/dist-custom-elements/duet-stepper.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.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 { d as defineCustomElement$2 } from './p-d339505b.js';
+import { d as defineCustomElement$2 } from './p-10feffd3.js';
 
 function groupBy(prop, items) {
   const result = {};
@@ -25,27 +25,10 @@ const DuetStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.__attachShadow();
     this.duetStepChange = createEvent(this, "duetStepChange", 7);
-    /**
-     * Theme of the component.
-     */
     this.theme = "";
-    /**
-     * Format of message used to announce current step when navigating between steps.
-     * The string {current} is replaced with current the step number.
-     * The string {total} is replaced with the total number of steps.
-     */
     this.accessibleLive = "Lista jossa {total} kohtaa. Olet kohdassa {current}.";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Controls whether navigation back to previous steps is allowed or not.
-     */
     this.backDisabled = false;
-    /**
-     * The index of the current step.
-     */
     this.selected = 0;
   }
   currentStepChanged(nextStep) {

package/lib/dist-custom-elements/duet-tab-group.js

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { h as isArrowLeftKey, e as isArrowUpKey, j as isArrowRightKey, f as isArrowDownKey } from './p-d8549efe.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$8 } from './p-db21a6ca.js';
-import { d as defineCustomElement$7 } from './p-bd533ea2.js';
-import { d as defineCustomElement$6 } from './p-2320f4a6.js';
-import { d as defineCustomElement$5 } from './p-d84c65e4.js';
-import { d as defineCustomElement$4 } from './p-066e5253.js';
-import { d as defineCustomElement$3 } from './p-fbcece41.js';
-import { d as defineCustomElement$2 } from './p-d339505b.js';
+import { d as defineCustomElement$8 } from './p-db135ec9.js';
+import { d as defineCustomElement$7 } from './p-fddad5df.js';
+import { d as defineCustomElement$6 } from './p-9245c901.js';
+import { d as defineCustomElement$5 } from './p-bd64a84d.js';
+import { d as defineCustomElement$4 } from './p-7958dc0c.js';
+import { d as defineCustomElement$3 } from './p-d2402b45.js';
+import { d as defineCustomElement$2 } from './p-10feffd3.js';
 
 const duetTabGroupCss = "*,*::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;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:#e4e4e6}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;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;line-height:1.1;color:#00294d;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{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;border-color:#e4e4e6}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:#909599}.duet-theme-turva .duet-tab-button:hover{border-color:#747475}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:white;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:white;background-color:#171c3a;border-color:#171c3a}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:#0077b3;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:#c60c30;border-bottom-color:#c60c30}.duet-tab-group-content{position:relative;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-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva .duet-tab-group-content{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}";
 
@@ -24,70 +24,6 @@ const DuetTabGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.duetChange = createEvent(this, "duetChange", 3);
     this.duetTabChange = createEvent(this, "duetTabChange", 7);
     this.id = createID("DuetTabGroup");
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
-    this.tabs = [];
-    this.selected = 0;
-    /**
-     * Theme of the component.
-     */
-    this.theme = "";
-    /**
-     * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens),
-     * if this is a number instead of true it will be used as "amount of items to scroll"
-     */
-    this.scrolls = false;
-    /**
-     * Whether the tab-group collapses to a select dropwdown in minor breakpoints
-     */
-    this.collapses = true;
-    /**
-     * Aria label for the entire tab-group
-     */
-    this.accessibleLabel = undefined;
-    /**
-     * Style variation of the tab group.
-     */
-    this.variation = "default";
-    /**
-     * The currently active language. This setting changes the accessible labels 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.language = getLanguage();
-    /**
-     * Defaults for Label
-     * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
-     */
-    this.labelDefaults = {
-      fi: "Valitse",
-      en: "Choose",
-      sv: "Välj",
-    };
-    /**
-     * Label for the select element which gets shown on mobile.
-     * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
-     */
-    this.label = getLocaleString(this.labelDefaults, this.language);
-    /**
-     * Determines whether the label for the select element shown on mobile is visually hidden.
-     */
-    this.labelHidden = true;
-    /**
-     * Optional identifier to add to buttons in the tab group
-     */
-    this.identifier = this.id;
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Controls the padding of the component.
-     */
-    this.padding = "auto";
     /**
      * Component event handling.
      */
@@ -118,6 +54,24 @@ const DuetTabGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       }
       return renderedTabs;
     };
+    this.tabs = [];
+    this.selected = 0;
+    this.theme = "";
+    this.scrolls = false;
+    this.collapses = true;
+    this.accessibleLabel = undefined;
+    this.variation = "default";
+    this.language = getLanguage();
+    this.labelDefaults = {
+      fi: "Valitse",
+      en: "Choose",
+      sv: "Välj",
+    };
+    this.label = getLocaleString(this.labelDefaults, this.language);
+    this.labelHidden = true;
+    this.identifier = this.id;
+    this.margin = "auto";
+    this.padding = "auto";
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-tab.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h } from './p-14a163e6.js';
 import { g as getLocaleString } from './p-ede854e1.js';
 
 const duetTabCss = ".sc-duet-tab-h{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-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";
@@ -10,15 +10,9 @@ const DuetTab$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * Defaults for AccessibleLabel
-     * @default null
-     */
+    this.label = undefined;
+    this.selected = undefined;
     this.accessibleDescriptionDefault = null;
-    /**
-     * String for AccessibleLabel
-     * @default null
-     */
     this.accessibleDescription = this.accessibleDescriptionDefault
       ? getLocaleString(this.accessibleDescriptionDefault)
       : null;

package/lib/dist-custom-elements/duet-table.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetTable$1, d as defineCustomElement$1 } from './p-c978c011.js';
+import { D as DuetTable$1, d as defineCustomElement$1 } from './p-0ef384ca.js';
 
 const DuetTable = DuetTable$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-textarea.js

@@ -1,17 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.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 { c as cleanValue } from './p-56118313.js';
-import { d as defineCustomElement$8 } from './p-db21a6ca.js';
-import { d as defineCustomElement$7 } from './p-fff89409.js';
-import { d as defineCustomElement$6 } from './p-2481ab53.js';
-import { d as defineCustomElement$5 } from './p-bd533ea2.js';
-import { d as defineCustomElement$4 } from './p-2320f4a6.js';
-import { d as defineCustomElement$3 } from './p-fbcece41.js';
-import { d as defineCustomElement$2 } from './p-d339505b.js';
+import { d as defineCustomElement$8 } from './p-db135ec9.js';
+import { d as defineCustomElement$7 } from './p-4115062c.js';
+import { d as defineCustomElement$6 } from './p-4447816d.js';
+import { d as defineCustomElement$5 } from './p-fddad5df.js';
+import { d as defineCustomElement$4 } from './p-9245c901.js';
+import { d as defineCustomElement$3 } from './p-d2402b45.js';
+import { d as defineCustomElement$2 } from './p-10feffd3.js';
 
 const duetTextareaCss = "*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;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;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d;resize:vertical;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{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;border-color:#747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:#e02a0d !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:#747475}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:#747475}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:#cfcfd1}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:#747475}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:#cfcfd1}.duet-textarea[disabled].sc-duet-textarea{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#f5f8fa !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:#747475 !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-textarea.sc-duet-textarea:focus{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e02a0d}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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:0.875rem;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#747475}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:#de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:#e02a0d}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}";
 
@@ -41,84 +41,6 @@ const DuetTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.labelId = createID("DuetLabel");
     this.errorId = createID("DuetError");
     this.disallowPatternRegex = null;
-    /**
-     * 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;
-    /**
-     * Theme of the textarea.
-     */
-    this.theme = "";
-    /**
-     * Expands the textarea to fill 100% of the container width.
-     */
-    this.expand = false;
-    /**
-     * Makes the textarea component disabled. This prevents users from being able
-     * to interact with the textarea, and conveys its inactive state to assistive
-     * technologies.
-     */
-    this.disabled = false;
-    /**
-     * Set whether the textarea 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;
-    /**
-     * Label for the textarea.
-     */
-    this.label = "label";
-    /**
-     * Visually hide the label, but still show it to screen readers.
-     */
-    this.labelHidden = false;
-    /**
-     * If form input field has a placeholder text, and user types anything (causing the text to dissapear),
-     * settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
-     */
-    this.echoPlaceholder = false;
-    /**
-     * Display the textarea in error state along with an error message.
-     */
-    this.error = "";
-    /**
-     * Tooltip to display next to the label of the input.
-     */
-    this.tooltip = "";
-    /**
-     * With direction setting you can force the tooltip to always open towards left
-     * or right instead of automatically determining the direction.
-     */
-    this.tooltipDirection = "auto";
-    /**
-     * Value of the textarea.
-     */
-    this.value = "";
-    /**
-     * A regular expression that matches any characters which should be *disallowed*.
-     * This differs from `pattern`, as it actively prevents users entering any characters which match the regular expression.
-     * e.g. the following will disallow any non-numeric characters `[^0-9]`
-     */
-    this.disallowPattern = null;
-    /**
-     * Display character counter. Must be used in conjunction with
-     * **maxlength** and **counterLabel** properties.
-     */
-    this.counter = false;
     /**
      * Component event handling.
      */
@@ -156,6 +78,36 @@ const DuetTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         component: "duet-textarea",
       });
     };
+    this.margin = "auto";
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleAutocomplete = undefined;
+    this.accessibleControls = undefined;
+    this.accessibleDetails = undefined;
+    this.accessibleLabelledBy = undefined;
+    this.accessibleDescription = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
+    this.theme = "";
+    this.expand = false;
+    this.disabled = false;
+    this.identifier = undefined;
+    this.required = false;
+    this.label = "label";
+    this.labelHidden = false;
+    this.name = undefined;
+    this.placeholder = undefined;
+    this.caption = undefined;
+    this.echoPlaceholder = false;
+    this.maxlength = undefined;
+    this.minlength = undefined;
+    this.error = "";
+    this.role = undefined;
+    this.tooltip = "";
+    this.tooltipDirection = "auto";
+    this.value = "";
+    this.disallowPattern = null;
+    this.counter = false;
+    this.counterLabel = undefined;
   }
   disallowedPatternChange() {
     this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "g") : null;

package/lib/dist-custom-elements/duet-toggle.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.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 { d as defineCustomElement$2 } from './p-2320f4a6.js';
+import { d as defineCustomElement$2 } from './p-9245c901.js';
 
 const duetToggleCss = "*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:#0077b3;box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:#c60c30}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:white;box-shadow:none;transform:translateX(20px)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{box-shadow:inset 0 0 0 1px #cfd2d4}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{box-shadow:inset 0 0 0 1px #cfcfd1}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:#cfd2d4}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:#cfcfd1}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#cfd2d4}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#cfcfd1}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px white, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px white, 0 0 0 3px #171c3a}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:white;border-radius:20px;box-shadow:inset 0 0 0 1px #00294d;transition:background-color 300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{box-shadow:inset 0 0 0 1px #171c3a}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:4px;left:4px;width:20px;height:20px;content:\"\";background-color:#00294d;border-radius:50%;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:#171c3a}";
 
@@ -18,53 +18,30 @@ const DuetToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
      */
     this.toggleId = createID("DuetToggle");
     /**
-     * Theme of the card.
+     * Component event handling.
      */
+    this.onClick = (ev) => {
+      ev.preventDefault();
+      this.setFocus();
+      this.checked = !this.checked;
+    };
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Aria Details of the component
-     */
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleControls = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
     this.accessibleDetails = undefined;
-    /**
-     * String of id's that indicate alternative labels elements
-     */
     this.accessibleLabelledBy = undefined;
-    /**
-     * Aria description the button
-     */
     this.accessibleDescription = undefined;
-    /**
-     * Label for the toggle.
-     */
     this.label = "label";
-    /**
-     * Set whether the input is required or not. Please note that this is necessary 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;
-    /**
-     * Makes the input component disabled. This prevents users from being able to
-     * interact with the input, and conveys its inactive state to assistive technologies.
-     */
     this.disabled = false;
-    /**
-     * Check state of the checkbox.
-     */
     this.checked = false;
-    /**
-     * Component event handling.
-     */
-    this.onClick = (ev) => {
-      ev.preventDefault();
-      this.setFocus();
-      this.checked = !this.checked;
-    };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = undefined;
+    this.role = undefined;
   }
   checkedChanged(isChecked) {
     this.duetChange.emit({

package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.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$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetToolbarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;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:0.875rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-toolbar-dropdown-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:#171c3a}.duet-toolbar-dropdown-link.active,.duet-toolbar-dropdown-link.active:hover{color:white;background:#0077b3}.duet-toolbar-dropdown-link.active.duet-theme-turva,.duet-toolbar-dropdown-link.active:hover.duet-theme-turva{color:white;background:#c60c30}.duet-toolbar-dropdown-link:hover{background:#e6f2f8}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:#e4e4e6}";
 
@@ -12,21 +12,9 @@ const DuetToolbarDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class extends
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
-    /**
-     * Active
-     */
     this.active = false;
   }
   /**

package/lib/dist-custom-elements/duet-toolbar-dropdown.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.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 { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetToolbarDropdownCss = "*,*::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;height:100%}.duet-toolbar-dropdown{position:relative;z-index:1;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 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:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:#00294d;background:#f3f9fc}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:#00294d}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:#171c3a;background:#f5f5f7}.duet-toolbar-dropdown.duet-theme-turva button.active{color:#171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-toolbar-dropdown.duet-theme-turva .items{background:#f5f5f7}";
 
@@ -13,22 +13,6 @@ const DuetToolbarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.__attachShadow();
     this.duetToolbarDropdownEvent = createEvent(this, "duetToolbarDropdownEvent", 7);
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Active
-     */
-    this.active = false;
-    /**
-     * Open
-     */
-    this.open = false;
-    /**
-     * Icon
-     */
-    this.icon = undefined;
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
@@ -42,6 +26,10 @@ const DuetToolbarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       this.toggleMenu(e);
       e.stopImmediatePropagation();
     };
+    this.theme = "";
+    this.active = false;
+    this.open = false;
+    this.icon = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-toolbar-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.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$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetToolbarLinkCss = "*,*::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;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 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:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none}.duet-toolbar-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:#940925}.duet-toolbar-link:hover{color:#00294d;background:#f3f9fc}.duet-toolbar-link:hover.duet-theme-turva{color:#171c3a;background:#f5f5f7}.duet-toolbar-link.active{color:#00294d}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:#c60c30}.duet-toolbar-link.active.duet-theme-turva{color:#171c3a}.duet-toolbar-link.active.duet-theme-turva::after{background:#c60c30}";
 
@@ -12,21 +12,9 @@ const DuetToolbarLink$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Active
-     */
     this.active = false;
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
   }
   /**

package/lib/dist-custom-elements/duet-toolbar.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 
 const duetToolbarCss = "*,*::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;width:100%}.duet-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 28px;background:white}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.duet-theme-turva{background:white}";
@@ -11,9 +11,6 @@ const DuetToolbar$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
   }
   /**

package/lib/dist-custom-elements/duet-tooltip.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetTooltip$1, d as defineCustomElement$1 } from './p-fbcece41.js';
+import { D as DuetTooltip$1, d as defineCustomElement$1 } from './p-d2402b45.js';
 
 const DuetTooltip = DuetTooltip$1;
 const defineCustomElement = defineCustomElement$1;