@duetds/components 5.1.7 → 5.2.0

package/lib/types/components.d.ts

@@ -58,37 +58,45 @@ import { StatusMessage as StatusMessage1 } from "./components/duet-upload-aria-s
 export namespace Components {
     interface DuetActionButton {
         /**
-          * Name of id of action that was called being called
+          * Used to indicate which dom element with ID this element controls
          */
-        "actionId": string;
+        "accessibleControls": string;
         /**
-          * Name of id of action that was called being called
+          * Described By id
          */
-        "actionMeta": Record<any, any> | string;
+        "accessibleDescribedBy": string;
         /**
-          * Name of action being called
+          * Aria description the button
          */
-        "actionName": string;
+        "accessibleDescription": string;
         /**
-          * Used to indicate which dom element with ID this element controls
+          * Details of the component
          */
-        "ariaControls": string;
+        "accessibleDetails": string;
         /**
-          * Described By id
+          * String of id's that indicate alternative labels elements
          */
-        "ariaDescribedBy": string;
+        "accessibleLabelledBy": string;
         /**
-          * Aria description the button
+          * Default pagination labels
          */
-        "ariaDescription": string;
+        "accessibleLabels": Record<string, string>;
         /**
           * Default pagination labels
          */
-        "ariaLabels": Record<string, string>;
+        "accessibleLabelsDefaults": DuetLangObject;
         /**
-          * Default pagination labels
+          * Name of id of action that was called being called
          */
-        "ariaLabelsDefaults": DuetLangObject;
+        "actionId": string;
+        /**
+          * Name of id of action that was called being called
+         */
+        "actionMeta": Record<any, any> | string;
+        /**
+          * Name of action being called
+         */
+        "actionName": string;
         /**
           * Custom color to be used for a background, as a design token entered in camelCase or kebab-case. Using this option the icon will always be resized to $size-icon-medium on mobile viewports. Example: "color-primary".
          */
@@ -213,6 +221,14 @@ export namespace Components {
           * Indicates the id of a component that describes the button.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails": string;
         /**
           * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
          */
@@ -231,6 +247,10 @@ export namespace Components {
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults": DuetLangObject | string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the button.
          */
@@ -440,10 +460,22 @@ export namespace Components {
           * Indicates the id of a component that describes the checkbox.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
         /**
           * Control the tabindex of checkbox. In most cases this should never be used! It exists only for Duet’s internal needs.
          */
         "accessibleIndex": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the checkbox.
          */
@@ -510,6 +542,14 @@ export namespace Components {
           * 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;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
         /**
           * Accessible label that is read for screen reader users in the info toggle trigger button. Not visible for normal users.
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
@@ -519,6 +559,10 @@ export namespace Components {
           * Property to change accessibleLabelInfoButton defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelInfoButton when needed
          */
         "accessibleLabelInfoButtonDefaults": DuetLangObject | string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the choice.
          */
@@ -1369,9 +1413,17 @@ export namespace Components {
          */
         "accessibleControls": string;
         /**
-          * Indicates the id of a component that describes the input.
+          * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
         /**
           * Expanded state of the element, if needed
          */
@@ -1380,6 +1432,10 @@ export namespace Components {
           * Indicates value of any popup element associated with the input.
          */
         "accessibleHasPopup": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the input.
          */
@@ -1674,6 +1730,22 @@ export namespace Components {
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
          */
         "accessibleCloseLabelDefaults": DuetLangObject | string;
+        /**
+          * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
+         */
+        "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails": string;
+        /**
+          * Indicates the id or a string of space seperated ids of a component(s) that labels the input.
+         */
+        "accessibleLabelledBy": string;
         /**
           * Use this property when you need to have the modal dialog initially active.
          */
@@ -1841,6 +1913,18 @@ export namespace Components {
           * Indicates the id of a component that describes the input.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
@@ -1963,6 +2047,22 @@ export namespace Components {
         "value": string;
     }
     interface DuetPagination {
+        /**
+          * Described By id
+         */
+        "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Default pagination labels
          */
@@ -2035,6 +2135,14 @@ export namespace Components {
           * Indicates the id of a component that describes the upload component.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
         /**
           * Indicates the aria-label of the component - this will get combined with an label+uploading when uploading, and label+upload complete when upload is complete
          */
@@ -2048,6 +2156,10 @@ export namespace Components {
           * Defaults for accessibleLabel
          */
         "accessibleLabelUploadDefaults": DuetLangObject | string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Caption (underneath label) that can be set as a way of adding extra information
          */
@@ -2078,10 +2190,22 @@ export namespace Components {
           * Indicates the id of a component that describes the radio.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
         /**
           * Control the tabindex of checkbox. In most cases this should never be used! It exists only for Duet’s internal needs.
          */
         "accessibleIndex": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the radio.
          */
@@ -2625,6 +2749,18 @@ export namespace Components {
           * Indicates the id of a component that describes the input.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the textarea.
          */
@@ -2735,6 +2871,18 @@ export namespace Components {
           * Indicates the id of a component that describes the toggle.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription": string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
         /**
           * Indicates the id of a component owned by the toggle.
          */
@@ -3548,37 +3696,45 @@ declare global {
 declare namespace LocalJSX {
     interface DuetActionButton {
         /**
-          * Name of id of action that was called being called
+          * Used to indicate which dom element with ID this element controls
          */
-        "actionId"?: string;
+        "accessibleControls"?: string;
         /**
-          * Name of id of action that was called being called
+          * Described By id
          */
-        "actionMeta"?: Record<any, any> | string;
+        "accessibleDescribedBy"?: string;
         /**
-          * Name of action being called
+          * Aria description the button
          */
-        "actionName"?: string;
+        "accessibleDescription"?: string;
         /**
-          * Used to indicate which dom element with ID this element controls
+          * Details of the component
          */
-        "ariaControls"?: string;
+        "accessibleDetails"?: string;
         /**
-          * Described By id
+          * String of id's that indicate alternative labels elements
          */
-        "ariaDescribedBy"?: string;
+        "accessibleLabelledBy"?: string;
         /**
-          * Aria description the button
+          * Default pagination labels
          */
-        "ariaDescription"?: string;
+        "accessibleLabels"?: Record<string, string>;
         /**
           * Default pagination labels
          */
-        "ariaLabels"?: Record<string, string>;
+        "accessibleLabelsDefaults"?: DuetLangObject;
         /**
-          * Default pagination labels
+          * Name of id of action that was called being called
          */
-        "ariaLabelsDefaults"?: DuetLangObject;
+        "actionId"?: string;
+        /**
+          * Name of id of action that was called being called
+         */
+        "actionMeta"?: Record<any, any> | string;
+        /**
+          * Name of action being called
+         */
+        "actionName"?: string;
         /**
           * Custom color to be used for a background, as a design token entered in camelCase or kebab-case. Using this option the icon will always be resized to $size-icon-medium on mobile viewports. Example: "color-primary".
          */
@@ -3711,6 +3867,14 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the button.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails"?: string;
         /**
           * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
          */
@@ -3729,6 +3893,10 @@ declare namespace LocalJSX {
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults"?: DuetLangObject | string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the button.
          */
@@ -3942,10 +4110,22 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the checkbox.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
         /**
           * Control the tabindex of checkbox. In most cases this should never be used! It exists only for Duet’s internal needs.
          */
         "accessibleIndex"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the checkbox.
          */
@@ -4020,6 +4200,14 @@ declare namespace LocalJSX {
           * 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;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
         /**
           * Accessible label that is read for screen reader users in the info toggle trigger button. Not visible for normal users.
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
@@ -4029,6 +4217,10 @@ declare namespace LocalJSX {
           * Property to change accessibleLabelInfoButton defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelInfoButton when needed
          */
         "accessibleLabelInfoButtonDefaults"?: DuetLangObject | string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the choice.
          */
@@ -4961,9 +5153,17 @@ declare namespace LocalJSX {
          */
         "accessibleControls"?: string;
         /**
-          * Indicates the id of a component that describes the input.
+          * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
         /**
           * Expanded state of the element, if needed
          */
@@ -4972,6 +5172,10 @@ declare namespace LocalJSX {
           * Indicates value of any popup element associated with the input.
          */
         "accessibleHasPopup"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the input.
          */
@@ -5266,6 +5470,22 @@ declare namespace LocalJSX {
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
          */
         "accessibleCloseLabelDefaults"?: DuetLangObject | string;
+        /**
+          * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
+         */
+        "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails"?: string;
+        /**
+          * Indicates the id or a string of space seperated ids of a component(s) that labels the input.
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Use this property when you need to have the modal dialog initially active.
          */
@@ -5418,6 +5638,18 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the input.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
@@ -5552,6 +5784,22 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface DuetPagination {
+        /**
+          * Described By id
+         */
+        "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Details of the component
+         */
+        "accessibleDetails"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Default pagination labels
          */
@@ -5628,6 +5876,14 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the upload component.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
         /**
           * Indicates the aria-label of the component - this will get combined with an label+uploading when uploading, and label+upload complete when upload is complete
          */
@@ -5641,6 +5897,10 @@ declare namespace LocalJSX {
           * Defaults for accessibleLabel
          */
         "accessibleLabelUploadDefaults"?: DuetLangObject | string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Caption (underneath label) that can be set as a way of adding extra information
          */
@@ -5671,10 +5931,22 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the radio.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
         /**
           * Control the tabindex of checkbox. In most cases this should never be used! It exists only for Duet’s internal needs.
          */
         "accessibleIndex"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the radio.
          */
@@ -6238,6 +6510,18 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the input.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the textarea.
          */
@@ -6360,6 +6644,18 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the toggle.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Aria description the button
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Aria Details of the component
+         */
+        "accessibleDetails"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
         /**
           * Indicates the id of a component owned by the toggle.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "5.1.7",
+  "version": "5.2.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -34,7 +34,7 @@
     "test:stencil:fixtures:watch": "cross-env-shell VIZDIF=true stencil test --maxWorkers=25% --e2e --watch -t vizdif",
     "test:stencil:fixtures:ci": "cross-env-shell VIZDIF=true stencil test --ci --e2e -t vizdif",
     "version": "npm run build",
-    "build": "run-s stencil:build copy:vscode",
+    "build": "run-s stencil:build",
     "stencil:build": "stencil build",
     "stencil:build:dev": "stencil build --dev",
     "stencil:stats": "stencil build --log --stats",
@@ -44,18 +44,17 @@
     "start:dev": "npm run stencil:dev",
     "koa": "lerna exec 'npm run start:dev:watch' --scope '@duetds/server'",
     "koa:ci": "lerna exec 'npm run koa:serve:ci' --scope '@duetds/server'",
-    "duet:build:testsite": "stencil build --serve",
-    "copy:vscode": "copyfiles --flat \"./lib/html.html-data.json\" \"../vscode\""
+    "duet:build:testsite": "stencil build --serve"
   },
   "dependencies": {
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.29",
-    "@duetds/icons": "2.3.6",
+    "@duetds/fonts": "1.4.32",
+    "@duetds/icons": "2.3.9",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.5.12",
+    "@duetds/tokens": "2.5.15",
     "@koa/cors": "3.3.0",
     "@rollup/plugin-replace": "3.1.0",
     "@stencil/core": "2.15.0",
@@ -88,5 +87,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "1583506bf1a2cee0eb8a3b91bf00d286658d01ee"
+  "gitHead": "e4c466afcff4b63acfc1caf3032ecc852cb51e57"
 }