@ukic/web-components 2.8.0 → 2.10.0

package/dist/types/interface.d.ts

@@ -1,5 +1,8 @@
 export * from "./components";
+export * from "./utils/constants";
 export * from "./utils/types";
+export * from "./utils/helpers";
+export * from "./utils/testa11y.helpers";
 export * from "./components/ic-button/ic-button.types";
 export * from "./components/ic-classification-banner/ic-classification-banner.types";
 export * from "./components/ic-footer/ic-footer.types";

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -952,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1115,11 +1140,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1202,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1210,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/dist/types/testspec.setup.d.ts

@@ -1,11 +1,11 @@
 type TestKeyboardEvent = {
-  key: string;
-  preventDefault: () => void;
-  stopImmediatePropagation: () => void;
-  shiftKey: boolean;
-  target: {
-    id: string;
-  };
+    key: string;
+    preventDefault: () => void;
+    stopImmediatePropagation: () => void;
+    shiftKey: boolean;
+    target: {
+        id: string;
+    };
 };
 export declare const waitForTimeout: (ms: number) => Promise<void>;
 export declare const mockDeviceSize: (size: number) => void;

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

@@ -1,37 +1,37 @@
 export declare const VARIANT_ICONS: {
-  neutral: {
-    icon: string;
-    ariaLabel: string;
-  };
-  info: {
-    icon: string;
-    ariaLabel: string;
-  };
-  warning: {
-    icon: string;
-    ariaLabel: string;
-  };
-  error: {
-    icon: string;
-    ariaLabel: string;
-  };
-  success: {
-    icon: string;
-    ariaLabel: string;
-  };
+    neutral: {
+        icon: string;
+        ariaLabel: string;
+    };
+    info: {
+        icon: string;
+        ariaLabel: string;
+    };
+    warning: {
+        icon: string;
+        ariaLabel: string;
+    };
+    error: {
+        icon: string;
+        ariaLabel: string;
+    };
+    success: {
+        icon: string;
+        ariaLabel: string;
+    };
 };
 export declare const IC_INHERITED_ARIA: string[];
 export declare const IC_DEVICE_SIZES: {
-  XS: number;
-  S: number;
-  M: number;
-  L: number;
-  XL: number;
+    XS: number;
+    S: number;
+    M: number;
+    L: number;
+    XL: number;
 };
 export declare const IC_BLOCK_COLOR_COMPONENTS: string[];
 export declare const IC_FIXED_COLOR_COMPONENTS: string[];
 export interface IcColorExceptions {
-  [details: string]: string[];
+    [details: string]: string[];
 }
 export declare const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions;
 export declare const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;

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

@@ -9,7 +9,7 @@ import { IcMenuOption, IcThemeForeground } from "../utils/types";
  * does not trigger a re-render.
  */
 export declare const inheritAttributes: (element: HTMLElement, attributes?: string[]) => {
-  [key: string]: unknown;
+    [key: string]: unknown;
 };
 export declare const debounceEvent: (event: EventEmitter, wait: number) => EventEmitter;
 export declare const debounce: (func: (...args: unknown[]) => void, wait?: number) => unknown;
@@ -93,12 +93,12 @@ export declare const getSlotContent: (element: HTMLElement, name: string) => Ele
 export declare const getSlotElements: (slot: Element) => NodeListOf<ChildNode> | Element[];
 export declare const getNavItemParentDetails: (el: HTMLElement) => IcNavParentDetails;
 export declare const DEVICE_SIZES: {
-  XS: number;
-  S: number;
-  M: number;
-  L: number;
-  XL: number;
-  UNDEFINED: number;
+    XS: number;
+    S: number;
+    M: number;
+    L: number;
+    XL: number;
+    UNDEFINED: number;
 };
 export declare const hasValidationStatus: (status: IcInformationStatusOrEmpty, disabled: boolean) => boolean;
 export declare const isSlotUsed: (element: HTMLElement, slotName: string) => boolean;

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

