@utilitywarehouse/hearth-react-native 0.34.5 → 0.35.1

package/src/tokens/semantic-light.ts

@@ -1,255 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  background: {
-    brand: '#7a42c8',
-    loading: '#f1efe4',
-    primary: '#fcfbf2',
-    secondary: '#ffffff',
-  },
-  border: {
-    strong: '#101010',
-    subtle: '#d4d2c0',
-  },
-  feedback: {
-    danger: {
-      border: '#de2612',
-      foreground: {
-        default: '#101010',
-        subtle: '#de2612',
-      },
-      surface: {
-        default: '#ff634a',
-        subtle: '#ffa89d',
-      },
-    },
-    functional: {
-      border: '#5b5b5b',
-      foreground: {
-        default: '#101010',
-        subtle: '#5b5b5b',
-      },
-      surface: {
-        default: '#919191',
-        subtle: '#d3d3d3',
-      },
-    },
-    info: {
-      border: '#1c6cd4',
-      foreground: {
-        default: '#101010',
-        subtle: '#1c6cd4',
-      },
-      surface: {
-        default: '#6bb0ff',
-        subtle: '#bcddff',
-      },
-    },
-    positive: {
-      border: '#0f834a',
-      foreground: {
-        default: '#101010',
-        subtle: '#0f834a',
-      },
-      surface: {
-        default: '#36bf7d',
-        subtle: '#a2e2c3',
-      },
-    },
-    warning: {
-      border: '#be5400',
-      foreground: {
-        default: '#101010',
-        subtle: '#be5400',
-      },
-      surface: {
-        default: '#ff8010',
-        subtle: '#ffcca8',
-      },
-    },
-  },
-  focus: {
-    inverted: '#fcfbf2',
-    primary: '#101010',
-  },
-  icon: {
-    inverted: '#fcfbf2',
-    primary: '#101010',
-  },
-  interactive: {
-    affirmative: {
-      border: {
-        strong: '#101010',
-        subtle: '#04663a',
-      },
-      foreground: {
-        strong: '#fcfbf2',
-        subtle: '#04663a',
-      },
-      surface: {
-        strong: {
-          active: '#074b2a',
-          default: '#0f834a',
-          hover: '#04663a',
-        },
-        subtle: {
-          active: '#c5edda',
-          hover: '#e7f9f0',
-        },
-      },
-    },
-    brand: {
-      border: {
-        strong: '#101010',
-      },
-      foreground: {
-        strong: '#fcfbf2',
-      },
-      surface: {
-        strong: {
-          active: '#442484',
-          default: '#7a42c8',
-          hover: '#5c2ca9',
-        },
-      },
-    },
-    destructive: {
-      border: {
-        strong: '#101010',
-        subtle: '#a4281e',
-      },
-      foreground: {
-        strong: '#fcfbf2',
-        subtle: '#a4281e',
-      },
-      surface: {
-        strong: {
-          active: '#6b1f1a',
-          default: '#de2612',
-          hover: '#a4281e',
-        },
-        subtle: {
-          active: '#ffe3df',
-          hover: '#fff3f1',
-        },
-      },
-    },
-    functional: {
-      border: {
-        inverted: '#f7f7f7',
-        strong: '#101010',
-        subtle: '#101010',
-      },
-      foreground: {
-        inverted: '#f7f7f7',
-        strong: '#fcfbf2',
-        subtle: '#101010',
-      },
-      surface: {
-        strong: {
-          active: '#4c4c4c',
-          default: '#888888',
-          hover: '#5b5b5b',
-        },
-        subtle: {
-          active: '#d3d3d3',
-          hover: '#ebebeb',
-          inverted: {
-            active: '#3a3837',
-            hover: '#3f3f3f',
-          },
-        },
-      },
-    },
-    highlight: {
-      border: {
-        strong: '#101010',
-      },
-      foreground: {
-        strong: '#101010',
-      },
-      surface: {
-        strong: {
-          active: '#d1950b',
-          default: '#ffb921',
-          hover: '#eba400',
-        },
-      },
-    },
-    neutral: {
-      border: {
-        subtle: '#101010',
-      },
-      foreground: {
-        subtle: '#101010',
-      },
-      surface: {
-        subtle: {
-          active: '#f1efe4',
-          hover: '#f7f6eb',
-        },
-      },
-    },
-  },
-  opacity: {
-    disabled: 50,
-  },
-  shadow: {
-    brand: '#7a42c8',
-    broadband: '#8cba3b',
-    cashback: '#be7aeb',
-    default: '#101010',
-    energy: '#6db5c3',
-    insurance: '#ff7b00',
-    mobile: '#ee6dbb',
-    pig: '#f295ff',
-  },
-  surface: {
-    brand: {
-      default: '#7a42c8',
-      strong: '#26164f',
-      subtle: '#af90de',
-    },
-    broadband: {
-      default: '#8cba3b',
-      subtle: '#d2e6b0',
-    },
-    cashback: {
-      default: '#be7aeb',
-      subtle: '#dfbdf5',
-    },
-    energy: {
-      default: '#6db5c3',
-      subtle: '#bddee4',
-    },
-    highlight: {
-      default: '#ffb921',
-      subtle: '#ffd885',
-    },
-    insurance: {
-      default: '#ff7b00',
-      subtle: '#ffb46d',
-    },
-    mobile: {
-      default: '#ee6dbb',
-      subtle: '#fad0e9',
-    },
-    neutral: {
-      strong: '#ffffff',
-      subtle: '#fcfbf2',
-    },
-    pig: {
-      default: '#f295ff',
-      subtle: '#f9ceff',
-    },
-  },
-  text: {
-    affirmative: '#0f834a',
-    brand: '#7a42c8',
-    inverted: '#fcfbf2',
-    primary: '#101010',
-    secondary: '#5b5b5b',
-  },
-} as const;

