@duetds/components 4.30.0 → 4.33.0

package/lib/types/components.d.ts

@@ -17,6 +17,10 @@ import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollaps
 import { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-cookie-consent";
 import { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "./components/duet-date-picker/duet-date-picker";
 import { DuetDividerMargin } from "./components/duet-divider/duet-divider";
+import { DuetEditableTableGroupNames, DuetEditableTableItems } from "./components/duet-editable-table/duet-editable-table";
+import { DuetEditableTableActions } from "./components/duet-editable-table/duet-editable-table-item";
+import { DuetEditableTableActionButtonItems, DuetEditableTableItemEvent } from "./components/duet-editable-table/duet-editable-table-button";
+import { DuetEditableTableActions as DuetEditableTableActions1, DuetEditableTableItemData, DuetEditableTableItemEvent as DuetEditableTableItemEvent1 } from "./components/duet-editable-table/duet-editable-table-item";
 import { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
 import { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
 import { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
@@ -32,7 +36,7 @@ import { DuetLogoSize } from "./components/duet-logo/duet-logo";
 import { DuetModalCloseEvent, DuetModalSize } from "./components/duet-modal/duet-modal";
 import { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
 import { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
-import { DuetParagraphSize, DuetParagraphVariation } from "./components/duet-paragraph/duet-paragraph";
+import { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 import { DuetRadioEvent } from "./components/duet-radio/duet-radio";
 import { DuetRangeChangeEvent } from "./components/duet-range-slider/duet-range-slider";
 import { DuetSelectEvent, DuetSelectItems } from "./components/duet-select/duet-select";
@@ -45,7 +49,10 @@ 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 { StatusMessage } from "./components/duet-upload/duet-upload-aria-status";
+import { DuetEditableTableGroupNames as DuetEditableTableGroupNames1 } from "./components/duet-editable-table/duet-editable-table";
 import { DuetUploadEvent, StringMap } from "./components/duet-upload/duet-upload";
+import { StatusMessage as StatusMessage1 } from "./components/duet-upload/duet-upload-aria-status";
 export namespace Components {
     interface DuetAlert {
         /**
@@ -55,8 +62,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 +142,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.
          */
@@ -402,7 +410,7 @@ export namespace Components {
          */
         "accessibleControls": string;
         /**
-          * Indicates the id of a component that describes the choice.
+          * 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;
         /**
@@ -413,7 +421,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.
          */
@@ -449,6 +457,16 @@ export namespace Components {
           * Adds a unique identifier for the choice button.
          */
         "identifier": 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;
+        /**
+          * Placeholder defaults
+          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+         */
+        "infoLabelDefaults": DuetLangObject | string;
         /**
           * Label for the choice button.
          */
@@ -602,7 +620,7 @@ export namespace Components {
          */
         "accessibleOwns": 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;
         /**
@@ -642,8 +660,8 @@ export namespace Components {
          */
         "labelHidden": boolean;
         /**
-          * 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
+          * 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.
           * @default "fi"
          */
         "language": DuetLanguage;
@@ -652,7 +670,7 @@ export namespace Components {
          */
         "margin": DuetMargin;
         /**
-          * 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.
+          * 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;
         /**
@@ -668,6 +686,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.
          */
@@ -715,6 +738,92 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetEditableTable {
+        /**
+          * Exposes the aria role for optimizing accessibility.
+         */
+        "accessibleRole": string;
+        /**
+          * Array of internationalized defaults for the default action labels.
+         */
+        "actionLabelDefaults": DuetLangObject;
+        /**
+          * Array of actions that are mapped via the map variable to the various groups defined in group.
+          * @default undefined
+          * @example [{ variation: "default", icon: "action-edit-2", id: "edit", map: ["success"], label: {   fi: " Label",   en: " Label",   sv: " Label", } }]
+         */
+        "actions": DuetEditableTableActions | string;
+        /**
+          * Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions).
+          * @default { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults }.
+          * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}].
+         */
+        "groups": DuetEditableTableGroupNames | string;
+        /**
+          * Array of internationalized defaults for the default groups labels.
+         */
+        "groupsLabelDefaults": DuetLangObject;
+        /**
+          * Shows or hides the table labels.
+         */
+        "hideGroups": boolean;
+        /**
+          * Map of items that contain list of things.
+         */
+        "items": DuetEditableTableItems;
+        /**
+          * Theme of the table.
+         */
+        "theme": DuetTheme;
+        /**
+          * Method to force an update of a tabular data array. when called the method will rerender the entire tabular structure.
+         */
+        "updateTable": (passedItems?: DuetEditableTableItems) => Promise<void>;
+    }
+    interface DuetEditableTableButton {
+        /**
+          * action items passed from host component
+         */
+        "actions": DuetEditableTableActionButtonItems;
+        /**
+          * group associated with action
+         */
+        "group": string;
+        /**
+          * key of the item in the map
+         */
+        "keyName": string;
+        /**
+          * Theme of the empty state component.
+         */
+        "theme": DuetTheme;
+        /**
+          * uid that gets passed along when the action is emitted
+         */
+        "uid": string;
+    }
+    interface DuetEditableTableItem {
+        /**
+          * Actions that can be performed on the element
+         */
+        "actions": DuetEditableTableActions;
+        /**
+          * Object of data itemsused to render the entire row
+         */
+        "data": DuetEditableTableItemData;
+        /**
+          * GroupId used to pierce the shadowdom - gets concatenated with "content & actions" and used as part="groupIDcontent/actions" to pierce the content/Action item
+         */
+        "groupId": string;
+        /**
+          * Key used to identify item, when running actions
+         */
+        "keyName": string;
+        /**
+          * Theme of the empty state component.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetEmptyState {
         /**
           * Icon shown in the empty state component.
@@ -765,7 +874,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.
          */
@@ -799,7 +908,7 @@ export namespace Components {
     }
     interface DuetGrid {
         /**
-          * Adjusts the vertical alignment of the grid items.
+          * Adjusts the vertical alignment of the grid items, if set to "form_distribute" the grid will try to calculate correct paddings for any duet-input fields inside duet-grid-items, so that they align even when displaying errors.
          */
         "alignment": DuetGridAlignment;
         /**
@@ -854,9 +963,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 +976,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 +986,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.**
          */
@@ -941,9 +1052,9 @@ export namespace Components {
     }
     interface DuetHeading {
         /**
-          * Enable or disable the border underneath the heading.
+          * Enable or disable the border underneath the heading, solid will darken the border
          */
-        "border": boolean;
+        "border": boolean | "solid";
         /**
           * Custom color for the heading as a design token entered in camelCase or kebab-case. Example: "color-primary".
          */
@@ -980,9 +1091,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 +1417,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 +1519,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 +1619,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 +1673,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 +1691,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 +1709,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 +1735,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.
          */
@@ -1686,13 +1821,52 @@ export namespace Components {
          */
         "size": DuetParagraphSize;
         /**
-          * Theme of the card.
+          * Theme of the paragraph.
          */
         "theme": DuetTheme;
         /**
           * Style variation of the paragraph.
          */
         "variation": DuetParagraphVariation;
+        /**
+          * Controls the Font-Weight of the paragraph.
+         */
+        "weight": DuetParagraphWeight;
+    }
+    interface DuetProgress {
+        /**
+          * Indicates the id of a component that describes the upload component.
+         */
+        "accessibleDescribedBy": 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
+         */
+        "accessibleLabel": string;
+        /**
+          * Adds accessible label for upload in progress and upload complete states
+          * @default {fi: ["lähetys valmis", "lähetys käynnissä"],sv: ["Uppladdningen är klar", "Uppladdning pågår"], en:  ["completed", "in progress"]}
+         */
+        "accessibleLabelUpload": string;
+        /**
+          * Defaults for accessibleLabel
+         */
+        "accessibleLabelUploadDefaults": DuetLangObject | string;
+        /**
+          * Caption (underneath label) that can be set as a way of adding extra information
+         */
+        "caption": string;
+        /**
+          * Height of progressbar
+         */
+        "height": string;
+        /**
+          * Progress of the bar, a value from 0-100
+         */
+        "progress": number;
+        /**
+          * Theme of the input.
+         */
+        "theme": DuetTheme;
     }
     interface DuetRadio {
         /**
@@ -2093,6 +2267,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 +2516,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 +2573,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.
          */
@@ -2433,6 +2632,10 @@ export namespace Components {
           * Indicates the id of a component owned by the input.
          */
         "accessibleOwns": string;
+        /**
+          * Default actions added to all files
+         */
+        "actions": DuetEditableTableActions | string;
         /**
           * A string of commaseperated file type values that are allowed
           * @example : .pdf,.doc,.docx
@@ -2450,25 +2653,23 @@ export namespace Components {
         "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
+          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment", }
          */
-        "buttonLabelDefaults": DuetLangObject;
+        "buttonLabelDefaults": DuetLangObject | string;
         /**
           * 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 ...
+          * @default { fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.", sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.", en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.", }
          */
         "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
+          * @default { fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.", sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.", en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.", }
          */
-        "descriptionDefaults": DuetLangObject;
+        "descriptionDefaults": DuetLangObject | string;
         /**
           * 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.
          */
@@ -2488,9 +2689,9 @@ export namespace Components {
         "fileListEmpty": string;
         /**
           * Defaults for the filelist's empty state.
-          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
+          * @default { fi: "Ei vielä lisättyjä tiedostoja.", sv: "Inga filer har lagts till ännu.", en: "No files added yet.", }
          */
-        "fileListEmptyDefaults": DuetLangObject;
+        "fileListEmptyDefaults": DuetLangObject | string;
         /**
           * Map of string that contain list of uploaded files.
          */
@@ -2499,6 +2700,20 @@ export namespace Components {
           * Get list of files, divided in errors and valid sections
          */
         "getFiles": () => Promise<false | { valid: any[]; invalid: any[]; }>;
+        /**
+          * Array of group names that you want the editable table used to display files to display
+          * @required 
+          * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}]
+         */
+        "groups": DuetEditableTableGroupNames | string;
+        /**
+          * If set the upload component will not display an upload button, you will have to create on yourself and call the exposed methods startUpload
+         */
+        "hideButton": boolean;
+        /**
+          * Visually hides the groups labels in the editable table list used to display the list of files
+         */
+        "hideGroups": boolean;
         /**
           * Adds a unique identifier for the upload component.
          */
@@ -2510,12 +2725,9 @@ export namespace Components {
         "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
+          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
          */
-        "labelDefaults": DuetLangObject;
-        /**
-          * Visually hide the label, but still show it to screen readers.
-         */
-        "labelHidden": boolean;
+        "labelDefaults": DuetLangObject | string;
         /**
           * 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
          */
@@ -2552,10 +2764,31 @@ export namespace Components {
           * Sets focus on the specified `duet-input`. Use this method instead of the global `input.focus()`.
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * If enabled the filelist will create links on successfully uploaded items, this requires the server can respond with link URIs in the correct format
+         */
+        "showLinks": boolean;
+        /**
+          * Property to change the aria upload progress text read aloud by screenreaders
+          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Choose files", }
+         */
+        "statusLabelDefaults": DuetLangObject | string;
+        /**
+          * Strings used for the status aria-label
+         */
+        "statusMessageLabel": StatusMessage;
         /**
           * Theme of the input.
          */
         "theme": DuetTheme;
+        /**
+          * Convenience method for updating a of an item in the files attribute
+         */
+        "updateValue": (item: string, key: string, value: any) => Promise<void>;
+        /**
+          * Method for invoking the upload sequence
+         */
+        "upload": (metaData?: any | undefined) => Promise<void>;
         /**
           * Endpoint URI that is capable of receiving the files
          */
@@ -2569,6 +2802,32 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DuetUploadAriaStatus {
+        /**
+          * Adds accessible label that is read aloud
+         */
+        "accessibleAriaLive": "off" | "polite" | "assertive";
+        /**
+          * valid file amount
+         */
+        "inprogress": number;
+        /**
+          * invalid file amount
+         */
+        "invalid": number;
+        /**
+          * State() variables
+         */
+        "statusMessageLabel": StatusMessage;
+        /**
+          * total files
+         */
+        "total": number;
+        /**
+          * valid file amount
+         */
+        "valid": number;
+    }
     interface DuetVisuallyHidden {
     }
 }
@@ -2645,6 +2904,24 @@ declare global {
         prototype: HTMLDuetDividerElement;
         new (): HTMLDuetDividerElement;
     };
+    interface HTMLDuetEditableTableElement extends Components.DuetEditableTable, HTMLStencilElement {
+    }
+    var HTMLDuetEditableTableElement: {
+        prototype: HTMLDuetEditableTableElement;
+        new (): HTMLDuetEditableTableElement;
+    };
+    interface HTMLDuetEditableTableButtonElement extends Components.DuetEditableTableButton, HTMLStencilElement {
+    }
+    var HTMLDuetEditableTableButtonElement: {
+        prototype: HTMLDuetEditableTableButtonElement;
+        new (): HTMLDuetEditableTableButtonElement;
+    };
+    interface HTMLDuetEditableTableItemElement extends Components.DuetEditableTableItem, HTMLStencilElement {
+    }
+    var HTMLDuetEditableTableItemElement: {
+        prototype: HTMLDuetEditableTableItemElement;
+        new (): HTMLDuetEditableTableItemElement;
+    };
     interface HTMLDuetEmptyStateElement extends Components.DuetEmptyState, HTMLStencilElement {
     }
     var HTMLDuetEmptyStateElement: {
@@ -2771,6 +3048,12 @@ declare global {
         prototype: HTMLDuetParagraphElement;
         new (): HTMLDuetParagraphElement;
     };
+    interface HTMLDuetProgressElement extends Components.DuetProgress, HTMLStencilElement {
+    }
+    var HTMLDuetProgressElement: {
+        prototype: HTMLDuetProgressElement;
+        new (): HTMLDuetProgressElement;
+    };
     interface HTMLDuetRadioElement extends Components.DuetRadio, HTMLStencilElement {
     }
     var HTMLDuetRadioElement: {
@@ -2867,6 +3150,12 @@ declare global {
         prototype: HTMLDuetUploadElement;
         new (): HTMLDuetUploadElement;
     };
+    interface HTMLDuetUploadAriaStatusElement extends Components.DuetUploadAriaStatus, HTMLStencilElement {
+    }
+    var HTMLDuetUploadAriaStatusElement: {
+        prototype: HTMLDuetUploadAriaStatusElement;
+        new (): HTMLDuetUploadAriaStatusElement;
+    };
     interface HTMLDuetVisuallyHiddenElement extends Components.DuetVisuallyHidden, HTMLStencilElement {
     }
     var HTMLDuetVisuallyHiddenElement: {
@@ -2886,6 +3175,9 @@ declare global {
         "duet-cookie-consent": HTMLDuetCookieConsentElement;
         "duet-date-picker": HTMLDuetDatePickerElement;
         "duet-divider": HTMLDuetDividerElement;
+        "duet-editable-table": HTMLDuetEditableTableElement;
+        "duet-editable-table-button": HTMLDuetEditableTableButtonElement;
+        "duet-editable-table-item": HTMLDuetEditableTableItemElement;
         "duet-empty-state": HTMLDuetEmptyStateElement;
         "duet-fieldset": HTMLDuetFieldsetElement;
         "duet-footer": HTMLDuetFooterElement;
@@ -2907,6 +3199,7 @@ declare global {
         "duet-notification-drawer": HTMLDuetNotificationDrawerElement;
         "duet-number-input": HTMLDuetNumberInputElement;
         "duet-paragraph": HTMLDuetParagraphElement;
+        "duet-progress": HTMLDuetProgressElement;
         "duet-radio": HTMLDuetRadioElement;
         "duet-radio-group": HTMLDuetRadioGroupElement;
         "duet-range-slider": HTMLDuetRangeSliderElement;
@@ -2923,6 +3216,7 @@ declare global {
         "duet-tooltip": HTMLDuetTooltipElement;
         "duet-tray": HTMLDuetTrayElement;
         "duet-upload": HTMLDuetUploadElement;
+        "duet-upload-aria-status": HTMLDuetUploadAriaStatusElement;
         "duet-visually-hidden": HTMLDuetVisuallyHiddenElement;
     }
 }
@@ -2935,8 +3229,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 +3313,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.
          */
@@ -3298,7 +3593,7 @@ declare namespace LocalJSX {
          */
         "accessibleControls"?: string;
         /**
-          * Indicates the id of a component that describes the choice.
+          * 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;
         /**
@@ -3309,7 +3604,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.
          */
@@ -3342,6 +3637,16 @@ declare namespace LocalJSX {
           * Adds a unique identifier for the choice button.
          */
         "identifier"?: 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;
+        /**
+          * Placeholder defaults
+          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+         */
+        "infoLabelDefaults"?: DuetLangObject | string;
         /**
           * Label for the choice button.
          */
@@ -3507,7 +3812,7 @@ declare namespace LocalJSX {
          */
         "accessibleOwns"?: 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;
         /**
@@ -3543,8 +3848,8 @@ declare namespace LocalJSX {
          */
         "labelHidden"?: boolean;
         /**
-          * 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
+          * 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.
           * @default "fi"
          */
         "language"?: DuetLanguage;
@@ -3553,7 +3858,7 @@ declare namespace LocalJSX {
          */
         "margin"?: DuetMargin;
         /**
-          * 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.
+          * 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;
         /**
@@ -3581,6 +3886,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.
          */
@@ -3620,6 +3930,76 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetEditableTable {
+        /**
+          * Exposes the aria role for optimizing accessibility.
+         */
+        "accessibleRole"?: string;
+        /**
+          * Array of internationalized defaults for the default action labels.
+         */
+        "actionLabelDefaults"?: DuetLangObject;
+        /**
+          * Array of actions that are mapped via the map variable to the various groups defined in group.
+          * @default undefined
+          * @example [{ variation: "default", icon: "action-edit-2", id: "edit", map: ["success"], label: {   fi: " Label",   en: " Label",   sv: " Label", } }]
+         */
+        "actions"?: DuetEditableTableActions | string;
+        /**
+          * Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions).
+          * @default { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults }.
+          * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}].
+         */
+        "groups"?: DuetEditableTableGroupNames | string;
+        /**
+          * Array of internationalized defaults for the default groups labels.
+         */
+        "groupsLabelDefaults"?: DuetLangObject;
+        /**
+          * Shows or hides the table labels.
+         */
+        "hideGroups"?: boolean;
+        /**
+          * Map of items that contain list of things.
+         */
+        "items"?: DuetEditableTableItems;
+        /**
+          * Theme of the table.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetEditableTableButton {
+        /**
+          * Emitted when any action is clicked
+         */
+        "onDuetEditableItemAction"?: (event: CustomEvent<DuetEditableTableItemEvent>) => void;
+        /**
+          * Theme of the empty state component.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetEditableTableItem {
+        /**
+          * Actions that can be performed on the element
+         */
+        "actions"?: DuetEditableTableActions;
+        /**
+          * Object of data itemsused to render the entire row
+         */
+        "data"?: DuetEditableTableItemData;
+        /**
+          * Key used to identify item, when running actions
+         */
+        "keyName"?: string;
+        /**
+          * Emitted when any action is clicked
+         */
+        "onDuetEditableItemAction"?: (event: CustomEvent<DuetEditableTableItemEvent>) => void;
+        /**
+          * Theme of the empty state component.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetEmptyState {
         /**
           * Icon shown in the empty state component.
@@ -3670,7 +4050,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.
          */
@@ -3724,7 +4104,7 @@ declare namespace LocalJSX {
     }
     interface DuetGrid {
         /**
-          * Adjusts the vertical alignment of the grid items.
+          * Adjusts the vertical alignment of the grid items, if set to "form_distribute" the grid will try to calculate correct paddings for any duet-input fields inside duet-grid-items, so that they align even when displaying errors.
          */
         "alignment"?: DuetGridAlignment;
         /**
@@ -3777,9 +4157,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 +4170,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 +4180,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.**
          */
@@ -3896,9 +4278,9 @@ declare namespace LocalJSX {
     }
     interface DuetHeading {
         /**
-          * Enable or disable the border underneath the heading.
+          * Enable or disable the border underneath the heading, solid will darken the border
          */
-        "border"?: boolean;
+        "border"?: boolean | "solid";
         /**
           * Custom color for the heading as a design token entered in camelCase or kebab-case. Example: "color-primary".
          */
@@ -3935,9 +4317,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 +4663,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 +4757,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 +4856,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 +4896,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 +4914,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 +4932,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 +4958,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.
          */
@@ -4650,13 +5056,52 @@ declare namespace LocalJSX {
          */
         "size"?: DuetParagraphSize;
         /**
-          * Theme of the card.
+          * Theme of the paragraph.
          */
         "theme"?: DuetTheme;
         /**
           * Style variation of the paragraph.
          */
         "variation"?: DuetParagraphVariation;
+        /**
+          * Controls the Font-Weight of the paragraph.
+         */
+        "weight"?: DuetParagraphWeight;
+    }
+    interface DuetProgress {
+        /**
+          * Indicates the id of a component that describes the upload component.
+         */
+        "accessibleDescribedBy"?: 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
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Adds accessible label for upload in progress and upload complete states
+          * @default {fi: ["lähetys valmis", "lähetys käynnissä"],sv: ["Uppladdningen är klar", "Uppladdning pågår"], en:  ["completed", "in progress"]}
+         */
+        "accessibleLabelUpload"?: string;
+        /**
+          * Defaults for accessibleLabel
+         */
+        "accessibleLabelUploadDefaults"?: DuetLangObject | string;
+        /**
+          * Caption (underneath label) that can be set as a way of adding extra information
+         */
+        "caption"?: string;
+        /**
+          * Height of progressbar
+         */
+        "height"?: string;
+        /**
+          * Progress of the bar, a value from 0-100
+         */
+        "progress"?: number;
+        /**
+          * Theme of the input.
+         */
+        "theme"?: DuetTheme;
     }
     interface DuetRadio {
         /**
@@ -5074,6 +5519,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 +5779,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 +5835,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.
          */
@@ -5424,6 +5894,10 @@ declare namespace LocalJSX {
           * Indicates the id of a component owned by the input.
          */
         "accessibleOwns"?: string;
+        /**
+          * Default actions added to all files
+         */
+        "actions"?: DuetEditableTableActions | string;
         /**
           * A string of commaseperated file type values that are allowed
           * @example : .pdf,.doc,.docx
@@ -5441,25 +5915,23 @@ declare namespace LocalJSX {
         "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
+          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment", }
          */
-        "buttonLabelDefaults"?: DuetLangObject;
+        "buttonLabelDefaults"?: DuetLangObject | string;
         /**
           * 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 ...
+          * @default { fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.", sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.", en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.", }
          */
         "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
+          * @default { fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.", sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.", en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.", }
          */
-        "descriptionDefaults"?: DuetLangObject;
+        "descriptionDefaults"?: DuetLangObject | string;
         /**
           * 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.
          */
@@ -5479,13 +5951,27 @@ declare namespace LocalJSX {
         "fileListEmpty"?: string;
         /**
           * Defaults for the filelist's empty state.
-          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
+          * @default { fi: "Ei vielä lisättyjä tiedostoja.", sv: "Inga filer har lagts till ännu.", en: "No files added yet.", }
          */
-        "fileListEmptyDefaults"?: DuetLangObject;
+        "fileListEmptyDefaults"?: DuetLangObject | string;
         /**
           * Map of string that contain list of uploaded files.
          */
         "files"?: StringMap;
+        /**
+          * Array of group names that you want the editable table used to display files to display
+          * @required 
+          * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}]
+         */
+        "groups"?: DuetEditableTableGroupNames | string;
+        /**
+          * If set the upload component will not display an upload button, you will have to create on yourself and call the exposed methods startUpload
+         */
+        "hideButton"?: boolean;
+        /**
+          * Visually hides the groups labels in the editable table list used to display the list of files
+         */
+        "hideGroups"?: boolean;
         /**
           * Adds a unique identifier for the upload component.
          */
@@ -5497,12 +5983,9 @@ declare namespace LocalJSX {
         "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
+          * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
          */
-        "labelDefaults"?: DuetLangObject;
-        /**
-          * Visually hide the label, but still show it to screen readers.
-         */
-        "labelHidden"?: boolean;
+        "labelDefaults"?: DuetLangObject | string;
         /**
           * 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
          */
@@ -5571,6 +6054,19 @@ declare namespace LocalJSX {
           * 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;
+        /**
+          * If enabled the filelist will create links on successfully uploaded items, this requires the server can respond with link URIs in the correct format
+         */
+        "showLinks"?: boolean;
+        /**
+          * Property to change the aria upload progress text read aloud by screenreaders
+          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Choose files", }
+         */
+        "statusLabelDefaults"?: DuetLangObject | string;
+        /**
+          * Strings used for the status aria-label
+         */
+        "statusMessageLabel"?: StatusMessage;
         /**
           * Theme of the input.
          */
@@ -5588,6 +6084,32 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DuetUploadAriaStatus {
+        /**
+          * Adds accessible label that is read aloud
+         */
+        "accessibleAriaLive"?: "off" | "polite" | "assertive";
+        /**
+          * valid file amount
+         */
+        "inprogress"?: number;
+        /**
+          * invalid file amount
+         */
+        "invalid"?: number;
+        /**
+          * State() variables
+         */
+        "statusMessageLabel"?: StatusMessage;
+        /**
+          * total files
+         */
+        "total"?: number;
+        /**
+          * valid file amount
+         */
+        "valid"?: number;
+    }
     interface DuetVisuallyHidden {
     }
     interface IntrinsicElements {
@@ -5603,6 +6125,9 @@ declare namespace LocalJSX {
         "duet-cookie-consent": DuetCookieConsent;
         "duet-date-picker": DuetDatePicker;
         "duet-divider": DuetDivider;
+        "duet-editable-table": DuetEditableTable;
+        "duet-editable-table-button": DuetEditableTableButton;
+        "duet-editable-table-item": DuetEditableTableItem;
         "duet-empty-state": DuetEmptyState;
         "duet-fieldset": DuetFieldset;
         "duet-footer": DuetFooter;
@@ -5624,6 +6149,7 @@ declare namespace LocalJSX {
         "duet-notification-drawer": DuetNotificationDrawer;
         "duet-number-input": DuetNumberInput;
         "duet-paragraph": DuetParagraph;
+        "duet-progress": DuetProgress;
         "duet-radio": DuetRadio;
         "duet-radio-group": DuetRadioGroup;
         "duet-range-slider": DuetRangeSlider;
@@ -5640,6 +6166,7 @@ declare namespace LocalJSX {
         "duet-tooltip": DuetTooltip;
         "duet-tray": DuetTray;
         "duet-upload": DuetUpload;
+        "duet-upload-aria-status": DuetUploadAriaStatus;
         "duet-visually-hidden": DuetVisuallyHidden;
     }
 }
@@ -5659,6 +6186,9 @@ declare module "@stencil/core" {
             "duet-cookie-consent": LocalJSX.DuetCookieConsent & JSXBase.HTMLAttributes<HTMLDuetCookieConsentElement>;
             "duet-date-picker": LocalJSX.DuetDatePicker & JSXBase.HTMLAttributes<HTMLDuetDatePickerElement>;
             "duet-divider": LocalJSX.DuetDivider & JSXBase.HTMLAttributes<HTMLDuetDividerElement>;
+            "duet-editable-table": LocalJSX.DuetEditableTable & JSXBase.HTMLAttributes<HTMLDuetEditableTableElement>;
+            "duet-editable-table-button": LocalJSX.DuetEditableTableButton & JSXBase.HTMLAttributes<HTMLDuetEditableTableButtonElement>;
+            "duet-editable-table-item": LocalJSX.DuetEditableTableItem & JSXBase.HTMLAttributes<HTMLDuetEditableTableItemElement>;
             "duet-empty-state": LocalJSX.DuetEmptyState & JSXBase.HTMLAttributes<HTMLDuetEmptyStateElement>;
             "duet-fieldset": LocalJSX.DuetFieldset & JSXBase.HTMLAttributes<HTMLDuetFieldsetElement>;
             "duet-footer": LocalJSX.DuetFooter & JSXBase.HTMLAttributes<HTMLDuetFooterElement>;
@@ -5680,6 +6210,7 @@ declare module "@stencil/core" {
             "duet-notification-drawer": LocalJSX.DuetNotificationDrawer & JSXBase.HTMLAttributes<HTMLDuetNotificationDrawerElement>;
             "duet-number-input": LocalJSX.DuetNumberInput & JSXBase.HTMLAttributes<HTMLDuetNumberInputElement>;
             "duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;
+            "duet-progress": LocalJSX.DuetProgress & JSXBase.HTMLAttributes<HTMLDuetProgressElement>;
             "duet-radio": LocalJSX.DuetRadio & JSXBase.HTMLAttributes<HTMLDuetRadioElement>;
             "duet-radio-group": LocalJSX.DuetRadioGroup & JSXBase.HTMLAttributes<HTMLDuetRadioGroupElement>;
             "duet-range-slider": LocalJSX.DuetRangeSlider & JSXBase.HTMLAttributes<HTMLDuetRangeSliderElement>;
@@ -5696,6 +6227,7 @@ declare module "@stencil/core" {
             "duet-tooltip": LocalJSX.DuetTooltip & JSXBase.HTMLAttributes<HTMLDuetTooltipElement>;
             "duet-tray": LocalJSX.DuetTray & JSXBase.HTMLAttributes<HTMLDuetTrayElement>;
             "duet-upload": LocalJSX.DuetUpload & JSXBase.HTMLAttributes<HTMLDuetUploadElement>;
+            "duet-upload-aria-status": LocalJSX.DuetUploadAriaStatus & JSXBase.HTMLAttributes<HTMLDuetUploadAriaStatusElement>;
             "duet-visually-hidden": LocalJSX.DuetVisuallyHidden & JSXBase.HTMLAttributes<HTMLDuetVisuallyHiddenElement>;
         }
     }