@duetds/components 4.31.0 → 4.33.2

package/lib/html.html-data.json

@@ -673,7 +673,7 @@
         },
         {
           "name": "accessible-described-by",
-          "description": "Indicates the id of a component that describes the choice."
+          "description": "Indicates the id of a component that describes the choice.\nif this is set to an empty string it will prevent screenreaders from flowing to a collapsible content\nand can be used as an escape hatch if that behaviour is undesired."
         },
         {
           "name": "accessible-label-info-button",
@@ -715,6 +715,14 @@
           "name": "identifier",
           "description": "Adds a unique identifier for the choice button."
         },
+        {
+          "name": "info-label",
+          "description": "Hint text to display before the user types into the date picker input."
+        },
+        {
+          "name": "accessible-label-info-default",
+          "description": "Placeholder defaults"
+        },
         {
           "name": "label",
           "description": "Label for the choice button."
@@ -1058,7 +1066,7 @@
         },
         {
           "name": "caption",
-          "description": "Caption (underneath label) that can be set as a way of adding extra information"
+          "description": "Caption (underneath label) that can be set as a way of adding extra information."
         },
         {
           "name": "direction",
@@ -1102,7 +1110,7 @@
         },
         {
           "name": "language",
-          "description": "The currently active language. This setting changes the month/year/day\nnames and button labels as well as all screen reader labels.",
+          "description": "The currently active language. This setting changes the month/year/day.\nnames and button labels as well as all screen reader labels.",
           "values": [
             {
               "name": "en"
@@ -1129,7 +1137,7 @@
         },
         {
           "name": "max",
-          "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD\nThis setting can be used alone or together with the min property."
+          "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property."
         },
         {
           "name": "min",
@@ -1145,7 +1153,7 @@
         },
         {
           "name": "placeholder-default",
-          "description": "Placeholder defaults"
+          "description": "Placeholder defaults."
         },
         {
           "name": "required",
@@ -1240,6 +1248,107 @@
         }
       ]
     },
