@ukic/web-components 3.7.0 → 3.9.0

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

@@ -0,0 +1,100 @@
+import { IcEmphasisType, IcSizes, IcThemeMode } from "../../utils/types";
+import { IcButtonTypes } from "../ic-button/ic-button.types";
+/**
+ * @slot badge - Badge component overlaying the top right of the chip.
+ * @slot icon - Content will be rendered at the start of the chip.
+ */
+export declare class ActionChip {
+    private chipEl?;
+    private hostMutationObserver?;
+    el: HTMLIcActionChipElement;
+    /**
+     * If `true`, the chip will appear disabled.
+     */
+    disabled: boolean;
+    watchDisabledHandler(): void;
+    /**
+     * If `true`, the user can save the linked URL instead of navigating to it.
+     */
+    download: string | boolean;
+    /**
+     * The <form> element to associate the chip with.
+     */
+    form?: string;
+    /**
+     * The URL that processes the information submitted by the chip. It overrides the action attribute of the chip's form owner. Does nothing if there is no form owner.
+     */
+    formaction?: string;
+    /**
+     * The way the submitted form data is encoded.
+     */
+    formenctype?: string;
+    /**
+     * The HTTP method used to submit the form.
+     */
+    formmethod?: string;
+    /**
+     * If `true`, the form will not be validated when submitted.
+     */
+    formnovalidate?: boolean;
+    /**
+     * The place to display the response from submitting the form. It overrides the target attribute of the chip's form owner.
+     */
+    formtarget?: string;
+    /**
+     * The URL that the link points to. This will render the chip as an "a" tag.
+     */
+    href?: string;
+    /**
+     * The human language of the linked URL.
+     */
+    hreflang?: string;
+    /**
+     * The text rendered within the chip.
+     */
+    label: string;
+    /**
+     * If `true`, the button will display as monochromatic in either `light` or `dark` theme.
+     */
+    monochrome: boolean;
+    /**
+     * 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;
+    /**
+     * The size of the chip.
+     */
+    size: IcSizes;
+    /**
+     * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+     */
+    target?: string;
+    /**
+     * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme: IcThemeMode;
+    /**
+     * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.
+     */
+    transparentBackground: boolean;
+    /**
+     * The type of the chip.
+     */
+    type: IcButtonTypes;
+    /**
+     * The emphasis of the chip.
+     */
+    variant: IcEmphasisType;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /**
+     * Sets focus on the chip.
+     */
+    setFocus(): Promise<void>;
+    render(): any;
+}

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

@@ -136,6 +136,10 @@ export declare class Button {
      * 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.
      */

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

@@ -6,6 +6,7 @@ import { IcBrandForegroundNoDefault, IcColor, IcEmphasisType, IcSizes, IcThemeMo
  */
 export declare class Chip {
     private buttonEl?;
+    private hostMutationObserver?;
     el: HTMLIcChipElement;
     foregroundColor: IcBrandForegroundNoDefault | null;
     hovered: boolean;
@@ -54,6 +55,7 @@ export declare class Chip {
      * Is emitted when the user dismisses the chip.
      */
     icDismiss: EventEmitter<void>;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     handleClick(): void;

package/dist/types/components/ic-layout-grid/ic-layout-grid.d.ts

@@ -0,0 +1,56 @@
+import { IcAlignment } from "../../utils/types";
+import { IcGridBreakpoints, IcGridType } from "./ic-layout-grid.types";
+export declare class LayoutGrid {
+    private COL_WIDTH_CSS_PROP;
+    el: HTMLIcLayoutGridElement;
+    /**
+     * 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;
+    watchColumns(): void;
+    /**
+     * The default column span for grid items.
+     */
+    defaultColSpan?: IcGridBreakpoints;
+    watchDefaultColSpan(): void;
+    /**
+     * The default column width for grid items.
+     * This is used when the grid type is set to "fixed".
+     */
+    defaultColWidth?: string;
+    watchDefaultColWidth(newValue: string): void;
+    /**
+     * The default row span for grid items.
+     */
+    defaultRowSpan?: number;
+    watchDefaultRowSpan(newValue: number): void;
+    /**
+     * 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;
+    watchGridSpacing(): void;
+    /**
+     * The number of rows in the grid.
+     */
+    rows?: number;
+    watchRows(newValue: number): void;
+    /**
+     * The layout type of the grid.
+     */
+    type: IcGridType;
+    watchType(newValue: IcGridType): void;
+    componentWillLoad(): void;
+    private getColumns;
+    private getColSpan;
+    private getGridSpacing;
+    render(): any;
+}

package/dist/types/components/ic-layout-grid/ic-layout-grid.types.d.ts

@@ -0,0 +1,8 @@
+export type IcGridBreakpoints = number | {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
+export type IcGridType = "fluid" | "fixed";

package/dist/types/components/ic-layout-grid-item/ic-layout-grid-item.d.ts

@@ -0,0 +1,29 @@
+export declare class LayoutGridItem {
+    el: HTMLIcLayoutGridItemElement;
+    /**
+     * The number of columns the grid item should span.
+     */
+    colSpan?: number;
+    watchColSpan(newValue: number): void;
+    /**
+     * The column the grid item should start at.
+     */
+    colStart?: number;
+    watchColStart(newValue: number): void;
+    /**
+     * If `true`, the grid item will be hidden on smaller screens.
+     */
+    hideInMobileMode?: boolean;
+    /**
+     * The number of rows the grid item should span.
+     */
+    rowSpan?: number;
+    watchRowSpan(newValue: number): void;
+    /**
+     * The row the grid item should start at.
+     */
+    rowStart?: number;
+    watchRowStart(newValue: number): void;
+    componentWillLoad(): void;
+    render(): any;
+}

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

@@ -4,13 +4,11 @@ import { IcThemeMode } from "../../utils/types";
 export declare class Tooltip {
     private arrow;
     private delayedHideEvents;
-    private dialogOverflow;
-    private icDialogEl;
+    private dialogContentArea;
     private instantHideEvents;
     private mouseOverTool;
     private persistTooltip;
     private popperInstance;
-    private onDialog;
     private showEvents;
     private toolTip;
     el: HTMLIcTooltipElement;
@@ -24,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.
      */
@@ -68,7 +70,6 @@ export declare class Tooltip {
      * @internal Method to return if tooltip is currently visible.
      */
     isTooltipVisible(): Promise<boolean>;
-    private getTooltipTranslate;
     private show;
     private hide;
     private checkCloseTooltip;