package/src/tokens/semantic.ts

@@ -1,9 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  opacity: {
-    disabled: 50,
-  },
-} as const;

package/src/tokens/shadow.ts

@@ -1,52 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export const mobile = {
-  md: {
-    blur: 0,
-    spread: 0,
-    x: 4,
-    y: 4,
-  },
-  sm: {
-    blur: 0,
-    spread: 0,
-    x: 4,
-    y: 4,
-  },
-} as const;
-
-export const tablet = {
-  md: {
-    blur: 0,
-    spread: 0,
-    x: 6,
-    y: 6,
-  },
-  sm: {
-    blur: 0,
-    spread: 0,
-    x: 4,
-    y: 4,
-  },
-} as const;
-
-export const desktop = {
-  md: {
-    blur: 0,
-    spread: 0,
-    x: 6,
-    y: 6,
-  },
-  sm: {
-    blur: 0,
-    spread: 0,
-    x: 4,
-    y: 4,
-  },
-} as const;
-
-const shadow = { mobile, tablet, desktop } as const;
-
-export default shadow;

package/src/tokens/space.ts

@@ -1,23 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  '0': 0,
-  '25': 2,
-  '50': 4,
-  '75': 6,
-  '100': 8,
-  '150': 12,
-  '175': 14,
-  '200': 16,
-  '250': 20,
-  '300': 24,
-  '350': 28,
-  '400': 32,
-  '500': 40,
-  '600': 48,
-  '700': 56,
-  '800': 64,
-  '900': 72,
-} as const;

package/src/tokens/typography.ts

