@duetds/components 9.2.2 → 9.2.4

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"

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

@@ -131,6 +131,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Indicates the id of a related component\u2019s visually focused element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-active-descendant",
                 "reflect": false
             },
@@ -154,6 +156,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -172,6 +176,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Use this prop to add an aria-controls attribute. Use the attribute to indicate\nthe id of a component controlled by this component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-controls",
                 "reflect": false
             },
@@ -189,6 +195,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Control the tabindex of checkbox. In most cases this should never be used! It\nexists only for Duet\u2019s internal needs."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-index",
                 "reflect": false
             },
@@ -206,6 +214,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Indicates the id of a component owned by the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-owns",
                 "reflect": false
             },
@@ -223,6 +233,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Indicates the id of a component that describes the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-described-by",
                 "reflect": false
             },
@@ -240,6 +252,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Aria Details of the component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-details",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -258,6 +272,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "String of id's that indicate alternative labels elements"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -276,6 +292,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Aria description the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -294,6 +312,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Aria selected"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-selected",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -312,6 +332,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "The aria-live attribute for the error message. When the input is validated on blur, use \"off\", as using \"polite\" or \"assertive\"\nmakes the screen reader read the error message twice. When the input is validated on submit, use \"polite\", as \"off\" would leave\nthe messages unread by screen readers. Use \"assertive\" only in those rare cases when \"polite\" would leave the error message\nunread by screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-live-error",
                 "reflect": false,
                 "defaultValue": "\"polite\""
@@ -330,6 +352,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Set whether the input is required or not. Please note that this is required for\naccessible inputs when the user is required to fill them. When using this property\nyou need to also set \u201Cnovalidate\u201D attribute to your form element to prevent\nbrowser from displaying its own validation errors."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -348,6 +372,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Display the checkbox in error state along with an error message (when a required choice has not been made).\nNote that this should only be used for single checkbox - for multiple checkboxes, wrap them in a fieldset and use\nthe error property on that."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "error",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -372,6 +398,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Theme of the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -390,6 +418,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Makes the checkbox component disabled. This prevents users from being able to\ninteract with the checkbox, and conveys its inactive state to assistive technologies."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -408,6 +438,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Adds a unique identifier for the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false
             },
@@ -425,6 +457,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Label for the checkbox"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "\"label\""
@@ -443,6 +477,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Visually hide the label, but still show it to screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-hidden",
                 "reflect": false,
                 "defaultValue": "false"
@@ -461,6 +497,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Name of the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -478,6 +516,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Defines a specific role attribute for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "role",
                 "reflect": false
             },
@@ -495,6 +535,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "Check state of the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": true,
                 "defaultValue": "false"
@@ -513,6 +555,8 @@ export class DuetCheckbox {
                     "tags": [],
                     "text": "The value of the checkbox does not mean if it's checked or not, use the checked\nproperty for that."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true
             }

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

@@ -331,6 +331,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Adds accessible label for the chip that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology. With input variation this is not used,\nas the accessible label is automatically generated."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -354,6 +356,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Variation of the chip.\nButton should be used to present a list of actions or suggestions. It behaves like a button and must be used\ntogether with a click handler. Filter acts like a checkbox, it can be toggled on or off, and it should be\nused with a value. Input represents items input by the user, and the chip can be removed with a click.\nRadio behaves like a radio button, it can be toggled on or off, and it should be used with a value and name."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"button\""
@@ -378,6 +382,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Size of the chip. Use \"large\" for a chip that has the same height as default duet-input and duet-button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -396,6 +402,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Id of the DuetPopupMenu that is controlled by the chip."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "popup",
                 "reflect": false
             },
@@ -419,6 +427,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Icon to display to the left of the chip content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -443,6 +453,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Theme of the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -461,6 +473,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Adds a unique identifier for the chip."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false
             },
@@ -478,6 +492,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "The value of the html input when used as filter, or the button's value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true
             },
@@ -495,6 +511,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Name attribute of the html input (filter) or button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -515,6 +533,8 @@ export class DuetChip {
                         }],
                     "text": "Selected state of the input chip. Deleting the input chip with backspace key should be done only for a selected\nchip. If a chip is not selected, backspace key should select it."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -533,6 +553,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Checked state of the filter chip."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": true,
                 "defaultValue": "false"
@@ -551,6 +573,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Makes the chip look inactive and announced as unavailable to assistive technologies. Prevents the default action.\nNot available for the input variation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -569,6 +593,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "If the component expands or collapses adjacent content, then use this property\nto add the aria-expanded attribute to the opening element. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-expanded",
                 "reflect": true
             },
@@ -586,6 +612,8 @@ export class DuetChip {
                     "tags": [],
                     "text": "Use this property to add an aria-haspopup attribute."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-popup",
                 "reflect": true,
                 "defaultValue": "\"false\""

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

@@ -57,6 +57,8 @@ export class DuetCheckmark {
                     "tags": [],
                     "text": "Theme"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -75,6 +77,8 @@ export class DuetCheckmark {
                     "tags": [],
                     "text": "Checked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": false,
                 "defaultValue": "false"
@@ -93,6 +97,8 @@ export class DuetCheckmark {
                     "tags": [],
                     "text": "Checked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "presentation-only",
                 "reflect": false,
                 "defaultValue": "false"
@@ -111,6 +117,8 @@ export class DuetCheckmark {
                     "tags": [],
                     "text": "Checked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "center",
                 "reflect": false,
                 "defaultValue": "false"
@@ -135,6 +143,8 @@ export class DuetCheckmark {
                     "tags": [],
                     "text": "Type"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": true,
                 "defaultValue": "\"checkbox\""

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

@@ -89,6 +89,7 @@
   text-align: left;
   background: rgb(255, 255, 255);
   border-width: 1px;
+  border-radius: 8px;
 }
 .duet-choice-card.duet-p-0 {
   padding: 0 !important;
@@ -439,6 +440,13 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
 }
 
+:host(.disabled) .duet-choice-card-collapsible {
+  border-color: rgb(127, 150, 165);
+}
+:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva {
+  border-color: rgb(143, 147, 158);
+}
+
 :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
   border-color: rgb(0, 119, 179);
   border-width: 2px;