@duetds/components 8.0.6 → 8.1.0

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

@@ -9,223 +9,223 @@ export type DuetButtonTextCentering = true | false | undefined;
 export type DuetButtonIconSize = "small" | "medium-small" | "medium" | "large";
 export type DuetButtonSize = "small" | "medium";
 export declare class DuetButton implements ThemeableComponent, FormComponent, A11yComponent {
-  /**
-   * Own Properties
-   */
-  private nativeButton?;
-  private proxyButton;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Adds accessible label for the button that is only shown for screen readers.
-   * Typically, this label text replaces the visible text on the button for
-   * users who use assistive technology.
-   */
-  accessibleLabel: string;
-  /**
-   * Use this property to add an aria-controls attribute to the button. Use
-   * the attribute to point to the unique id of the content that the button manages.
-   */
-  accessibleControls: string;
-  /**
-   * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button.
-   */
-  accessiblePopup: string;
-  /**
-   * Indicates the id of a related component’s visually focused element.
-   */
-  accessibleActiveDescendant: string;
-  /**
-   * Indicates the id of a component owned by the button.
-   */
-  accessibleOwns: string;
-  /**
-   * Indicates the id of a component that describes the button.
-   */
-  accessibleDescribedBy: string;
-  /**
-   * Details of the component
-   */
-  accessibleDetails: string;
-  /**
-   * String of id's that indicate alternative labels elements
-   */
-  accessibleLabelledBy: string;
-  /**
-   * Aria description the button
-   */
-  accessibleDescription: string;
-  /**
-   * If a button expands or collapses adjacent content, then use the ariaExpanded
-   * prop to add the aria-expanded attribute to the button. Set the value to convey
-   * the current expanded (true) or collapsed (false) state of the content.
-   */
-  accessibleExpanded: boolean;
-  /**
-   * Tells screen reader the element is pressed.
-   */
-  accessiblePressed: boolean;
-  /**
-   * Loading state of the button
-   */
-  loading: boolean;
-  /**
-   * Style variation of the button.
-   * @negative - value is deprecated and should be used in combination with negative prop in the future
-   * @destructive - value is deprecated and should be replace with destructive-secondary
-   */
-  variation: DuetButtonVariation;
-  /**
-   * Negative variation, can be combined with Variation to produce negative versions
-   */
-  negative: boolean;
-  /**
-   * Theme of the button.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Controls the padding of the component.
-   */
-  padding: DuetPadding;
-  /**
-   * Centers the text of a button
-   */
-  centerText: DuetButtonTextCentering;
-  /**
-   * Controls the text wrapping.
-   */
-  wrapping: DuetButtonWrapping;
-  /**
-   * Expands the button to fill 100% of the container width.
-   */
-  expand: boolean;
-  /**
-   * Keep the button fixed width even on mobile viewports.
-   */
-  fixed: boolean;
-  /**
-   * Makes the button component disabled. This prevents users from being able to
-   * interact with the button, and conveys its inactive state to assistive technologies.
-   */
-  disabled: boolean;
-  /**
-   * The name of the button, which gets paired with the button's value when submitted as part of a form.
-   * Corresponds with the native HTML name attribute.
-   */
-  name: string;
-  /**
-   * The value of the button, which gets paired with the button's name when submitted as part of a form.
-   * Corresponds with the native HTML value attribute.
-   */
-  value: string;
-  /**
-   * Adds a unique identifier for the button. Please note that with this particular
-   * component this id is added inside Shadow DOM. If you need an id on the html
-   * element, use regular id attribute instead.
-   */
-  identifier: string;
-  /**
-   * Allows the button to submit a form.
-   */
-  submit: boolean;
-  /**
-   * Forces URL to open in a new browser tab. Used together with URL prop.
-   */
-  external: boolean;
-  /**
-   * @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;
-  /**
-   * 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 | 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 accessibleLabelLoading defaults on the component.
-   * normally you would handle these strings on an application level and override accessibleLabelLoading when needed
-   * @default {fi: "Ladataan",sv: "Lastning",en: "Loading…"}
-   */
-  accessibleLabelLoadingDefaults: DuetLangObject | string;
-  /**
-   * Adds accessible label for button in "loading" state
-   * @default {fi: "Ladataan",sv: "Lastning",en: "Loading…"}
-   */
-  accessibleLabelLoading: string;
-  /**
-   * Icon to display to the left of the button content.
-   * This is ignored/overridden when button is used as an external link.
-   */
-  icon: DuetIconName;
-  /**
-   * Custom color to be used for text, as a design token entered in camelCase or
-   * kebab-case. Example: "color-primary".
-   */
-  color: DuetColor;
-  /**
-   * Show icon on the right side of the button content.
-   */
-  iconRight: boolean;
-  /**
-   * Icon size.
-   */
-  iconSize: DuetButtonIconSize;
-  /**
-   * Button’s size.
-   */
-  size: DuetButtonSize;
-  /**
-   * Whether this button should use styles meant for displaying just an icon.
-   */
-  iconOnly: boolean;
-  /**
-   * A destination to link to, rendered in the href attribute of a link.
-   */
-  url: string;
-  /**
-   * Emitted when the button has focus.
-   */
-  duetFocus: EventEmitter;
-  /**
-   * Emitted when the button loses focus.
-   */
-  duetBlur: EventEmitter;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  syncToProxyButton(): void;
-  /**
-   * Component event handling.
-   */
-  private handleClick;
-  private onFocus;
-  private onBlur;
-  private getButtonType;
-  private getButtonIconSize;
-  /**
-   * Sets focus on the specified `duet-button`. Use this method instead of the global
-   * `button.focus()`.
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * render() function.
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties
+     */
+    private nativeButton?;
+    private proxyButton;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Adds accessible label for the button that is only shown for screen readers.
+     * Typically, this label text replaces the visible text on the button for
+     * users who use assistive technology.
+     */
+    accessibleLabel: string;
+    /**
+     * Use this property to add an aria-controls attribute to the button. Use
+     * the attribute to point to the unique id of the content that the button manages.
+     */
+    accessibleControls: string;
+    /**
+     * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button.
+     */
+    accessiblePopup: string;
+    /**
+     * Indicates the id of a related component’s visually focused element.
+     */
+    accessibleActiveDescendant: string;
+    /**
+     * Indicates the id of a component owned by the button.
+     */
+    accessibleOwns: string;
+    /**
+     * Indicates the id of a component that describes the button.
+     */
+    accessibleDescribedBy: string;
+    /**
+     * Details of the component
+     */
+    accessibleDetails: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    accessibleLabelledBy: string;
+    /**
+     * Aria description the button
+     */
+    accessibleDescription: string;
+    /**
+     * If a button expands or collapses adjacent content, then use the ariaExpanded
+     * prop to add the aria-expanded attribute to the button. Set the value to convey
+     * the current expanded (true) or collapsed (false) state of the content.
+     */
+    accessibleExpanded: boolean;
+    /**
+     * Tells screen reader the element is pressed.
+     */
+    accessiblePressed: boolean;
+    /**
+     * Loading state of the button
+     */
+    loading: boolean;
+    /**
+     * Style variation of the button.
+     * @negative - value is deprecated and should be used in combination with negative prop in the future
+     * @destructive - value is deprecated and should be replace with destructive-secondary
+     */
+    variation: DuetButtonVariation;
+    /**
+     * Negative variation, can be combined with Variation to produce negative versions
+     */
+    negative: boolean;
+    /**
+     * Theme of the button.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Controls the padding of the component.
+     */
+    padding: DuetPadding;
+    /**
+     * Centers the text of a button
+     */
+    centerText: DuetButtonTextCentering;
+    /**
+     * Controls the text wrapping.
+     */
+    wrapping: DuetButtonWrapping;
+    /**
+     * Expands the button to fill 100% of the container width.
+     */
+    expand: boolean;
+    /**
+     * Keep the button fixed width even on mobile viewports.
+     */
+    fixed: boolean;
+    /**
+     * Makes the button component disabled. This prevents users from being able to
+     * interact with the button, and conveys its inactive state to assistive technologies.
+     */
+    disabled: boolean;
+    /**
+     * The name of the button, which gets paired with the button's value when submitted as part of a form.
+     * Corresponds with the native HTML name attribute.
+     */
+    name: string;
+    /**
+     * The value of the button, which gets paired with the button's name when submitted as part of a form.
+     * Corresponds with the native HTML value attribute.
+     */
+    value: string;
+    /**
+     * Adds a unique identifier for the button. Please note that with this particular
+     * component this id is added inside Shadow DOM. If you need an id on the html
+     * element, use regular id attribute instead.
+     */
+    identifier: string;
+    /**
+     * Allows the button to submit a form.
+     */
+    submit: boolean;
+    /**
+     * Forces URL to open in a new browser tab. Used together with URL prop.
+     */
+    external: boolean;
+    /**
+     * @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;
+    /**
+     * 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 | 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 accessibleLabelLoading defaults on the component.
+     * normally you would handle these strings on an application level and override accessibleLabelLoading when needed
+     * @default {fi: "Ladataan",sv: "Lastning",en: "Loading…"}
+     */
+    accessibleLabelLoadingDefaults: DuetLangObject | string;
+    /**
+     * Adds accessible label for button in "loading" state
+     * @default {fi: "Ladataan",sv: "Lastning",en: "Loading…"}
+     */
+    accessibleLabelLoading: string;
+    /**
+     * Icon to display to the left of the button content.
+     * This is ignored/overridden when button is used as an external link.
+     */
+    icon: DuetIconName;
+    /**
+     * Custom color to be used for text, as a design token entered in camelCase or
+     * kebab-case. Example: "color-primary".
+     */
+    color: DuetColor;
+    /**
+     * Show icon on the right side of the button content.
+     */
+    iconRight: boolean;
+    /**
+     * Icon size.
+     */
+    iconSize: DuetButtonIconSize;
+    /**
+     * Button’s size.
+     */
+    size: DuetButtonSize;
+    /**
+     * Whether this button should use styles meant for displaying just an icon.
+     */
+    iconOnly: boolean;
+    /**
+     * A destination to link to, rendered in the href attribute of a link.
+     */
+    url: string;
+    /**
+     * Emitted when the button has focus.
+     */
+    duetFocus: EventEmitter;
+    /**
+     * Emitted when the button loses focus.
+     */
+    duetBlur: EventEmitter;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    syncToProxyButton(): void;
+    /**
+     * Component event handling.
+     */
+    private handleClick;
+    private onFocus;
+    private onBlur;
+    private getButtonType;
+    private getButtonIconSize;
+    /**
+     * Sets focus on the specified `duet-button`. Use this method instead of the global
+     * `button.focus()`.
+     */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * render() function.
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -6,23 +6,23 @@ export type DuetCaptionSize = "small" | "medium";
  * @slot author - Slot for author information.
  */
 export declare class DuetCallout implements ThemeableComponent {
-  element: HTMLElement;
-  private hasAuthorSlot;
-  /**
-   * Theme of the caption.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    element: HTMLElement;
+    private hasAuthorSlot;
+    /**
+     * Theme of the caption.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -2,30 +2,30 @@ import { DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export type DuetCaptionSize = "small" | "medium";
 export declare class DuetCaption implements ThemeableComponent {
-  element: HTMLElement;
-  /**
-   * Theme of the caption.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Selected state of the caption. Used inside Choice component.
-   */
-  selected: boolean;
-  /**
-   * Controls the size of the caption.
-   */
-  size: DuetCaptionSize;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    element: HTMLElement;
+    /**
+     * Theme of the caption.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Selected state of the caption. Used inside Choice component.
+     */
+    selected: boolean;
+    /**
+     * Controls the size of the caption.
+     */
+    size: DuetCaptionSize;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }