@ukic/web-components 2.2.0 → 2.4.0

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcAdditionalFieldTypes } from "../../utils/types";
+import { IcAdditionalFieldTypes, IcSizes } from "../../utils/types";
 export declare class Checkbox {
   private additionalFieldContainer;
   private IC_TEXT_FIELD;
@@ -38,7 +38,11 @@ export declare class Checkbox {
    */
   name: string;
   /**
-   * If true, the small styling will be applied to the checkbox.
+   * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
+   */
+  size?: IcSizes;
+  /**
+   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
    */
   small?: boolean;
   /**

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcInformationStatusOrEmpty } from "../../utils/types";
+import { IcInformationStatusOrEmpty, IcSizes } from "../../utils/types";
 import { IcChangeEventDetail } from "./ic-checkbox-group.types";
 export declare class CheckboxGroup {
   host: HTMLIcCheckboxGroupElement;
@@ -28,7 +28,11 @@ export declare class CheckboxGroup {
    */
   required: boolean;
   /**
-   * If `true`, the small styling will be applied to the checkbox group.
+   * The size of the checkboxes to be displayed. This does not affect the font size of the label.
+   */
+  size?: IcSizes;
+  /**
+   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
    */
   small: boolean;
   /**

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcChipAppearance, IcChipSizes } from "./ic-chip.types";
+import { IcChipAppearance } from "./ic-chip.types";
+import { IcSizes } from "../../utils/types";
 /**
  * @slot icon - Content will be rendered at the start of the chip.
  */
@@ -26,7 +27,7 @@ export declare class Chip {
   /**
    * The size of the chip.
    */
-  size?: IcChipSizes;
+  size?: IcSizes;
   /**
    * @deprecated This event should not be used anymore. Use icDismiss instead.
    */

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

@@ -1,2 +1 @@
-export type IcChipSizes = "default" | "large" | "small";
 export type IcChipAppearance = "filled" | "outline";

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

@@ -1,4 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot dialog-controls - Content will be place at the bottom of the dialog.
+ * @slot heading - Content will be placed at the top of the dialog.
+ * @slot label - Content will be placed above the dialog heading.
+ */
 export declare class Dialog {
   private DATA_OVERFLOW;
   private DATA_GETS_FOCUS;
@@ -18,11 +23,6 @@ export declare class Dialog {
   el: HTMLIcDialogElement;
   dialogRendered: boolean;
   fadeIn: boolean;
-  /**
-   * @slot dialog-controls - Content will be place at the bottom of the dialog.
-   * @slot heading - Content will be placed at the top of the dialog.
-   * @slot label - Content will be placed above the dialog heading.
-   */
   /**
    * If a status is set, sets the heading for the displayed alert.
    */

package/dist/types/components/ic-empty-state/ic-empty-state.d.ts

@@ -0,0 +1,35 @@
+import { IcEmptyStateAlignment } from "./ic-empty-state.types";
+import { IcSizes } from "../../utils/types";
+/**
+ * @slot image - Content is placed at the top above all other content.
+ * @slot actions - Content is placed at the bottom below all other content.
+ */
+export declare class EmptyState {
+  el: HTMLIcEmptyStateElement;
+  /**
+   * The alignment of the empty state container.
+   */
+  aligned?: IcEmptyStateAlignment;
+  /**
+   * The body text rendered in the empty state container.
+   */
+  body?: string;
+  /**
+   * The number of lines of body text to display before truncating.
+   */
+  bodyMaxLines?: number;
+  /**
+   * The title rendered in the empty state container.
+   */
+  heading: string;
+  /**
+   * The size of the image or icon used in the image slot.
+   */
+  imageSize?: IcSizes;
+  /**
+   * The subtitle rendered in the empty state container.
+   */
+  subheading?: string;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ic-empty-state/ic-empty-state.types.d.ts

@@ -0,0 +1 @@
+export type IcEmptyStateAlignment = "left" | "center" | "right";

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

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

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

@@ -43,6 +43,10 @@ export declare class Menu {
    * The label for the input element.
    */
   inputLabel: string;
+  /**
+   * The custom name for the label field for IcMenuOption.
+   */
+  labelField: string;
   /**
    * The ID of the menu.
    */
@@ -73,6 +77,10 @@ export declare class Menu {
    */
   value: string;
   watchValueHandler(): void;
+  /**
+   * The custom name for the value field for IcMenuOption.
+   */
+  valueField: string;
   /**
    * @internal Emitted when key is pressed while menu is open
    */

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

@@ -1,9 +1,13 @@
 import { IcNavType } from "../../utils/types";
 export declare class NavigationGroup {
+  private allGroupedNavigationItems;
+  private collapsedIconLabelsNavigationItemsHeight;
   private dropdown;
   private DYNAMIC_GROUPED_LINKS_HEIGHT_MS;
   private groupEl;
   private IC_NAVIGATION_ITEM;
+  private isCollapsedLabelVariant;
+  private isSideNavExpanded;
   private mouseGate;
   private nodeName;
   el: HTMLIcNavigationGroupElement;

package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts

@@ -3,7 +3,9 @@ export declare class PopoverMenu {
   private ARIA_LABEL;
   private backButton;
   private currentFocus;
+  private firstRender;
   private popoverMenuEls;
+  private popperInstance;
   host: HTMLIcPopoverMenuElement;
   openingFromChild: boolean;
   openingFromParent: boolean;
@@ -32,6 +34,7 @@ export declare class PopoverMenu {
    */
   open: boolean;
   watchOpenHandler(): void;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;

package/dist/types/components/ic-search-bar/ic-search-bar.d.ts

@@ -91,6 +91,10 @@ export declare class SearchBar {
    * The label for the search bar.
    */
   label: string;
+  /**
+   * The custom name for the label field to correspond with the IcMenuOption type.
+   */
+  labelField?: string;
   /**
    * Trigger loading state when fetching options asyncronously
    */
@@ -135,6 +139,10 @@ export declare class SearchBar {
    * If using external filtering, set a timeout for when loading takes too long.
    */
   timeout?: number;
+  /**
+   * The custom name for the value field to correspond with the IcMenuOption type.
+   */
+  valueField?: string;
   loadingHandler(newValue: boolean): void;
   filteredOptions: IcMenuOption[];
   filteredOptionsHandler(newOptions: IcMenuOption[]): void;

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

@@ -132,6 +132,7 @@ export declare class Select {
    */
   options?: IcMenuOption[];
   filteredOptions: IcMenuOption[];
+  uniqueOptions: IcMenuOption[];
   watchOptionsHandler(): void;
   /**
    * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
@@ -188,6 +189,15 @@ export declare class Select {
   private updateOnChangeDebounce;
   private emitIcChange;
   private emitImmediateIcChange;
+  /**
+   * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
+   * @param options array of IcMenuOptions
+   * @returns a new options object, with all entries possessing a duplicate 'value' field removed
+   */
+  private deduplicateOptions;
+  /**
+   * Loop through options array and for all options with no value, infer it from the label
+   */
   private setOptionsValuesFromLabels;
   private setUngroupedOptions;
   private setTextColor;
@@ -211,6 +221,10 @@ export declare class Select {
   private handleClearButtonFocus;
   private handleClearButtonBlur;
   private handleFilter;
+  /**
+   * Put the select component into loading state.
+   * Replace options with the loading message. If timeout is enabled, set the timeout and once passed, replace options with the loading error message
+   */
   private triggerLoading;
   private getValueFromLabel;
   private handleSearchableSelectInput;

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

@@ -42,6 +42,10 @@ export declare class SideNavigation {
    * @internal If `true`, side navigation will be contained by its parent element.
    */
   inline: boolean;
+  /**
+   * The short title of the app to be displayed at small screen sizes in place of the app title.
+   */
+  shortAppTitle: string;
   /**
    * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).
    */
@@ -87,6 +91,7 @@ export declare class SideNavigation {
    */
   private setParentPaddingTop;
   private setParentPaddingLeft;
+  private renderAppTitle;
   private resizeObserverCallback;
   private runResizeObserver;
   private setCollapsedIconLabels;

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

@@ -1,11 +1,15 @@
 import { IcTooltipPlacements } from "./ic-tooltip.types";
 export declare class Tooltip {
   private arrow;
+  private ariaDescribedBy;
   private delayedHideEvents;
+  private dialogOverflow;
+  private icDialogEl;
   private instantHideEvents;
   private mouseOverTool;
   private persistTooltip;
   private popperInstance;
+  private onDialog;
   private screenReaderOnlyStyles;
   private showEvents;
   private toolTip;
@@ -35,6 +39,7 @@ export declare class 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 getTooltipTranslate;
   private show;
   private hide;
   private checkCloseTooltip;

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

@@ -15,10 +15,27 @@ export declare class Typography {
    * If `true`, appropriate top and bottom margins will be applied to the typography.
    */
   applyVerticalMargins?: boolean;
+  /**
+   * If `true`, the typography will have a bold font weight.
+   * Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).
+   */
+  bold?: boolean;
+  /**
+   * If `true`, the typography will have an italic font style.
+   */
+  italic?: boolean;
   /**
    * The number of lines to display before truncating the text, only used for the 'body' variant.
    */
   maxLines?: number;
+  /**
+   * If `true`, the typography will have a line through it.
+   */
+  strikethrough?: boolean;
+  /**
+   * If `true`, the typography will have a line under it.
+   */
+  underline?: boolean;
   /**
    * The ICDS typography style to use.
    */