@duetds/components 9.2.2 → 9.2.3

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
             }
@@ -535,7 +579,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -556,7 +600,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -577,7 +621,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }

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
             },
@@ -343,7 +345,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -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\""
@@ -367,7 +371,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -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\""
@@ -618,7 +646,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -639,7 +667,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -660,7 +688,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -681,7 +709,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }

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;