@duetds/components 4.28.0 → 4.31.0

package/lib/types/components.d.ts

@@ -13,7 +13,7 @@ import { DuetCaptionSize } from "./components/duet-caption/duet-caption";
 import { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./components/duet-card/duet-card";
 import { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
 import { DuetChoiceEvent, DuetChoiceType } from "./components/duet-choice/duet-choice";
-import { DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
+import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
 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";
@@ -49,12 +49,14 @@ export namespace Components {
     interface DuetAlert {
         /**
           * Adds accessible label for the dismissible alert close button.
+          * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
          */
         "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.
          */
@@ -125,12 +127,14 @@ export namespace Components {
         "accessibleLabel": 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"}
          */
         "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
+          * @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.
          */
@@ -181,6 +185,7 @@ export namespace Components {
         "identifier": string;
         /**
           * @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": string;
         /**
@@ -402,12 +407,13 @@ export namespace Components {
         "accessibleDescribedBy": string;
         /**
           * Accessible label that is read for screen reader users in the info toggle trigger button. Not visible for normal users.
+          * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelInfoButton": string;
         /**
           * 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.
          */
@@ -539,6 +545,14 @@ export namespace Components {
           * The content for the collapsible heading.
          */
         "heading": string;
+        /**
+          * The actual heading level used for the heading in html markup. This setting exists for accessibility reasons. It doesn’t change the style visually. only variations of h1-h6 area accepted
+         */
+        "headingLevel": DuetHeadingLevel | undefined;
+        /**
+          * Custom headingSize to be used for font size of heading, as a design token entered in kebab-case x-small -> font-size-x-small. Example: # 12px (0.75rem)  ------  +2px   (x-small) # 14px (0.875rem) ------  +2px   (small) # 16px (1rem)     ------  +2px   (medium) # 20px (1.25rem)  ------  +4px   (large) # 24px (1.5rem)   ------  +4px   (x-large) # 36px (2.25rem)  ------  +12px  (xx-large) # 48px (3rem)     ------  +12px  (xxx-large) # 72px (4.5rem)   ------  +24px  (xxxx-large)
+         */
+        "headingSize": DuetCollapsibleHeadingFontSize;
         /**
           * The font weight of the heading
          */
@@ -629,6 +643,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
+          * @default "fi"
          */
         "language": DuetLanguage;
         /**
@@ -649,8 +665,14 @@ export namespace Components {
         "name": string;
         /**
           * Hint text to display before the user types into the date picker input.
+          * @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.
          */
@@ -741,18 +763,22 @@ export namespace Components {
     interface DuetFooter {
         /**
           * 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"}
          */
         "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
+          * @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.
          */
         "items": any;
         /**
           * The currently active language. This setting changes the logo to match the chosen language.
+          * @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;
         /**
@@ -829,28 +855,34 @@ export namespace Components {
     interface DuetHeader {
         /**
           * Adds i18n translations of all internally used textStrings
+          * @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", }, }
          */
         "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", }
          */
         "accessibleLabel": string;
         /**
           * 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"}
          */
         "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
+          * @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.**
          */
@@ -877,6 +909,8 @@ export namespace Components {
         "items": any;
         /**
           * The currently active language. This setting also changes the logo to match the chosen language.
+          * @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;
         /**
@@ -949,12 +983,14 @@ export namespace Components {
     interface DuetHero {
         /**
           * 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"}
          */
         "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.
          */
@@ -1013,6 +1049,8 @@ export namespace Components {
         "image": string;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -1271,12 +1309,14 @@ export namespace Components {
         "accessibleLabel": 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"}
          */
         "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.
          */
@@ -1287,6 +1327,8 @@ export namespace Components {
         "identifier": string;
         /**
           * The currently active language. This setting changes the external link accessible label to match the chosen language.
+          * @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;
         /**
@@ -1345,6 +1387,8 @@ export namespace Components {
         "inverse": boolean;
         /**
           * The language of the logo.
+          * @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;
         /**
@@ -1367,12 +1411,14 @@ export namespace Components {
     interface DuetModal {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
+          * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
          */
         "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.
          */
@@ -1403,6 +1449,8 @@ export namespace Components {
         "icon": DuetIconName;
         /**
           * The currently active language. This setting also changes the logo to match the chosen language.
+          * @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;
         /**
@@ -1421,6 +1469,7 @@ export namespace Components {
     interface DuetNotification {
         /**
           * Adds accessible label for tooltip that is shown over unread counter
+          * @default { en: "Unread", fi: "Lukematon", sv: "Oläst" }
          */
         "accessibleLabelUnread": string;
         /**
@@ -1441,6 +1490,8 @@ export namespace Components {
         "highlight": boolean;
         /**
           * The currently active language. Used for announcing unread notifications to screen readers.
+          * @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;
         /**
@@ -1460,12 +1511,15 @@ export namespace Components {
     interface DuetNotificationDrawer {
         /**
           * Adds accessible label for tooltip that is shown for notifications
+          * @default {en: "No notifications", fi: "Ei ilmoituksia", sv: "Inga notifikationer"}
          */
         "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.
          */
@@ -1512,8 +1566,14 @@ export namespace Components {
         "accessibleActiveDescendant": string;
         /**
           * Accessible label for the add button that is read for screen reader users.
+          * @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.
          */
@@ -1524,8 +1584,14 @@ export namespace Components {
         "accessibleDescribedBy": string;
         /**
           * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "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.
          */
@@ -1536,8 +1602,14 @@ export namespace Components {
         "accessibleOwns": string;
         /**
           * Accessible label for the subtract button that is read for screen reader users.
+          * @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.
          */
@@ -1556,14 +1628,22 @@ export namespace Components {
         "identifier": string;
         /**
           * Label for the number input.
+          * @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.
          */
         "labelHidden": boolean;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -2041,14 +2121,22 @@ export namespace Components {
     interface DuetTabGroup {
         /**
           * Label for the select element which gets shown on mobile.
+          * @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.
          */
         "labelHidden": boolean;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -2282,13 +2370,25 @@ export namespace Components {
     interface DuetTooltip {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface!
+          * @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.
          */
@@ -2307,6 +2407,8 @@ export namespace Components {
         "label": string;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -2325,12 +2427,24 @@ export namespace Components {
     interface DuetTray {
         /**
           * Accessible label that is shown for screen reader users in the expandable close toggle. Not visible for normal users.
+          * @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.
          */
@@ -2341,6 +2455,8 @@ export namespace Components {
         "autoHide": boolean;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -2706,12 +2822,14 @@ declare namespace LocalJSX {
     interface DuetAlert {
         /**
           * Adds accessible label for the dismissible alert close button.
+          * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
          */
         "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.
          */
@@ -2786,12 +2904,14 @@ declare namespace LocalJSX {
         "accessibleLabel"?: 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"}
          */
         "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
+          * @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.
          */
@@ -2842,6 +2962,7 @@ declare namespace LocalJSX {
         "identifier"?: string;
         /**
           * @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"?: string;
         /**
@@ -3075,12 +3196,13 @@ declare namespace LocalJSX {
         "accessibleDescribedBy"?: string;
         /**
           * Accessible label that is read for screen reader users in the info toggle trigger button. Not visible for normal users.
+          * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelInfoButton"?: string;
         /**
           * 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.
          */
@@ -3217,6 +3339,14 @@ declare namespace LocalJSX {
           * The content for the collapsible heading.
          */
         "heading"?: string;
+        /**
+          * The actual heading level used for the heading in html markup. This setting exists for accessibility reasons. It doesn’t change the style visually. only variations of h1-h6 area accepted
+         */
+        "headingLevel"?: DuetHeadingLevel | undefined;
+        /**
+          * Custom headingSize to be used for font size of heading, as a design token entered in kebab-case x-small -> font-size-x-small. Example: # 12px (0.75rem)  ------  +2px   (x-small) # 14px (0.875rem) ------  +2px   (small) # 16px (1rem)     ------  +2px   (medium) # 20px (1.25rem)  ------  +4px   (large) # 24px (1.5rem)   ------  +4px   (x-large) # 36px (2.25rem)  ------  +12px  (xx-large) # 48px (3rem)     ------  +12px  (xxx-large) # 72px (4.5rem)   ------  +24px  (xxxx-large)
+         */
+        "headingSize"?: DuetCollapsibleHeadingFontSize;
         /**
           * The font weight of the heading
          */
@@ -3307,6 +3437,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
+          * @default "fi"
          */
         "language"?: DuetLanguage;
         /**
@@ -3339,8 +3471,14 @@ declare namespace LocalJSX {
         "onDuetFocus"?: (event: CustomEvent<DuetDatePickerFocusEvent>) => void;
         /**
           * Hint text to display before the user types into the date picker input.
+          * @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.
          */
@@ -3423,18 +3561,22 @@ declare namespace LocalJSX {
     interface DuetFooter {
         /**
           * 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"}
          */
         "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
+          * @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.
          */
         "items"?: any;
         /**
           * The currently active language. This setting changes the logo to match the chosen language.
+          * @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;
         /**
@@ -3529,28 +3671,34 @@ declare namespace LocalJSX {
     interface DuetHeader {
         /**
           * Adds i18n translations of all internally used textStrings
+          * @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", }, }
          */
         "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", }
          */
         "accessibleLabel"?: string;
         /**
           * 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"}
          */
         "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
+          * @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.**
          */
@@ -3573,6 +3721,8 @@ declare namespace LocalJSX {
         "items"?: any;
         /**
           * The currently active language. This setting also changes the logo to match the chosen language.
+          * @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;
         /**
@@ -3681,12 +3831,14 @@ declare namespace LocalJSX {
     interface DuetHero {
         /**
           * 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"}
          */
         "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.
          */
@@ -3745,6 +3897,8 @@ declare namespace LocalJSX {
         "image"?: string;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -4023,12 +4177,14 @@ declare namespace LocalJSX {
         "accessibleLabel"?: 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"}
          */
         "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.
          */
@@ -4039,6 +4195,8 @@ declare namespace LocalJSX {
         "identifier"?: string;
         /**
           * The currently active language. This setting changes the external link accessible label to match the chosen language.
+          * @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;
         /**
@@ -4093,6 +4251,8 @@ declare namespace LocalJSX {
         "inverse"?: boolean;
         /**
           * The language of the logo.
+          * @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;
         /**
@@ -4111,12 +4271,14 @@ declare namespace LocalJSX {
     interface DuetModal {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
+          * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
          */
         "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.
          */
@@ -4143,6 +4305,8 @@ declare namespace LocalJSX {
         "icon"?: DuetIconName;
         /**
           * The currently active language. This setting also changes the logo to match the chosen language.
+          * @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;
         /**
@@ -4169,6 +4333,7 @@ declare namespace LocalJSX {
     interface DuetNotification {
         /**
           * Adds accessible label for tooltip that is shown over unread counter
+          * @default { en: "Unread", fi: "Lukematon", sv: "Oläst" }
          */
         "accessibleLabelUnread"?: string;
         /**
@@ -4189,6 +4354,8 @@ declare namespace LocalJSX {
         "highlight"?: boolean;
         /**
           * The currently active language. Used for announcing unread notifications to screen readers.
+          * @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;
         /**
@@ -4203,12 +4370,15 @@ declare namespace LocalJSX {
     interface DuetNotificationDrawer {
         /**
           * Adds accessible label for tooltip that is shown for notifications
+          * @default {en: "No notifications", fi: "Ei ilmoituksia", sv: "Inga notifikationer"}
          */
         "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.
          */
@@ -4241,8 +4411,14 @@ declare namespace LocalJSX {
         "accessibleActiveDescendant"?: string;
         /**
           * Accessible label for the add button that is read for screen reader users.
+          * @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.
          */
@@ -4253,8 +4429,14 @@ declare namespace LocalJSX {
         "accessibleDescribedBy"?: string;
         /**
           * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "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.
          */
@@ -4265,8 +4447,14 @@ declare namespace LocalJSX {
         "accessibleOwns"?: string;
         /**
           * Accessible label for the subtract button that is read for screen reader users.
+          * @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.
          */
@@ -4285,14 +4473,22 @@ declare namespace LocalJSX {
         "identifier"?: string;
         /**
           * Label for the number input.
+          * @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.
          */
         "labelHidden"?: boolean;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -4799,14 +4995,22 @@ declare namespace LocalJSX {
     interface DuetTabGroup {
         /**
           * Label for the select element which gets shown on mobile.
+          * @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.
          */
         "labelHidden"?: boolean;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -5051,12 +5255,24 @@ declare namespace LocalJSX {
     interface DuetTooltip {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface!
+          * @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.
          */
@@ -5075,6 +5291,8 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**
@@ -5093,12 +5311,24 @@ declare namespace LocalJSX {
     interface DuetTray {
         /**
           * Accessible label that is shown for screen reader users in the expandable close toggle. Not visible for normal users.
+          * @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.
          */
@@ -5109,6 +5339,8 @@ declare namespace LocalJSX {
         "autoHide"?: boolean;
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
+          * @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;
         /**