@utilitywarehouse/hearth-react-native 0.31.0 → 0.31.1

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

@@ -3,9 +3,9 @@
  */
 declare const _default: {
     readonly link: {
-        readonly color: "#101010";
-        readonly colorActive: "#3f3f3f";
-        readonly colorHover: "#3a3837";
+        readonly color: "#ebebeb";
+        readonly colorActive: "#b2afae";
+        readonly colorHover: "#d3d3d3";
     };
     readonly color: "#ebebeb";
     readonly colorActive: "#b2afae";

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

@@ -3,9 +3,9 @@
  */
 export default {
     link: {
-        color: '#101010',
-        colorActive: '#3f3f3f',
-        colorHover: '#3a3837',
+        color: '#ebebeb',
+        colorActive: '#b2afae',
+        colorHover: '#d3d3d3',
     },
     color: '#ebebeb',
     colorActive: '#b2afae',

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

@@ -6,12 +6,12 @@ declare const _default: {
         readonly borderRadiusNone: 0;
         readonly borderRadiusRounded: 4;
     };
-    readonly borderBottom: "#5c2ca9";
+    readonly borderBottom: "#996cda";
     readonly borderRadius: 6;
     readonly desktop: {
         readonly height: 88;
     };
-    readonly dividerBorderColor: "#5c2ca9";
+    readonly dividerBorderColor: "#996cda";
     readonly gap: 4;
     readonly mobile: {
         readonly height: 64;

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

@@ -6,12 +6,12 @@ export default {
         borderRadiusNone: 0,
         borderRadiusRounded: 4,
     },
-    borderBottom: '#5c2ca9',
+    borderBottom: '#996cda',
     borderRadius: 6,
     desktop: {
         height: 88,
     },
-    dividerBorderColor: '#5c2ca9',
+    dividerBorderColor: '#996cda',
     gap: 4,
     mobile: {
         height: 64,

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

@@ -26,8 +26,8 @@ declare const _default: {
     };
     readonly statusBar: {
         readonly foregroundColor: "#ffffff";
-        readonly foregroundColorInverted: "#000000";
-        readonly notch: "#000000";
+        readonly foregroundColorInverted: "#ffffff";
+        readonly notch: "#101010";
     };
 };
 export default _default;

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

@@ -26,7 +26,7 @@ export default {
     },
     statusBar: {
         foregroundColor: '#ffffff',
-        foregroundColorInverted: '#000000',
-        notch: '#000000',
+        foregroundColorInverted: '#ffffff',
+        notch: '#101010',
     },
 };

package/build/tokens/components/dark/progress-bar.d.ts

@@ -33,9 +33,9 @@ declare const _default: {
         };
     };
     readonly progress: {
-        readonly dangerColor: "#ff634a";
-        readonly defaultColor: "#c6b5e2";
-        readonly successColor: "#36bf7d";
+        readonly dangerColor: "#f4412a";
+        readonly defaultColor: "#996cda";
+        readonly successColor: "#19a660";
     };
 };
 export default _default;

package/build/tokens/components/dark/progress-bar.js

@@ -33,8 +33,8 @@ export default {
         },
     },
     progress: {
-        dangerColor: '#ff634a',
-        defaultColor: '#c6b5e2',
-        successColor: '#36bf7d',
+        dangerColor: '#f4412a',
+        defaultColor: '#996cda',
+        successColor: '#19a660',
     },
 };

package/build/tokens/components/dark/progress-stepper.d.ts

