@ukic/web-components 2.8.0 → 2.10.0

package/dist/types/components/ic-hero/ic-hero.d.ts

@@ -7,55 +7,55 @@ import { IcHeroContentAlignments } from "./ic-hero.types";
  * @slot secondary - Content will be rendered in the secondary content area.
  */
 export declare class Hero {
-  el: HTMLIcHeroElement;
-  foregroundColor: IcThemeForeground;
-  rightContent: boolean;
-  leftContentFullWidth: boolean;
-  scrollFactor: string;
-  /**
-   * The alignment of the hero.
-   */
-  aligned: IcAlignment;
-  /**
-   * The optional background image.
-   */
-  backgroundImage?: string;
-  /**
-   * The alignment of the hero content.
-   */
-  contentAligned: IcHeroContentAlignments;
-  /**
-   * If `true`, the background image (if set) will not scroll using a parallax effect.
-   */
-  disableBackgroundParallax?: boolean;
-  /**
-   * The heading of the hero.
-   */
-  heading: string;
-  /**
-   * The optional secondary heading, replaced by slotted right content.
-   */
-  secondaryHeading?: string;
-  /**
-   * The optional secondary subheading, replaced by slotted right content.
-   */
-  secondarySubheading?: string;
-  /**
-   * The size of the hero component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   * The description for the hero.
-   */
-  subheading?: string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  themeChangeHandler(ev: CustomEvent): void;
-  doScroll(): void;
-  render(): any;
+    el: HTMLIcHeroElement;
+    foregroundColor: IcThemeForeground;
+    rightContent: boolean;
+    leftContentFullWidth: boolean;
+    scrollFactor: string;
+    /**
+     * The alignment of the hero.
+     */
+    aligned: IcAlignment;
+    /**
+     * The optional background image.
+     */
+    backgroundImage?: string;
+    /**
+     * The alignment of the hero content.
+     */
+    contentAligned: IcHeroContentAlignments;
+    /**
+     * If `true`, the background image (if set) will not scroll using a parallax effect.
+     */
+    disableBackgroundParallax?: boolean;
+    /**
+     * The heading of the hero.
+     */
+    heading: string;
+    /**
+     * The optional secondary heading, replaced by slotted right content.
+     */
+    secondaryHeading?: string;
+    /**
+     * The optional secondary subheading, replaced by slotted right content.
+     */
+    secondarySubheading?: string;
+    /**
+     * The size of the hero component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     * The description for the hero.
+     */
+    subheading?: string;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    themeChangeHandler(ev: CustomEvent): void;
+    doScroll(): void;
+    render(): any;
 }

package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts

@@ -1,44 +1,44 @@
 import { IcThemeForeground } from "../../utils/types";
 export declare class HorizontalScroll {
-  private buttonStateSet;
-  private isScrolling;
-  private itemOffsets;
-  private items;
-  private itemsContainerEl;
-  private resizeObserver;
-  private scrollDelay;
-  el: HTMLIcHorizontalScrollElement;
-  firstItemVisible: boolean;
-  itemOverflow: boolean;
-  lastItemVisible: boolean;
-  /**
-   * The appearance of the horizontal scroll, e.g. dark, light or the default.
-   */
-  appearance?: IcThemeForeground;
-  /**
-   * @internal The name of the event that triggers focus handler logic.
-   */
-  focusTrigger?: string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /**
-   * @internal if side scrolling enabled, scrolls the specified item into view.
-   */
-  scrollItemIntoView(itemPosition: number): Promise<void>;
-  private focusHandler;
-  private itemFocusHandler;
-  private resizeObserverCallback;
-  private runResizeObserver;
-  private scrollLeft;
-  private scrollRight;
-  private longScrollRight;
-  private longScrollLeft;
-  private leftArrowMouseDownHandler;
-  private rightArrowMouseDownHandler;
-  private arrowMouseUpHandler;
-  private getCurrentLeftItem;
-  private scrollHandler;
-  private scrollStopped;
-  render(): any;
+    private buttonStateSet;
+    private isScrolling;
+    private itemOffsets;
+    private items;
+    private itemsContainerEl;
+    private resizeObserver;
+    private scrollDelay;
+    el: HTMLIcHorizontalScrollElement;
+    firstItemVisible: boolean;
+    itemOverflow: boolean;
+    lastItemVisible: boolean;
+    /**
+     * The appearance of the horizontal scroll, e.g. dark, light or the default.
+     */
+    appearance?: IcThemeForeground;
+    /**
+     * @internal The name of the event that triggers focus handler logic.
+     */
+    focusTrigger?: string;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * @internal if side scrolling enabled, scrolls the specified item into view.
+     */
+    scrollItemIntoView(itemPosition: number): Promise<void>;
+    private focusHandler;
+    private itemFocusHandler;
+    private resizeObserverCallback;
+    private runResizeObserver;
+    private scrollLeft;
+    private scrollRight;
+    private longScrollRight;
+    private longScrollLeft;
+    private leftArrowMouseDownHandler;
+    private rightArrowMouseDownHandler;
+    private arrowMouseUpHandler;
+    private getCurrentLeftItem;
+    private scrollHandler;
+    private scrollStopped;
+    render(): any;
 }