@@ -1,9 +1,9 @@
 export type IcFocusableComponents = HTMLIcBreadcrumbElement | HTMLIcButtonElement | HTMLIcCardElement | HTMLIcCheckboxElement | HTMLIcChipElement | HTMLIcLinkElement | HTMLIcNavigationButtonElement | HTMLIcNavigationGroupElement | HTMLIcNavigationItemElement | HTMLIcRadioOptionElement | HTMLIcSearchBarElement | HTMLIcSelectElement | HTMLIcSwitchElement | HTMLIcTabElement | HTMLIcTextFieldElement;
 export type IcStatusVariants = "neutral" | "info" | "warning" | "error" | "success";
 export declare enum IcInformationStatus {
-  Warning = "warning",
-  Error = "error",
-  Success = "success"
+    Warning = "warning",
+    Error = "error",
+    Success = "success"
 }
 export type IcSizes = "default" | "large" | "small";
 export type IcSizesNoLarge = "default" | "small";
@@ -12,30 +12,30 @@ export type IcNavType = "side" | "top" | "page-header";
 export type IcAutocompleteTypes = "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo";
 export type IcAlignment = "left" | "center" | "full-width";
 export declare enum IcThemeForegroundEnum {
-  Default = "default",
-  Dark = "dark",
-  Light = "light"
+    Default = "default",
+    Dark = "dark",
+    Light = "light"
 }
 export type IcThemeForeground = "default" | "dark" | "light";
 export type IcThemeForegroundNoDefault = "dark" | "light";
 export type IcTheme = {
-  mode: IcThemeForeground;
-  color: IcColorRGB;
+    mode: IcThemeForeground;
+    color: IcColorRGB;
 };
 export type IcAdditionalFieldTypes = "static" | "dynamic";
 export type IcColorRGB = {
-  r: number;
-  g: number;
-  b: number;
+    r: number;
+    g: number;
+    b: number;
 };
 export type IcColorRGBA = IcColorRGB & {
-  a: number;
+    a: number;
 };
 export type IcActivationTypes = "automatic" | "manual";
 export type IcAutocorrectStates = "on" | "off";
 export type IcNavParentDetails = {
-  navType: IcNavType | "";
-  parent: HTMLElement;
+    navType: IcNavType | "";
+    parent: HTMLElement;
 };
 export type IcTypographyVariants = "h1" | "h2" | "h3" | "h4" | "subtitle-large" | "subtitle-small" | "body" | "label" | "label-uppercase" | "caption" | "caption-uppercase" | "code-large" | "code-small" | "code-extra-small" | "badge" | "badge-small";
 /**
@@ -44,33 +44,33 @@ export type IcTypographyVariants = "h1" | "h2" | "h3" | "h4" | "subtitle-large"
  * @field {string} A value field to options. Defaults to "value", but can have any custom name.
  */
 export interface IcMenuOption {
-  description?: string;
-  disabled?: boolean;
-  recommended?: boolean;
-  children?: IcMenuOption[];
-  loading?: boolean;
-  timedOut?: boolean;
-  [key: string]: any;
-  element?: {
-    component: any;
-    ariaLabel: string;
-  };
-  icon?: any;
+    description?: string;
+    disabled?: boolean;
+    recommended?: boolean;
+    children?: IcMenuOption[];
+    loading?: boolean;
+    timedOut?: boolean;
+    [key: string]: any;
+    element?: {
+        component: any;
+        ariaLabel: string;
+    };
+    icon?: any;
 }
 export type IcSearchMatchPositions = "start" | "anywhere";
 export type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;
 export type IcRequiredPropsTypes = string | boolean | number | HTMLElement | IcMenuOption[];
 export type IcPropObject = {
-  prop: IcRequiredPropsTypes;
-  propName: string;
+    prop: IcRequiredPropsTypes;
+    propName: string;
 };
 export type IcRelatedTarget = EventTarget | undefined;
 export type IcOrientation = "horizontal" | "vertical";
 export type IcEmphasisType = "filled" | "outlined";
 export interface IcValueEventDetail {
-  value: string;
-  keyPressed?: string;
+    value: string;
+    keyPressed?: string;
 }
 export interface IcBlurEventDetail {
-  relatedTarget: IcRelatedTarget;
+    relatedTarget: IcRelatedTarget;
 }

package/hydrate/index.d.ts

@@ -1,4 +1,4 @@
-// Generated by dts-bundle-generator v8.0.1
+// Generated by dts-bundle-generator v9.0.0
 
 export declare function createWindowFromHtml(templateHtml: string, uniqueId: string): any;
 export interface HydrateDocumentOptions {
@@ -157,7 +157,7 @@ export interface Diagnostic {
 export interface PrintLine {
 	lineIndex: number;
 	lineNumber: number;
-	text?: string;
+	text: string;
 	errorCharStart: number;
 	errorLength?: number;
 }