+    {
+      "name": "duet-editable-table",
+      "description": {
+        "kind": "markdown",
+        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_table_with_custom_groups_and_mappings.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_table_with_hidden_groups.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+      },
+      "attributes": [
+        {
+          "name": "accessible-role",
+          "description": "Exposes the aria role for optimizing accessibility."
+        },
+        {
+          "name": "actions",
+          "description": "Array of actions that are mapped via the map variable to the various groups defined in group."
+        },
+        {
+          "name": "groups",
+          "description": "Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions)."
+        },
+        {
+          "name": "hide-table-labels",
+          "description": "Shows or hides the table labels."
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the table.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+        }
+      ]
+    },
+    {
+      "name": "duet-editable-table-button",
+      "description": {
+        "kind": "markdown",
+        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_table_with_custom_groups_and_mappings.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_table_with_hidden_groups.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+      },
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Theme of the empty state component.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table-button.tsx"
+        }
+      ]
+    },
+    {
+      "name": "duet-editable-table-item",
+      "description": {
+        "kind": "markdown",
+        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_table_with_custom_groups_and_mappings.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_table_with_hidden_groups.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+      },
+      "attributes": [
+        {
+          "name": "key-name",
+          "description": "Key used to identify item, when running actions"
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the empty state component.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table-item.tsx"
+        }
+      ]
+    },
     {
       "name": "duet-empty-state",
       "description": {
@@ -1428,12 +1537,12 @@
       "name": "duet-grid",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Grid\nname: duet-grid\nstatus: ready\nreleased: 2.7.0\nplatforms: Web only\naccessibility: N/A\nssr: Supported\ncategory: Structure\nintro: Grid component provides structure for other components using Flexbox\n  based layout system. Grid allows nesting and defining the direction of the\n  content.\ndescription: While the <a href=\"/components/grid-item/\">Grid Item</a> component\n  makes it possible set additional parameters for Grid’s cells, this component\n  can be used without <code>&lt;duet-grid-item/&gt;</code> as well. In that case\n  the direct child elements of Grid will be considered as Grid cells.\nexample_height: 300px\nexamples:\n  - name: grid\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Default grid behaviour\n    file: fixtures/duet-grid_default_grid_behaviour.html\n  - name: Grid using center distribution\n    file: fixtures/duet-grid_grid_using_center_distribution.html\n  - name: Grid using right distribution\n    file: fixtures/duet-grid_grid_using_right_distribution.html\n  - name: Grid using space-between distribution\n    file: fixtures/duet-grid_grid_using_space-between_distribution.html\n  - name: Grid using space-around distribution\n    file: fixtures/duet-grid_grid_using_space-around_distribution.html\n  - name: Grid using space-evenly distribution\n    file: fixtures/duet-grid_grid_using_space-evenly_distribution.html\n  - name: Grid using top alignment\n    file: fixtures/duet-grid_grid_using_top_alignment.html\n  - name: Grid using center alignment\n    file: fixtures/duet-grid_grid_using_center_alignment.html\n  - name: Grid using bottom alignment\n    file: fixtures/duet-grid_grid_using_bottom_alignment.html\n  - name: Grid using stretch alignment\n    file: fixtures/duet-grid_grid_using_stretch_alignment.html\n  - name: Grid using baseline alignment\n    file: fixtures/duet-grid_grid_using_baseline_alignment.html\n  - name: Grid where one item takes the remaining space\n    file: fixtures/duet-grid_grid_where_one_item_takes_the_remaining_space.html\n  - name: Grid where one item has fixed side\n    file: fixtures/duet-grid_grid_where_one_item_has_fixed_side.html\n  - name: Grid with same sized responsive items\n    file: fixtures/duet-grid_grid_with_same_sized_responsive_items.html\n  - name: Vertical grid\n    file: fixtures/duet-grid_vertical_grid.html\n  - name: Nested grids\n    file: fixtures/duet-grid_nested_grids.html\n  - name: Splitting form into columns with grid\n    file: fixtures/duet-grid_splitting_form_into_columns_with_grid.html\n  - name: Grids using different breakpoints\n    file: fixtures/duet-grid_grids_using_different_breakpoints.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Grid\nname: duet-grid\nstatus: ready\nreleased: 2.7.0\nplatforms: Web only\naccessibility: N/A\nssr: Supported\ncategory: Structure\nintro: Grid component provides structure for other components using Flexbox\n  based layout system. Grid allows nesting and defining the direction of the\n  content.\ndescription: While the <a href=\"/components/grid-item/\">Grid Item</a> component\n  makes it possible set additional parameters for Grid’s cells, this component\n  can be used without <code>&lt;duet-grid-item/&gt;</code> as well. In that case\n  the direct child elements of Grid will be considered as Grid cells.\nexample_height: 300px\nexamples:\n  - name: grid\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Default grid behaviour\n    file: fixtures/duet-grid_default_grid_behaviour.html\n  - name: Grid using center distribution\n    file: fixtures/duet-grid_grid_using_center_distribution.html\n  - name: Grid using right distribution\n    file: fixtures/duet-grid_grid_using_right_distribution.html\n  - name: Grid using space-between distribution\n    file: fixtures/duet-grid_grid_using_space-between_distribution.html\n  - name: Grid using space-around distribution\n    file: fixtures/duet-grid_grid_using_space-around_distribution.html\n  - name: Grid using space-evenly distribution\n    file: fixtures/duet-grid_grid_using_space-evenly_distribution.html\n  - name: Grid using top alignment\n    file: fixtures/duet-grid_grid_using_top_alignment.html\n  - name: Grid using center alignment\n    file: fixtures/duet-grid_grid_using_center_alignment.html\n  - name: Grid using bottom alignment\n    file: fixtures/duet-grid_grid_using_bottom_alignment.html\n  - name: Grid using stretch alignment\n    file: fixtures/duet-grid_grid_using_stretch_alignment.html\n  - name: Grid using baseline alignment\n    file: fixtures/duet-grid_grid_using_baseline_alignment.html  \n  - name: Grids using form_distribute alignment\n    file: fixtures/duet-grid_distribute_form_elements.html\n  - name: Grid where one item takes the remaining space\n    file: fixtures/duet-grid_grid_where_one_item_takes_the_remaining_space.html\n  - name: Grid where one item has fixed side\n    file: fixtures/duet-grid_grid_where_one_item_has_fixed_side.html\n  - name: Grid with same sized responsive items\n    file: fixtures/duet-grid_grid_with_same_sized_responsive_items.html\n  - name: Vertical grid\n    file: fixtures/duet-grid_vertical_grid.html\n  - name: Nested grids\n    file: fixtures/duet-grid_nested_grids.html\n  - name: Splitting form into columns with grid\n    file: fixtures/duet-grid_splitting_form_into_columns_with_grid.html\n  - name: Grids using different breakpoints\n    file: fixtures/duet-grid_grids_using_different_breakpoints.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
         {
           "name": "alignment",
-          "description": "Adjusts the vertical alignment of the grid items.",
+          "description": "Adjusts the vertical alignment of the grid items, if set to \"form_distribute\"\nthe grid will try to calculate correct paddings for any duet-input fields inside duet-grid-items,\nso that they align even when displaying errors.",
           "values": [
             {
               "name": "baseline"
@@ -1444,6 +1553,9 @@
             {
               "name": "center"
             },
+            {
+              "name": "form_distribute"
+            },
             {
               "name": "stretch"
             },
@@ -1702,7 +1814,12 @@
       "attributes": [
         {
           "name": "border",
-          "description": "Enable or disable the border underneath the heading."
+          "description": "Enable or disable the border underneath the heading, solid will darken the border",
+          "values": [
+            {
+              "name": "solid"
+            }
+          ]
         },
         {
           "name": "color",
@@ -3092,7 +3209,7 @@
       "name": "duet-paragraph",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Paragraph\nname: duet-paragraph\nstatus: ready\nreleased: 1.3.0\ninternationalization: Supported\nssr: Supported\naccessibility: Keyboard, Screen Reader\ncategory: Text\nintro: Paragraphs are blocks of text separated from adjacent blocks by blank lines.\nplatforms: Web only\ntags:\n  - docs-components\nexamples:\n  - name: paragraph\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Default paragraph\n    file: fixtures/duet-paragraph_default_paragraph.html\n  - name: Intro paragraph\n    file: fixtures/duet-paragraph_intro_paragraph.html\n  - name: Small paragraph\n    file: fixtures/duet-paragraph_small_paragraph.html\n  - name: Paragraph using color token\n    file: fixtures/duet-paragraph_paragraph_using_color_token.html\n\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Paragraph\nname: duet-paragraph\nstatus: ready\nreleased: 1.3.0\ninternationalization: Supported\nssr: Supported\naccessibility: Keyboard, Screen Reader\ncategory: Text\nintro: Paragraphs are blocks of text separated from adjacent blocks by blank lines.\nplatforms: Web only\ntags:\n  - docs-components\nexamples:\n  - name: paragraph\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Default paragraph\n    file: fixtures/duet-paragraph_default_paragraph.html\n  - name: Intro paragraph\n    file: fixtures/duet-paragraph_intro_paragraph.html\n  - name: Small paragraph\n    file: fixtures/duet-paragraph_small_paragraph.html\n  - name: Paragraph using color token\n    file: fixtures/duet-paragraph_paragraph_using_color_token.html  \n  - name: Paragraph using weight attribute\n    file: fixtures/duet-paragraph_weights.html\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
         {
@@ -3125,7 +3242,7 @@
         },
         {
           "name": "theme",
-          "description": "Theme of the card.",
+          "description": "Theme of the paragraph.",
           "values": [
             {
               "name": "default"
@@ -3146,6 +3263,18 @@
               "name": "intro"
             }
           ]
+        },
+        {
+          "name": "weight",
+          "description": "Controls the Font-Weight of the paragraph.",
+          "values": [
+            {
+              "name": "bold"
+            },
+            {
+              "name": "semi-bold"
+            }
+          ]
         }
       ],
       "references": [
@@ -3155,6 +3284,61 @@
         }
       ]
     },
+    {
+      "name": "duet-progress",
+      "description": {
+        "kind": "markdown",
+        "value": "---\ntitle: Progress\nname: duet-progress\nstatus: prototype\nreleased: 4.30.0\nplatforms: Web only\ninternationalization: Supported\nssr: Supported\ncategory: Forms\naccessibility: Keyboard, Screen Reader\nintro: The progress component is used to indicate any process that is ongoing and time sensitive\ndescription: The progress component is a simple indicator that takes a value from 0 to 100, accessibility is improved via labels - expected screenreader behaviour is to stay silent when progress=0, to say \"x, in progress\" when progress is < 99 and \"x, completed\" when progress = 100\nexamples:\n  - name: progress\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.  \n  - name: Progressbar Demonstrator\n    file: fixtures/duet-progress_examples_of_progressbars_live.html\n  - name: Progressbar Variations\n    file: fixtures/duet-progress_examples_of_progressbars.html\n\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+      },
+      "attributes": [
+        {
+          "name": "accessible-described-by",
+          "description": "Indicates the id of a component that describes the upload component."
+        },
+        {
+          "name": "accessible-label",
+          "description": "Indicates the aria-label of the component -\nthis will get combined with an label+uploading when uploading,\nand label+upload complete when upload is complete"
+        },
+        {
+          "name": "accessible-label-upload",
+          "description": "Adds accessible label for upload in progress and upload complete states"
+        },
+        {
+          "name": "accessible-label-upload-defaults",
+          "description": "Defaults for accessibleLabel"
+        },
+        {
+          "name": "caption",
+          "description": "Caption (underneath label) that can be set as a way of adding extra information"
+        },
+        {
+          "name": "height",
+          "description": "Height of progressbar"
+        },
+        {
+          "name": "progress",
+          "description": "Progress of the bar, a value from 0-100"
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the input.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-progress/duet-progress.tsx"
+        }
+      ]
+    },
     {
       "name": "duet-radio",
       "description": {
@@ -4471,6 +4655,239 @@
         }
       ]
     },
+    {
+      "name": "duet-upload",
+      "description": {
+        "kind": "markdown",
+        "value": "---\ntitle: Upload\nname: duet-upload\nstatus: ready\nreleased: 4.30.0\nplatforms: Web only\ninternationalization: Supported\nssr: Supported\ncategory: Forms\naccessibility: Keyboard, Screen Reader\nintro: The upload component is used to allow users to upload one / several files to an upload server.\ndescription: This component can either be used in a nearly autonomous way by using its default \"internal\" operation mode, or it can keep state for you upload code via its \"external\" operation mode, the internal mode requires a server that can receive uploads via POST requests and DELETE requests on the same URL. Internal mode assumes that you want to upload files immediately when a user has selected one or more files and that your server is able to receive a Delete request to remove any files uploads again.\nexamples:\n  - name: upload\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Upload component using external upload\n    file: fixtures/duet-upload-external.html  \n  - name: Upload component using external upload and custom categories\n    file: fixtures/duet-upload-external_custom_categories.html\n  - name: Upload component using external upload hidden categories\n    file: fixtures/duet-upload-external_hidden_labels.html  \n  - name: Upload component using external upload prefilled\n    file: fixtures/duet-upload-external_prefilled_items.html  \n  - name: Upload component using external upload prefilled with mock links\n    file: fixtures/duet-upload-external_prefilled_items_with_links.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+      },
+      "attributes": [
+        {
+          "name": "accessible-active-descendant",
+          "description": "Indicates the id of a related component’s visually focused element."
+        },
+        {
+          "name": "accessible-button-label",
+          "description": "accessible aria-Label of button"
+        },
+        {
+          "name": "accessible-controls",
+          "description": "Use this prop to add an aria-controls attribute. Use the attribute to\nindicate the id of a component controlled by this component."
+        },
+        {
+          "name": "accessible-described-by",
+          "description": "Indicates the id of a component that describes the upload component."
+        },
+        {
+          "name": "accessible-owns",
+          "description": "Indicates the id of a component owned by the input."
+        },
+        {
+          "name": "actions",
+          "description": "Default actions added to the internally used duet-editable-table"
+        },
+        {
+          "name": "allowed-extensions",
+          "description": "A string of commaseperated file type values that are allowed"
+        },
+        {
+          "name": "allowed-mimetypes",
+          "description": "A string of commaseperated mime type values that are allowed"
+        },
+        {
+          "name": "button-label",
+          "description": "Label of button"
+        },
+        {
+          "name": "button-label-default",
+          "description": "Property to change button label defaults on the component."
+        },
+        {
+          "name": "caption",
+          "description": "Caption (underneath label) that can be set as a way of adding extra information"
+        },
+        {
+          "name": "description",
+          "description": "Description for the upload component."
+        },
+        {
+          "name": "description-default",
+          "description": "Property to change descriptionDefaults defaults on the component."
+        },
+        {
+          "name": "disabled",
+          "description": "Makes the input component disabled. This prevents users from being able to\ninteract with the upload component, and conveys its inactive state to assistive technologies."
+        },
+        {
+          "name": "error",
+          "description": "Display the input in error state along with an error message."
+        },
+        {
+          "name": "external",
+          "description": "If external is set to true, the upload component will not actually upload the files, but only keep states\nit will be up to you to handle the upload and return progress information to the upload-component"
+        },
+        {
+          "name": "file-list-empty",
+          "description": "Label for the filelist's empty state."
+        },
+        {
+          "name": "list-empty-default",
+          "description": "Defaults for the filelist's empty state."
+        },
+        {
+          "name": "groups",
+          "description": "Array of group names that you want the editable table to use to display files"
+        },
+        {
+          "name": "hide-upload-button",
+          "description": "If set the upload component will not display an upload button, you will have to create one yourself\nand call the exposed method startUpload"
+        },
+        {
+          "name": "hide-table-labels",
+          "description": "Visually hides the groups labels in the editable table list used to display the list of files"
+        },
+        {
+          "name": "identifier",
+          "description": "Adds a unique identifier for the upload component."
+        },
+        {
+          "name": "label",
+          "description": "Label for the input."
+        },
+        {
+          "name": "label-default",
+          "description": "Property to change labelDefaults defaults on the component.\nnormally you would handle these strings on an application level and override @label when needed"
+        },
+        {
+          "name": "limit-selection",
+          "description": "Use limitSelection to enforce the value in allowedExtension & allowedMimetypes when selecting files,\nby default this is off, setting this to true will limit the users choices to what has been explicitly set"
+        },
+        {
+          "name": "margin",
+          "description": "Controls the margin of the component.",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "max-bytes",
+          "description": "Use maxBytes to specify the maximum size in Bytes of a file that can be uploaded."
+        },
+        {
+          "name": "max-bytes-total",
+          "description": "Use maxBytesTotal to specify the maximum size in Bytes of All files combined that can be uploaded."
+        },
+        {
+          "name": "max-files",
+          "description": "Use maxFiles to specify the maximum amount of files that can be uploaded"
+        },
+        {
+          "name": "multiple",
+          "description": "Use multiple to allow the user to select multiple files when uploading"
+        },
+        {
+          "name": "name",
+          "description": "Name of the upload component."
+        },
+        {
+          "name": "required",
+          "description": "Set whether the input is required or not. Please note that this is necessary for\naccessible inputs when the user is required to fill them. When using this property\nyou need to also set “novalidate” attribute to your form element to prevent\nbrowser from displaying its own validation errors."
+        },
+        {
+          "name": "show-links",
+          "description": "If enabled the editable-table will display links on successfully uploaded items,\nthis requires the server can respond with link URIs in the correct format\nand that the files are accessible to the user"
+        },
+        {
+          "name": "status-label-default",
+          "description": "Property to change the aria upload progress text read aloud by screenreaders"
+        },
+        {
+          "name": "status-message-label",
+          "description": "Strings used for the status aria-label"
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the input.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        },
+        {
+          "name": "uri",
+          "description": "Endpoint URI that is capable of receiving the files"
+        },
+        {
+          "name": "valid",
+          "description": "Property to read if the internally used editable-table contains errors or not"
+        },
+        {
+          "name": "value",
+          "description": "Value of the input."
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-upload/duet-upload.tsx"
+        }
+      ]
+    },
+    {
+      "name": "duet-upload-aria-status",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "accessible-aria-live",
+          "description": "Adds accessible label that is read aloud",
+          "values": [
+            {
+              "name": "assertive"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "polite"
+            }
+          ]
+        },
+        {
+          "name": "inprogress",
+          "description": "valid file amount"
+        },
+        {
+          "name": "invalid",
+          "description": "invalid file amount"
+        },
+        {
+          "name": "total",
+          "description": "total files"
+        },
+        {
+          "name": "valid",
+          "description": "valid file amount"
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-upload-aria-status/duet-upload-aria-status.tsx"
+        }
+      ]
+    },
     {
       "name": "duet-visually-hidden",
       "description": {

package/lib/types/components/duet-choice/duet-choice.d.ts

@@ -13,6 +13,7 @@ export declare type DuetChoiceType = "radio" | "checkbox";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
  * @slot info - Info content. Anything inserted into this slot is displayed in a collapsible info box.
+ * @slot collapsible_header - header that is only added to collapsible element, this header should be used when the components collapsible area contains additional interactive elements (such as form items) and should be user for a short description of the content below it, it is mandatory for good accessibility to use this - and aria-decribe-by will point to it. If you use the collapsible area with simple text - describe-by will point to this area
  * @slot additional - Additional content. Anything inserted into this slot is displayed as additional content under the label and caption
  */
 export declare class DuetChoice implements ThemeableComponent, InputComponent {
@@ -20,13 +21,15 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    * Own Properties.
    */
   private hasInfo?;
+  private hasHeader;
   private isKeyDown?;
   private hasAdditional?;
   private nativeInput;
-  private nativeInfoButton?;
+  private infoButtonEl?;
   private choiceId;
-  private collapsibleId;
-  private infoId;
+  private expandId;
+  private headerId;
+  private infoButtonId;
   /**
    * Reference to host HTML element.
    */
@@ -72,6 +75,8 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
   accessibleOwns: string;
   /**
    * Indicates the id of a component that describes the choice.
+   * if this is set to an empty string it will prevent screenreaders from flowing to a collapsible content
+   * and can be used as an escape hatch if that behaviour is undesired.
    */
   accessibleDescribedBy: string;
   /**
@@ -153,6 +158,20 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    * browser from displaying its own validation errors.
    */
   required: boolean;
+  /**
+   * Placeholder defaults
+   * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+   */
+  infoLabelDefaults: DuetLangObject | string;
+  /**
+   * Hint text to display before the user types into the date picker input.
+   * @default  {
+   *     fi: "Lisätietoja",
+   *     en: "More information about",
+   *     sv: "Mera information om",
+   *   }
+   */
+  infoLabel: string;
   /**
    * Emitted when the checked property has changed.
    */
@@ -174,7 +193,7 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    */
   handleHostBlur(ev: any): void;
   handleHostKeyDown(): void;
-  handleHostKeyUp(): void;
+  handleHostKeyUp(ev: any): void;
   private onMouseEnter;
   private onMouseLeave;
   private onClick;

package/lib/types/components/duet-date-picker/duet-date-picker.d.ts

@@ -53,7 +53,7 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    */
   label: string;
   /**
-   * Caption (underneath label) that can be set as a way of adding extra information
+   * Caption (underneath label) that can be set as a way of adding extra information.
    */
   caption: string;
   /**
@@ -61,14 +61,14 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    */
   margin: DuetMargin;
   /**
-   * The currently active language. This setting changes the month/year/day
+   * The currently active language. This setting changes the month/year/day.
    * names and button labels as well as all screen reader labels.
-   * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
+   * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing.
    * @default "fi"
    */
   language: DuetLanguage;
   /**
-   * Placeholder defaults
+   * Placeholder defaults.
    * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
    */
   placeholderDefaults: DuetLangObject | string;
@@ -148,7 +148,7 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    */
   min: string;
   /**
-   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD
+   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
    * This setting can be used alone or together with the min property.
    */
   max: string;