@@ -4,7 +4,7 @@
 declare const _default: {
     readonly bar: {
         readonly complete: {
-            readonly backgroundColor: "#7a42c8";
+            readonly backgroundColor: "#996cda";
         };
         readonly height: 2;
     };

package/build/tokens/components/dark/progress-stepper.js

@@ -4,7 +4,7 @@
 export default {
     bar: {
         complete: {
-            backgroundColor: '#7a42c8',
+            backgroundColor: '#996cda',
         },
         height: 2,
     },

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

@@ -2,7 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly defaultFill: "#af90de";
+    readonly defaultFill: "#996cda";
     readonly lg: {
         readonly size: 40;
         readonly strokeWidth: 3;

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

@@ -2,7 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    defaultFill: '#af90de',
+    defaultFill: '#996cda',
     lg: {
         size: 40,
         strokeWidth: 3,

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

@@ -13,6 +13,8 @@ declare const _default: {
     };
     readonly headerCell: {
         readonly borderWidth: 2;
+        readonly foregoundColor: "#ebebeb";
+        readonly foregoundColorInverted: "#101010";
         readonly gap: 8;
         readonly height: 56;
         readonly paddingHorizontal: 12;

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

@@ -13,6 +13,8 @@ export default {
     },
     headerCell: {
         borderWidth: 2,
+        foregoundColor: '#ebebeb',
+        foregoundColorInverted: '#101010',
         gap: 8,
         height: 56,
         paddingHorizontal: 12,

package/build/tokens/components/dark/time-picker.d.ts

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
+    readonly fade: "#2f2d2d00";
     readonly gap: 6;
     readonly gapContainer: 4;
     readonly minWidth: 288;

package/build/tokens/components/dark/time-picker.js

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
+    fade: '#2f2d2d00',
     gap: 6,
     gapContainer: 4,
     minWidth: 288,

package/build/tokens/components/light/parts.d.ts

@@ -3,7 +3,7 @@
  */
 declare const _default: {
     readonly homeIndicator: {
-        readonly foregroundColor: "#000000";
+        readonly foregroundColor: "#101010";
         readonly foregroundColorInverted: "#ffffff";
     };
     readonly modalStack: {
@@ -25,9 +25,9 @@ declare const _default: {
         readonly borderRadius: 9999;
     };
     readonly statusBar: {
-        readonly foregroundColor: "#000000";
+        readonly foregroundColor: "#101010";
         readonly foregroundColorInverted: "#ffffff";
-        readonly notch: "#000000";
+        readonly notch: "#101010";
     };
 };
 export default _default;

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

@@ -3,7 +3,7 @@
  */
 export default {
     homeIndicator: {
-        foregroundColor: '#000000',
+        foregroundColor: '#101010',
         foregroundColorInverted: '#ffffff',
     },
     modalStack: {
@@ -25,8 +25,8 @@ export default {
         borderRadius: 9999,
     },
     statusBar: {
-        foregroundColor: '#000000',
+        foregroundColor: '#101010',
         foregroundColorInverted: '#ffffff',
-        notch: '#000000',
+        notch: '#101010',
     },
 };

package/build/tokens/components/light/table.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     };
     readonly headerCell: {
         readonly borderWidth: 2;
+        readonly foregoundColor: "#101010";
+        readonly foregoundColorInverted: "#ffffff";
         readonly gap: 8;
         readonly height: 56;
         readonly paddingHorizontal: 12;

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

@@ -13,6 +13,8 @@ export default {
     },
     headerCell: {
         borderWidth: 2,
+        foregoundColor: '#101010',
+        foregoundColorInverted: '#ffffff',
         gap: 8,
         height: 56,
         paddingHorizontal: 12,

package/build/tokens/components/light/time-picker.d.ts

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
+    readonly fade: "#ffffff00";
     readonly gap: 6;
     readonly gapContainer: 4;
     readonly minWidth: 288;

package/build/tokens/components/light/time-picker.js

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
+    fade: '#ffffff00',
     gap: 6,
     gapContainer: 4,
     minWidth: 288,

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

@@ -3,25 +3,25 @@
  */
 declare const _default: {
     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: {
@@ -36,36 +36,36 @@ declare const _default: {
             };
         };
         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";
             };
         };
     };
@@ -108,9 +108,9 @@ declare const _default: {
             };
             readonly surface: {
                 readonly strong: {
-                    readonly active: "#c6b5e2";
-                    readonly default: "#996cda";
-                    readonly hover: "#af90de";
+                    readonly active: "#ddd5eb";
+                    readonly default: "#af90de";
+                    readonly hover: "#c6b5e2";
                 };
             };
         };
@@ -196,52 +196,52 @@ declare const _default: {
         readonly disabled: 50;
     };
     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/semantic-dark.js

@@ -3,25 +3,25 @@
  */
 export default {
     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: {
@@ -36,36 +36,36 @@ export default {
             },
         },
         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',
             },
         },
     },
@@ -108,9 +108,9 @@ export default {
             },
             surface: {
                 strong: {
-                    active: '#c6b5e2',
-                    default: '#996cda',
-                    hover: '#af90de',
+                    active: '#ddd5eb',
+                    default: '#af90de',
+                    hover: '#c6b5e2',
                 },
             },
         },
@@ -196,52 +196,52 @@ export default {
         disabled: 50,
     },
     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: {