@duetds/components 4.28.0 → 4.31.0

package/lib/types/components/duet-tab-group/duet-tab-group.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DuetTheme, DuetMargin, DuetPadding, DuetLanguage } from "../../common-types";
+import { DuetLanguage, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTabGroupEvent = {
   component: "duet-tab-group";
@@ -33,10 +34,18 @@ export declare class DuetTabGroup implements ThemeableComponent {
   /**
    * 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;
+  /**
+   * Defaults for Label
+   * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
+   */
+  labelDefaults: DuetLangObject | string;
   /**
    * Label for the select element which gets shown on mobile.
+   * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
    */
   label: string;
   /**

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DuetTheme, DuetMargin, DuetTooltipDirection } from "../../common-types";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
 import { InputComponent } from "../../utils/form-components";
+import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTextareaEvent = {
   originalEvent?: Event;
   component: "duet-textarea";

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DuetTheme, DuetMargin } from "../../common-types";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { DuetMargin, DuetTheme } from "../../common-types";
 import { InputComponent } from "../../utils/form-components";
+import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetToggleChangeEvent = {
   component: "duet-toggle";
   checked: boolean;

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

@@ -1,5 +1,6 @@
-import { ThemeableComponent } from "../../utils/themeable-component";
 import { DuetLanguage, DuetTheme, DuetTooltipDirection } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTooltipBreakpoint = "medium" | "large";
 export declare class DuetTooltip implements ThemeableComponent {
   /**
@@ -28,11 +29,19 @@ export declare class DuetTooltip implements ThemeableComponent {
   /**
    * 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;
+  /**
+   * Default language strings for the accessibleLabel
+   * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
+   */
+  accessibleLabelDefault: 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;
   /**
@@ -41,9 +50,15 @@ export declare class DuetTooltip implements ThemeableComponent {
    * Used internally by input components to add more context to the tooltip.
    */
   accessibleInputLabel: 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 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;
   /**

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

@@ -1,4 +1,5 @@
 import { DuetLanguage, DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
@@ -23,16 +24,30 @@ export declare class DuetTray implements ThemeableComponent {
   /**
    * 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;
+  /**
+   * 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
    * close toggle. Not visible for normal users.
+   * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
    */
   accessibleCloseLabel: string;
+  /**
+   * Defaults for accessibleOpenLabel
+   * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
+   */
+  accessibleOpenLabelDefaults: 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;
   /**