@duetds/components 4.30.1 → 4.31.0

package/lib/types/components.d.ts

@@ -45,7 +45,6 @@ import { DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant } from "
 import { DuetTextareaEvent } from "./components/duet-textarea/duet-textarea";
 import { DuetToggleChangeEvent } from "./components/duet-toggle/duet-toggle";
 import { DuetTooltipBreakpoint } from "./components/duet-tooltip/duet-tooltip";
-import { DuetUploadEvent, StringMap } from "./components/duet-upload/duet-upload";
 export namespace Components {
     interface DuetAlert {
         /**
@@ -55,8 +54,9 @@ export namespace Components {
         "accessibleLabel": string;
         /**
           * Property to change languageDefaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
+          * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
          */
-        "accessibleLabelDefaults": DuetLangObject;
+        "accessibleLabelDefaults": DuetLangObject | string;
         /**
           * Enable or disabled announcements by assistive technologies.
          */
@@ -134,7 +134,7 @@ export namespace Components {
           * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults": DuetLangObject;
+        "accessibleLabelExternalDefaults": DuetLangObject | string;
         /**
           * Indicates the id of a component owned by the button.
          */
@@ -413,7 +413,7 @@ 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;
+        "accessibleLabelInfoButtonDefaults": DuetLangObject | string;
         /**
           * Indicates the id of a component owned by the choice.
          */
@@ -668,6 +668,11 @@ export namespace Components {
           * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
          */
         "placeholder": string;
+        /**
+          * Placeholder defaults
+          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+         */
+        "placeholderDefaults": DuetLangObject | string;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -765,7 +770,7 @@ export namespace Components {
           * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults": DuetLangObject;
+        "accessibleLabelExternalDefaults": DuetLangObject | string;
         /**
           * An array of items for the main footer links. Items have to include mandatory "label", "href" and "icon" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the anchor tag.
          */
@@ -854,9 +859,11 @@ export namespace Components {
          */
         "accessibleI18nLabels": I18nText;
         /**
-          * Property to change accessibleI18nLabels defaults on the component. normally you would handle these strings on an application level and override @accessibleI18nLabels when needed
+          * Default strings for accessibleI18nLabels
+          * @default { fi: { skipLabel: "Siirry pääsisältöön", changeLanguage: "Vaihda kieltä", activeLanguage: "Suomi valittuna", }, sv: { skipLabel: "Hoppa till huvudinnehåll", changeLanguage: "Ändra Språk", activeLanguage: "Svenska valt", }, en: { skipLabel: "Skip to main content", changeLanguage: "Change language", activeLanguage: "English selected", }, }
          */
-        "accessibleI18nLabelsDefault": Record<DuetLanguage, I18nText>;
+        "accessibleI18nLabelsDefaults": | string
+    | Record<DuetLanguage, I18nText>;
         /**
           * Accessible label that is shown for screen reader users in the mobile navigation toggle. Not visible for normal users.
           * @default { fi: "Valikko", sv: "Meny", en: "Menu", }
@@ -865,7 +872,7 @@ export namespace Components {
         /**
           * Property to change accessibleLabel defaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
          */
-        "accessibleLabelDefault": DuetLangObject;
+        "accessibleLabelDefaults": DuetLangObject | string;
         /**
           * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
@@ -875,7 +882,7 @@ export namespace Components {
           * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults": DuetLangObject;
+        "accessibleLabelExternalDefaults": DuetLangObject | string;
         /**
           * An object that includes mandatory "label" and "href" fields for the back link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, back link won’t be shown. **NOTE: The back link should be ONLY used in combination with language and logoHref props.**
          */
@@ -980,9 +987,10 @@ export namespace Components {
          */
         "accessibleLabelExternal": string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Defaults for accessibleLabelExternal
+          * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults": DuetLangObject;
+        "accessibleLabelExternalDefaults": DuetLangObject | string;
         /**
           * An array of items for the main actions. Items have to include mandatory "label", "href" and "icon" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the anchor tag.
          */
@@ -1305,10 +1313,10 @@ export namespace Components {
          */
         "accessibleLabelExternal": string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Defaults for accessibleLabelExternal
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults": DuetLangObject;
+        "accessibleLabelExternalDefaults": DuetLangObject | string;
         /**
           * Forces URL to open in a new browser tab. Used together with URL prop.
          */
@@ -1407,9 +1415,10 @@ export namespace Components {
          */
         "accessibleCloseLabel": string;
         /**
-          * Property to change accessibleCloseLabel defaults on the component. normally you would handle these strings on an application level and override @accessibleCloseLabel when needed
+          * Defaults for accessibleCloseLabel
+          * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
          */
-        "accessibleCloseLabelDefault": DuetLangObject;
+        "accessibleCloseLabelDefaults": DuetLangObject | string;
         /**
           * Use this property when you need to have the modal dialog initially active.
          */
@@ -1506,9 +1515,11 @@ export namespace Components {
          */
         "accessibleLabelNotifications": string;
         /**
-          * Property to change accessibleLabelNotifications defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelNotifications when needed
+          * Defaults for accessibleLabelNotifications
+          * @default {en: "No notifications", fi: "Ei ilmoituksia", sv: "Inga notifikationer"}
          */
-        "accessibleLabelNotificationsDefaults": DuetLangObject;
+        "accessibleLabelNotificationsDefaults": | DuetLangObject
+    | string;
         /**
           * Show a badge that indicates something has changed.
          */
@@ -1558,6 +1569,11 @@ export namespace Components {
           * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
          */
         "accessibleAdd": string;
+        /**
+          * Defaults for accessibleAdd
+          * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+         */
+        "accessibleAddDefaults": DuetLangObject | string;
         /**
           * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.
          */
@@ -1571,6 +1587,11 @@ export namespace Components {
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive": string;
+        /**
+          * Defaults for accessibleLive
+          * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
+         */
+        "accessibleLiveDefaults": DuetLangObject | string;
         /**
           * Disables the aria-live messaging used internally in this component. This could be useful when you want to use custom aria-live messages instead.
          */
@@ -1584,6 +1605,11 @@ export namespace Components {
           * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
          */
         "accessibleSubtract": string;
+        /**
+          * Defaults for accessibleSubtract
+          * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+         */
+        "accessibleSubtractDefaults": DuetLangObject | string;
         /**
           * Makes the number input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies.
          */
@@ -1605,6 +1631,11 @@ export namespace Components {
           * @default {fi: "Etiketti", en: "Label", sv: "Märka"}
          */
         "label": string;
+        /**
+          * Defaults for Label
+          * @default {fi: "Etiketti", en: "Label", sv: "Märka"}
+         */
+        "labelDefaults": DuetLangObject | string;
         /**
           * Visually hide the label, but still show it to screen readers.
          */
@@ -2093,6 +2124,11 @@ export namespace Components {
           * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
          */
         "label": string;
+        /**
+          * Defaults for Label
+          * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
+         */
+        "labelDefaults": DuetLangObject | string;
         /**
           * Determines whether the label for the select element shown on mobile is visually hidden.
          */
@@ -2337,12 +2373,22 @@ export namespace Components {
           * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
          */
         "accessibleCloseLabel": string;
+        /**
+          * Default language strings for the accessibleCloseLabel
+          * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
+         */
+        "accessibleCloseLabelDefault": DuetLangObject | string;
         "accessibleInputLabel": string;
         /**
           * Adds accessible label for the info icon that is only shown for screen readers. This property is always required to create an accessible interface!
           * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
          */
         "accessibleLabel": string;
+        /**
+          * Default language strings for the accessibleLabel
+          * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
+         */
+        "accessibleLabelDefault": DuetLangObject | string;
         /**
           * Toggle whether the tooltip is initially visible or not. This property should not be used in production in most cases.
          */
@@ -2384,11 +2430,21 @@ export namespace Components {
           * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
          */
         "accessibleCloseLabel": string;
+        /**
+          * Defaults for accessibleCloseLabel
+          * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
+         */
+        "accessibleCloseLabelDefaults": DuetLangObject | string;
         /**
           * Accessible label that is shown for screen reader users in the expandable open toggle. Not visible for normal users.
           * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
          */
         "accessibleOpenLabel": string;
+        /**
+          * Defaults for accessibleOpenLabel
+          * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
+         */
+        "accessibleOpenLabelDefaults": DuetLangObject | string;
         /**
           * Toggle whether the info panel is visible or not. You can use this property e.g. when pricing information is revealed to the user.
          */
@@ -2412,163 +2468,6 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
-    interface DuetUpload {
-        /**
-          * Indicates the id of a related component’s visually focused element.
-         */
-        "accessibleActiveDescendant": string;
-        /**
-          * accessible Label of button
-         */
-        "accessibleButtonLabel": string;
-        /**
-          * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.
-         */
-        "accessibleControls": string;
-        /**
-          * Indicates the id of a component that describes the upload component.
-         */
-        "accessibleDescribedBy": string;
-        /**
-          * Indicates the id of a component owned by the input.
-         */
-        "accessibleOwns": string;
-        /**
-          * A string of commaseperated file type values that are allowed
-          * @example : .pdf,.doc,.docx
-         */
-        "allowedExtensions": string;
-        /**
-          * A string of commaseperated mime type values that are allowed
-          * @example : image/*,application/msword,
-         */
-        "allowedMimetypes": string;
-        /**
-          * Label of button
-          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment" }
-         */
-        "buttonLabel": string;
-        /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
-         */
-        "buttonLabelDefaults": DuetLangObject;
-        /**
-          * Caption (underneath label) that can be set as a way of adding extra information
-         */
-        "caption": string;
-        /**
-          * if set, allows capture of media from user camera / microphone The capture attribute value is a string that specifies which camera to use for capture of image or video data, if the accept attribute indicates that the input should be of one of those types. A value of user indicates that the user-facing camera and/or microphone should be used. A value of environment specifies that the outward-facing camera and/or microphone should be used. If this attribute is missing, the user agent is free to decide on its own what to do. If the requested facing mode isn't available, the user agent may fall back to its preferred default mode.
-         */
-        "capture": string | boolean;
-        /**
-          * Description for the upload component.
-          * @default ...
-         */
-        "description": string;
-        /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
-         */
-        "descriptionDefaults": DuetLangObject;
-        /**
-          * Makes the input component disabled. This prevents users from being able to interact with the upload component, and conveys its inactive state to assistive technologies.
-         */
-        "disabled": boolean;
-        /**
-          * Display the input in error state along with an error message.
-         */
-        "error": string;
-        /**
-          * If external is set to true, the upload component will not actually upload the files, but only keep states it will be up to you to handle the upload and return progress information to the upload-component
-         */
-        "external": boolean;
-        /**
-          * Label for the filelist's empty state.
-          * @default { fi: "Ei vielä lisättyjä tiedostoja.",sv: "Inga filer har lagts till ännu.",en: "No files added yet."}
-         */
-        "fileListEmpty": string;
-        /**
-          * Defaults for the filelist's empty state.
-          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
-         */
-        "fileListEmptyDefaults": DuetLangObject;
-        /**
-          * Map of string that contain list of uploaded files.
-         */
-        "files": StringMap;
-        /**
-          * Get list of files, divided in errors and valid sections
-         */
-        "getFiles": () => Promise<false | { valid: any[]; invalid: any[]; }>;
-        /**
-          * Adds a unique identifier for the upload component.
-         */
-        "identifier": string;
-        /**
-          * Label for the input.
-          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
-         */
-        "label": string;
-        /**
-          * Property to change labelDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
-         */
-        "labelDefaults": DuetLangObject;
-        /**
-          * Visually hide the label, but still show it to screen readers.
-         */
-        "labelHidden": boolean;
-        /**
-          * Use limitSelection to enforce the value in allowedExtension & allowedMimetypes when selecting files, by default this is off, setting this to true will limit the users choices to what has been explicitly set
-         */
-        "limitSelection": boolean;
-        /**
-          * Controls the margin of the component.
-         */
-        "margin": DuetMargin;
-        /**
-          * Use maxBytes to specify the maximum size in Bytes of a file that can be uploaded.
-         */
-        "maxBytes": number;
-        /**
-          * Use maxBytesTotal to specify the maximum size in Bytes of All files combined that can be uploaded.
-         */
-        "maxBytesTotal": number;
-        /**
-          * Use maxFiles to specify the maximum amount of files that can be uploaded
-         */
-        "maxFiles": number;
-        /**
-          * Use multiple to allow the user to select multiple files when uploading
-         */
-        "multiple": boolean;
-        /**
-          * Name of the upload component.
-         */
-        "name": string;
-        /**
-          * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-         */
-        "required": boolean;
-        /**
-          * Sets focus on the specified `duet-input`. Use this method instead of the global `input.focus()`.
-         */
-        "setFocus": (options?: FocusOptions) => Promise<void>;
-        /**
-          * Theme of the input.
-         */
-        "theme": DuetTheme;
-        /**
-          * Endpoint URI that is capable of receiving the files
-         */
-        "uri": string;
-        /**
-          * Property to read if filelist contains errors or not
-         */
-        "valid": boolean;
-        /**
-          * Value of the input.
-         */
-        "value": string;
-    }
     interface DuetVisuallyHidden {
     }
 }
@@ -2861,12 +2760,6 @@ declare global {
         prototype: HTMLDuetTrayElement;
         new (): HTMLDuetTrayElement;
     };
-    interface HTMLDuetUploadElement extends Components.DuetUpload, HTMLStencilElement {
-    }
-    var HTMLDuetUploadElement: {
-        prototype: HTMLDuetUploadElement;
-        new (): HTMLDuetUploadElement;
-    };
     interface HTMLDuetVisuallyHiddenElement extends Components.DuetVisuallyHidden, HTMLStencilElement {
     }
     var HTMLDuetVisuallyHiddenElement: {
@@ -2922,7 +2815,6 @@ declare global {
         "duet-toggle": HTMLDuetToggleElement;
         "duet-tooltip": HTMLDuetTooltipElement;
         "duet-tray": HTMLDuetTrayElement;
-        "duet-upload": HTMLDuetUploadElement;
         "duet-visually-hidden": HTMLDuetVisuallyHiddenElement;
     }
 }
@@ -2935,8 +2827,9 @@ declare namespace LocalJSX {
         "accessibleLabel"?: string;
         /**
           * Property to change languageDefaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
+          * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
          */
-        "accessibleLabelDefaults"?: DuetLangObject;
+        "accessibleLabelDefaults"?: DuetLangObject | string;
         /**
           * Enable or disabled announcements by assistive technologies.
          */
@@ -3018,7 +2911,7 @@ declare namespace LocalJSX {
           * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults"?: DuetLangObject;
+        "accessibleLabelExternalDefaults"?: DuetLangObject | string;
         /**
           * Indicates the id of a component owned by the button.
          */
@@ -3309,7 +3202,7 @@ 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;
+        "accessibleLabelInfoButtonDefaults"?: DuetLangObject | string;
         /**
           * Indicates the id of a component owned by the choice.
          */
@@ -3581,6 +3474,11 @@ declare namespace LocalJSX {
           * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
          */
         "placeholder"?: string;
+        /**
+          * Placeholder defaults
+          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+         */
+        "placeholderDefaults"?: DuetLangObject | string;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -3670,7 +3568,7 @@ declare namespace LocalJSX {
           * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults"?: DuetLangObject;
+        "accessibleLabelExternalDefaults"?: DuetLangObject | string;
         /**
           * An array of items for the main footer links. Items have to include mandatory "label", "href" and "icon" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the anchor tag.
          */
@@ -3777,9 +3675,11 @@ declare namespace LocalJSX {
          */
         "accessibleI18nLabels"?: I18nText;
         /**
-          * Property to change accessibleI18nLabels defaults on the component. normally you would handle these strings on an application level and override @accessibleI18nLabels when needed
+          * Default strings for accessibleI18nLabels
+          * @default { fi: { skipLabel: "Siirry pääsisältöön", changeLanguage: "Vaihda kieltä", activeLanguage: "Suomi valittuna", }, sv: { skipLabel: "Hoppa till huvudinnehåll", changeLanguage: "Ändra Språk", activeLanguage: "Svenska valt", }, en: { skipLabel: "Skip to main content", changeLanguage: "Change language", activeLanguage: "English selected", }, }
          */
-        "accessibleI18nLabelsDefault"?: Record<DuetLanguage, I18nText>;
+        "accessibleI18nLabelsDefaults"?: | string
+    | Record<DuetLanguage, I18nText>;
         /**
           * Accessible label that is shown for screen reader users in the mobile navigation toggle. Not visible for normal users.
           * @default { fi: "Valikko", sv: "Meny", en: "Menu", }
@@ -3788,7 +3688,7 @@ declare namespace LocalJSX {
         /**
           * Property to change accessibleLabel defaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
          */
-        "accessibleLabelDefault"?: DuetLangObject;
+        "accessibleLabelDefaults"?: DuetLangObject | string;
         /**
           * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
@@ -3798,7 +3698,7 @@ declare namespace LocalJSX {
           * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults"?: DuetLangObject;
+        "accessibleLabelExternalDefaults"?: DuetLangObject | string;
         /**
           * An object that includes mandatory "label" and "href" fields for the back link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, back link won’t be shown. **NOTE: The back link should be ONLY used in combination with language and logoHref props.**
          */
@@ -3935,9 +3835,10 @@ declare namespace LocalJSX {
          */
         "accessibleLabelExternal"?: string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Defaults for accessibleLabelExternal
+          * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults"?: DuetLangObject;
+        "accessibleLabelExternalDefaults"?: DuetLangObject | string;
         /**
           * An array of items for the main actions. Items have to include mandatory "label", "href" and "icon" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the anchor tag.
          */
@@ -4280,10 +4181,10 @@ declare namespace LocalJSX {
          */
         "accessibleLabelExternal"?: string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Defaults for accessibleLabelExternal
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
-        "accessibleLabelExternalDefaults"?: DuetLangObject;
+        "accessibleLabelExternalDefaults"?: DuetLangObject | string;
         /**
           * Forces URL to open in a new browser tab. Used together with URL prop.
          */
@@ -4374,9 +4275,10 @@ declare namespace LocalJSX {
          */
         "accessibleCloseLabel"?: string;
         /**
-          * Property to change accessibleCloseLabel defaults on the component. normally you would handle these strings on an application level and override @accessibleCloseLabel when needed
+          * Defaults for accessibleCloseLabel
+          * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
          */
-        "accessibleCloseLabelDefault"?: DuetLangObject;
+        "accessibleCloseLabelDefaults"?: DuetLangObject | string;
         /**
           * Use this property when you need to have the modal dialog initially active.
          */
@@ -4472,9 +4374,11 @@ declare namespace LocalJSX {
          */
         "accessibleLabelNotifications"?: string;
         /**
-          * Property to change accessibleLabelNotifications defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelNotifications when needed
+          * Defaults for accessibleLabelNotifications
+          * @default {en: "No notifications", fi: "Ei ilmoituksia", sv: "Inga notifikationer"}
          */
-        "accessibleLabelNotificationsDefaults"?: DuetLangObject;
+        "accessibleLabelNotificationsDefaults"?: | DuetLangObject
+    | string;
         /**
           * Show a badge that indicates something has changed.
          */
@@ -4510,6 +4414,11 @@ declare namespace LocalJSX {
           * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
          */
         "accessibleAdd"?: string;
+        /**
+          * Defaults for accessibleAdd
+          * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+         */
+        "accessibleAddDefaults"?: DuetLangObject | string;
         /**
           * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.
          */
@@ -4523,6 +4432,11 @@ declare namespace LocalJSX {
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive"?: string;
+        /**
+          * Defaults for accessibleLive
+          * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
+         */
+        "accessibleLiveDefaults"?: DuetLangObject | string;
         /**
           * Disables the aria-live messaging used internally in this component. This could be useful when you want to use custom aria-live messages instead.
          */
@@ -4536,6 +4450,11 @@ declare namespace LocalJSX {
           * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
          */
         "accessibleSubtract"?: string;
+        /**
+          * Defaults for accessibleSubtract
+          * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+         */
+        "accessibleSubtractDefaults"?: DuetLangObject | string;
         /**
           * Makes the number input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies.
          */
@@ -4557,6 +4476,11 @@ declare namespace LocalJSX {
           * @default {fi: "Etiketti", en: "Label", sv: "Märka"}
          */
         "label"?: string;
+        /**
+          * Defaults for Label
+          * @default {fi: "Etiketti", en: "Label", sv: "Märka"}
+         */
+        "labelDefaults"?: DuetLangObject | string;
         /**
           * Visually hide the label, but still show it to screen readers.
          */
@@ -5074,6 +4998,11 @@ declare namespace LocalJSX {
           * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
          */
         "label"?: string;
+        /**
+          * Defaults for Label
+          * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
+         */
+        "labelDefaults"?: DuetLangObject | string;
         /**
           * Determines whether the label for the select element shown on mobile is visually hidden.
          */
@@ -5329,11 +5258,21 @@ declare namespace LocalJSX {
           * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
          */
         "accessibleCloseLabel"?: string;
+        /**
+          * Default language strings for the accessibleCloseLabel
+          * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
+         */
+        "accessibleCloseLabelDefault"?: DuetLangObject | string;
         /**
           * Adds accessible label for the info icon that is only shown for screen readers. This property is always required to create an accessible interface!
           * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
          */
         "accessibleLabel"?: string;
+        /**
+          * Default language strings for the accessibleLabel
+          * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
+         */
+        "accessibleLabelDefault"?: DuetLangObject | string;
         /**
           * Toggle whether the tooltip is initially visible or not. This property should not be used in production in most cases.
          */
@@ -5375,11 +5314,21 @@ declare namespace LocalJSX {
           * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
          */
         "accessibleCloseLabel"?: string;
+        /**
+          * Defaults for accessibleCloseLabel
+          * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
+         */
+        "accessibleCloseLabelDefaults"?: DuetLangObject | string;
         /**
           * Accessible label that is shown for screen reader users in the expandable open toggle. Not visible for normal users.
           * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
          */
         "accessibleOpenLabel"?: string;
+        /**
+          * Defaults for accessibleOpenLabel
+          * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
+         */
+        "accessibleOpenLabelDefaults"?: DuetLangObject | string;
         /**
           * Toggle whether the info panel is visible or not. You can use this property e.g. when pricing information is revealed to the user.
          */
@@ -5403,191 +5352,6 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
-    interface DuetUpload {
-        /**
-          * Indicates the id of a related component’s visually focused element.
-         */
-        "accessibleActiveDescendant"?: string;
-        /**
-          * accessible Label of button
-         */
-        "accessibleButtonLabel"?: string;
-        /**
-          * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.
-         */
-        "accessibleControls"?: string;
-        /**
-          * Indicates the id of a component that describes the upload component.
-         */
-        "accessibleDescribedBy"?: string;
-        /**
-          * Indicates the id of a component owned by the input.
-         */
-        "accessibleOwns"?: string;
-        /**
-          * A string of commaseperated file type values that are allowed
-          * @example : .pdf,.doc,.docx
-         */
-        "allowedExtensions"?: string;
-        /**
-          * A string of commaseperated mime type values that are allowed
-          * @example : image/*,application/msword,
-         */
-        "allowedMimetypes"?: string;
-        /**
-          * Label of button
-          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment" }
-         */
-        "buttonLabel"?: string;
-        /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
-         */
-        "buttonLabelDefaults"?: DuetLangObject;
-        /**
-          * Caption (underneath label) that can be set as a way of adding extra information
-         */
-        "caption"?: string;
-        /**
-          * if set, allows capture of media from user camera / microphone The capture attribute value is a string that specifies which camera to use for capture of image or video data, if the accept attribute indicates that the input should be of one of those types. A value of user indicates that the user-facing camera and/or microphone should be used. A value of environment specifies that the outward-facing camera and/or microphone should be used. If this attribute is missing, the user agent is free to decide on its own what to do. If the requested facing mode isn't available, the user agent may fall back to its preferred default mode.
-         */
-        "capture"?: string | boolean;
-        /**
-          * Description for the upload component.
-          * @default ...
-         */
-        "description"?: string;
-        /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
-         */
-        "descriptionDefaults"?: DuetLangObject;
-        /**
-          * Makes the input component disabled. This prevents users from being able to interact with the upload component, and conveys its inactive state to assistive technologies.
-         */
-        "disabled"?: boolean;
-        /**
-          * Display the input in error state along with an error message.
-         */
-        "error"?: string;
-        /**
-          * If external is set to true, the upload component will not actually upload the files, but only keep states it will be up to you to handle the upload and return progress information to the upload-component
-         */
-        "external"?: boolean;
-        /**
-          * Label for the filelist's empty state.
-          * @default { fi: "Ei vielä lisättyjä tiedostoja.",sv: "Inga filer har lagts till ännu.",en: "No files added yet."}
-         */
-        "fileListEmpty"?: string;
-        /**
-          * Defaults for the filelist's empty state.
-          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
-         */
-        "fileListEmptyDefaults"?: DuetLangObject;
-        /**
-          * Map of string that contain list of uploaded files.
-         */
-        "files"?: StringMap;
-        /**
-          * Adds a unique identifier for the upload component.
-         */
-        "identifier"?: string;
-        /**
-          * Label for the input.
-          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
-         */
-        "label"?: string;
-        /**
-          * Property to change labelDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
-         */
-        "labelDefaults"?: DuetLangObject;
-        /**
-          * Visually hide the label, but still show it to screen readers.
-         */
-        "labelHidden"?: boolean;
-        /**
-          * Use limitSelection to enforce the value in allowedExtension & allowedMimetypes when selecting files, by default this is off, setting this to true will limit the users choices to what has been explicitly set
-         */
-        "limitSelection"?: boolean;
-        /**
-          * Controls the margin of the component.
-         */
-        "margin"?: DuetMargin;
-        /**
-          * Use maxBytes to specify the maximum size in Bytes of a file that can be uploaded.
-         */
-        "maxBytes"?: number;
-        /**
-          * Use maxBytesTotal to specify the maximum size in Bytes of All files combined that can be uploaded.
-         */
-        "maxBytesTotal"?: number;
-        /**
-          * Use maxFiles to specify the maximum amount of files that can be uploaded
-         */
-        "maxFiles"?: number;
-        /**
-          * Use multiple to allow the user to select multiple files when uploading
-         */
-        "multiple"?: boolean;
-        /**
-          * Name of the upload component.
-         */
-        "name"?: string;
-        /**
-          * Emitted when the input loses focus.
-         */
-        "onDuetBlur"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when a user clicks cancel on an upload in progress
-         */
-        "onDuetCancel"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when the value has changed.
-         */
-        "onDuetChange"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when a user clicks delete to delete an uploaded file, or a file entry with error
-         */
-        "onDuetDelete"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when the current upload batch finishes
-         */
-        "onDuetDone"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when the input has focus.
-         */
-        "onDuetFocus"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when the file progress is updated.
-         */
-        "onDuetProgress"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when the current validation state changes internally
-         */
-        "onDuetState"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Emitted when the user clicks the upload button
-         */
-        "onDuetUpload"?: (event: CustomEvent<DuetUploadEvent>) => void;
-        /**
-          * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-         */
-        "required"?: boolean;
-        /**
-          * Theme of the input.
-         */
-        "theme"?: DuetTheme;
-        /**
-          * Endpoint URI that is capable of receiving the files
-         */
-        "uri"?: string;
-        /**
-          * Property to read if filelist contains errors or not
-         */
-        "valid"?: boolean;
-        /**
-          * Value of the input.
-         */
-        "value"?: string;
-    }
     interface DuetVisuallyHidden {
     }
     interface IntrinsicElements {
@@ -5639,7 +5403,6 @@ declare namespace LocalJSX {
         "duet-toggle": DuetToggle;
         "duet-tooltip": DuetTooltip;
         "duet-tray": DuetTray;
-        "duet-upload": DuetUpload;
         "duet-visually-hidden": DuetVisuallyHidden;
     }
 }
@@ -5695,7 +5458,6 @@ declare module "@stencil/core" {
             "duet-toggle": LocalJSX.DuetToggle & JSXBase.HTMLAttributes<HTMLDuetToggleElement>;
             "duet-tooltip": LocalJSX.DuetTooltip & JSXBase.HTMLAttributes<HTMLDuetTooltipElement>;
             "duet-tray": LocalJSX.DuetTray & JSXBase.HTMLAttributes<HTMLDuetTrayElement>;
-            "duet-upload": LocalJSX.DuetUpload & JSXBase.HTMLAttributes<HTMLDuetUploadElement>;
             "duet-visually-hidden": LocalJSX.DuetVisuallyHidden & JSXBase.HTMLAttributes<HTMLDuetVisuallyHiddenElement>;
         }
     }