@ukic/web-components 2.1.0-beta.0 → 2.1.0-beta.10

package/dist/types/interface.d.ts

@@ -1,6 +1,5 @@
 export * from "./components";
 export * from "./utils/types";
-export * from "./components/ic-alert/ic-alert.types";
 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/testspec.setup.d.ts

@@ -1,3 +1,4 @@
 export declare const waitForTimeout: (ms: number) => Promise<void>;
 export declare const mockDeviceSize: (size: number) => void;
 export declare const waitForNavGroupLoad: () => Promise<void>;
+export declare const resizeTo: (windowObj: typeof window, width: number, height: number) => void;

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

@@ -1,3 +1,25 @@
+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;
+  };
+};
 export declare const IC_INHERITED_ARIA: string[];
 export declare const IC_DEVICE_SIZES: {
   XS: number;
@@ -12,3 +34,5 @@ export interface IcColorExceptions {
   [details: string]: string[];
 }
 export declare const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions;
+export declare const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;
+export declare const WHITE_MAX_COLOR_BRIGHTNESS = 130;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../stencil-public-runtime";
-import { IcCallbackFunctionNoReturn, IcInformationStatusOrEmpty, IcNavParentDetails, IcPropObject, IcColorRGB, IcSearchMatchPositions } from "./types";
+import { IcCallbackFunctionNoReturn, IcInformationStatusOrEmpty, IcNavParentDetails, IcPropObject, IcSearchMatchPositions, IcColorRGBA } from "./types";
 import { IcMenuOption, IcThemeForeground } from "../utils/types";
 /**
  * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned
@@ -73,10 +73,23 @@ export declare const getFilteredMenuOptions: (options: IcMenuOption[], includeDe
 export declare const deviceSizeMatches: (size: number) => boolean;
 export declare const getCurrentDeviceSize: () => number;
 export declare const getCssProperty: (cssVar: string) => string;
+/**
+ * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:
+ * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast
+ * - Adding them together and dividing by 1000
+ * This is a similar calculation to its CSS counterpart: "--ic-theme-text"
+ * @returns number representing the brightness of the theme colour
+ */
+export declare const getThemeColorBrightness: () => number;
+/**
+ * Returns if dark or light foreground colors should be used for color contrast reasons
+ * @returns "dark" or "light"
+ */
 export declare const getThemeForegroundColor: () => IcThemeForeground;
 export declare const getSlot: (element: HTMLElement, name: string) => Element | null;
 export declare const slotHasContent: (element: HTMLElement, name: string) => boolean;
 export declare const getSlotContent: (element: HTMLElement, name: string) => Element[] | NodeListOf<ChildNode> | null;
+export declare const getSlotElements: (slot: Element) => NodeListOf<ChildNode> | Element[];
 export declare const getNavItemParentDetails: (el: HTMLElement) => IcNavParentDetails;
 export declare const DEVICE_SIZES: {
   XS: number;
@@ -92,8 +105,8 @@ export declare const onComponentPropUndefinedChange: (oldValue: string | undefin
 export declare const onComponentRequiredPropUndefined: (props: IcPropObject[], component: string) => void;
 export declare const kebabToCamelCase: (kebabCase: string) => string;
 export declare const checkResizeObserver: (callbackFn: IcCallbackFunctionNoReturn) => void;
-export declare const hexToRgb: (hex: string) => IcColorRGB;
-export declare const rgbStrToObj: (rgbStr: string) => IcColorRGB;
+export declare const hexToRgba: (hex: string) => IcColorRGBA;
+export declare const rgbaStrToObj: (rgbaStr: string) => IcColorRGBA;
 export declare const elementOverflowsX: (element: HTMLElement) => boolean;
 /**
  *
@@ -106,3 +119,4 @@ export declare const hasClassificationBanner: () => boolean;
 export declare const getForm: (el: HTMLElement) => HTMLFormElement | null;
 export declare const addFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
 export declare const removeFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
+export declare const pxToRem: (px: string, base?: number) => string;

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

@@ -1,3 +1,5 @@
+export declare type IcFocusableComponents = HTMLIcBreadcrumbElement | HTMLIcButtonElement | HTMLIcCardElement | HTMLIcCheckboxElement | HTMLIcChipElement | HTMLIcLinkElement | HTMLIcNavigationButtonElement | HTMLIcNavigationGroupElement | HTMLIcNavigationItemElement | HTMLIcRadioOptionElement | HTMLIcSearchBarElement | HTMLIcSelectElement | HTMLIcSwitchElement | HTMLIcTabElement | HTMLIcTextFieldElement;
+export declare type IcStatusVariants = "neutral" | "info" | "warning" | "error" | "success";
 export declare enum IcInformationStatus {
   Warning = "warning",
   Error = "error",
@@ -24,6 +26,9 @@ export declare type IcColorRGB = {
   g: number;
   b: number;
 };
+export declare type IcColorRGBA = IcColorRGB & {
+  a: number;
+};
 export declare type IcActivationTypes = "automatic" | "manual";
 export declare type IcAutocorrectStates = "on" | "off";
 export declare type IcNavParentDetails = {
@@ -47,6 +52,7 @@ export declare type IcPropObject = {
   propName: string;
 };
 export declare type IcRelatedTarget = EventTarget | undefined;
+export declare type IcOrientation = "horizontal" | "vertical";
 export interface IcValueEventDetail {
   value: string;
 }

package/hydrate/index.d.ts

@@ -1,4 +1,4 @@
-// Generated by dts-bundle-generator v7.0.0
+// Generated by dts-bundle-generator v7.1.0
 
 export declare function createWindowFromHtml(templateHtml: string, uniqueId: string): any;
 export interface HydrateDocumentOptions {