@utilitywarehouse/hearth-react-native 0.34.4 → 0.35.0

package/src/tokens/color.ts

@@ -1,659 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export const blue = {
-  '200': '#bcddff',
-  '400': '#6bb0ff',
-  '600': '#2786f1',
-  '700': '#1c6cd4',
-  '900': '#0b3375',
-} as const;
-
-export const broadbandGreen = {
-  '200': '#d2e6b0',
-  '300': '#8cba3b',
-  '800': '#506c21',
-  '900': '#4f6b20',
-} as const;
-
-export const cashbackLilac = {
-  '300': '#dfbdf5',
-  '500': '#be7aeb',
-  '700': '#8b2bc9',
-  '900': '#7429b5',
-} as const;
-
-export const energyBlue = {
-  '200': '#bddee4',
-  '300': '#6db5c3',
-  '700': '#326e7a',
-  '900': '#2c6370',
-} as const;
-
-export const green = {
-  '50': '#e7f9f0',
-  '100': '#c5edda',
-  '200': '#a2e2c3',
-  '400': '#58ca93',
-  '500': '#36bf7d',
-  '600': '#19a660',
-  '700': '#0f834a',
-  '800': '#04663a',
-  '900': '#074b2a',
-  '950': '#033d21',
-  '1000': '#002e18',
-} as const;
-
-export const grey = {
-  '0': '#ffffff',
-  '50': '#f7f7f7',
-  '100': '#ebebeb',
-  '200': '#d3d3d3',
-  '300': '#b2afae',
-  '400': '#919191',
-  '500': '#888888',
-  '600': '#5b5b5b',
-  '700': '#4c4c4c',
-  '800': '#3f3f3f',
-  '900': '#3a3837',
-  '925': '#2f2d2d',
-  '950': '#232323',
-  '975': '#191919',
-  '1000': '#101010',
-} as const;
-
-export const insuranceOrange = {
-  '300': '#ffb46d',
-  '400': '#ff7b00',
-  '800': '#9b4c0e',
-  '900': '#7f4518',
-} as const;
-
-export const mobileRose = {
-  '200': '#fad0e9',
-  '400': '#ee6dbb',
-  '800': '#a7266d',
-  '900': '#8a3260',
-} as const;
-
-export const orange = {
-  '200': '#ffcca8',
-  '400': '#ff9639',
-  '500': '#ff8010',
-  '600': '#f56e00',
-  '700': '#cf5d00',
-  '750': '#be5400',
-  '900': '#893900',
-} as const;
-
-export const piggyPink = {
-  '200': '#f9ceff',
-  '300': '#f295ff',
-  '800': '#8f358f',
-  '900': '#7a1f7e',
-} as const;
-
-export const purple = {
-  '100': '#ddd5eb',
-  '200': '#c6b5e2',
-  '300': '#af90de',
-  '400': '#996cda',
-  '700': '#7a42c8',
-  '800': '#5c2ca9',
-  '900': '#442484',
-  '1000': '#26164f',
-} as const;
-
-export const red = {
-  '50': '#fff3f1',
-  '100': '#ffe3df',
-  '300': '#ffa89d',
-  '400': '#ff7964',
-  '500': '#ff634a',
-  '600': '#f4412a',
-  '700': '#de2612',
-  '800': '#a4281e',
-  '900': '#6b1f1a',
-  '950': '#521a16',
-  '1000': '#3b1512',
-} as const;
-
-export const warmWhite = {
-  '50': '#fcfbf2',
-  '100': '#f7f6eb',
-  '200': '#f1efe4',
-  '300': '#d4d2c0',
-  '800': '#4c473d',
-  '900': '#30302c',
-  '950': '#282825',
-  '1000': '#191917',
-} as const;
-
-export const yellow = {
-  '200': '#ffd885',
-  '300': '#ffc852',
-  '400': '#ffb921',
-  '500': '#eba400',
-  '600': '#d1950b',
-  '900': '#82692b',
-} as const;
-
-export const light = {
-  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',
-        },
-      },
-    },
-  },
-  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;
-
-export const dark = {
-  background: {
-    brand: '#442484',
-    loading: '#30302c',
-    primary: '#191917',
-    secondary: '#2f2d2d',
-  },
-  border: {
-    strong: '#888888',
-    subtle: '#5b5b5b',
-  },
-  feedback: {
-    danger: {
-      border: '#f4412a',
-      foreground: {
-        default: '#ffffff',
-        subtle: '#ff7964',
-      },
-      surface: {
-        default: '#de2612',
-        subtle: '#6b1f1a',
-      },
-    },
-    functional: {
-      border: '#b2afae',
-      foreground: {
-        default: '#101010',
-        subtle: '#b2afae',
-      },
-      surface: {
-        default: '#919191',
-        subtle: '#d3d3d3',
-      },
-    },
-    info: {
-      border: '#2786f1',
-      foreground: {
-        default: '#ffffff',
-        subtle: '#6bb0ff',
-      },
-      surface: {
-        default: '#1c6cd4',
-        subtle: '#0b3375',
-      },
-    },
-    positive: {
-      border: '#19a660',
-      foreground: {
-        default: '#ffffff',
-        subtle: '#58ca93',
-      },
-      surface: {
-        default: '#0f834a',
-        subtle: '#074b2a',
-      },
-    },
-    warning: {
-      border: '#f56e00',
-      foreground: {
-        default: '#ffffff',
-        subtle: '#ff9639',
-      },
-      surface: {
-        default: '#cf5d00',
-        subtle: '#893900',
-      },
-    },
-  },
-  focus: {
-    inverted: '#fcfbf2',
-    primary: '#ebebeb',
-  },
-  icon: {
-    inverted: '#fcfbf2',
-    primary: '#ebebeb',
-  },
-  interactive: {
-    affirmative: {
-      border: {
-        strong: '#101010',
-        subtle: '#58ca93',
-      },
-      foreground: {
-        strong: '#191917',
-        subtle: '#58ca93',
-      },
-      surface: {
-        strong: {
-          active: '#58ca93',
-          default: '#19a660',
-          hover: '#36bf7d',
-        },
-        subtle: {
-          active: '#033d21',
-          hover: '#002e18',
-        },
-      },
-    },
-    brand: {
-      border: {
-        strong: '#ebebeb',
-      },
-      foreground: {
-        strong: '#191917',
-      },
-      surface: {
-        strong: {
-          active: '#ddd5eb',
-          default: '#af90de',
-          hover: '#c6b5e2',
-        },
-      },
-    },
-    destructive: {
-      border: {
-        strong: '#101010',
-        subtle: '#ff7964',
-      },
-      foreground: {
-        strong: '#191917',
-        subtle: '#ff7964',
-      },
-      surface: {
-        strong: {
-          active: '#ff7964',
-          default: '#f4412a',
-          hover: '#ff634a',
-        },
-        subtle: {
-          active: '#521a16',
-          hover: '#3b1512',
-        },
-      },
-    },
-    functional: {
-      border: {
-        inverted: '#f7f7f7',
-        strong: '#ebebeb',
-        subtle: '#ebebeb',
-      },
-      foreground: {
-        inverted: '#f7f7f7',
-        strong: '#fcfbf2',
-        subtle: '#ebebeb',
-      },
-      surface: {
-        strong: {
-          active: '#d3d3d3',
-          default: '#919191',
-          hover: '#b2afae',
-        },
-        subtle: {
-          active: '#4c4c4c',
-          hover: '#3a3837',
-          inverted: {
-            active: '#3a3837',
-            hover: '#3f3f3f',
-          },
-        },
-      },
-    },
-    highlight: {
-      border: {
-        strong: '#101010',
-      },
-      foreground: {
-        strong: '#101010',
-      },
-      surface: {
-        strong: {
-          active: '#ffd885',
-          default: '#ffb921',
-          hover: '#ffc852',
-        },
-      },
-    },
-    neutral: {
-      border: {
-        subtle: '#ebebeb',
-      },
-      foreground: {
-        subtle: '#ebebeb',
-      },
-      surface: {
-        subtle: {
-          active: '#30302c',
-          hover: '#282825',
-        },
-      },
-    },
-  },
-  shadow: {
-    brand: '#442484',
-    broadband: '#4f6b20',
-    cashback: '#7429b5',
-    default: '#3f3f3f',
-    energy: '#2c6370',
-    insurance: '#7f4518',
-    mobile: '#8a3260',
-    pig: '#7a1f7e',
-  },
-  surface: {
-    brand: {
-      default: '#af90de',
-      strong: '#26164f',
-      subtle: '#442484',
-    },
-    broadband: {
-      default: '#506c21',
-      subtle: '#4f6b20',
-    },
-    cashback: {
-      default: '#8b2bc9',
-      subtle: '#7429b5',
-    },
-    energy: {
-      default: '#326e7a',
-      subtle: '#2c6370',
-    },
-    highlight: {
-      default: '#ffb921',
-      subtle: '#82692b',
-    },
-    insurance: {
-      default: '#9b4c0e',
-      subtle: '#7f4518',
-    },
-    mobile: {
-      default: '#a7266d',
-      subtle: '#8a3260',
-    },
-    neutral: {
-      strong: '#2f2d2d',
-      subtle: '#191917',
-    },
-    pig: {
-      default: '#8f358f',
-      subtle: '#7a1f7e',
-    },
-  },
-  text: {
-    affirmative: '#58ca93',
-    brand: '#af90de',
-    inverted: '#fcfbf2',
-    primary: '#ebebeb',
-    secondary: '#b2afae',
-  },
-} as const;
-
-const color = {
-  blue,
-  broadbandGreen,
-  cashbackLilac,
-  energyBlue,
-  green,
-  grey,
-  insuranceOrange,
-  mobileRose,
-  orange,
-  piggyPink,
-  purple,
-  red,
-  warmWhite,
-  yellow,
-  light,
-  dark,
-} as const;
-
-export default color;