package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts

@@ -3,46 +3,46 @@ import { IcInformationStatusOrEmpty, IcSizesNoLarge } from "../../utils/types";
  * @slot left-icon - Content will be placed to the left of the input.
  */
 export declare class InputComponentContainer {
-  el: HTMLIcInputComponentContainerElement;
-  /**
-   * The appearance of the input component container.
-   */
-  appearance?: "dark" | "default";
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
-   */
-  dark?: boolean;
-  /**
-   *  If `true`, the disabled state will be set.
-   */
-  disabled: boolean;
-  /**
-   *  If `true`, the input component container will fill the width of the container it is in.
-   */
-  fullWidth: boolean;
-  /**
-   *  If `true`, the input component container will allow for multiple lines.
-   */
-  multiLine: boolean;
-  /**
-   *  If `true`, the readonly state will be set.
-   */
-  readonly: boolean;
-  /**
-   * The size of the input component container component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   *  If `true`, the validation will display inline.
-   */
-  validationInline: boolean;
-  /**
-   * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
-   */
-  validationStatus: IcInformationStatusOrEmpty;
-  render(): any;
+    el: HTMLIcInputComponentContainerElement;
+    /**
+     * The appearance of the input component container.
+     */
+    appearance?: "dark" | "default";
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
+     */
+    dark?: boolean;
+    /**
+     *  If `true`, the disabled state will be set.
+     */
+    disabled: boolean;
+    /**
+     *  If `true`, the input component container will fill the width of the container it is in.
+     */
+    fullWidth: boolean;
+    /**
+     *  If `true`, the input component container will allow for multiple lines.
+     */
+    multiLine: boolean;
+    /**
+     *  If `true`, the readonly state will be set.
+     */
+    readonly: boolean;
+    /**
+     * The size of the input component container component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     *  If `true`, the validation will display inline.
+     */
+    validationInline: boolean;
+    /**
+     * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
+     */
+    validationStatus: IcInformationStatusOrEmpty;
+    render(): any;
 }

package/dist/types/components/ic-input-container/ic-input-container.d.ts

@@ -1,11 +1,11 @@
 export declare class InputContainer {
-  /**
-   * If `true`, the disabled state will be set.
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the readonly state will be set.
-   */
-  readonly?: boolean;
-  render(): any;
+    /**
+     * If `true`, the disabled state will be set.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the readonly state will be set.
+     */
+    readonly?: boolean;
+    render(): any;
 }

package/dist/types/components/ic-input-label/ic-input-label.d.ts