@@ -1,298 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export const mobile = {
-  bodyText: {
-    fontFamily: 'DM Sans',
-    fontWeight: 400,
-    fontWeightBold: 700,
-    fontWeightSemibold: 600,
-    lg: {
-      fontSize: 18,
-      lineHeight: 24,
-      paragraphSpacing: 18,
-    },
-    md: {
-      fontSize: 16,
-      lineHeight: 24,
-      paragraphSpacing: 16,
-    },
-    sm: {
-      fontSize: 14,
-      lineHeight: 20,
-      paragraphSpacing: 14,
-    },
-    xl: {
-      fontSize: 20,
-      lineHeight: 28,
-      paragraphSpacing: 20,
-    },
-  },
-  detailText: {
-    '2xl': {
-      fontSize: 24,
-      letterSpacing: -0.7200000286102295,
-      lineHeight: 32,
-    },
-    '3xl': {
-      fontSize: 30,
-      letterSpacing: -0.8999999761581421,
-      lineHeight: 36,
-    },
-    '4xl': {
-      fontSize: 36,
-      letterSpacing: -1.0800000429153442,
-      lineHeight: 36,
-    },
-    fontFamily: 'DM Mono',
-    fontWeight: 500,
-    lg: {
-      fontSize: 18,
-      letterSpacing: -0.5400000214576721,
-      lineHeight: 22,
-    },
-    md: {
-      fontSize: 16,
-      letterSpacing: -0.47999998927116394,
-      lineHeight: 24,
-    },
-    sm: {
-      fontSize: 14,
-      letterSpacing: -0.41999998688697815,
-      lineHeight: 18,
-    },
-    xl: {
-      fontSize: 20,
-      letterSpacing: -0.6000000238418579,
-      lineHeight: 22,
-    },
-  },
-  heading: {
-    '2xl': {
-      fontSize: 44,
-      fontWeight: 700,
-      lineHeight: 52,
-    },
-    fontFamily: 'Comic Hams',
-    lg: {
-      fontSize: 24,
-      fontWeight: 600,
-      lineHeight: 32,
-    },
-    md: {
-      fontSize: 20,
-      fontWeight: 600,
-      lineHeight: 24,
-    },
-    sm: {
-      fontSize: 18,
-      fontWeight: 600,
-      lineHeight: 22,
-    },
-    xl: {
-      fontSize: 30,
-      fontWeight: 700,
-      lineHeight: 36,
-    },
-  },
-  listSpacing: 16,
-} as const;
-
-export const tablet = {
-  bodyText: {
-    fontFamily: 'DM Sans',
-    fontWeight: 400,
-    fontWeightBold: 700,
-    fontWeightSemibold: 600,
-    lg: {
-      fontSize: 18,
-      lineHeight: 24,
-      paragraphSpacing: 18,
-    },
-    md: {
-      fontSize: 16,
-      lineHeight: 24,
-      paragraphSpacing: 16,
-    },
-    sm: {
-      fontSize: 14,
-      lineHeight: 20,
-      paragraphSpacing: 14,
-    },
-    xl: {
-      fontSize: 20,
-      lineHeight: 28,
-      paragraphSpacing: 20,
-    },
-  },
-  detailText: {
-    '2xl': {
-      fontSize: 24,
-      letterSpacing: -0.7200000286102295,
-      lineHeight: 32,
-    },
-    '3xl': {
-      fontSize: 30,
-      letterSpacing: -0.8999999761581421,
-      lineHeight: 36,
-    },
-    '4xl': {
-      fontSize: 36,
-      letterSpacing: -1.0800000429153442,
-      lineHeight: 36,
-    },
-    fontFamily: 'DM Mono',
-    fontWeight: 600,
-    lg: {
-      fontSize: 18,
-      letterSpacing: -0.5400000214576721,
-      lineHeight: 22,
-    },
-    md: {
-      fontSize: 16,
-      letterSpacing: -0.47999998927116394,
-      lineHeight: 24,
-    },
-    sm: {
-      fontSize: 14,
-      letterSpacing: -0.41999998688697815,
-      lineHeight: 18,
-    },
-    xl: {
-      fontSize: 20,
-      letterSpacing: -0.6000000238418579,
-      lineHeight: 22,
-    },
-  },
-  heading: {
-    '2xl': {
-      fontSize: 44,
-      fontWeight: 700,
-      lineHeight: 52,
-    },
-    fontFamily: 'Comic Hams',
-    lg: {
-      fontSize: 24,
-      fontWeight: 600,
-      lineHeight: 32,
-    },
-    md: {
-      fontSize: 20,
-      fontWeight: 600,
-      lineHeight: 24,
-    },
-    sm: {
-      fontSize: 18,
-      fontWeight: 600,
-      lineHeight: 22,
-    },
-    xl: {
-      fontSize: 30,
-      fontWeight: 700,
-      lineHeight: 36,
-    },
-  },
-  listSpacing: 16,
-} as const;
-
-export const desktop = {
-  bodyText: {
-    fontFamily: 'DM Sans',
-    fontWeight: 400,
-    fontWeightBold: 700,
-    fontWeightSemibold: 600,
-    lg: {
-      fontSize: 18,
-      lineHeight: 24,
-      paragraphSpacing: 18,
-    },
-    md: {
-      fontSize: 16,
-      lineHeight: 24,
-      paragraphSpacing: 16,
-    },
-    sm: {
-      fontSize: 14,
-      lineHeight: 20,
-      paragraphSpacing: 14,
-    },
-    xl: {
-      fontSize: 20,
-      lineHeight: 28,
-      paragraphSpacing: 20,
-    },
-  },
-  detailText: {
-    '2xl': {
-      fontSize: 24,
-      letterSpacing: -0.7200000286102295,
-      lineHeight: 32,
-    },
-    '3xl': {
-      fontSize: 30,
-      letterSpacing: -0.8999999761581421,
-      lineHeight: 36,
-    },
-    '4xl': {
-      fontSize: 36,
-      letterSpacing: -1.0800000429153442,
-      lineHeight: 36,
-    },
-    fontFamily: 'DM Mono',
-    fontWeight: 600,
-    lg: {
-      fontSize: 18,
-      letterSpacing: -0.5400000214576721,
-      lineHeight: 22,
-    },
-    md: {
-      fontSize: 16,
-      letterSpacing: -0.47999998927116394,
-      lineHeight: 24,
-    },
-    sm: {
-      fontSize: 14,
-      letterSpacing: -0.41999998688697815,
-      lineHeight: 18,
-    },
-    xl: {
-      fontSize: 20,
-      letterSpacing: -0.6000000238418579,
-      lineHeight: 22,
-    },
-  },
-  heading: {
-    '2xl': {
-      fontSize: 54,
-      fontWeight: 700,
-      lineHeight: 62,
-    },
-    fontFamily: 'Comic Hams',
-    lg: {
-      fontSize: 30,
-      fontWeight: 600,
-      lineHeight: 36,
-    },
-    md: {
-      fontSize: 24,
-      fontWeight: 600,
-      lineHeight: 28,
-    },
-    sm: {
-      fontSize: 18,
-      fontWeight: 600,
-      lineHeight: 22,
-    },
-    xl: {
-      fontSize: 40,
-      fontWeight: 700,
-      lineHeight: 48,
-    },
-  },
-  listSpacing: 16,
-} as const;
-
-const typography = { mobile, tablet, desktop } as const;
-
-export default typography;

