@ukic/web-components 3.8.0 → 3.10.0

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

@@ -16,6 +16,10 @@ export declare class PopoverMenu {
      * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
      */
     anchor?: string;
+    /**
+     * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+     */
+    fixedPositioning: boolean;
     /**
      * @internal The parent popover menu of a child popover menu.
      */

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

@@ -22,6 +22,10 @@ export declare class Tooltip {
      */
     disableHover?: boolean;
     watchDisableHoverHandler(): void;
+    /**
+     * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+     */
+    fixedPositioning: boolean;
     /**
      * The number of lines to display before truncating the text.
      */

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-stat
 import { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
 import { IcHeroContentAlignments } from "./components/ic-hero/ic-hero.types";
 import { IcAriaLiveModeVariants } from "./components/ic-input-validation/ic-input-validation.types";
+import { IcGridBreakpoints, IcGridType } from "./components/ic-layout-grid/ic-layout-grid.types";
 import { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicator/ic-loading-indicator.types";
 import { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
 import { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
@@ -46,6 +47,7 @@ export { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-stat
 export { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
 export { IcHeroContentAlignments } from "./components/ic-hero/ic-hero.types";
 export { IcAriaLiveModeVariants } from "./components/ic-input-validation/ic-input-validation.types";
+export { IcGridBreakpoints, IcGridType } from "./components/ic-layout-grid/ic-layout-grid.types";
 export { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicator/ic-loading-indicator.types";
 export { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
 export { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
@@ -456,6 +458,10 @@ export namespace Components {
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
         "theme": IcThemeMode;
+        /**
+          * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+         */
+        "tooltipFixedPositioning": boolean;
         /**
           * The position of the tooltip in relation to the button.
          */
@@ -1052,6 +1058,66 @@ export namespace Components {
          */
         "status"?: IcInformationStatusOrEmpty;
     }
+    interface IcLayoutGrid {
+        /**
+          * The alignment of the grid.
+         */
+        "aligned"?: IcAlignment;
+        /**
+          * The number of columns in the grid. This can be a number or an object specifying different values for each breakpoint.
+         */
+        "columns"?: IcGridBreakpoints;
+        /**
+          * The default column span for grid items.
+         */
+        "defaultColSpan"?: IcGridBreakpoints;
+        /**
+          * The default column width for grid items. This is used when the grid type is set to "fixed".
+         */
+        "defaultColWidth"?: string;
+        /**
+          * The default row span for grid items.
+         */
+        "defaultRowSpan"?: number;
+        /**
+          * If `true`, the standard vertical padding from the grid will be removed.
+         */
+        "fullHeight"?: boolean;
+        /**
+          * The space between grid items, in multiples of the base spacing unit (`var(--ic-space-xs)`).
+         */
+        "gridSpacing"?: number;
+        /**
+          * The number of rows in the grid.
+         */
+        "rows"?: number;
+        /**
+          * The layout type of the grid.
+         */
+        "type": IcGridType;
+    }
+    interface IcLayoutGridItem {
+        /**
+          * The number of columns the grid item should span.
+         */
+        "colSpan"?: number;
+        /**
+          * The column the grid item should start at.
+         */
+        "colStart"?: number;
+        /**
+          * If `true`, the grid item will be hidden on smaller screens.
+         */
+        "hideInMobileMode"?: boolean;
+        /**
+          * The number of rows the grid item should span.
+         */
+        "rowSpan"?: number;
+        /**
+          * The row the grid item should start at.
+         */
+        "rowStart"?: number;
+    }
     interface IcLink {
         /**
           * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download.
@@ -1520,6 +1586,10 @@ export namespace Components {
           * @param setFocusToAnchor when true return focus to anchor element when menu is closed
          */
         "closeMenu": (setFocusToAnchor?: boolean, menuElement?: HTMLIcMenuItemElement) => Promise<void>;
+        /**
+          * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+         */
+        "fixedPositioning": boolean;
         /**
           * If `true`, the popover menu will be displayed.
          */
@@ -2503,6 +2573,10 @@ export namespace Components {
           * @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>;
+        /**
+          * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+         */
+        "fixedPositioning": boolean;
         "isTooltipVisible": () => Promise<boolean>;
         /**
           * The text to display on the tooltip.
@@ -2999,6 +3073,18 @@ declare global {
         prototype: HTMLIcInputValidationElement;
         new (): HTMLIcInputValidationElement;
     };
+    interface HTMLIcLayoutGridElement extends Components.IcLayoutGrid, HTMLStencilElement {
+    }
+    var HTMLIcLayoutGridElement: {
+        prototype: HTMLIcLayoutGridElement;
+        new (): HTMLIcLayoutGridElement;
+    };
+    interface HTMLIcLayoutGridItemElement extends Components.IcLayoutGridItem, HTMLStencilElement {
+    }
+    var HTMLIcLayoutGridItemElement: {
+        prototype: HTMLIcLayoutGridItemElement;
+        new (): HTMLIcLayoutGridItemElement;
+    };
     interface HTMLIcLinkElement extends Components.IcLink, HTMLStencilElement {
     }
     var HTMLIcLinkElement: {
@@ -3577,6 +3663,8 @@ declare global {
         "ic-input-container": HTMLIcInputContainerElement;
         "ic-input-label": HTMLIcInputLabelElement;
         "ic-input-validation": HTMLIcInputValidationElement;
+        "ic-layout-grid": HTMLIcLayoutGridElement;
+        "ic-layout-grid-item": HTMLIcLayoutGridItemElement;
         "ic-link": HTMLIcLinkElement;
         "ic-loading-indicator": HTMLIcLoadingIndicatorElement;
         "ic-menu": HTMLIcMenuElement;
@@ -3999,6 +4087,10 @@ declare namespace LocalJSX {
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
         "theme"?: IcThemeMode;
+        /**
+          * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+         */
+        "tooltipFixedPositioning"?: boolean;
         /**
           * The position of the tooltip in relation to the button.
          */
@@ -4598,6 +4690,66 @@ declare namespace LocalJSX {
          */
         "status"?: IcInformationStatusOrEmpty;
     }
+    interface IcLayoutGrid {
+        /**
+          * The alignment of the grid.
+         */
+        "aligned"?: IcAlignment;
+        /**
+          * The number of columns in the grid. This can be a number or an object specifying different values for each breakpoint.
+         */
+        "columns"?: IcGridBreakpoints;
+        /**
+          * The default column span for grid items.
+         */
+        "defaultColSpan"?: IcGridBreakpoints;
+        /**
+          * The default column width for grid items. This is used when the grid type is set to "fixed".
+         */
+        "defaultColWidth"?: string;
+        /**
+          * The default row span for grid items.
+         */
+        "defaultRowSpan"?: number;
+        /**
+          * If `true`, the standard vertical padding from the grid will be removed.
+         */
+        "fullHeight"?: boolean;
+        /**
+          * The space between grid items, in multiples of the base spacing unit (`var(--ic-space-xs)`).
+         */
+        "gridSpacing"?: number;
+        /**
+          * The number of rows in the grid.
+         */
+        "rows"?: number;
+        /**
+          * The layout type of the grid.
+         */
+        "type"?: IcGridType;
+    }
+    interface IcLayoutGridItem {
+        /**
+          * The number of columns the grid item should span.
+         */
+        "colSpan"?: number;
+        /**
+          * The column the grid item should start at.
+         */
+        "colStart"?: number;
+        /**
+          * If `true`, the grid item will be hidden on smaller screens.
+         */
+        "hideInMobileMode"?: boolean;
+        /**
+          * The number of rows the grid item should span.
+         */
+        "rowSpan"?: number;
+        /**
+          * The row the grid item should start at.
+         */
+        "rowStart"?: number;
+    }
     interface IcLink {
         /**
           * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download.
@@ -5033,6 +5185,10 @@ declare namespace LocalJSX {
           * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
          */
         "anchor"?: string;
+        /**
+          * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+         */
+        "fixedPositioning"?: boolean;
         /**
           * Emitted when the popover menu is closed.
          */
@@ -6093,6 +6249,10 @@ declare namespace LocalJSX {
           * If `true`, the tooltip will not be displayed on hover, it will require a click.
          */
         "disableHover"?: boolean;
+        /**
+          * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+         */
+        "fixedPositioning"?: boolean;
         /**
           * The text to display on the tooltip.
          */
@@ -6219,6 +6379,8 @@ declare namespace LocalJSX {
         "ic-input-container": IcInputContainer;
         "ic-input-label": IcInputLabel;
         "ic-input-validation": IcInputValidation;
+        "ic-layout-grid": IcLayoutGrid;
+        "ic-layout-grid-item": IcLayoutGridItem;
         "ic-link": IcLink;
         "ic-loading-indicator": IcLoadingIndicator;
         "ic-menu": IcMenu;
@@ -6291,6 +6453,8 @@ declare module "@stencil/core" {
             "ic-input-container": LocalJSX.IcInputContainer & JSXBase.HTMLAttributes<HTMLIcInputContainerElement>;
             "ic-input-label": LocalJSX.IcInputLabel & JSXBase.HTMLAttributes<HTMLIcInputLabelElement>;
             "ic-input-validation": LocalJSX.IcInputValidation & JSXBase.HTMLAttributes<HTMLIcInputValidationElement>;
+            "ic-layout-grid": LocalJSX.IcLayoutGrid & JSXBase.HTMLAttributes<HTMLIcLayoutGridElement>;
+            "ic-layout-grid-item": LocalJSX.IcLayoutGridItem & JSXBase.HTMLAttributes<HTMLIcLayoutGridItemElement>;
             "ic-link": LocalJSX.IcLink & JSXBase.HTMLAttributes<HTMLIcLinkElement>;
             "ic-loading-indicator": LocalJSX.IcLoadingIndicator & JSXBase.HTMLAttributes<HTMLIcLoadingIndicatorElement>;
             "ic-menu": LocalJSX.IcMenu & JSXBase.HTMLAttributes<HTMLIcMenuElement>;

package/dist/types/utils/constants.d.ts

@@ -19,6 +19,10 @@ export declare const VARIANT_ICONS: {
         icon: string;
         ariaLabel: string;
     };
+    ai: {
+        icon: string;
+        ariaLabel: string;
+    };
 };
 export declare const IC_INHERITED_ARIA: string[];
 export declare const IC_DEVICE_SIZES: {

package/dist/types/utils/helpers.d.ts

@@ -69,13 +69,13 @@ export declare const getBrandFromContext: (el: Element, brandFromEvent?: IcBrand
  */
 export declare const isMobileOrTablet: () => boolean;
 /**
- * Will create a button within the lightDOM which interacts with the parent form.
+ * Will create a button within the lightDOM which interacts with the form.
  * This is required as buttons within the shadowDOM will not invoke a submit or reset
  *
- * @param form - parent form element which contains shadowDom button
+ * @param form - form element to associate button with
  * @param button - shadowDOM button
  */
-export declare const handleHiddenFormButtonClick: (form: HTMLFormElement, button: HTMLIcButtonElement | HTMLButtonElement) => void;
+export declare const handleHiddenFormButtonClick: (form: HTMLFormElement | null, button: HTMLIcButtonElement) => void;
 export declare const isEmptyString: (value?: string) => boolean;
 export declare const isPropDefined: (prop?: string) => string | undefined;
 /**

package/dist/types/utils/types.d.ts

@@ -1,5 +1,5 @@
 export type IcFocusableComponents = HTMLIcBreadcrumbElement | HTMLIcButtonElement | HTMLIcCardVerticalElement | HTMLIcCheckboxElement | HTMLIcChipElement | HTMLIcLinkElement | HTMLIcNavigationButtonElement | HTMLIcNavigationGroupElement | HTMLIcNavigationItemElement | HTMLIcRadioOptionElement | HTMLIcSearchBarElement | HTMLIcSelectElement | HTMLIcSwitchElement | HTMLIcTabElement | HTMLIcTextFieldElement;
-export type IcStatusVariants = "neutral" | "info" | "warning" | "error" | "success";
+export type IcStatusVariants = "neutral" | "info" | "warning" | "error" | "success" | "ai";
 export declare enum IcInformationStatus {
     Warning = "warning",
     Error = "error",