package/src/tokens/components/dark/accordion.ts

@@ -1,27 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gap: 12,
-  heading: {
-    gap: 2,
-  },
-  item: {
-    content: {
-      gap: 16,
-      paddingBottom: 16,
-      paddingHorizontal: 4,
-      paddingTop: 4,
-    },
-    gap: 0,
-    heading: {
-      gap: 16,
-      paddingHorizontal: 4,
-      paddingVertical: 16,
-    },
-  },
-  maxWidth: 680,
-  minWidth: 288,
-  padding: 0,
-} as const;

package/src/tokens/components/dark/alert.ts

@@ -1,23 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 8,
-  borderWidth: 2,
-  contentGap: 4,
-  gap: 8,
-  iconButton: {
-    unstyled: {
-      foregroundColor: '#ebebeb',
-      foregroundColorActive: '#b2afae',
-      foregroundColorHover: '#d3d3d3',
-    },
-  },
-  link: {
-    color: '#ebebeb',
-    colorActive: '#b2afae',
-    colorHover: '#d3d3d3',
-  },
-  padding: 14,
-} as const;

package/src/tokens/components/dark/avatar.ts

@@ -1,19 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  image: {
-    borderWidth: 1,
-  },
-  md: {
-    borderRadius: 8,
-    height: 48,
-    width: 48,
-  },
-  sm: {
-    borderRadius: 6,
-    height: 32,
-    width: 32,
-  },
-} as const;