@utilitywarehouse/hearth-react-native 0.34.4 → 0.35.0

package/src/types/utilityProps.ts

@@ -1,410 +0,0 @@
-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';
-
-// ─── Margin Props ────────────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Padding Props ───────────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Spacing (Gap) Props ─────────────────────────────────────────────────────
-
-export interface GapProps {
-  /** Gap between child elements. */
-  gap?: SpaceValue;
-  /** Row gap between child elements. */
-  rowGap?: SpaceValue;
-  /** Column gap between child elements. */
-  columnGap?: SpaceValue;
-}
-
-// ─── Size Props ──────────────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Position Props ──────────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Background Color Props ──────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Border Color Props ──────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Border Width Props ──────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Border Radius Props ────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Border Style Props ─────────────────────────────────────────────────────
-
-export interface BorderStyleProps {
-  /** Border style. */
-  borderStyle?: ViewStyle['borderStyle'];
-  /** Border curve. */
-  borderCurve?: ViewStyle['borderCurve'];
-}
-
-// ─── Border Props (combined) ─────────────────────────────────────────────────
-
-export interface BorderProps
-  extends BorderWidthProps, BorderRadiusProps, BorderColorStyleProps, BorderStyleProps {}
-
-// ─── Flex Layout Props ───────────────────────────────────────────────────────
-
-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'];
-}
-
-// ─── Opacity Props ───────────────────────────────────────────────────────────
-
-export interface OpacityProps {
-  /** Opacity value. */
-  opacity?: OpacityValue;
-}
-
-// ─── Shadow Props ────────────────────────────────────────────────────────────
-
-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;
-}
-
-// ─── Outline Props ───────────────────────────────────────────────────────────
-
-export interface OutlineProps {
-  /** Outline color. */
-  outlineColor?: ColorValue;
-  /** Outline offset. */
-  outlineOffset?: number;
-  /** Outline style. */
-  outlineStyle?: ViewStyle['outlineStyle'];
-  /** Outline width. */
-  outlineWidth?: number;
-}
-
-// ─── Display Props ───────────────────────────────────────────────────────────
-
-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'];
-}
-
-// ─── Transform Props ────────────────────────────────────────────────────────
-
-export interface TransformProps {
-  /** Transform array. */
-  transform?: ViewStyle['transform'];
-  /** Transform origin. */
-  transformOrigin?: ViewStyle['transformOrigin'];
-}
-
-// ─── Text Color Props ────────────────────────────────────────────────────────
-
-export interface TextColorProps {
-  /** Text color. Accepts simplified semantic text tokens. */
-  color?: TextColorValue;
-}
-
-// ─── Icon Color Props ────────────────────────────────────────────────────────
-
-export interface IconColorProps {
-  /** Icon color. Accepts simplified semantic icon tokens. */
-  iconColor?: IconColorValue;
-}
-
-// ─── Common Text Props ───────────────────────────────────────────────────────
-
-/**
- * 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>;
-}
-
-// ─── Composed Groups ─────────────────────────────────────────────────────────
-
-/** 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/src/types/values.ts

@@ -1,81 +0,0 @@
-import { AnimatableNumericValue, DimensionValue } from 'react-native';
-import { lightTheme, themes } from '../core/themes';
-import color from '../tokens/color';
-
-export type addPrefixToObject<T, P extends string> = {
-  [K in keyof T as K extends string | number ? `${P}${K}` : never]: T[K];
-};
-
-export type ConvertNumbers<T> = T extends number
-  ? string
-  : T extends object
-    ? { [K in keyof T]: ConvertNumbers<T[K]> }
-    : T;
-
-export type SpaceValue =
-  | `${keyof (typeof lightTheme)['space'] & (string | number)}`
-  | DimensionValue
-  | undefined;
-
-type OptionalSpace = '' | ' ';
-
-export type RGB =
-  `rgb(${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace})`;
-export type RGBA =
-  `rgba(${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace})`;
-export type HEX = `#${string}`;
-export type HSLA =
-  | `hsla(${string})`
-  | `hsla(${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace})`;
-export type HSL =
-  | `hsl(${string})`
-  | `hsl(${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace},${OptionalSpace}${number}${OptionalSpace})`;
-
-// Helper type to convert string to camel case
-type ToCamelCase<S extends string> = S extends `${infer P1}-${infer P2}${infer P3}`
-  ? `${P1}${Uppercase<P2>}${ToCamelCase<P3>}`
-  : S;
-
-// Helper to capitalise first letter
-type Capitalise<S extends string> = S extends `${infer First}${infer Rest}`
-  ? `${Uppercase<First>}${Rest}`
-  : S;
-
-// Recursive function to flatten and camel case color keys
-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 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']>
-  | undefined;
-
-export type BorderRadiusValue =
-  | `${keyof (typeof lightTheme)['borderRadius'] & (string | number)}`
-  | AnimatableNumericValue
-  | 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'];

package/src/utils/coloursAsArray.ts

@@ -1,65 +0,0 @@
-import { color } from '../tokens';
-import semanticColors from '../tokens/semantic-light';
-
-const { light, ...restOfColors } = color;
-
-/**
- * Recursively flatten nested color objects into camelCase keys
- */
-function flattenColorObject(obj: Record<string, any>, prefix = ''): Record<string, string> {
-  const result: Record<string, string> = {};
-
-  Object.entries(obj).forEach(([key, value]) => {
-    const camelKey = prefix ? `${prefix}${key.charAt(0).toUpperCase()}${key.slice(1)}` : key;
-
-    if (typeof value === 'string') {
-      result[camelKey] = value;
-    } else if (value && typeof value === 'object') {
-      Object.assign(result, flattenColorObject(value, camelKey));
-    }
-  });
-
-  return result;
-}
-
-export function extractLightColorValues(): Record<string, string> {
-  return Object.entries(restOfColors).reduce(
-    (acc, [colorName, variants]) => {
-      Object.entries(variants).forEach(([variantName, hexValue]) => {
-        acc[`${colorName}${variantName}`] = hexValue;
-      });
-      return acc;
-    },
-    {} as Record<string, string>
-  );
-}
-
-/**
- * Extract flattened semantic color values from light theme
- */
-export function extractSemanticColorValues(): Record<string, string> {
-  return flattenColorObject(light);
-}
-
-/**
- * Extract all flattened color values (primitive + semantic)
- */
-export function extractAllColorValues(): Record<string, string> {
-  return {
-    ...extractLightColorValues(),
-    ...extractSemanticColorValues(),
-  };
-}
-
-export default function coloursAsArray(): Array<string> {
-  const primitiveColors = Object.keys(restOfColors);
-  const primitiveColorValues = Object.keys(extractLightColorValues());
-  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/src/utils/formatThousands.ts

@@ -1,14 +0,0 @@
-const formatThousands = (value: string) => {
-  if (!value) return value;
-  // Remove existing commas first
-  const cleaned = value.replace(/,/g, '');
-  // Allow leading minus, digits, optional decimal part
-  const match = cleaned.match(/^(-)?(\d*)(\.\d*)?$/);
-  if (!match) return value; // If it doesn't match a numeric pattern, return original (lets user continue typing)
-  const [, sign = '', intPart = '', decimalPart = ''] = match;
-  if (!intPart) return sign + intPart + decimalPart; // nothing to format yet
-  const withCommas = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-  return sign + withCommas + (decimalPart || '');
-};
-
-export default formatThousands;

package/src/utils/getFlattenedColorValue.ts

@@ -1,13 +0,0 @@
-import { ColorValue } from '../types';
-import { resolveThemeValue } from './themeValueHelpers';
-
-type ThemeColor = string | { [key: string]: string | ThemeColor };
-
-export default function getFlattenedColorValue(
-  value?: string,
-  colors?: Record<string, ThemeColor>
-): ColorValue {
-  if (!value) return undefined;
-
-  return resolveThemeValue(value, colors) as ColorValue;
-}

package/src/utils/getInitials.ts

@@ -1,7 +0,0 @@
-export function getInitials(name?: string) {
-  if (!name) return undefined;
-  const regex = new RegExp(/(\p{L}{1})\p{L}+/gu);
-  const names = [...name.matchAll(regex)];
-  const initials = (names.shift()?.[1] || '') + (names.pop()?.[1] || '');
-  return initials.toUpperCase();
-}

package/src/utils/getStyleValue.ts

@@ -1,9 +0,0 @@
-const getStyleValue = (value: any, type: Record<string, any>) => {
-  if (typeof value === 'string') {
-    const key = value;
-    return type[key] !== undefined ? type[key] : value;
-  }
-  return value;
-};
-
-export default getStyleValue;

package/src/utils/hasChildrenByDisplayName.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-
-const hasChildrenByDisplayName = (
-  children: React.ReactNode,
-  displayName: string | string[],
-  recursive: boolean = false
-): boolean => {
-  if (!children) {
-    return false;
-  }
-
-  const checkDisplayName = (element: React.ReactElement<any>): boolean => {
-    // @ts-expect-error - element.type is not typed
-    const elementDisplayName = element.type.displayName;
-
-    // Check if current element matches the display name
-    const isMatch = Array.isArray(displayName)
-      ? displayName.includes(elementDisplayName)
-      : elementDisplayName === displayName;
-
-    // If we found a match or we're not checking recursively, return the result
-    if (isMatch || !recursive) {
-      return isMatch;
-    }
-
-    // Check children recursively
-    return hasChildrenByDisplayName(element.props.children, displayName, true);
-  };
-
-  if (Array.isArray(children)) {
-    return children.some(child => {
-      return React.isValidElement(child) && checkDisplayName(child);
-    });
-  }
-
-  if (React.isValidElement(children)) {
-    return checkDisplayName(children);
-  }
-
-  return false;
-};
-
-export default hasChildrenByDisplayName;

package/src/utils/hexWithOpacity.ts

@@ -1,19 +0,0 @@
-const hexWithOpacity = (hex: string, opacity: number): string => {
-  'worklet';
-  // Remove # if present
-  const cleanHex = hex.replace('#', '');
-
-  // Validate hex string format
-  if (cleanHex.length !== 6 || !/^[0-9A-Fa-f]{6}$/.test(cleanHex)) {
-    throw new Error(`Invalid hex color format: ${hex}. Expected format: #RRGGBB or RRGGBB`);
-  }
-
-  // Convert hex to RGB
-  const r = parseInt(cleanHex.substring(0, 2), 16);
-  const g = parseInt(cleanHex.substring(2, 4), 16);
-  const b = parseInt(cleanHex.substring(4, 6), 16);
-
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-};
-
-export default hexWithOpacity;

package/src/utils/index.ts

@@ -1,17 +0,0 @@
-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';
-export { default as getStyleValue } from './getStyleValue';
-export { default as hexWithOpacity } from './hexWithOpacity';
-export { default as isEqual } from './isEqual';
-export { default as isThemedImageProps } from './isThemedImageProps';
-export * from './styleUtils';
-export * from './themeValueHelpers';