@@ -1,40 +1,40 @@
 export declare class InputLabel {
-  /**
-   * The appearance of the input label.
-   */
-  appearance?: "dark" | "default";
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
-   */
-  dark?: boolean;
-  /**
-   * If `true`, the disabled state will be set.
-   */
-  disabled: boolean;
-  /**
-   * If `true`, the input label will display with error styling.
-   */
-  error?: boolean;
-  /**
-   * The ID of the form element the label is bound to.
-   */
-  for: string;
-  /**
-   * The helper text that will be displayed.
-   */
-  helperText: string;
-  /**
-   * The text content of the label.
-   */
-  label: string;
-  /**
-   * If `true`, the readonly state will be set.
-   */
-  readonly: boolean;
-  /**
-   * If `true`, the input label will require a value.
-   */
-  required: boolean;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * The appearance of the input label.
+     */
+    appearance?: "dark" | "default";
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
+     */
+    dark?: boolean;
+    /**
+     * If `true`, the disabled state will be set.
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the input label will display with error styling.
+     */
+    error?: boolean;
+    /**
+     * The ID of the form element the label is bound to.
+     */
+    for: string;
+    /**
+     * The helper text that will be displayed.
+     */
+    helperText: string;
+    /**
+     * The text content of the label.
+     */
+    label: string;
+    /**
+     * If `true`, the readonly state will be set.
+     */
+    readonly: boolean;
+    /**
+     * If `true`, the input label will require a value.
+     */
+    required: boolean;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/ic-input-validation/ic-input-validation.d.ts

@@ -4,27 +4,27 @@ import { IcAriaLiveModeVariants } from "./ic-input-validation.types";
  * @slot validation-message-adornment - Content will be placed to the right of the validation message.
  */
 export declare class InputValidation {
-  el: HTMLIcInputValidationElement;
-  /**
-   *  The ARIA live mode to apply to the message.
-   */
-  ariaLiveMode: IcAriaLiveModeVariants;
-  /**
-   * The ID of the form element the validation is bound to.
-   */
-  for: string;
-  /**
-   *  If `true`, the input validation will fill the width of the container.
-   */
-  fullWidth: boolean;
-  /**
-   * The validation message to display.
-   */
-  message: string;
-  /**
-   * The status of the validation - e.g. 'error' | 'warning' | 'success'.
-   */
-  status: IcInformationStatusOrEmpty;
-  componentDidLoad(): void;
-  render(): any;
+    el: HTMLIcInputValidationElement;
+    /**
+     *  The ARIA live mode to apply to the message.
+     */
+    ariaLiveMode: IcAriaLiveModeVariants;
+    /**
+     * The ID of the form element the validation is bound to.
+     */
+    for: string;
+    /**
+     *  If `true`, the input validation will fill the width of the container.
+     */
+    fullWidth: boolean;
+    /**
+     * The validation message to display.
+     */
+    message: string;
+    /**
+     * The status of the validation - e.g. 'error' | 'warning' | 'success'.
+     */
+    status: IcInformationStatusOrEmpty;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/ic-link/ic-link.d.ts

@@ -3,48 +3,48 @@ import { IcThemeForeground } from "../../utils/types";
  * @slot router-item - Handle routing by nesting your routes in this slot.
  */
 export declare class Link {
-  private inheritedAttributes;
-  private routerSlot;
-  el: HTMLIcLinkElement;
-  /**
-   * The appearance of the link, e.g. dark, light, or default.
-   */
-  appearance?: IcThemeForeground;
-  /**
-   * If `true`, the user can save the linked URL instead of navigating to it.
-   */
-  download?: string | boolean;
-  /**
-   * The URL that the link points to.
-   */
-  href?: string;
-  /**
-   * The human language of the linked URL.
-   */
-  hreflang?: string;
-  /**
-   * How much of the referrer to send when following the link.
-   */
-  referrerpolicy?: ReferrerPolicy;
-  /**
-   * The relationship of the linked URL as space-separated link types.
-   */
-  rel?: string;
-  /**
-   * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
-   */
-  showIcon?: boolean;
-  /**
-   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
-   */
-  target?: string;
-  componentWillLoad(): void;
-  themeChangeHandler(ev: CustomEvent): void;
-  /**
-   * Sets focus on the link.
-   */
-  setFocus(): Promise<void>;
-  private updateTheme;
-  private hasRouterSlot;
-  render(): any;
+    private inheritedAttributes;
+    private routerSlot;
+    el: HTMLIcLinkElement;
+    /**
+     * The appearance of the link, e.g. dark, light, or default.
+     */
+    appearance?: IcThemeForeground;
+    /**
+     * If `true`, the user can save the linked URL instead of navigating to it.
+     */
+    download?: string | boolean;
+    /**
+     * The URL that the link points to.
+     */
+    href?: string;
+    /**
+     * The human language of the linked URL.
+     */
+    hreflang?: string;
+    /**
+     * How much of the referrer to send when following the link.
+     */
+    referrerpolicy?: ReferrerPolicy;
+    /**
+     * The relationship of the linked URL as space-separated link types.
+     */
+    rel?: string;
+    /**
+     * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
+     */
+    showIcon?: boolean;
+    /**
+     * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+     */
+    target?: string;
+    componentWillLoad(): void;
+    themeChangeHandler(ev: CustomEvent): void;
+    /**
+     * Sets focus on the link.
+     */
+    setFocus(): Promise<void>;
+    private updateTheme;
+    private hasRouterSlot;
+    render(): any;
 }