@utilitywarehouse/hearth-react-native 0.30.4 → 0.31.1

package/build/tokens/color.d.ts

@@ -88,6 +88,7 @@ export declare const grey: {
     readonly '700': "#4c4c4c";
     readonly '800': "#3f3f3f";
     readonly '900': "#3a3837";
+    readonly '925': "#2f2d2d";
     readonly '950': "#232323";
     readonly '975': "#191919";
     readonly '1000': "#101010";
@@ -464,25 +465,25 @@ export declare const light: {
 };
 export declare const dark: {
     readonly background: {
-        readonly brand: "#7a42c8";
+        readonly brand: "#442484";
         readonly loading: "#30302c";
         readonly primary: "#191917";
-        readonly secondary: "#232323";
+        readonly secondary: "#2f2d2d";
     };
     readonly border: {
-        readonly strong: "#ebebeb";
-        readonly subtle: "#4c473d";
+        readonly strong: "#888888";
+        readonly subtle: "#5b5b5b";
     };
     readonly feedback: {
         readonly danger: {
-            readonly border: "#ff7964";
+            readonly border: "#f4412a";
             readonly foreground: {
-                readonly default: "#101010";
+                readonly default: "#ffffff";
                 readonly subtle: "#ff7964";
             };
             readonly surface: {
-                readonly default: "#ff634a";
-                readonly subtle: "#ffa89d";
+                readonly default: "#de2612";
+                readonly subtle: "#6b1f1a";
             };
         };
         readonly functional: {
@@ -497,36 +498,36 @@ export declare const dark: {
             };
         };
         readonly info: {
-            readonly border: "#6bb0ff";
+            readonly border: "#2786f1";
             readonly foreground: {
-                readonly default: "#101010";
+                readonly default: "#ffffff";
                 readonly subtle: "#6bb0ff";
             };
             readonly surface: {
-                readonly default: "#6bb0ff";
-                readonly subtle: "#bcddff";
+                readonly default: "#1c6cd4";
+                readonly subtle: "#0b3375";
             };
         };
         readonly positive: {
-            readonly border: "#58ca93";
+            readonly border: "#19a660";
             readonly foreground: {
-                readonly default: "#101010";
+                readonly default: "#ffffff";
                 readonly subtle: "#58ca93";
             };
             readonly surface: {
-                readonly default: "#36bf7d";
-                readonly subtle: "#a2e2c3";
+                readonly default: "#0f834a";
+                readonly subtle: "#074b2a";
             };
         };
         readonly warning: {
-            readonly border: "#ff9639";
+            readonly border: "#f56e00";
             readonly foreground: {
-                readonly default: "#101010";
+                readonly default: "#ffffff";
                 readonly subtle: "#ff9639";
             };
             readonly surface: {
-                readonly default: "#ff8010";
-                readonly subtle: "#ffcca8";
+                readonly default: "#cf5d00";
+                readonly subtle: "#893900";
             };
         };
     };
@@ -569,9 +570,9 @@ export declare const dark: {
             };
             readonly surface: {
                 readonly strong: {
-                    readonly active: "#c6b5e2";
-                    readonly default: "#996cda";
-                    readonly hover: "#af90de";
+                    readonly active: "#ddd5eb";
+                    readonly default: "#af90de";
+                    readonly hover: "#c6b5e2";
                 };
             };
         };
@@ -654,52 +655,52 @@ export declare const dark: {
         };
     };
     readonly shadow: {
-        readonly brand: "#7a42c8";
-        readonly broadband: "#506c21";
-        readonly cashback: "#8b2bc9";
-        readonly default: "#f7f7f7";
-        readonly energy: "#326e7a";
-        readonly insurance: "#9b4c0e";
-        readonly mobile: "#a7266d";
-        readonly pig: "#8f358f";
+        readonly brand: "#442484";
+        readonly broadband: "#4f6b20";
+        readonly cashback: "#7429b5";
+        readonly default: "#3f3f3f";
+        readonly energy: "#2c6370";
+        readonly insurance: "#7f4518";
+        readonly mobile: "#8a3260";
+        readonly pig: "#7a1f7e";
     };
     readonly surface: {
         readonly brand: {
-            readonly default: "#996cda";
+            readonly default: "#af90de";
             readonly strong: "#26164f";
             readonly subtle: "#442484";
         };
         readonly broadband: {
             readonly default: "#506c21";
-            readonly subtle: "#35421c";
+            readonly subtle: "#4f6b20";
         };
         readonly cashback: {
             readonly default: "#8b2bc9";
-            readonly subtle: "#522270";
+            readonly subtle: "#7429b5";
         };
         readonly energy: {
             readonly default: "#326e7a";
-            readonly subtle: "#254348";
+            readonly subtle: "#2c6370";
         };
         readonly highlight: {
             readonly default: "#ffb921";
-            readonly subtle: "#756230";
+            readonly subtle: "#82692b";
         };
         readonly insurance: {
             readonly default: "#9b4c0e";
-            readonly subtle: "#5a3213";
+            readonly subtle: "#7f4518";
         };
         readonly mobile: {
             readonly default: "#a7266d";
-            readonly subtle: "#601f42";
+            readonly subtle: "#8a3260";
         };
         readonly neutral: {
-            readonly strong: "#232323";
+            readonly strong: "#2f2d2d";
             readonly subtle: "#191917";
         };
         readonly pig: {
             readonly default: "#8f358f";
-            readonly subtle: "#5d2167";
+            readonly subtle: "#7a1f7e";
         };
     };
     readonly text: {
@@ -798,6 +799,7 @@ declare const color: {
         readonly '700': "#4c4c4c";
         readonly '800': "#3f3f3f";
         readonly '900': "#3a3837";
+        readonly '925': "#2f2d2d";
         readonly '950': "#232323";
         readonly '975': "#191919";
         readonly '1000': "#101010";
@@ -1174,25 +1176,25 @@ declare const color: {
     };
     readonly dark: {
         readonly background: {
-            readonly brand: "#7a42c8";
+            readonly brand: "#442484";
             readonly loading: "#30302c";
             readonly primary: "#191917";
-            readonly secondary: "#232323";
+            readonly secondary: "#2f2d2d";
         };
         readonly border: {
-            readonly strong: "#ebebeb";
-            readonly subtle: "#4c473d";
+            readonly strong: "#888888";
+            readonly subtle: "#5b5b5b";
         };
         readonly feedback: {
             readonly danger: {
-                readonly border: "#ff7964";
+                readonly border: "#f4412a";
                 readonly foreground: {
-                    readonly default: "#101010";
+                    readonly default: "#ffffff";
                     readonly subtle: "#ff7964";
                 };
                 readonly surface: {
-                    readonly default: "#ff634a";
-                    readonly subtle: "#ffa89d";
+                    readonly default: "#de2612";
+                    readonly subtle: "#6b1f1a";
                 };
             };
             readonly functional: {
@@ -1207,36 +1209,36 @@ declare const color: {
                 };
             };
             readonly info: {
-                readonly border: "#6bb0ff";
+                readonly border: "#2786f1";
                 readonly foreground: {
-                    readonly default: "#101010";
+                    readonly default: "#ffffff";
                     readonly subtle: "#6bb0ff";
                 };
                 readonly surface: {
-                    readonly default: "#6bb0ff";
-                    readonly subtle: "#bcddff";
+                    readonly default: "#1c6cd4";
+                    readonly subtle: "#0b3375";
                 };
             };
             readonly positive: {
-                readonly border: "#58ca93";
+                readonly border: "#19a660";
                 readonly foreground: {
-                    readonly default: "#101010";
+                    readonly default: "#ffffff";
                     readonly subtle: "#58ca93";
                 };
                 readonly surface: {
-                    readonly default: "#36bf7d";
-                    readonly subtle: "#a2e2c3";
+                    readonly default: "#0f834a";
+                    readonly subtle: "#074b2a";
                 };
             };
             readonly warning: {
-                readonly border: "#ff9639";
+                readonly border: "#f56e00";
                 readonly foreground: {
-                    readonly default: "#101010";
+                    readonly default: "#ffffff";
                     readonly subtle: "#ff9639";
                 };
                 readonly surface: {
-                    readonly default: "#ff8010";
-                    readonly subtle: "#ffcca8";
+                    readonly default: "#cf5d00";
+                    readonly subtle: "#893900";
                 };
             };
         };
@@ -1279,9 +1281,9 @@ declare const color: {
                 };
                 readonly surface: {
                     readonly strong: {
-                        readonly active: "#c6b5e2";
-                        readonly default: "#996cda";
-                        readonly hover: "#af90de";
+                        readonly active: "#ddd5eb";
+                        readonly default: "#af90de";
+                        readonly hover: "#c6b5e2";
                     };
                 };
             };
@@ -1364,52 +1366,52 @@ declare const color: {
             };
         };
         readonly shadow: {
-            readonly brand: "#7a42c8";
-            readonly broadband: "#506c21";
-            readonly cashback: "#8b2bc9";
-            readonly default: "#f7f7f7";
-            readonly energy: "#326e7a";
-            readonly insurance: "#9b4c0e";
-            readonly mobile: "#a7266d";
-            readonly pig: "#8f358f";
+            readonly brand: "#442484";
+            readonly broadband: "#4f6b20";
+            readonly cashback: "#7429b5";
+            readonly default: "#3f3f3f";
+            readonly energy: "#2c6370";
+            readonly insurance: "#7f4518";
+            readonly mobile: "#8a3260";
+            readonly pig: "#7a1f7e";
         };
         readonly surface: {
             readonly brand: {
-                readonly default: "#996cda";
+                readonly default: "#af90de";
                 readonly strong: "#26164f";
                 readonly subtle: "#442484";
             };
             readonly broadband: {
                 readonly default: "#506c21";
-                readonly subtle: "#35421c";
+                readonly subtle: "#4f6b20";
             };
             readonly cashback: {
                 readonly default: "#8b2bc9";
-                readonly subtle: "#522270";
+                readonly subtle: "#7429b5";
             };
             readonly energy: {
                 readonly default: "#326e7a";
-                readonly subtle: "#254348";
+                readonly subtle: "#2c6370";
             };
             readonly highlight: {
                 readonly default: "#ffb921";
-                readonly subtle: "#756230";
+                readonly subtle: "#82692b";
             };
             readonly insurance: {
                 readonly default: "#9b4c0e";
-                readonly subtle: "#5a3213";
+                readonly subtle: "#7f4518";
             };
             readonly mobile: {
                 readonly default: "#a7266d";
-                readonly subtle: "#601f42";
+                readonly subtle: "#8a3260";
             };
             readonly neutral: {
-                readonly strong: "#232323";
+                readonly strong: "#2f2d2d";
                 readonly subtle: "#191917";
             };
             readonly pig: {
                 readonly default: "#8f358f";
-                readonly subtle: "#5d2167";
+                readonly subtle: "#7a1f7e";
             };
         };
         readonly text: {

package/build/tokens/color.js

@@ -88,6 +88,7 @@ export const grey = {
     '700': '#4c4c4c',
     '800': '#3f3f3f',
     '900': '#3a3837',
+    '925': '#2f2d2d',
     '950': '#232323',
     '975': '#191919',
     '1000': '#101010',
@@ -464,25 +465,25 @@ export const light = {
 };
 export const dark = {
     background: {
-        brand: '#7a42c8',
+        brand: '#442484',
         loading: '#30302c',
         primary: '#191917',
-        secondary: '#232323',
+        secondary: '#2f2d2d',
     },
     border: {
-        strong: '#ebebeb',
-        subtle: '#4c473d',
+        strong: '#888888',
+        subtle: '#5b5b5b',
     },
     feedback: {
         danger: {
-            border: '#ff7964',
+            border: '#f4412a',
             foreground: {
-                default: '#101010',
+                default: '#ffffff',
                 subtle: '#ff7964',
             },
             surface: {
-                default: '#ff634a',
-                subtle: '#ffa89d',
+                default: '#de2612',
+                subtle: '#6b1f1a',
             },
         },
         functional: {
@@ -497,36 +498,36 @@ export const dark = {
             },
         },
         info: {
-            border: '#6bb0ff',
+            border: '#2786f1',
             foreground: {
-                default: '#101010',
+                default: '#ffffff',
                 subtle: '#6bb0ff',
             },
             surface: {
-                default: '#6bb0ff',
-                subtle: '#bcddff',
+                default: '#1c6cd4',
+                subtle: '#0b3375',
             },
         },
         positive: {
-            border: '#58ca93',
+            border: '#19a660',
             foreground: {
-                default: '#101010',
+                default: '#ffffff',
                 subtle: '#58ca93',
             },
             surface: {
-                default: '#36bf7d',
-                subtle: '#a2e2c3',
+                default: '#0f834a',
+                subtle: '#074b2a',
             },
         },
         warning: {
-            border: '#ff9639',
+            border: '#f56e00',
             foreground: {
-                default: '#101010',
+                default: '#ffffff',
                 subtle: '#ff9639',
             },
             surface: {
-                default: '#ff8010',
-                subtle: '#ffcca8',
+                default: '#cf5d00',
+                subtle: '#893900',
             },
         },
     },
@@ -569,9 +570,9 @@ export const dark = {
             },
             surface: {
                 strong: {
-                    active: '#c6b5e2',
-                    default: '#996cda',
-                    hover: '#af90de',
+                    active: '#ddd5eb',
+                    default: '#af90de',
+                    hover: '#c6b5e2',
                 },
             },
         },
@@ -654,52 +655,52 @@ export const dark = {
         },
     },
     shadow: {
-        brand: '#7a42c8',
-        broadband: '#506c21',
-        cashback: '#8b2bc9',
-        default: '#f7f7f7',
-        energy: '#326e7a',
-        insurance: '#9b4c0e',
-        mobile: '#a7266d',
-        pig: '#8f358f',
+        brand: '#442484',
+        broadband: '#4f6b20',
+        cashback: '#7429b5',
+        default: '#3f3f3f',
+        energy: '#2c6370',
+        insurance: '#7f4518',
+        mobile: '#8a3260',
+        pig: '#7a1f7e',
     },
     surface: {
         brand: {
-            default: '#996cda',
+            default: '#af90de',
             strong: '#26164f',
             subtle: '#442484',
         },
         broadband: {
             default: '#506c21',
-            subtle: '#35421c',
+            subtle: '#4f6b20',
         },
         cashback: {
             default: '#8b2bc9',
-            subtle: '#522270',
+            subtle: '#7429b5',
         },
         energy: {
             default: '#326e7a',
-            subtle: '#254348',
+            subtle: '#2c6370',
         },
         highlight: {
             default: '#ffb921',
-            subtle: '#756230',
+            subtle: '#82692b',
         },
         insurance: {
             default: '#9b4c0e',
-            subtle: '#5a3213',
+            subtle: '#7f4518',
         },
         mobile: {
             default: '#a7266d',
-            subtle: '#601f42',
+            subtle: '#8a3260',
         },
         neutral: {
-            strong: '#232323',
+            strong: '#2f2d2d',
             subtle: '#191917',
         },
         pig: {
             default: '#8f358f',
-            subtle: '#5d2167',
+            subtle: '#7a1f7e',
         },
     },
     text: {

package/build/tokens/components/dark/alert.d.ts

@@ -9,15 +9,15 @@ declare const _default: {
     readonly gap: 8;
     readonly iconButton: {
         readonly unstyled: {
-            readonly foregroundColor: "#101010";
-            readonly foregroundColorActive: "#3f3f3f";
-            readonly foregroundColorHover: "#3a3837";
+            readonly foregroundColor: "#ebebeb";
+            readonly foregroundColorActive: "#b2afae";
+            readonly foregroundColorHover: "#d3d3d3";
         };
     };
     readonly link: {
-        readonly color: "#101010";
-        readonly colorActive: "#3f3f3f";
-        readonly colorHover: "#3a3837";
+        readonly color: "#ebebeb";
+        readonly colorActive: "#b2afae";
+        readonly colorHover: "#d3d3d3";
     };
     readonly padding: 14;
 };

package/build/tokens/components/dark/alert.js

@@ -9,15 +9,15 @@ export default {
     gap: 8,
     iconButton: {
         unstyled: {
-            foregroundColor: '#101010',
-            foregroundColorActive: '#3f3f3f',
-            foregroundColorHover: '#3a3837',
+            foregroundColor: '#ebebeb',
+            foregroundColorActive: '#b2afae',
+            foregroundColorHover: '#d3d3d3',
         },
     },
     link: {
-        color: '#101010',
-        colorActive: '#3f3f3f',
-        colorHover: '#3a3837',
+        color: '#ebebeb',
+        colorActive: '#b2afae',
+        colorHover: '#d3d3d3',
     },
     padding: 14,
 };

package/build/tokens/components/dark/bottom-navigation.d.ts

@@ -11,10 +11,10 @@ declare const _default: {
     readonly item: {
         readonly gap: 2;
         readonly icon: {
-            readonly colorActive: "#996cda";
+            readonly colorActive: "#af90de";
         };
         readonly label: {
-            readonly colorActive: "#996cda";
+            readonly colorActive: "#af90de";
         };
         readonly paddingBottom: 2;
         readonly paddingHorizontal: 0;

package/build/tokens/components/dark/bottom-navigation.js

@@ -11,10 +11,10 @@ export default {
     item: {
         gap: 2,
         icon: {
-            colorActive: '#996cda',
+            colorActive: '#af90de',
         },
         label: {
-            colorActive: '#996cda',
+            colorActive: '#af90de',
         },
         paddingBottom: 2,
         paddingHorizontal: 0,

package/build/tokens/components/dark/checkbox.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
     readonly borderRadius: 4;
     readonly borderWidth: 2;
     readonly checked: {
-        readonly backgroundColor: "#ebebeb";
+        readonly backgroundColor: "#888888";
         readonly icon: {
             readonly color: "#101010";
         };

package/build/tokens/components/dark/checkbox.js

@@ -5,7 +5,7 @@ export default {
     borderRadius: 4,
     borderWidth: 2,
     checked: {
-        backgroundColor: '#ebebeb',
+        backgroundColor: '#888888',
         icon: {
             color: '#101010',
         },

package/build/tokens/components/dark/icon-button.d.ts

@@ -4,9 +4,9 @@
 declare const _default: {
     readonly iconButton: {
         readonly unstyled: {
-            readonly foregroundColor: "#101010";
-            readonly foregroundColorActive: "#3f3f3f";
-            readonly foregroundColorHover: "#3a3837";
+            readonly foregroundColor: "#ebebeb";
+            readonly foregroundColorActive: "#b2afae";
+            readonly foregroundColorHover: "#d3d3d3";
         };
     };
     readonly borderRadius: 8;

package/build/tokens/components/dark/icon-button.js

@@ -4,9 +4,9 @@
 export default {
     iconButton: {
         unstyled: {
-            foregroundColor: '#101010',
-            foregroundColorActive: '#3f3f3f',
-            foregroundColorHover: '#3a3837',
+            foregroundColor: '#ebebeb',
+            foregroundColorActive: '#b2afae',
+            foregroundColorHover: '#d3d3d3',
         },
     },
     borderRadius: 8,

package/build/tokens/components/dark/inline-link.d.ts

@@ -3,7 +3,7 @@
  */
 declare const _default: {
     readonly color: "#6bb0ff";
-    readonly colorVisited: "#996cda";
+    readonly colorVisited: "#af90de";
     readonly inverted: {
         readonly color: "#fcfbf2";
         readonly colorActive: "#f1efe4";

package/build/tokens/components/dark/inline-link.js

@@ -3,7 +3,7 @@
  */
 export default {
     color: '#6bb0ff',
-    colorVisited: '#996cda',
+    colorVisited: '#af90de',
     inverted: {
         color: '#fcfbf2',
         colorActive: '#f1efe4',