@duetds/components 9.2.1 → 9.2.3

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

@@ -241,6 +241,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -258,6 +260,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Use this property to add an aria-controls attribute to the button. Use\nthe attribute to point to the unique id of the content that the button manages."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-controls",
                 "reflect": false
             },
@@ -275,6 +279,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-popup",
                 "reflect": false,
                 "defaultValue": "\"false\""
@@ -293,6 +299,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Indicates the id of a related component\u2019s visually focused element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-active-descendant",
                 "reflect": false
             },
@@ -310,6 +318,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Indicates the id of a component owned by the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-owns",
                 "reflect": false
             },
@@ -327,6 +337,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Indicates the id of a component that describes the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-described-by",
                 "reflect": false
             },
@@ -344,6 +356,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Details of the component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-details",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -362,6 +376,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "String of id's that indicate alternative labels elements"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -380,6 +396,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Aria description the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -398,6 +416,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "If a button expands or collapses adjacent content, then use the ariaExpanded\nprop to add the aria-expanded attribute to the button. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-expanded",
                 "reflect": false
             },
@@ -415,6 +435,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Tells screen reader the element is pressed."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-pressed",
                 "reflect": false
             },
@@ -432,6 +454,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Loading state of the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -462,6 +486,8 @@ export class DuetButton {
                         }],
                     "text": "Style variation of the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -480,6 +506,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Negative variation, can be combined with Variation to produce negative versions"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "negative",
                 "reflect": false,
                 "defaultValue": "false"
@@ -504,6 +532,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Theme of the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -528,6 +558,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -552,6 +584,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Controls the padding of the plain variation button - has no effect for other variations."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "padding",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -576,6 +610,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Centers the text of a button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "center-text",
                 "reflect": false,
                 "defaultValue": "false"
@@ -600,6 +636,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Controls the text wrapping."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "wrapping",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -618,6 +656,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Expands the button to fill 100% of the container width."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expand",
                 "reflect": false,
                 "defaultValue": "false"
@@ -636,6 +676,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Keep the button fixed width even on mobile viewports."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "fixed",
                 "reflect": false,
                 "defaultValue": "false"
@@ -654,6 +696,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Makes the button component disabled. This prevents users from being able to\ninteract with the button, and conveys its inactive state to assistive technologies."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -672,6 +716,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "The name of the button, which gets paired with the button's value when submitted as part of a form.\nCorresponds with the native HTML name attribute."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -689,6 +735,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "The value of the button, which gets paired with the button's name when submitted as part of a form.\nCorresponds with the native HTML value attribute."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -706,6 +754,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Adds a unique identifier for the button. Please note that with this particular\ncomponent this id is added inside Shadow DOM. If you need an id on the html\nelement, use regular id attribute instead."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false
             },
@@ -723,6 +773,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Allows the button to submit a form."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "submit",
                 "reflect": true,
                 "defaultValue": "false"
@@ -741,6 +793,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Forces URL to open in a new browser tab. Used together with URL prop."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "external",
                 "reflect": false,
                 "defaultValue": "false"
@@ -771,6 +825,8 @@ export class DuetButton {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "getLanguage()"
@@ -798,6 +854,8 @@ export class DuetButton {
                         }],
                     "text": "Property to change accessibleLabelExternal defaults on the component.\nnormally you would handle these strings on an application level and override accessibleLabelExternal when needed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsExternalDefaults"
@@ -819,6 +877,8 @@ export class DuetButton {
                         }],
                     "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)"
@@ -846,6 +906,8 @@ export class DuetButton {
                         }],
                     "text": "Property to change accessibleLabelLoading defaults on the component.\nnormally you would handle these strings on an application level and override accessibleLabelLoading when needed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-loading-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsLoadingDefaults"
@@ -867,6 +929,8 @@ export class DuetButton {
                         }],
                     "text": "Adds accessible label for button in \"loading\" state"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-loading",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelLoadingDefaults)"
@@ -891,6 +955,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Icon to display to the left of the button content.\nThis is ignored/overridden when button is used as an external link."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -915,6 +981,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Custom color to be used for text, as a design token entered in camelCase or\nkebab-case. Example: \"color-primary\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -933,6 +1001,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Show icon on the right side of the button content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-right",
                 "reflect": false,
                 "defaultValue": "false"
@@ -957,6 +1027,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Icon size."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-size",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -981,6 +1053,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Button\u2019s size."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -999,6 +1073,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "Whether this button should use styles meant for displaying just an icon."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-only",
                 "reflect": false,
                 "defaultValue": "false"
@@ -1017,6 +1093,8 @@ export class DuetButton {
                     "tags": [],
                     "text": "A destination to link to, rendered in the href attribute of a link."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "url",
                 "reflect": true
             }

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

