@ukic/web-components 2.1.0-beta.15 → 2.1.0-beta.17

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

@@ -1,67 +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 {
+  private dismissTimeout;
+  private interactiveElements;
+  private isManual;
+  private neutralVariantLabel;
+  private timerRefreshInterval;
   el: HTMLIcToastElement;
+  timerProgress: number;
+  visible: boolean;
   /**
-   * 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
+   * 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`)
    */
-  variant?: IcStatusVariants;
+  autoDismissTimeout?: number;
   /**
-   * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+   * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
    */
-  message?: string;
+  dismissButtonAriaLabel?: 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`)
+   * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
    */
-  autoDismissTimeout?: number;
+  heading: string;
+  /**
+   * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+   */
+  message?: string;
   /**
    * 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
+   * The variant of the toast being rendered
    */
-  dismissButtonAriaLabel?: string;
+  variant?: IcStatusVariants;
   /**
    * 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;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  handleDismiss(): void;
+  handleKeyboard(ev: KeyboardEvent): void;
+  handleTimer(ev: MouseEvent): void;
   /**
    * 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;
-  disconnectedCallback(): void;
   render(): any;
 }

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

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

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

@@ -1,12 +1,12 @@
 export declare class ToastRegion {
+  private pendingVisibility;
+  private previouslyFocused;
   el: HTMLIcToastRegionElement;
-  previouslyFocused: HTMLElement;
-  pendingVisibility: HTMLIcToastElement[];
+  handleDismissedToast(): void;
   /**
    * 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-tooltip/ic-tooltip.d.ts

@@ -1,37 +1,40 @@
 import { IcTooltipPlacements } from "./ic-tooltip.types";
 export declare class Tooltip {
+  private arrow;
+  private delayedHideEvents;
+  private instantHideEvents;
+  private mouseOverTool;
+  private persistTooltip;
+  private popperInstance;
+  private screenReaderOnlyStyles;
+  private showEvents;
+  private toolTip;
   el: HTMLIcTooltipElement;
   /**
-   * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
+   * If `true`, the tooltip will not be displayed on hover, it will require a click.
    */
-  target?: string;
+  disableHover?: boolean;
   /**
    * The position of the tool-tip in relation to the parent element.
    */
   placement?: IcTooltipPlacements;
   /**
-   * The text to display on the tooltip.
+   * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
    */
-  label: string;
+  target?: string;
   /**
-   * If `true`, the tooltip will not be displayed on hover, it will require a click.
+   * The text to display on the tooltip.
    */
-  disableHover?: boolean;
+  label: string;
   updateLabel(newValue: string): void;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
   /**
    * Method to programmatically show/hide the tooltip without needing to interact with an anchor element
    * @param show Whether to show or hide the tooltip
    * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover
    */
   displayTooltip(show: boolean, persistTooltip?: boolean): Promise<void>;
-  private toolTip;
-  private arrow;
-  private mouseOverTool;
-  private showEvents;
-  private instantHideEvents;
-  private delayedHideEvents;
-  private popperInstance;
-  private persistTooltip;
   private show;
   private hide;
   private checkCloseTooltip;
@@ -39,8 +42,5 @@ export declare class Tooltip {
   private mouseLeaveTooltip;
   private handleKeyDown;
   private manageEventListeners;
-  private screenReaderOnlyStyles;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

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

@@ -1 +1 @@
-export declare type IcTooltipPlacements = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start";
+export type IcTooltipPlacements = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start";

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

@@ -9,55 +9,60 @@ import { IcAlignment, IcThemeForeground } from "../../utils/types";
  * @slot buttons - Content will be rendered to right of search bar.
  */
 export declare class TopNavigation {
+  private hasAppIcon;
+  private hasIconButtons;
+  private hasNavigation;
+  private hasSearchSlotContent;
+  private mobileSearchButtonEl;
+  private resizeObserver;
+  private searchBar;
   el: HTMLIcTopNavigationElement;
+  deviceSize: number;
+  foregroundColor: IcThemeForeground;
+  hasFullWidthSearchBar: boolean;
+  menuOpen: boolean;
+  mobileSearchBarVisible: boolean;
+  mobileSearchHiddenOnBlur: boolean;
+  navMenuVisible: boolean;
+  searchButtonClick: boolean;
+  searchValue: string;
   /**
-   * The app title to be displayed. This is required, unless a slotted app title link is used.
+   * The alignment of the top navigation content.
    */
-  appTitle: string;
+  contentAligned: IcAlignment;
   /**
    *  The URL to navigate to when the app title is clicked.
    */
   href: string;
   /**
-   * The version info to be displayed.
+   * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
    */
-  version: string;
+  inline: boolean;
   /**
    * The status info to be displayed.
    */
   status: string;
   /**
-   * The alignment of the top navigation content.
+   * The version info to be displayed.
    */
-  contentAligned: IcAlignment;
+  version: string;
   /**
-   * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
+   * The app title to be displayed. This is required, unless a slotted app title link is used.
    */
-  inline: boolean;
-  menuOpen: boolean;
-  deviceSize: number;
-  mobileSearchBarVisible: boolean;
-  navMenuVisible: boolean;
-  searchValue: string;
-  mobileSearchHiddenOnBlur: boolean;
-  searchButtonClick: boolean;
-  foregroundColor: IcThemeForeground;
-  hasFullWidthSearchBar: boolean;
+  appTitle: string;
   watchPropHandler(newValue: string, oldValue: string): void;
-  /**
-   * @internal - Emitted when the menu is opened.
-   */
-  icNavigationMenuOpened: EventEmitter<void>;
   /**
    * @internal - Emitted when the menu is closed.
    */
   icNavigationMenuClosed: EventEmitter<void>;
-  private hasAppIcon;
-  private hasNavigation;
-  private hasIconButtons;
-  private hasSearchSlotContent;
-  private searchBar;
-  private mobileSearchButtonEl;
+  /**
+   * @internal - Emitted when the menu is opened.
+   */
+  icNavigationMenuOpened: EventEmitter<void>;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
   navBarMenuCloseHandler(): void;
   searchInputBlurHandler(ev: CustomEvent): void;
   searchValueChangeHandler(ev: CustomEvent): void;
@@ -69,12 +74,7 @@ export declare class TopNavigation {
   private showNavMenu;
   private searchButtonMouseDownHandler;
   private searchButtonClickHandler;
-  private resizeObserver;
   private resizeObserverCallback;
   private runResizeObserver;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

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

@@ -1,10 +1,16 @@
 import { IcTypographyVariants } from "../../utils/types";
 export declare class Typography {
+  private focusBtnFromKeyboard;
+  private lastMarkerTop;
+  private lastWidth;
+  private marker;
+  private resizeInterval;
+  private resizeObserver;
+  private truncatedHeight;
+  private truncWrapperEl;
   el: HTMLIcTypographyElement;
-  /**
-   * The ICDS typography style to use.
-   */
-  variant?: IcTypographyVariants;
+  truncated: boolean;
+  truncButtonFocussed: boolean;
   /**
    * If `true`, appropriate top and bottom margins will be applied to the typography.
    */
@@ -13,18 +19,14 @@ export declare class Typography {
    * The number of lines to display before truncating the text, only used for the 'body' variant.
    */
   maxLines?: number;
+  /**
+   * The ICDS typography style to use.
+   */
+  variant?: IcTypographyVariants;
   expanded: boolean;
-  truncated: boolean;
-  truncButtonFocussed: boolean;
-  private truncWrapperEl;
-  private resizeObserver;
-  private resizeInterval;
-  private lastWidth;
-  private lastMarkerTop;
-  private truncatedHeight;
-  private marker;
-  private focusBtnFromKeyboard;
   watchExpandedHandler(): void;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
   private toggleExpanded;
   private checkMaxLines;
   private checkMarkerPosition;
@@ -34,7 +36,5 @@ export declare class Typography {
   private truncButtonFocus;
   private truncButtonBlur;
   private truncButtonFocusFromMouse;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

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

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