@duetds/components 9.2.1 → 9.2.3

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

@@ -222,6 +222,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Theme of the hero area."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -243,6 +245,8 @@ export class DuetHero {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -261,6 +265,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "The headline shown before heading."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pre-heading",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -285,6 +291,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "The level of the heading."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "level",
                 "reflect": false,
                 "defaultValue": "\"h1\""
@@ -309,6 +317,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "The level of the heading. Only usable with campaign, section variations."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sub-heading-level",
                 "reflect": false,
                 "defaultValue": "\"h2\""
@@ -327,6 +337,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "The description of the hero area, rendered in a P tag. If empty, description\nwill be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "description",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -351,6 +363,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Icon to display to the left of the button content. If empty, icon will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -375,6 +389,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Icon size for the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-size",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -393,6 +409,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Show icon on the right side of the button content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-right",
                 "reflect": false,
                 "defaultValue": "false"
@@ -417,6 +435,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Icon to display to the left of the heading in gray hero area variation. If empty, icon will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "category-icon",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -441,6 +461,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Icon color to use for the category icon that can be used in gray hero area variation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "category-icon-color",
                 "reflect": false,
                 "defaultValue": "\"category-pet\""
@@ -459,6 +481,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Text label shown inside the button. If empty, button will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "button-label",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -489,6 +513,8 @@ export class DuetHero {
                         }],
                     "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "getLanguage()"
@@ -516,6 +542,8 @@ export class DuetHero {
                         }],
                     "text": "Defaults for accessibleLabelExternal"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsExternalDefaults"
@@ -537,6 +565,8 @@ export class DuetHero {
                         }],
                     "text": "Adds accessible label for tooltip that is shown in external link (url & external have both been set)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelExternalDefaults)"
@@ -555,6 +585,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "URL that the button links to."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "button-url",
                 "reflect": false,
                 "defaultValue": "\"#\""
@@ -573,6 +605,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "ID for the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "button-id",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -596,7 +630,9 @@ export class DuetHero {
                 "docs": {
                     "tags": [],
                     "text": "An object that includes any data you want to pass to the button. This data\nwill be emitted when the button is clicked. If property analyticsId is present,\nthen a separate duetAnalytics event will be emitted."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "textCenter": {
                 "type": "boolean",
@@ -612,6 +648,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Centers the text in hero area."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text-center",
                 "reflect": false,
                 "defaultValue": "false"
@@ -630,6 +668,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Forces all items in the header to be leftAligned\nThis can be used on mobiles to create leftAligned hero areas that either are only leftaligned on smaller devices\nor allways leftAligned (you must manually switch this parameter if you need special breakpoints)\nthis nullifies textCenter prop"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "left-align",
                 "reflect": false,
                 "defaultValue": "false"
@@ -648,6 +688,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "URL of the image shown inside the hero area. For normal hero areas the width of the displayed image\nshould be 800px. Optimal aspect ratio is 3:2. When using \u201Cimage\u201D variation of\nHero Area the required image size is 1200x1200px (1:1 ratio). If this\nproperty is left empty, image will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "image",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -666,6 +708,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Image sizing."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "image-size",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -684,6 +728,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Image position."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "image-position",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -708,6 +754,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Style variation of the hero area."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -726,6 +774,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "An object that includes mandatory \"label\" and \"href\" fields for the back link.\nAdditionally, you can pass an \"id\" that is added as an HTML identifier for the\nelement. If nothing is passed, back link won\u2019t be shown. **NOTE: The back link\ncan be ONLY used in combination with \"gray\" style variation.**"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "back",
                 "reflect": false
             },
@@ -743,6 +793,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "An array of items for the definition list inside hero. Items have to\ninclude mandatory \"label\" and \"value\" fields to work."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "list-items",
                 "reflect": false
             },
@@ -760,6 +812,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "An array of items for the main actions. Items have to include mandatory\n\"label\", \"href\" and \"icon\" fields to work. Additionally, you can pass an \"id\"\nthat is added as an HTML identifier for the anchor tag."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "actions",
                 "reflect": false
             },
@@ -777,6 +831,8 @@ export class DuetHero {
                     "tags": [],
                     "text": "Layout."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "\"narrow\""

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

@@ -97,11 +97,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '631e32597ca5d5467b1ded0dfdbcf99b0753ec45', class: {
+        return (h(Host, { key: '395c9d34b58629802851652543d0351555440771', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '09145d6d218aec69d036298acb83a65489397944', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '98e755e1955298019ae340e039416ca5ed04fa6c', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -110,7 +110,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '146fe5abe1d3bb753386355783025da7c61ce3df', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: '1a5f2ff89504ee78d476800edc4cb9aeeb6927ae', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -146,6 +146,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Theme of the icon. This setting will be overridden when you set the color\nproperty"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -164,6 +166,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "A raw SVG string."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true
             },
@@ -181,6 +185,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "A URL from which to load an icon."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "src",
                 "reflect": false
             },
@@ -204,6 +210,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Icon name from Duet to display."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "\"action-add\""
@@ -228,6 +236,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -246,6 +256,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Whether the icon changes its size responsively or not."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "responsive",
                 "reflect": false,
                 "defaultValue": "true"
@@ -270,6 +282,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Custom color to be used for the icon, as a design token entered in camelCase\nor kebab-case. Example: \"color-primary\". This property can also be set to\n\"currentColor\" which forces the icon to use the CSS text color of parent\nelement instead. Useful when you want to control the color in stylesheet\ninstead."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": true,
                 "defaultValue": "\"\""
@@ -294,6 +308,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Custom color to be used for a circular background, as a design token entered\nin camelCase or kebab-case. Using this option the icon will always be resized\nto $size-icon-medium on mobile viewports. Example: \"color-primary\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -315,6 +331,8 @@ export class DuetIcon {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background-opacity",
                 "reflect": false,
                 "defaultValue": "1"
@@ -336,6 +354,8 @@ export class DuetIcon {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background-rotation",
                 "reflect": false,
                 "defaultValue": "0"
@@ -360,6 +380,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Icon size. Entered as one of the icon size design tokens."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": true,
                 "defaultValue": "\"medium\""
@@ -384,6 +406,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Custom color to be used for a circular border and icon outline, as a design\ntoken entered in camelCase or kebab-case. Using this option the icon will\nalways be resized to $size-icon-medium on mobile viewports.\nExample: \"color-primary\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "outline",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -402,6 +426,8 @@ export class DuetIcon {
                     "tags": [],
                     "text": "Shape of the background. Brand follows new designs and currently doesn't support xxx-small size."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "shape",
                 "reflect": false,
                 "defaultValue": "\"circle\""

package/lib/collection/components/duet-input/duet-input.css

@@ -146,6 +146,9 @@ duet-caption:not(:last-of-type) {
 .duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button {
   color: rgb(8, 42, 77);
 }
+.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important;
+}
 
 .duet-input-label-container {
   display: flex;