@haiilo/catalyst 8.1.0 → 8.2.0

package/dist/types/components/cat-button/cat-button.d.ts

@@ -10,155 +10,155 @@ import { Breakpoint } from '../../utils/breakpoints';
  * @part suffix - The suffix icon.
  */
 export declare class CatButton {
-  private button;
-  private mediaMatcher?;
-  private mediaQueryList?;
-  private mediaQueryListener?;
-  _iconOnly: boolean;
-  /**
-   * The rendering style of the button.
-   */
-  variant: 'filled' | 'outlined' | 'text' | 'link';
-  /**
-   * The color palette of the button.
-   */
-  color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
-  /**
-   * Set the button into an active state.
-   */
-  active: boolean;
-  /**
-   * The size of the button.
-   */
-  size: 'xs' | 's' | 'm' | 'l' | 'xl';
-  /**
-   * 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;
-  /**
-   * Specifies that the button should be disabled. A disabled button is unusable
-   * and un-clickable. Corresponds with the native HTML disabled attribute.
-   */
-  disabled: boolean;
-  /**
-   * Displays the button in a loading state with a spinner. Just like a disabled
-   * button, an inactive button is unusable and un-clickable. However, it
-   * retains the current focus state.
-   */
-  loading: boolean;
-  /**
-   * Allows the button to submit a form.
-   */
-  submit: boolean;
-  /**
-   * Disables ellipse overflowing button content.
-   */
-  noEllipsis: boolean;
-  /**
-   * Use round button edges.
-   */
-  round: boolean;
-  /**
-   * A destination to link to, rendered in the href attribute of a link.
-   */
-  url?: string;
-  /**
-   * Specifies where to open the linked document.
-   */
-  urlTarget?: '_blank' | '_self';
-  /**
-   * The name of an icon to be displayed in the button.
-   */
-  icon?: string;
-  /**
-   * Hide the actual button content and only display the icon.
-   */
-  iconOnly: boolean | Breakpoint;
-  /**
-   * Display the icon on the right.
-   */
-  iconRight: boolean;
-  /**
-   * Adds a unique identifier for the button. Please note that with this
-   * particular component this ID is added inside the web component. If you need
-   * an ID on the HTML element, use the regular `id` attribute instead.
-   */
-  buttonId?: string;
-  /**
-   * 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.
-   */
-  a11yLabel?: string;
-  /**
-   * Sets the `aria-current` attribute on the button.
-   */
-  a11yCurrent?: string;
-  /**
-   * Attributes that will be added to the native HTML button element
-   */
-  nativeAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Attributes that will be added to the native HTML button content element
-   */
-  nativeContentAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * The index of a button that is used inside a cat-button-group component
-   */
-  buttonGroupPosition?: 'first' | 'last' | 'middle';
-  onIconOnlyChanged(value: boolean | Breakpoint): void;
-  /**
-   * Emitted when the button is clicked.
-   */
-  catClick: EventEmitter<MouseEvent>;
-  /**
-   * Emitted when the button received focus.
-   */
-  catFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the button loses focus.
-   */
-  catBlur: EventEmitter<FocusEvent>;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  haltDisabledEvents(event: Event): void;
-  /**
-   * Programmatically move focus to the button. Use this method instead of
-   * `button.focus()`.
-   *
-   * @param options An optional object providing options to control aspects of
-   * the focusing process.
-   */
-  doFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * Programmatically remove focus from the button. Use this method instead of
-   * `button.blur()`.
-   */
-  doBlur(): Promise<void>;
-  /**
-   * Programmatically simulate a click on the button.
-   */
-  doClick(): Promise<void>;
-  render(): any;
-  private get iconSize();
-  private get spinnerSize();
-  private get isIconButton();
-  private get hasPrefixIcon();
-  private get hasSuffixIcon();
-  private get content();
-  private onClick;
-  private onFocus;
-  private onBlur;
+    private button;
+    private mediaMatcher?;
+    private mediaQueryList?;
+    private mediaQueryListener?;
+    _iconOnly: boolean;
+    /**
+     * The rendering style of the button.
+     */
+    variant: 'filled' | 'outlined' | 'text' | 'link';
+    /**
+     * The color palette of the button.
+     */
+    color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
+    /**
+     * Set the button into an active state.
+     */
+    active: boolean;
+    /**
+     * The size of the button.
+     */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * 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;
+    /**
+     * Specifies that the button should be disabled. A disabled button is unusable
+     * and un-clickable. Corresponds with the native HTML disabled attribute.
+     */
+    disabled: boolean;
+    /**
+     * Displays the button in a loading state with a spinner. Just like a disabled
+     * button, an inactive button is unusable and un-clickable. However, it
+     * retains the current focus state.
+     */
+    loading: boolean;
+    /**
+     * Allows the button to submit a form.
+     */
+    submit: boolean;
+    /**
+     * Disables ellipse overflowing button content.
+     */
+    noEllipsis: boolean;
+    /**
+     * Use round button edges.
+     */
+    round: boolean;
+    /**
+     * A destination to link to, rendered in the href attribute of a link.
+     */
+    url?: string;
+    /**
+     * Specifies where to open the linked document.
+     */
+    urlTarget?: '_blank' | '_self';
+    /**
+     * The name of an icon to be displayed in the button.
+     */
+    icon?: string;
+    /**
+     * Hide the actual button content and only display the icon.
+     */
+    iconOnly: boolean | Breakpoint;
+    /**
+     * Display the icon on the right.
+     */
+    iconRight: boolean;
+    /**
+     * Adds a unique identifier for the button. Please note that with this
+     * particular component this ID is added inside the web component. If you need
+     * an ID on the HTML element, use the regular `id` attribute instead.
+     */
+    buttonId?: string;
+    /**
+     * 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.
+     */
+    a11yLabel?: string;
+    /**
+     * Sets the `aria-current` attribute on the button.
+     */
+    a11yCurrent?: string;
+    /**
+     * Attributes that will be added to the native HTML button element
+     */
+    nativeAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Attributes that will be added to the native HTML button content element
+     */
+    nativeContentAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * The index of a button that is used inside a cat-button-group component
+     */
+    buttonGroupPosition?: 'first' | 'last' | 'middle';
+    onIconOnlyChanged(value: boolean | Breakpoint): void;
+    /**
+     * Emitted when the button is clicked.
+     */
+    catClick: EventEmitter<MouseEvent>;
+    /**
+     * Emitted when the button received focus.
+     */
+    catFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the button loses focus.
+     */
+    catBlur: EventEmitter<FocusEvent>;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    haltDisabledEvents(event: Event): void;
+    /**
+     * Programmatically move focus to the button. Use this method instead of
+     * `button.focus()`.
+     *
+     * @param options An optional object providing options to control aspects of
+     * the focusing process.
+     */
+    doFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * Programmatically remove focus from the button. Use this method instead of
+     * `button.blur()`.
+     */
+    doBlur(): Promise<void>;
+    /**
+     * Programmatically simulate a click on the button.
+     */
+    doClick(): Promise<void>;
+    render(): any;
+    private get iconSize();
+    private get spinnerSize();
+    private get isIconButton();
+    private get hasPrefixIcon();
+    private get hasSuffixIcon();
+    private get content();
+    private onClick;
+    private onFocus;
+    private onBlur;
 }

