@duetds/components 6.0.2 → 6.0.4

package/lib/cjs/duet-footer.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');

package/lib/cjs/duet-grid_2.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
-const tokens = require('./tokens-29450bcb.js');
+const index = require('./index-d106d801.js');
+const tokens = require('./tokens-4c69b122.js');
 const watchOptions = require('./watch-options-d88afac0.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 

package/lib/cjs/duet-header_2.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const formSearch = require('./form-search-d61b2843.js');
-const tokens = require('./tokens-29450bcb.js');
+const tokens = require('./tokens-4c69b122.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -15,7 +15,7 @@ const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const stringUtils = require('./string-utils-5cadd058.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
-const tokens_module = require('./tokens.module-ef598645.js');
+const tokens_module = require('./tokens.module-1bb2d45e.js');
 const createId = require('./create-id-c3b984b1.js');
 
 var navigationContactDropdown={"title":"navigation-contact-dropdown","tags":"navigation contact dropdown speech bubbles","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z\"/><path d=\"M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z\"/></svg>"};

package/lib/cjs/duet-hero.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');

package/lib/cjs/duet-icon.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
-const tokenUtils = require('./token-utils-fef5b4eb.js');
-require('./tokens.module-ef598645.js');
+const tokenUtils = require('./token-utils-f6e2f4ef.js');
+require('./tokens.module-1bb2d45e.js');
 
 const cleanupSvg = (svgContent) => {
   if (typeof document === "undefined" || !svgContent) {

package/lib/cjs/duet-input_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const formSearch = require('./form-search-d61b2843.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-layout.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const isInternetExplorer = require('./is-internet-explorer-91361c56.js');
 
 const duetLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";

package/lib/cjs/duet-list_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const watchOptions = require('./watch-options-d88afac0.js');
 

package/lib/cjs/duet-modal.cjs.entry.js

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-8089a1a8.js');
+const focusUtils = require('./focus-utils-8a615003.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 require('./string-utils-5cadd058.js');

package/lib/cjs/duet-notification_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');

package/lib/cjs/duet-number-input.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-pagination_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const jsUtils = require('./js-utils-134e0318.js');

package/lib/cjs/duet-progress.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

package/lib/cjs/duet-radio_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const watchOptions = require('./watch-options-d88afac0.js');

package/lib/cjs/duet-range-slider.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
-const tokens_module = require('./tokens.module-ef598645.js');
+const index = require('./index-d106d801.js');
+const tokens_module = require('./tokens.module-1bb2d45e.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const isInternetExplorer = require('./is-internet-explorer-91361c56.js');

package/lib/cjs/duet-scrollable_3.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-select.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const stringUtils = require('./string-utils-5cadd058.js');

package/lib/cjs/duet-step_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-textarea.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const inputUtils = require('./input-utils-b5e8f524.js');

package/lib/cjs/duet-toggle.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 

package/lib/cjs/duet-tooltip.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

package/lib/cjs/duet-tray.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
-const tokens_module = require('./tokens.module-ef598645.js');
+const index = require('./index-d106d801.js');
+const tokens_module = require('./tokens.module-1bb2d45e.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

package/lib/cjs/duet-upload-aria-status.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {

package/lib/cjs/duet-visually-hidden.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}";
 

package/lib/cjs/duet.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const appGlobals = require('./app-globals-a032b236.js');
 
 /*

package/lib/cjs/{focus-utils-8089a1a8.js → focus-utils-8a615003.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 
 const focusElement = (element) => {
   if ("setFocus" in element) {

package/lib/cjs/{index-9d0e33db.js → index-d106d801.js}

@@ -24,7 +24,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'duet';
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.2"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.4"};
 
 let scopeId;
 let contentRef;

package/lib/cjs/loader.cjs.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9d0e33db.js');
+const index = require('./index-d106d801.js');
 const appGlobals = require('./app-globals-a032b236.js');
 
 /*

package/lib/cjs/{token-utils-fef5b4eb.js → token-utils-f6e2f4ef.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const tokens_module = require('./tokens.module-ef598645.js');
+const tokens_module = require('./tokens.module-1bb2d45e.js');
 
 const allowedThemes = ["turva"];
 function isDashCase(str) {

package/lib/cjs/{tokens-29450bcb.js → tokens-4c69b122.js}

@@ -143,14 +143,15 @@ const line_height_small = "1.25";
 const line_height_x_small = "1.1";
 const transition_quickly = "300ms ease";
 const transition_slowly = "600ms ease";
-const media_query_xx_small = "'(max-width: 22.5em)'";
-const media_query_x_small = "'(max-width: 35.9375em)'";
-const media_query_small = "'(min-width: 36em)'";
+const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_x_large = "'(min-width: 64.0625em)'";
 const media_query_medium = "'(min-width: 48em)'";
 const media_query_large = "'(min-width: 62em)'";
-const media_query_x_large = "'(min-width: 64.0625em)'";
 const media_query_xx_large = "'(min-width: 76.25em)'";
-const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_x_small = "'(max-width: 35.9375em)'";
+const media_query_xxx_small = "'(max-width: 20.5em)'";
+const media_query_small = "'(min-width: 36em)'";
+const media_query_xx_small = "'(max-width: 22.5em)'";
 const tokens = {
 	color_warning: color_warning,
 	color_gray_darker: color_gray_darker,
@@ -292,14 +293,15 @@ const tokens = {
 	line_height_x_small: line_height_x_small,
 	transition_quickly: transition_quickly,
 	transition_slowly: transition_slowly,
-	media_query_xx_small: media_query_xx_small,
-	media_query_x_small: media_query_x_small,
-	media_query_small: media_query_small,
+	media_query_xxx_large: media_query_xxx_large,
+	media_query_x_large: media_query_x_large,
 	media_query_medium: media_query_medium,
 	media_query_large: media_query_large,
-	media_query_x_large: media_query_x_large,
 	media_query_xx_large: media_query_xx_large,
-	media_query_xxx_large: media_query_xxx_large
+	media_query_x_small: media_query_x_small,
+	media_query_xxx_small: media_query_xxx_small,
+	media_query_small: media_query_small,
+	media_query_xx_small: media_query_xx_small
 };
 
 const tokens$1 = /*#__PURE__*/Object.freeze({
@@ -444,14 +446,15 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   line_height_x_small: line_height_x_small,
   transition_quickly: transition_quickly,
   transition_slowly: transition_slowly,
-  media_query_xx_small: media_query_xx_small,
-  media_query_x_small: media_query_x_small,
-  media_query_small: media_query_small,
+  media_query_xxx_large: media_query_xxx_large,
+  media_query_x_large: media_query_x_large,
   media_query_medium: media_query_medium,
   media_query_large: media_query_large,
-  media_query_x_large: media_query_x_large,
   media_query_xx_large: media_query_xx_large,
-  media_query_xxx_large: media_query_xxx_large,
+  media_query_x_small: media_query_x_small,
+  media_query_xxx_small: media_query_xxx_small,
+  media_query_small: media_query_small,
+  media_query_xx_small: media_query_xx_small,
   'default': tokens
 });
 

package/lib/cjs/{tokens.module-ef598645.js → tokens.module-1bb2d45e.js}

@@ -143,14 +143,15 @@ const lineHeightSmall = "1.25";
 const lineHeightXSmall = "1.1";
 const transitionQuickly = "300ms ease";
 const transitionSlowly = "600ms ease";
-const mediaQueryXxSmall = "'(max-width: 22.5em)'";
-const mediaQueryXSmall = "'(max-width: 35.9375em)'";
-const mediaQuerySmall = "'(min-width: 36em)'";
+const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
+const mediaQueryXLarge = "'(min-width: 64.0625em)'";
 const mediaQueryMedium = "'(min-width: 48em)'";
 const mediaQueryLarge = "'(min-width: 62em)'";
-const mediaQueryXLarge = "'(min-width: 64.0625em)'";
 const mediaQueryXxLarge = "'(min-width: 76.25em)'";
-const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
+const mediaQueryXSmall = "'(max-width: 35.9375em)'";
+const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
+const mediaQuerySmall = "'(min-width: 36em)'";
+const mediaQueryXxSmall = "'(max-width: 22.5em)'";
 
 const tokens = /*#__PURE__*/Object.freeze({
 	__proto__: null,
@@ -294,14 +295,15 @@ const tokens = /*#__PURE__*/Object.freeze({
 	lineHeightXSmall: lineHeightXSmall,
 	transitionQuickly: transitionQuickly,
 	transitionSlowly: transitionSlowly,
-	mediaQueryXxSmall: mediaQueryXxSmall,
-	mediaQueryXSmall: mediaQueryXSmall,
-	mediaQuerySmall: mediaQuerySmall,
+	mediaQueryXxxLarge: mediaQueryXxxLarge,
+	mediaQueryXLarge: mediaQueryXLarge,
 	mediaQueryMedium: mediaQueryMedium,
 	mediaQueryLarge: mediaQueryLarge,
-	mediaQueryXLarge: mediaQueryXLarge,
 	mediaQueryXxLarge: mediaQueryXxLarge,
-	mediaQueryXxxLarge: mediaQueryXxxLarge
+	mediaQueryXSmall: mediaQueryXSmall,
+	mediaQueryXxxSmall: mediaQueryXxxSmall,
+	mediaQuerySmall: mediaQuerySmall,
+	mediaQueryXxSmall: mediaQueryXxSmall
 });
 
 exports.colorBrandBlue = colorBrandBlue;

package/lib/collection/components/duet-card/duet-card.js

@@ -10,6 +10,7 @@ import { sanitizeString } from "../../utils/string-utils";
 import { getColorByName } from "../../utils/token-utils";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
+ * @slot heading - This is a slot for heading content inside the card component.
  * @slot below-heading - Below heading content.
  * @slot footer - Footer content.
  */
@@ -87,6 +88,7 @@ export class DuetCard {
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    this.hasHeadingSlot = !!this.element.querySelector(":scope > [slot='heading']");
     this.hasFooter = !!this.element.querySelector("[slot='footer']");
   }
   renderHeading() {
@@ -106,7 +108,7 @@ export class DuetCard {
         this.icon && (h(Fragment, null,
           h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }),
           h("duet-spacer", { direction: "horizontal", size: "small" }))),
-        h("div", { class: "duet-card-heading-text" }, this.heading),
+        h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : h("slot", { name: "heading" })),
         this.secondaryHeading && (h(Fragment, null,
           h("duet-spacer", { direction: "horizontal", size: "small" }),
           h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))),
@@ -150,7 +152,7 @@ export class DuetCard {
         } },
         this.image && (h("div", { class: "duet-card-image-mask" },
           h("img", { src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))),
-        this.heading && this.renderHeading(),
+        (this.heading || this.hasHeadingSlot) && this.renderHeading(),
         h("div", { class: "duet-card-content", id: this.cardId },
           h("slot", null),
           this.hasFooter && (h("div", { class: "duet-card-footer" },

package/lib/collection/components/duet-choice/duet-choice.js

@@ -207,7 +207,7 @@ export class DuetChoice {
     this.hasInfo = !!this.element.querySelector("[slot='info']");
     this.hasHeader = !!this.element.querySelector('[slot="header"]');
     this.hasAdditional = !!this.element.querySelector("[slot='additional']");
-    this.hasLabel = !!this.element.querySelector("[slot='label']");
+    this.hasLabel = !!this.element.querySelector(":scope > [slot='label']");
     this.hasBeforeText = !!this.element.querySelector("[slot='before-text']");
   }
   /**

package/lib/collection/components/duet-choice-group/duet-choice-group.js

@@ -4,7 +4,7 @@
 import { Build, Component, Element, h, Host, Prop, Watch } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { findCheckedOption, watchForOptions } from "../../utils/watch-options";
-const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice)";
+const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";
 export class DuetChoiceGroup {
   constructor() {
     /**

package/lib/collection/components/duet-upload/duet-upload.js

@@ -222,23 +222,23 @@ export class DuetUpload {
     /**
      * Property to change descriptionDefaults defaults on the component.
      * @default {
-        fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
-        sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
-        en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.",
-      }
+     *     en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+     *     sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+     *     fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
+     *   }
      */
     this.descriptionDefaults = {
-      fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
-      sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
-      en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.",
+      en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+      sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+      fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
     };
     /**
      * Description for the upload component.
      * @default {
-        fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
-        sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
-        en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.",
-      }
+     *     en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+     *     sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+     *     fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
+     *   }
      */
     this.description = getLocaleString(this.descriptionDefaults);
     /**
@@ -856,8 +856,11 @@ export class DuetUpload {
    */
   render() {
     const identifier = this.identifier || this.uploadId;
+    const maxMegaBytesTotal = Math.round((this.maxBytesTotal ? this.maxBytesTotal : this.maxBytes * this.maxFiles) / 1024 / 1024);
+    const maxMegaBytesPrFile = Math.round(this.maxBytes / 1024 / 1024);
     let caption = this.description.replace(/{maxfiles}/g, this.maxFiles.toString());
-    caption = caption.replace(/{maxbytes}/g, `${Math.floor((this.maxBytesTotal || this.maxFiles * this.maxBytes) / 1024 / 1024)} MB`);
+    caption = caption.replace(/{maxbytes}/g, `${maxMegaBytesPrFile.toString()} MB`);
+    caption = caption.replace(/{maxbytestotal}/g, `${maxMegaBytesTotal.toString()} MB`);
     caption = caption.replace(/{filetypes}/g, this.allowedExtensions.split(",").join(", "));
     return (h(Host, { class: { "duet-m-0": this.margin === "none" } },
       h("duet-fieldset", { label: this.label, caption: caption },
@@ -1589,13 +1592,13 @@ export class DuetUpload {
       "docs": {
         "tags": [{
             "name": "default",
-            "text": "{\nfi: \"Voit liitt\u00E4\u00E4 {filetypes}-muotoisia tiedostoja sek\u00E4 yleisimpi\u00E4 videotiedostoja. Voit l\u00E4hett\u00E4\u00E4 {maxbytes} verran tiedostoja yhdell\u00E4 kertaa, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan.\",\nsv: \"Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer \u00E5t g\u00E5ngen och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen.\",\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.\",\n}"
+            "text": "{\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.\",\nsv: \"Du kan bifoga f\u00F6ljande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer \u00E5t g\u00E5ngen, och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen varje inte st\u00F6rre \u00E4n {maxbytes}.\",\nfi: \"Voit liitt\u00E4\u00E4 seuraavat tiedostotyypit: {filetypes} - sek\u00E4 yleisimm\u00E4t videotiedostot. Voit l\u00E4hett\u00E4\u00E4 {maxbytestotal} tiedostoa kerrallaan, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan, jokainen enint\u00E4\u00E4n {maxbytes} kokoisena.\",\n}"
           }],
         "text": "Property to change descriptionDefaults defaults on the component."
       },
       "attribute": "description-default",
       "reflect": false,
-      "defaultValue": "{\n    fi: \"Voit liitt\u00E4\u00E4 {filetypes}-muotoisia tiedostoja sek\u00E4 yleisimpi\u00E4 videotiedostoja. Voit l\u00E4hett\u00E4\u00E4 {maxbytes} verran tiedostoja yhdell\u00E4 kertaa, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan.\",\n    sv: \"Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer \u00E5t g\u00E5ngen och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen.\",\n    en: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.\",\n  }"
+      "defaultValue": "{\n    en: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.\",\n    sv: \"Du kan bifoga f\u00F6ljande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer \u00E5t g\u00E5ngen, och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen varje inte st\u00F6rre \u00E4n {maxbytes}.\",\n    fi: \"Voit liitt\u00E4\u00E4 seuraavat tiedostotyypit: {filetypes} - sek\u00E4 yleisimm\u00E4t videotiedostot. Voit l\u00E4hett\u00E4\u00E4 {maxbytestotal} tiedostoa kerrallaan, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan, jokainen enint\u00E4\u00E4n {maxbytes} kokoisena.\",\n  }"
     },
     "description": {
       "type": "string",
@@ -1610,7 +1613,7 @@ export class DuetUpload {
       "docs": {
         "tags": [{
             "name": "default",
-            "text": "{\nfi: \"Voit liitt\u00E4\u00E4 {filetypes}-muotoisia tiedostoja sek\u00E4 yleisimpi\u00E4 videotiedostoja. Voit l\u00E4hett\u00E4\u00E4 {maxbytes} verran tiedostoja yhdell\u00E4 kertaa, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan.\",\nsv: \"Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer \u00E5t g\u00E5ngen och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen.\",\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.\",\n}"
+            "text": "{\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.\",\nsv: \"Du kan bifoga f\u00F6ljande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer \u00E5t g\u00E5ngen, och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen varje inte st\u00F6rre \u00E4n {maxbytes}.\",\nfi: \"Voit liitt\u00E4\u00E4 seuraavat tiedostotyypit: {filetypes} - sek\u00E4 yleisimm\u00E4t videotiedostot. Voit l\u00E4hett\u00E4\u00E4 {maxbytestotal} tiedostoa kerrallaan, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan, jokainen enint\u00E4\u00E4n {maxbytes} kokoisena.\",\n}"
           }],
         "text": "Description for the upload component."
       },

package/lib/dist-custom-elements/duet-action-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetActionButton extends Components.DuetActionButton, HTMLElement {}
+export const DuetActionButton: {
+  prototype: DuetActionButton;
+  new (): DuetActionButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-action-button.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-0a928609.js';
+
+const DuetActionButton = DuetActionButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetActionButton, defineCustomElement };