@ukic/web-components 3.6.0 → 3.8.0

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

@@ -39,6 +39,10 @@ export declare class ToggleButton {
      * If `true`, the toggle button will display as black in the light theme, and white in dark theme.
      */
     monochrome: boolean;
+    /**
+     * If `true`, the toggle button will display with an outline.
+     */
+    outline: boolean;
     /**
      * The size of the toggle button to be displayed.
      */

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

@@ -36,6 +36,11 @@ export declare class ToggleButtonGroup {
      */
     monochrome: boolean;
     watchMonochromeHandler(): void;
+    /**
+     * If `true`, the toggle button group will display with an outline.
+     */
+    outline: boolean;
+    watchOutlineHandler(): void;
     /**
      * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.
      */

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;
@@ -68,7 +66,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;

package/dist/types/components.d.ts

@@ -6,9 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcMultiValueEventDetail, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcThemeSettings, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+import { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 import { IcBackToTopPositions, IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
 import { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
-import { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
 import { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
 import { IcDividerLabelPlacement, IcDividerStyles, IcDividerWeights } from "./components/ic-divider/ic-divider.types";
@@ -36,9 +36,9 @@ import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from
 import { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
 import { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
 export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcMultiValueEventDetail, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcThemeSettings, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+export { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 export { IcBackToTopPositions, IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
 export { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
-export { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
 export { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
 export { IcDividerLabelPlacement, IcDividerStyles, IcDividerWeights } from "./components/ic-divider/ic-divider.types";
@@ -126,6 +126,92 @@ export namespace Components {
          */
         "theme"?: IcThemeMode;
     }
+    interface IcActionChip {
+        /**
+          * If `true`, the chip will appear disabled.
+         */
+        "disabled": boolean;
+        /**
+          * 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;
+        /**
+          * Sets focus on the chip.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * 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;
+    }
     interface IcAlert {
         /**
           * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.
@@ -1093,6 +1179,7 @@ export namespace Components {
           * The ID of the menu.
          */
         "menuId": string;
+        "multiSelect": boolean;
         /**
           * If `true`, the menu will be displayed open.
          */
@@ -1102,10 +1189,12 @@ export namespace Components {
          */
         "options": IcMenuOption[];
         "parentEl"?: HTMLElement;
+        "searchBar": boolean;
         /**
           * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
          */
         "searchMode": IcSearchBarSearchModes;
+        "searchableSelect": boolean;
         "selectOnEnter": boolean;
         /**
           * @param props object - createPopper props set externally
@@ -2324,6 +2413,10 @@ export namespace Components {
           * If `true`, the toggle button will display as black in the light theme, and white in dark theme.
          */
         "monochrome": boolean;
+        /**
+          * If `true`, the toggle button will display with an outline.
+         */
+        "outline": boolean;
         /**
           * The size of the toggle button to be displayed.
          */
@@ -2366,6 +2459,10 @@ export namespace Components {
           * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.
          */
         "monochrome": boolean;
+        /**
+          * If `true`, the toggle button group will display with an outline.
+         */
+        "outline": boolean;
         /**
           * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.
          */
@@ -2664,6 +2761,12 @@ declare global {
         prototype: HTMLIcAccordionGroupElement;
         new (): HTMLIcAccordionGroupElement;
     };
+    interface HTMLIcActionChipElement extends Components.IcActionChip, HTMLStencilElement {
+    }
+    var HTMLIcActionChipElement: {
+        prototype: HTMLIcActionChipElement;
+        new (): HTMLIcActionChipElement;
+    };
     interface HTMLIcAlertElementEventMap {
         "icDismiss": void;
     }
@@ -3448,6 +3551,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "ic-accordion": HTMLIcAccordionElement;
         "ic-accordion-group": HTMLIcAccordionGroupElement;
+        "ic-action-chip": HTMLIcActionChipElement;
         "ic-alert": HTMLIcAlertElement;
         "ic-back-to-top": HTMLIcBackToTopElement;
         "ic-badge": HTMLIcBadgeElement;
@@ -3566,6 +3670,88 @@ declare namespace LocalJSX {
          */
         "theme"?: IcThemeMode;
     }
+    interface IcActionChip {
+        /**
+          * If `true`, the chip will appear disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * 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;
+    }
     interface IcAlert {
         /**
           * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.
@@ -5819,6 +6005,10 @@ declare namespace LocalJSX {
         "onIcToggleChecked"?: (event: IcToggleButtonCustomEvent<{
     checked: boolean;
   }>) => void;
+        /**
+          * If `true`, the toggle button will display with an outline.
+         */
+        "outline"?: boolean;
         /**
           * The size of the toggle button to be displayed.
          */
@@ -5865,6 +6055,10 @@ declare namespace LocalJSX {
           * Emitted when a toggle button is selected.
          */
         "onIcChange"?: (event: IcToggleButtonGroupCustomEvent<IcChangeEventDetail3>) => void;
+        /**
+          * If `true`, the toggle button group will display with an outline.
+         */
+        "outline"?: boolean;
         /**
           * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.
          */
@@ -5999,6 +6193,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "ic-accordion": IcAccordion;
         "ic-accordion-group": IcAccordionGroup;
+        "ic-action-chip": IcActionChip;
         "ic-alert": IcAlert;
         "ic-back-to-top": IcBackToTop;
         "ic-badge": IcBadge;
@@ -6070,6 +6265,7 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "ic-accordion": LocalJSX.IcAccordion & JSXBase.HTMLAttributes<HTMLIcAccordionElement>;
             "ic-accordion-group": LocalJSX.IcAccordionGroup & JSXBase.HTMLAttributes<HTMLIcAccordionGroupElement>;
+            "ic-action-chip": LocalJSX.IcActionChip & JSXBase.HTMLAttributes<HTMLIcActionChipElement>;
             "ic-alert": LocalJSX.IcAlert & JSXBase.HTMLAttributes<HTMLIcAlertElement>;
             "ic-back-to-top": LocalJSX.IcBackToTop & JSXBase.HTMLAttributes<HTMLIcBackToTopElement>;
             "ic-badge": LocalJSX.IcBadge & JSXBase.HTMLAttributes<HTMLIcBadgeElement>;