npm - @duetds/components - Versions diffs - 5.1.9 → 5.2.2 - Mend

@duetds/components 5.1.9 → 5.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

package/lib/types/components/duet-select/duet-select.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
-import { InputComponent } from "../../utils/form-components";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { InputComponent } from "../../common/form-components";
+import { ThemeableComponent } from "../../common/themeable-component";
 export declare type DuetSelectOption = {
   label: string;
   value: string;

package/lib/types/components/duet-spinner/duet-spinner.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { DuetColor, DuetTheme } from "../../common-types";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { ThemeableComponent } from "../../common/themeable-component";
 export declare type DuetSpinnerSize = "small" | "medium" | "large";
 export declare class DuetSpinner implements ThemeableComponent {
   /**

package/lib/types/components/duet-step/duet-step.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetHeadingLevel, DuetTheme } from "../../common-types";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { ThemeableComponent } from "../../common/themeable-component";
 export declare type DuetStepState = "current" | "complete" | "incomplete" | "disabled";
 export declare type DuetStepClickEvent = {
   originalEvent: KeyboardEvent | MouseEvent;

package/lib/types/components/duet-stepper/duet-stepper.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetMargin, DuetTheme } from "../../common-types";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetStepClickEvent } from "../duet-step/duet-step";
 export declare type DuetStepChangeEvent = {
   component: "duet-stepper";

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetLanguage, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTabGroupEvent = {
   component: "duet-tab-group";
   value: number;

package/lib/types/components/duet-table/duet-table.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { DuetMargin, DuetTheme } from "../../common-types";
-import { ThemeableComponent } from "../../utils/themeable-component";
+import { ThemeableComponent } from "../../common/themeable-component";
 export declare type DuetTableBreakpoint = keyof typeof breakpointToToken;
 export declare type DuetTableVariant = "striped" | "plain" | "fixed";
 export declare type DuetTableStickyDistance = "with-links" | "without-links" | "none";

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

@@ -1,13 +1,12 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
 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";
   value: string;
 };
-export declare class DuetTextarea implements ThemeableComponent, InputComponent {
+export declare class DuetTextarea implements ThemeableComponent, InputComponent, A11yComponent {
   /**
    * Own Properties
    */
@@ -40,6 +39,18 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent
    * indicate the id of a component controlled by this component.
    */
   accessibleControls: string;
+  /**
+   * Aria Details of the component
+   */
+  accessibleDetails: string;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  accessibleLabelledBy: string;
+  /**
+   * Aria description the button
+   */
+  accessibleDescription: string;
   /**
    * Indicates the id of a component owned by the textarea.
    */

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

@@ -1,13 +1,12 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
 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;
   value: string;
 };
-export declare class DuetToggle implements ThemeableComponent, InputComponent {
+export declare class DuetToggle implements ThemeableComponent, InputComponent, A11yComponent {
   /**
    * Own Properties
    */
@@ -42,6 +41,18 @@ export declare class DuetToggle implements ThemeableComponent, InputComponent {
    * Indicates the id of a component that describes the toggle.
    */
   accessibleDescribedBy: string;
+  /**
+   * Aria Details of the component
+   */
+  accessibleDetails: string;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  accessibleLabelledBy: string;
+  /**
+   * Aria description the button
+   */
+  accessibleDescription: string;
   /**
    * Label for the toggle.
    */

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

@@ -1,6 +1,6 @@
 import { DuetLanguage, DuetTheme, DuetTooltipDirection } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTooltipBreakpoint = "medium" | "large";
 export declare class DuetTooltip implements ThemeableComponent {
   /**

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

@@ -1,6 +1,6 @@
 import { DuetLanguage, DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
 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.
  * @slot additional - Additional content. Anything inserted into this slot is displayed in an expandable section.

package/lib/types/components/duet-upload/duet-upload.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetMargin, DuetTheme } from "../../common-types";
-import { FormComponent } from "../../utils/form-components";
+import { FormComponent } from "../../common/form-components";
+import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-import { ThemeableComponent } from "../../utils/themeable-component";
 import { DuetEditableTableActions } from "../duet-editable-table/duet-editable-table";
 import { StatusMessage } from "../duet-upload-aria-status/duet-upload-aria-status";
 import { DuetUploadErrorCode } from "./errorcodes.utils";