@utilitywarehouse/hearth-react-native 0.20.0 → 0.21.0

package/build/tokens/components/light/skeleton.js

@@ -2,5 +2,5 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    loadingColor: '#f7f6eb',
+    loadingColor: '#f1efe4',
 };

package/build/tokens/font.d.ts

@@ -18,7 +18,9 @@ declare const _default: {
         readonly '400': 30;
         readonly '500': 36;
         readonly '550': 40;
+        readonly '575': 44;
         readonly '600': 48;
+        readonly '650': 54;
         readonly '700': 60;
         readonly '800': 72;
         readonly '900': 96;

package/build/tokens/font.js

@@ -18,7 +18,9 @@ export default {
         '400': 30,
         '500': 36,
         '550': 40,
+        '575': 44,
         '600': 48,
+        '650': 54,
         '700': 60,
         '800': 72,
         '900': 96,

package/build/tokens/line-height.d.ts

@@ -14,7 +14,9 @@ declare const _default: {
     readonly '800': 36;
     readonly '900': 40;
     readonly '950': 48;
+    readonly '975': 52;
     readonly '1000': 56;
+    readonly '1050': 62;
     readonly '1100': 72;
     readonly '1200': 90;
 };

package/build/tokens/line-height.js

@@ -14,7 +14,9 @@ export default {
     '800': 36,
     '900': 40,
     '950': 48,
+    '975': 52,
     '1000': 56,
+    '1050': 62,
     '1100': 72,
     '1200': 90,
 };

package/build/tokens/primitive.d.ts

@@ -32,7 +32,9 @@ declare const _default: {
             readonly '400': 30;
             readonly '500': 36;
             readonly '550': 40;
+            readonly '575': 44;
             readonly '600': 48;
+            readonly '650': 54;
             readonly '700': 60;
             readonly '800': 72;
             readonly '900': 96;
@@ -77,7 +79,9 @@ declare const _default: {
         readonly '800': 36;
         readonly '900': 40;
         readonly '950': 48;
+        readonly '975': 52;
         readonly '1000': 56;
+        readonly '1050': 62;
         readonly '1100': 72;
         readonly '1200': 90;
     };

package/build/tokens/primitive.js

@@ -32,7 +32,9 @@ export default {
             '400': 30,
             '500': 36,
             '550': 40,
+            '575': 44,
             '600': 48,
+            '650': 54,
             '700': 60,
             '800': 72,
             '900': 96,
@@ -77,7 +79,9 @@ export default {
         '800': 36,
         '900': 40,
         '950': 48,
+        '975': 52,
         '1000': 56,
+        '1050': 62,
         '1100': 72,
         '1200': 90,
     },

package/build/tokens/semantic-dark.d.ts

@@ -4,6 +4,7 @@
 declare const _default: {
     readonly background: {
         readonly brand: "#7a42c8";
+        readonly loading: "#30302c";
         readonly primary: "#191917";
         readonly secondary: "#232323";
     };

package/build/tokens/semantic-dark.js

@@ -4,6 +4,7 @@
 export default {
     background: {
         brand: '#7a42c8',
+        loading: '#30302c',
         primary: '#191917',
         secondary: '#232323',
     },

package/build/tokens/semantic-light.d.ts

@@ -4,6 +4,7 @@
 declare const _default: {
     readonly background: {
         readonly brand: "#7a42c8";
+        readonly loading: "#f1efe4";
         readonly primary: "#fcfbf2";
         readonly secondary: "#ffffff";
     };

package/build/tokens/semantic-light.js

@@ -4,6 +4,7 @@
 export default {
     background: {
         brand: '#7a42c8',
+        loading: '#f1efe4',
         primary: '#fcfbf2',
         secondary: '#ffffff',
     },

package/build/tokens/typography.d.ts

@@ -63,6 +63,11 @@ export declare const mobile: {
         };
     };
     readonly heading: {
+        readonly '2xl': {
+            readonly fontSize: 44;
+            readonly fontWeight: 700;
+            readonly lineHeight: 52;
+        };
         readonly fontFamily: "Comic Hams";
         readonly lg: {
             readonly fontSize: 24;
@@ -149,6 +154,11 @@ export declare const tablet: {
         };
     };
     readonly heading: {
+        readonly '2xl': {
+            readonly fontSize: 44;
+            readonly fontWeight: 700;
+            readonly lineHeight: 52;
+        };
         readonly fontFamily: "Comic Hams";
         readonly lg: {
             readonly fontSize: 24;
@@ -235,6 +245,11 @@ export declare const desktop: {
         };
     };
     readonly heading: {
+        readonly '2xl': {
+            readonly fontSize: 54;
+            readonly fontWeight: 700;
+            readonly lineHeight: 62;
+        };
         readonly fontFamily: "Comic Hams";
         readonly lg: {
             readonly fontSize: 30;
@@ -322,6 +337,11 @@ declare const typography: {
             };
         };
         readonly heading: {
+            readonly '2xl': {
+                readonly fontSize: 44;
+                readonly fontWeight: 700;
+                readonly lineHeight: 52;
+            };
             readonly fontFamily: "Comic Hams";
             readonly lg: {
                 readonly fontSize: 24;
@@ -408,6 +428,11 @@ declare const typography: {
             };
         };
         readonly heading: {
+            readonly '2xl': {
+                readonly fontSize: 44;
+                readonly fontWeight: 700;
+                readonly lineHeight: 52;
+            };
             readonly fontFamily: "Comic Hams";
             readonly lg: {
                 readonly fontSize: 24;
@@ -494,6 +519,11 @@ declare const typography: {
             };
         };
         readonly heading: {
+            readonly '2xl': {
+                readonly fontSize: 54;
+                readonly fontWeight: 700;
+                readonly lineHeight: 62;
+            };
             readonly fontFamily: "Comic Hams";
             readonly lg: {
                 readonly fontSize: 30;

package/build/tokens/typography.js

@@ -63,6 +63,11 @@ export const mobile = {
         },
     },
     heading: {
+        '2xl': {
+            fontSize: 44,
+            fontWeight: 700,
+            lineHeight: 52,
+        },
         fontFamily: 'Comic Hams',
         lg: {
             fontSize: 24,
@@ -149,6 +154,11 @@ export const tablet = {
         },
     },
     heading: {
+        '2xl': {
+            fontSize: 44,
+            fontWeight: 700,
+            lineHeight: 52,
+        },
         fontFamily: 'Comic Hams',
         lg: {
             fontSize: 24,
@@ -235,6 +245,11 @@ export const desktop = {
         },
     },
     heading: {
+        '2xl': {
+            fontSize: 54,
+            fontWeight: 700,
+            lineHeight: 62,
+        },
         fontFamily: 'Comic Hams',
         lg: {
             fontSize: 30,

package/build/types/index.d.ts

@@ -1,4 +1,6 @@
-export * from './states';
 export * from './refs';
-export * from './values';
+export * from './semanticColorValues';
+export * from './states';
 export * from './unistyles';
+export * from './utilityProps';
+export * from './values';

package/build/types/index.js

@@ -1,4 +1,6 @@
-export * from './states';
 export * from './refs';
-export * from './values';
+export * from './semanticColorValues';
+export * from './states';
 export * from './unistyles';
+export * from './utilityProps';
+export * from './values';

package/build/types/semanticColorValues.d.ts

@@ -0,0 +1,22 @@
+import type semanticLight from '../tokens/semantic-light';
+/**
+ * Simplified background color values derived from the semantic token `background` keys.
+ * e.g., 'brand' | 'primary' | 'secondary'
+ */
+export type BackgroundColorValue = keyof typeof semanticLight.background;
+/**
+ * Simplified border color values derived from the semantic token `border` keys.
+ * e.g., 'strong' | 'subtle'
+ */
+export type BorderColorValue = keyof typeof semanticLight.border;
+/**
+ * Simplified text color values derived from the semantic token `text` keys.
+ * e.g., 'affirmative' | 'brand' | 'inverted' | 'primary' | 'secondary'
+ * Also accepts any raw color value or undefined.
+ */
+export type TextColorValue = keyof typeof semanticLight.text;
+/**
+ * Simplified icon color values derived from the semantic token `icon` keys.
+ * e.g., 'inverted' | 'primary'
+ */
+export type IconColorValue = keyof typeof semanticLight.icon;

package/build/types/semanticColorValues.js

@@ -0,0 +1 @@
+export {};

package/build/types/utilityProps.d.ts

@@ -0,0 +1,326 @@
+import type { Ref } from 'react';
+import type { TextProps as RNTextProps, Text, TextStyle, ViewStyle } from 'react-native';
+import type { BackgroundColorValue, BorderColorValue, IconColorValue, TextColorValue } from './semanticColorValues';
+import type { BorderRadiusValue, BorderWidthValue, ColorValue, OpacityValue, RawColorValue, SpaceValue } from './values';
+export interface MarginProps {
+    /** Margin on all sides. Accepts theme space tokens or raw values. */
+    margin?: SpaceValue;
+    /** Horizontal margin (left and right). */
+    marginHorizontal?: SpaceValue;
+    /** Vertical margin (top and bottom). */
+    marginVertical?: SpaceValue;
+    /** Top margin. */
+    marginTop?: SpaceValue;
+    /** Bottom margin. */
+    marginBottom?: SpaceValue;
+    /** Left margin. */
+    marginLeft?: SpaceValue;
+    /** Right margin. */
+    marginRight?: SpaceValue;
+    /** End margin (logical). */
+    marginEnd?: SpaceValue;
+    /** Start margin (logical). */
+    marginStart?: SpaceValue;
+    /** Shorthand: margin on all sides. */
+    m?: SpaceValue;
+    /** Shorthand: horizontal margin. */
+    mx?: SpaceValue;
+    /** Shorthand: vertical margin. */
+    my?: SpaceValue;
+    /** Shorthand: top margin. */
+    mt?: SpaceValue;
+    /** Shorthand: bottom margin. */
+    mb?: SpaceValue;
+    /** Shorthand: left margin. */
+    ml?: SpaceValue;
+    /** Shorthand: right margin. */
+    mr?: SpaceValue;
+}
+export interface PaddingProps {
+    /** Padding on all sides. Accepts theme space tokens or raw values. */
+    padding?: SpaceValue;
+    /** Horizontal padding (left and right). */
+    paddingHorizontal?: SpaceValue;
+    /** Vertical padding (top and bottom). */
+    paddingVertical?: SpaceValue;
+    /** Top padding. */
+    paddingTop?: SpaceValue;
+    /** Bottom padding. */
+    paddingBottom?: SpaceValue;
+    /** Left padding. */
+    paddingLeft?: SpaceValue;
+    /** Right padding. */
+    paddingRight?: SpaceValue;
+    /** End padding (logical). */
+    paddingEnd?: SpaceValue;
+    /** Start padding (logical). */
+    paddingStart?: SpaceValue;
+    /** Shorthand: padding on all sides. */
+    p?: SpaceValue;
+    /** Shorthand: horizontal padding. */
+    px?: SpaceValue;
+    /** Shorthand: vertical padding. */
+    py?: SpaceValue;
+    /** Shorthand: top padding. */
+    pt?: SpaceValue;
+    /** Shorthand: bottom padding. */
+    pb?: SpaceValue;
+    /** Shorthand: left padding. */
+    pl?: SpaceValue;
+    /** Shorthand: right padding. */
+    pr?: SpaceValue;
+}
+export interface GapProps {
+    /** Gap between child elements. */
+    gap?: SpaceValue;
+    /** Row gap between child elements. */
+    rowGap?: SpaceValue;
+    /** Column gap between child elements. */
+    columnGap?: SpaceValue;
+}
+export interface SizeProps {
+    /** Element height. Accepts theme space tokens or raw values. */
+    height?: SpaceValue;
+    /** Element width. */
+    width?: SpaceValue;
+    /** Minimum height. */
+    minHeight?: SpaceValue;
+    /** Minimum width. */
+    minWidth?: SpaceValue;
+    /** Maximum height. */
+    maxHeight?: SpaceValue;
+    /** Maximum width. */
+    maxWidth?: SpaceValue;
+    /** Shorthand: height. */
+    h?: SpaceValue;
+    /** Shorthand: width. */
+    w?: SpaceValue;
+}
+export interface PositionProps {
+    /** Position type. */
+    position?: ViewStyle['position'];
+    /** Top offset. */
+    top?: SpaceValue;
+    /** Bottom offset. */
+    bottom?: SpaceValue;
+    /** Left offset. */
+    left?: SpaceValue;
+    /** Right offset. */
+    right?: SpaceValue;
+    /** Logical start offset. */
+    start?: SpaceValue;
+    /** Logical end offset. */
+    end?: SpaceValue;
+    /** Z-index for stacking order. */
+    zIndex?: number;
+}
+export interface BackgroundColorProps {
+    /** Background color. Accepts simplified semantic background tokens. */
+    backgroundColor?: BackgroundColorValue | RawColorValue;
+    /** Shorthand: background color. */
+    bg?: BackgroundColorValue | RawColorValue;
+    /** Shorthand: background color. */
+    bgColor?: BackgroundColorValue | RawColorValue;
+}
+export interface BorderColorStyleProps {
+    /** Border color. Accepts simplified semantic border tokens. */
+    borderColor?: BorderColorValue | RawColorValue;
+    /** Bottom border color. */
+    borderBottomColor?: BorderColorValue | RawColorValue;
+    /** Left border color. */
+    borderLeftColor?: BorderColorValue | RawColorValue;
+    /** Right border color. */
+    borderRightColor?: BorderColorValue | RawColorValue;
+    /** Top border color. */
+    borderTopColor?: BorderColorValue | RawColorValue;
+    /** Block border color. */
+    borderBlockColor?: BorderColorValue | RawColorValue;
+    /** Block end border color. */
+    borderBlockEndColor?: BorderColorValue | RawColorValue;
+    /** Block start border color. */
+    borderBlockStartColor?: BorderColorValue | RawColorValue;
+    /** End border color. */
+    borderEndColor?: BorderColorValue | RawColorValue;
+    /** Start border color. */
+    borderStartColor?: BorderColorValue | RawColorValue;
+}
+export interface BorderWidthProps {
+    /** Border width on all sides. */
+    borderWidth?: BorderWidthValue;
+    /** Bottom border width. */
+    borderBottomWidth?: BorderWidthValue;
+    /** End border width. */
+    borderEndWidth?: BorderWidthValue;
+    /** Left border width. */
+    borderLeftWidth?: BorderWidthValue;
+    /** Right border width. */
+    borderRightWidth?: BorderWidthValue;
+    /** Start border width. */
+    borderStartWidth?: BorderWidthValue;
+    /** Top border width. */
+    borderTopWidth?: BorderWidthValue;
+}
+export interface BorderRadiusProps {
+    /** Border radius on all corners. */
+    borderRadius?: BorderRadiusValue;
+    /** Bottom-end border radius. */
+    borderBottomEndRadius?: BorderRadiusValue;
+    /** Bottom-left border radius. */
+    borderBottomLeftRadius?: BorderRadiusValue;
+    /** Bottom-right border radius. */
+    borderBottomRightRadius?: BorderRadiusValue;
+    /** Bottom-start border radius. */
+    borderBottomStartRadius?: BorderRadiusValue;
+    /** Top-end border radius. */
+    borderTopEndRadius?: BorderRadiusValue;
+    /** Top-left border radius. */
+    borderTopLeftRadius?: BorderRadiusValue;
+    /** Top-right border radius. */
+    borderTopRightRadius?: BorderRadiusValue;
+    /** Top-start border radius. */
+    borderTopStartRadius?: BorderRadiusValue;
+    /** End-end border radius. */
+    borderEndEndRadius?: BorderRadiusValue;
+    /** End-start border radius. */
+    borderEndStartRadius?: BorderRadiusValue;
+    /** Start-end border radius. */
+    borderStartEndRadius?: BorderRadiusValue;
+    /** Start-start border radius. */
+    borderStartStartRadius?: BorderRadiusValue;
+    /** Shorthand: border radius on all corners. */
+    rounded?: BorderRadiusValue;
+}
+export interface BorderStyleProps {
+    /** Border style. */
+    borderStyle?: ViewStyle['borderStyle'];
+    /** Border curve. */
+    borderCurve?: ViewStyle['borderCurve'];
+}
+export interface BorderProps extends BorderWidthProps, BorderRadiusProps, BorderColorStyleProps, BorderStyleProps {
+}
+export interface FlexLayoutProps {
+    /** Align content. */
+    alignContent?: ViewStyle['alignContent'];
+    /** Align items. */
+    alignItems?: ViewStyle['alignItems'];
+    /** Align self. */
+    alignSelf?: ViewStyle['alignSelf'];
+    /** Flex value. */
+    flex?: number;
+    /** Flex basis. */
+    flexBasis?: ViewStyle['flexBasis'];
+    /** Flex direction. */
+    flexDirection?: ViewStyle['flexDirection'];
+    /** Flex grow. */
+    flexGrow?: number;
+    /** Flex shrink. */
+    flexShrink?: number;
+    /** Flex wrap. */
+    flexWrap?: ViewStyle['flexWrap'];
+    /** Justify content. */
+    justifyContent?: ViewStyle['justifyContent'];
+}
+export interface OpacityProps {
+    /** Opacity value. */
+    opacity?: OpacityValue;
+}
+export interface ShadowProps {
+    /** Shadow color. */
+    shadowColor?: ColorValue;
+    /** Shadow offset. */
+    shadowOffset?: ViewStyle['shadowOffset'];
+    /** Shadow opacity. */
+    shadowOpacity?: number;
+    /** Shadow radius. */
+    shadowRadius?: number;
+    /** Box shadow. */
+    boxShadow?: ViewStyle['boxShadow'];
+    /** Elevation (Android). */
+    elevation?: number;
+}
+export interface OutlineProps {
+    /** Outline color. */
+    outlineColor?: ColorValue;
+    /** Outline offset. */
+    outlineOffset?: number;
+    /** Outline style. */
+    outlineStyle?: ViewStyle['outlineStyle'];
+    /** Outline width. */
+    outlineWidth?: number;
+}
+export interface DisplayProps {
+    /** Display type. */
+    display?: ViewStyle['display'];
+    /** Overflow behavior. */
+    overflow?: ViewStyle['overflow'];
+    /** Pointer events behavior. */
+    pointerEvents?: ViewStyle['pointerEvents'];
+    /** Backface visibility. */
+    backfaceVisibility?: ViewStyle['backfaceVisibility'];
+    /** Cursor type. */
+    cursor?: ViewStyle['cursor'];
+    /** Direction for bidirectional text. */
+    direction?: ViewStyle['direction'];
+    /** Aspect ratio. */
+    aspectRatio?: ViewStyle['aspectRatio'];
+}
+export interface TransformProps {
+    /** Transform array. */
+    transform?: ViewStyle['transform'];
+    /** Transform origin. */
+    transformOrigin?: ViewStyle['transformOrigin'];
+}
+export interface TextColorProps {
+    /** Text color. Accepts simplified semantic text tokens. */
+    color?: TextColorValue;
+}
+export interface IconColorProps {
+    /** Icon color. Accepts simplified semantic icon tokens. */
+    iconColor?: IconColorValue;
+}
+/**
+ * Common text styling props shared across text components (BodyText, Heading, DetailText).
+ * Includes margin utility props, simplified semantic text color, and standard text style props.
+ */
+export interface CommonTextProps extends RNTextProps, MarginProps {
+    /** Whether to truncate text with an ellipsis. */
+    truncated?: boolean;
+    /** Whether to show strikethrough text. */
+    strikeThrough?: boolean;
+    /** Whether to underline text. */
+    underline?: boolean;
+    /** Whether to italicise text. */
+    italic?: boolean;
+    /** Text color. Accepts simplified semantic text tokens. */
+    color?: TextColorValue | RawColorValue;
+    /** Text transform (uppercase, lowercase, capitalize). */
+    textTransform?: TextStyle['textTransform'];
+    /** Text alignment. */
+    textAlign?: TextStyle['textAlign'];
+    /** Vertical text alignment. */
+    textAlignVertical?: TextStyle['textAlignVertical'];
+    /** Text decoration line. */
+    textDecorationLine?: TextStyle['textDecorationLine'];
+    /** Text decoration style. */
+    textDecorationStyle?: TextStyle['textDecorationStyle'];
+    /** Text decoration color. Accepts any color value. */
+    textDecorationColor?: ColorValue;
+    /** User select behavior. */
+    userSelect?: TextStyle['userSelect'];
+    /** Whether to use inverted (light-on-dark) text color. */
+    inverted?: boolean;
+    /** Ref to the underlying Text element. */
+    ref?: Ref<Text>;
+}
+/** All spacing-related utility props (margin, padding, gap). */
+export interface SpacingProps extends MarginProps, PaddingProps, GapProps {
+}
+/** All layout-related utility props (flex, size, position). */
+export interface LayoutProps extends FlexLayoutProps, SizeProps, PositionProps {
+}
+/**
+ * All Box-level utility style props.
+ * This is the full set of style utilities available on Box.
+ */
+export interface AllUtilityProps extends SpacingProps, LayoutProps, BackgroundColorProps, BorderProps, OpacityProps, ShadowProps, OutlineProps, DisplayProps, TransformProps {
+}

package/build/types/utilityProps.js

@@ -0,0 +1 @@
+export {};

package/build/types/values.d.ts

@@ -19,12 +19,13 @@ type Capitalise<S extends string> = S extends `${infer First}${infer Rest}` ? `$
 export type FlattenColorKeys<T> = T extends Record<string, unknown> ? {
     [K in keyof T]: T[K] extends string ? ToCamelCase<K & string> : T[K] extends Record<string, unknown> ? FlattenColorKeys<T[K]> extends infer Nested ? Nested extends string ? ToCamelCase<`${K & string}${Capitalise<Nested>}`> : never : never : never;
 }[keyof T] : never;
-export type ColorValue = 'currentColor' | 'transparent' | FlattenColorKeys<Omit<typeof color, 'light' | 'dark'> & {
+export type RawColorValue = 'transparent' | HSLA | HSL | RGB | RGBA | HEX;
+export type ColorValue = 'currentColor' | RawColorValue | FlattenColorKeys<Omit<typeof color, 'light' | 'dark'> & {
     white: '#ffffff';
     black: '#000000';
-}> | FlattenColorKeys<(typeof color)['light']> | HSLA | HSL | RGB | RGBA | HEX | undefined;
+}> | FlattenColorKeys<(typeof color)['light']> | undefined;
 export type BorderRadiusValue = `${keyof (typeof lightTheme)['borderRadius'] & (string | number)}` | AnimatableNumericValue | undefined;
-export type BordeWidthValue = `${keyof (typeof lightTheme)['borderWidth'] & (string | number)}` | number | undefined;
+export type BorderWidthValue = `${keyof (typeof lightTheme)['borderWidth'] & (string | number)}` | number | undefined;
 export type OpacityValue = AnimatableNumericValue | undefined;
 export type SpacingValues = keyof (typeof themes)['light']['globalStyle']['variants']['spacing'];
 export {};

package/build/utils/coloursAsArray.d.ts

@@ -8,3 +8,7 @@ export declare function extractSemanticColorValues(): Record<string, string>;
  */
 export declare function extractAllColorValues(): Record<string, string>;
 export default function coloursAsArray(): Array<string>;
+export declare const backgroundColorKeys: string[];
+export declare const borderColorKeys: string[];
+export declare const textColorKeys: string[];
+export declare const iconColorKeys: string[];

package/build/utils/coloursAsArray.js

@@ -1,4 +1,5 @@
 import { color } from '../tokens';
+import semanticColors from '../tokens/semantic-light';
 const { light, ...restOfColors } = color;
 /**
  * Recursively flatten nested color objects into camelCase keys
@@ -45,3 +46,7 @@ export default function coloursAsArray() {
     const semanticColorValues = Object.keys(extractSemanticColorValues());
     return [...primitiveColors, ...primitiveColorValues, ...semanticColorValues];
 }
+export const backgroundColorKeys = Object.keys(semanticColors.background);
+export const borderColorKeys = Object.keys(semanticColors.border);
+export const textColorKeys = Object.keys(semanticColors.text);
+export const iconColorKeys = Object.keys(semanticColors.icon);

package/build/utils/index.d.ts

@@ -1,4 +1,4 @@
-export { default as coloursAsArray, extractLightColorValues } from './coloursAsArray';
+export { backgroundColorKeys, borderColorKeys, default as coloursAsArray, extractLightColorValues, iconColorKeys, textColorKeys, } from './coloursAsArray';
 export { default as formatThousands } from './formatThousands';
 export { default as getFlattenedColorValue } from './getFlattenedColorValue';
 export { getInitials } from './getInitials';

package/build/utils/index.js

@@ -1,4 +1,4 @@
-export { default as coloursAsArray, extractLightColorValues } from './coloursAsArray';
+export { backgroundColorKeys, borderColorKeys, default as coloursAsArray, extractLightColorValues, iconColorKeys, textColorKeys, } from './coloursAsArray';
 export { default as formatThousands } from './formatThousands';
 export { default as getFlattenedColorValue } from './getFlattenedColorValue';
 export { getInitials } from './getInitials';