package/dist/types/components/cat-button-group/cat-button-group.d.ts

@@ -3,13 +3,13 @@
  * similar nature. For example text formatting controls.
  */
 export declare class CatButtonGroup {
-  private formElements;
-  hostElement: HTMLElement;
-  /**
-   * Adds an accessible label for the button group that
-   * it is only shown in assistive technologies, like screen readers.
-   */
-  a11yLabel?: string;
-  render(): any;
-  private onSlotChange;
+    private formElements;
+    hostElement: HTMLElement;
+    /**
+     * Adds an accessible label for the button group that
+     * it is only shown in assistive technologies, like screen readers.
+     */
+    a11yLabel?: string;
+    render(): any;
+    private onSlotChange;
 }

package/dist/types/components/cat-card/cat-card.d.ts

@@ -3,5 +3,5 @@
  * should be easy to scan for relevant and actionable information.
  */
 export declare class CatCard {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/cat-checkbox/cat-checkbox.d.ts

@@ -9,101 +9,101 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part input - The native input element.
  */
 export declare class CatCheckbox {
-  private readonly _id;
-  private get id();
-  private input;
-  hostElement: HTMLElement;
-  hasSlottedLabel: boolean;
-  hasSlottedHint: boolean;
-  /**
-   * Checked state of the checkbox
-   */
-  checked: boolean;
-  /**
-   * Indeterminate state of the checkbox
-   */
-  indeterminate: boolean;
-  /**
-   * Disabled state of the checkbox
-   */
-  disabled: boolean;
-  /**
-   * A unique identifier for the input.
-   */
-  identifier?: string;
-  /**
-   * Label of the checkbox which is presented in the UI
-   */
-  label: string;
-  /**
-   * Visually hide the label, but still show it to assistive technologies like screen readers.
-   */
-  labelHidden: boolean;
-  /**
-   * The name of the input.
-   */
-  name?: string;
-  /**
-   * Required state of the checkbox.
-   */
-  required: boolean;
-  /**
-   * The value of the checked checkbox.
-   */
-  value?: any;
-  /**
-   * The value of the unchecked checkbox.
-   */
-  noValue?: any;
-  /**
-   * The resolved value of the checkbox, based on the checked state and value.
-   */
-  resolvedValue: any;
-  /**
-   * Optional hint text(s) to be displayed with the checkbox.
-   */
-  hint?: string | string[];
-  /**
-   * Whether the label should appear to the left of the checkbox.
-   */
-  labelLeft: boolean;
-  /**
-   * Attributes that will be added to the native HTML input element.
-   */
-  nativeAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Emitted when the checked status of the checkbox is changed.
-   */
-  catChange: EventEmitter<any>;
-  /**
-   * Emitted when the checkbox received focus.
-   */
-  catFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the checkbox loses focus.
-   */
-  catBlur: EventEmitter<FocusEvent>;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  /**
-   * Programmatically move focus to the checkbox. Use this method instead of
-   * `input.focus()`.
-   *
-   * @param options An optional object providing options to control aspects of
-   * the focusing process.
-   */
-  doFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * Programmatically remove focus from the checkbox. Use this method instead of
-   * `input.blur()`.
-   */
-  doBlur(): Promise<void>;
-  render(): any;
-  private get hasHint();
-  private onInput;
-  private onFocus;
-  private onBlur;
-  private updateResolved;
+    private readonly _id;
+    private get id();
+    private input;
+    hostElement: HTMLElement;
+    hasSlottedLabel: boolean;
+    hasSlottedHint: boolean;
+    /**
+     * Checked state of the checkbox
+     */
+    checked: boolean;
+    /**
+     * Indeterminate state of the checkbox
+     */
+    indeterminate: boolean;
+    /**
+     * Disabled state of the checkbox
+     */
+    disabled: boolean;
+    /**
+     * A unique identifier for the input.
+     */
+    identifier?: string;
+    /**
+     * Label of the checkbox which is presented in the UI
+     */
+    label: string;
+    /**
+     * Visually hide the label, but still show it to assistive technologies like screen readers.
+     */
+    labelHidden: boolean;
+    /**
+     * The name of the input.
+     */
+    name?: string;
+    /**
+     * Required state of the checkbox.
+     */
+    required: boolean;
+    /**
+     * The value of the checked checkbox.
+     */
+    value?: any;
+    /**
+     * The value of the unchecked checkbox.
+     */
+    noValue?: any;
+    /**
+     * The resolved value of the checkbox, based on the checked state and value.
+     */
+    resolvedValue: any;
+    /**
+     * Optional hint text(s) to be displayed with the checkbox.
+     */
+    hint?: string | string[];
+    /**
+     * Whether the label should appear to the left of the checkbox.
+     */
+    labelLeft: boolean;
+    /**
+     * Attributes that will be added to the native HTML input element.
+     */
+    nativeAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Emitted when the checked status of the checkbox is changed.
+     */
+    catChange: EventEmitter<any>;
+    /**
+     * Emitted when the checkbox received focus.
+     */
+    catFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the checkbox loses focus.
+     */
+    catBlur: EventEmitter<FocusEvent>;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    /**
+     * Programmatically move focus to the checkbox. Use this method instead of
+     * `input.focus()`.
+     *
+     * @param options An optional object providing options to control aspects of
+     * the focusing process.
+     */
+    doFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * Programmatically remove focus from the checkbox. Use this method instead of
+     * `input.blur()`.
+     */
+    doBlur(): Promise<void>;
+    render(): any;
+    private get hasHint();
+    private onInput;
+    private onFocus;
+    private onBlur;
+    private updateResolved;
 }

package/dist/types/components/cat-datepicker/cat-datepicker.config.d.ts

@@ -1,16 +1,16 @@
 import flatpickr from 'flatpickr';
 import { CatDatepickerMode } from './cat-datepicker.mode';
 export declare function getConfig(options: {
-  locale: flatpickr.CustomLocale;
-  format: string;
-  mode: CatDatepickerMode;
-  min: string | undefined;
-  max: string | undefined;
-  step: number;
-  disabled: boolean;
-  readonly: boolean;
-  nativePickerAttributes: {
-    [key: string]: string;
-  };
-  applyChange: (value?: string) => void;
+    locale: flatpickr.CustomLocale;
+    format: string;
+    mode: CatDatepickerMode;
+    min: string | undefined;
+    max: string | undefined;
+    step: number;
+    disabled: boolean;
+    readonly: boolean;
+    nativePickerAttributes: {
+        [key: string]: string;
+    };
+    applyChange: (value?: string) => void;
 }, more?: flatpickr.Options.Options): flatpickr.Options.Options;