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

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

@@ -12,3 +12,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,6 +73,18 @@ 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;
@@ -92,8 +104,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;
 /**
  *

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

@@ -24,6 +24,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 = {

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 {