@ukic/web-components 2.1.0-beta.7 → 2.1.0-beta.9

package/dist/types/components/ic-tab-group/ic-tab-group.d.ts

@@ -1,4 +1,3 @@
-import { IcTabClickEventDetail } from "../ic-tab/ic-tab.types";
 import { IcThemeForegroundNoDefault } from "../../utils/types";
 export declare class TabGroup {
   host: HTMLIcTabGroupElement;
@@ -14,37 +13,10 @@ export declare class TabGroup {
    * The label to describe the purpose of the set of tabs to screen reader users.
    */
   label: string;
-  /** @internal The appearance of the tab group, e.g dark, or light. */
-  appearance?: IcThemeForegroundNoDefault;
-  firstTabVisible: boolean;
-  lastTabVisible: boolean;
-  tabOverflow: boolean;
-  private tabs;
-  private tabOffsets;
-  private tabGroupEl;
-  private splitterEl;
-  private resizeObserver;
-  private isScrolling;
-  private scrollDelay;
-  private buttonStateSet;
   /**
-   * @internal if tab side scrolling enabled, scrolls the specified tab into view
+   * @internal The appearance of the tab group, e.g dark, or light.
    */
-  scrollTabIntoView(tabNumber: number): Promise<void>;
-  tabFocusHandler(event: CustomEvent<IcTabClickEventDetail>): void;
-  private resizeObserverCallback;
-  private runResizeObserver;
-  private scrollLeft;
-  private scrollRight;
-  private longScrollRight;
-  private longScrollLeft;
-  private leftArrowMouseDownHandler;
-  private rightArrowMouseDownHandler;
-  private arrowMouseUpHandler;
-  private getCurrentLeftTab;
-  private scrollHandler;
-  private scrollStopped;
+  appearance?: IcThemeForegroundNoDefault;
   componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/ic-text-field/ic-text-field.d.ts

@@ -156,7 +156,7 @@ export declare class TextField {
   initialValue: string;
   watchValueHandler(newValue: string): void;
   /**
-   * Sets focus on the native `input`
+   * Sets focus on the native `input`.
    */
   setFocus(): Promise<void>;
   handleKeyDown(ev: KeyboardEvent): void;

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

@@ -0,0 +1,66 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { IcActivationTypes, IcStatusVariants } from "../../utils/types";
+import { ActionAreaElementTypes } from "./ic-toast.types";
+/**
+ * @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.
+ * @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.
+ */
+export declare class Toast {
+  el: HTMLIcToastElement;
+  /**
+   * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
+   */
+  heading: string;
+  /**
+   * The variant of the toast being rendered
+   */
+  variant?: IcStatusVariants;
+  /**
+   * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+   */
+  message?: string;
+  /**
+   * How the toast will be dismissed. If manual will display a dismiss button.
+   */
+  dismissMode?: IcActivationTypes;
+  /**
+   * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)
+   * (NOTE: Has a minimum value of `5000ms`)
+   */
+  autoDismissTimeout?: number;
+  /**
+   * Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon
+   */
+  neutralIconAriaLabel?: string;
+  /**
+   * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
+   */
+  dismissButtonAriaLabel?: string;
+  /**
+   * Is emitted when the user dismisses the toast
+   */
+  icDismiss: EventEmitter<void>;
+  visible: boolean;
+  timerProgress: number;
+  dismissTimeout: number;
+  timerRefreshInterval: number;
+  isManual: boolean;
+  interactiveElements: ActionAreaElementTypes[];
+  neutralVariantLabel: string;
+  /**
+   * Used to display the individual toast
+   * @returns The element that previously had focus before the toast appeared
+   */
+  setVisible(): Promise<HTMLElement>;
+  handleDismiss(): void;
+  handleKeyboard(ev: KeyboardEvent): void;
+  handleTimer(ev: MouseEvent): void;
+  private dismissAction;
+  private handleProgressChange;
+  private handleLongText;
+  private findNextInteractiveElement;
+  private isActive;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ic-toast/ic-toast.test.a11y.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export declare type ActionAreaElementTypes = HTMLIcButtonElement | HTMLIcLinkElement;

package/dist/types/components/ic-toast-region/ic-toast-region.d.ts

@@ -0,0 +1,12 @@
+export declare class ToastRegion {
+  el: HTMLIcToastRegionElement;
+  previouslyFocused: HTMLElement;
+  pendingVisibility: HTMLIcToastElement[];
+  /**
+   * Handles setting the visibility of various toasts based on what is already visible
+   * @param toast The toast element being requested to display
+   */
+  setVisible(toast: HTMLIcToastElement): Promise<void>;
+  handleDismissedToast(): void;
+  render(): any;
+}

package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcAlignment, IcThemeForeground } from "../../utils/types";
 /**
  * @slot app-icon - Content will be rendered to left of app title.
+ * @slot app-title - Handle routing by nesting a route in the app title.
  * @slot search - Content will be rendered in search area to left of buttons.
  * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices
  * @slot navigation - Content will be rendered in navigation panel.
@@ -10,7 +11,7 @@ import { IcAlignment, IcThemeForeground } from "../../utils/types";
 export declare class TopNavigation {
   el: HTMLIcTopNavigationElement;
   /**
-   * The app title to be displayed.
+   * The app title to be displayed. This is required, unless a slotted app title link is used.
    */
   appTitle: string;
   /**