@@ -31,11 +31,11 @@ export class DuetCallout {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '2d1eadb42a67c31dd1d5e3498f00254e08b9b2cd' }, h("div", { key: '6e5be94e6e61eaf272e52f9de9070f8de6a9484d', class: {
+        return (h(Host, { key: 'e5a47020ada7c007c90d23a7f9c796c2f6b2457e' }, h("div", { key: '136d467b3ef4aa8f442ee7047cc124990fa61bb8', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '1652580bcf78ac7c5ddb8b0a254de66725b98e9b', class: "container" }, h("duet-icon", { key: '541cfe32ac9e9155924e22e7bf00850b70b79602', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '59af18b18c95e816e8dc446a3bcbe45f9c13f4fe' }, h("slot", { key: 'f90f9674baa8d9e81c688920babcccc9e3e20468' })), this.hasAuthorSlot && (h("figcaption", { key: 'ee4f1307e15ebfa58d6b7d29a7bdea93b3b5868f', class: "author" }, h("span", { key: 'e6861f2ba21ba016d94cf482d93c614e5433e805' }, "\u2014 "), h("slot", { key: 'c9cede4ee6f69cbf35c591d4c23787ccc7c7c8d1', name: "author" })))))));
+            } }, h("figure", { key: '493242d5535a0c9792bea659848083a341788177', class: "container" }, h("duet-icon", { key: '8b8205d4eee5b38576a9c1d7d38b2fbb440bda73', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: 'fbde831b7ff9d98ff97bdab185dd20e69f2a199c' }, h("slot", { key: 'b08a535e736f7f7b4a9e9bf0c0f87cbd4feb0b9b' })), this.hasAuthorSlot && (h("figcaption", { key: '4e10df600d75e995d0be670382e9f02eb2b2216c', class: "author" }, h("span", { key: 'b8c898cee551b4b54df90d4cc13a2f8a43747722' }, "\u2014 "), h("slot", { key: 'c0b4ad3dc00ff79d592e0283d31230700d6d9715', name: "author" })))))));
     }
     static get is() { return "duet-callout"; }
     static get encapsulation() { return "shadow"; }
@@ -71,6 +71,8 @@ export class DuetCallout {
                     "tags": [],
                     "text": "Theme of the caption."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -95,6 +97,8 @@ export class DuetCallout {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""

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

@@ -63,6 +63,8 @@ export class DuetCaption {
                     "tags": [],
                     "text": "Theme of the caption."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -87,6 +89,8 @@ export class DuetCaption {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -105,6 +109,8 @@ export class DuetCaption {
                     "tags": [],
                     "text": "Selected state of the caption. Used inside Choice component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -129,6 +135,8 @@ export class DuetCaption {
                     "tags": [],
                     "text": "Controls the size of the caption."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"medium\""

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

@@ -142,6 +142,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Adds accessible label for the card that is only shown for screen readers.\nTypically, this label text is used when the whole card is made clickable to\ncreate a label text for users who use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -159,6 +161,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "The content for the card heading. If empty, both heading and collapse\nfunctionality will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -177,6 +181,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Additional content for the card heading. If empty, both heading and collapse\nfunctionality will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "secondary-heading",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -201,6 +207,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Style variation of the card."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -219,6 +227,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Makes the card expand and collapse when the collapse/expand arrow in the\nheading is clicked or tapped. This option only works together with the\nheading option, meaning that you also need to set the heading for this\nfunctionality to show up."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "collapsible",
                 "reflect": false,
                 "defaultValue": "false"
@@ -237,6 +247,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "If the card is collapsible, this property controls whether the card is open or closed."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "true"
@@ -261,6 +273,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "The actual heading level used for the heading in html markup. This setting\nexists for accessibility reasons. It doesn\u2019t change the style visually.\nThis setting is only used if the heading property is set.\nIf you provide your own heading(s) in the slot, you should set this to neutral \"div\"\nin order to avoid nested headings."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading-level",
                 "reflect": false,
                 "defaultValue": "\"h2\""
@@ -285,6 +299,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Custom color to be used for the card's heading background, as a design token entered in\ncamelCase or kebab-case. Example: \"primary\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading-background",
                 "reflect": false
             },
@@ -308,6 +324,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Icon to display on the left side of heading. Example: \"form-location\""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false
             },
@@ -325,6 +343,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Image to display in the card. The image aspect ratio can be anything as\nimages are resized to fit 100% width of the card. Example:\n\"https://cdn.duetds.com/api/assets/illustrations/placeholder-image.jpg\""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "image",
                 "reflect": false
             },
@@ -348,6 +368,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Custom color to be used for the card background, as a design token entered in\ncamelCase or kebab-case. Example: \"primary\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background",
                 "reflect": false,
                 "defaultValue": "\"gray-lightest\""
@@ -372,6 +394,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "The padding for the card. Please note that the card padding values don\u2019t directly\ntranslate to similar space token names, but instead the card uses it\u2019s own\nderived defaults."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "padding",
                 "reflect": false,
                 "defaultValue": "\"small\""
@@ -396,6 +420,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -420,6 +446,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Theme of the card."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -438,6 +466,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "A destination to link to, rendered in the href attribute of a link."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "url",
                 "reflect": false
             },
@@ -461,6 +491,8 @@ export class DuetCard {
                     "tags": [],
                     "text": "Breakpoint used to remove shadow around card. These match to\nsimilar media query tokens: $media-query-small and $media-query-medium."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "shadow-breakpoint",
                 "reflect": false,
                 "defaultValue": "undefined"