package/src/types/index.ts

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

package/src/types/refs.ts

@@ -1,8 +0,0 @@
-import type { ElementRef } from 'react';
-import { Pressable } from 'react-native';
-import Svg from 'react-native-svg';
-import { Icon } from '../components/Icon';
-
-export type SvgRef = ElementRef<typeof Svg>;
-export type PressableRef = ElementRef<typeof Pressable>;
-export type IconRef = ElementRef<typeof Icon>;

package/src/types/semanticColorValues.ts

@@ -1,26 +0,0 @@
-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/src/types/states.ts

@@ -1,11 +0,0 @@
-export interface States {
-  readonly active?: boolean;
-  readonly checked?: boolean;
-  readonly disabled?: boolean;
-  readonly focus?: boolean;
-  readonly focusVisible?: boolean;
-  readonly hover?: boolean;
-  readonly indeterminate?: boolean;
-  readonly invalid?: boolean;
-  readonly readonly?: boolean;
-}

package/src/types/unistyles.ts

@@ -1,12 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-import { breakpoints } from '../core/breakpoints';
-import { themes } from '../core/themes';
-
-export type AppBreakpoints = typeof breakpoints;
-
-export type AppThemes = typeof themes;
-
-declare module 'react-native-unistyles' {
-  export interface UnistylesThemes extends AppThemes {}
-  export interface UnistylesBreakpoints extends AppBreakpoints {}
-}