@utilitywarehouse/hearth-react-native 0.31.0 → 0.32.0

package/src/tokens/components/dark/bottom-navigation.ts

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

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

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

package/src/tokens/components/dark/icon-button.ts

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

package/src/tokens/components/dark/inline-link.ts

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

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

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

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

@@ -7,12 +7,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/src/tokens/components/dark/parts.ts

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

package/src/tokens/components/dark/progress-bar.ts

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

package/src/tokens/components/dark/progress-stepper.ts

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

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

@@ -3,7 +3,7 @@
  */
 
 export default {
-  defaultFill: '#af90de',
+  defaultFill: '#996cda',
   lg: {
     size: 40,
     strokeWidth: 3,

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

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

package/src/tokens/components/dark/time-picker.ts

@@ -3,6 +3,7 @@
  */
 
 export default {
+  fade: '#2f2d2d00',
   gap: 6,
   gapContainer: 4,
   minWidth: 288,

package/src/tokens/components/light/parts.ts

@@ -4,7 +4,7 @@
 
 export default {
   homeIndicator: {
-    foregroundColor: '#000000',
+    foregroundColor: '#101010',
     foregroundColorInverted: '#ffffff',
   },
   modalStack: {
@@ -26,8 +26,8 @@ export default {
     borderRadius: 9999,
   },
   statusBar: {
-    foregroundColor: '#000000',
+    foregroundColor: '#101010',
     foregroundColorInverted: '#ffffff',
-    notch: '#000000',
+    notch: '#101010',
   },
 } as const;

package/src/tokens/components/light/table.ts

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

package/src/tokens/components/light/time-picker.ts

@@ -3,6 +3,7 @@
  */
 
 export default {
+  fade: '#ffffff00',
   gap: 6,
   gapContainer: 4,
   minWidth: 288,

package/src/tokens/semantic-dark.ts

@@ -4,25 +4,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: {
@@ -37,36 +37,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',
       },
     },
   },
@@ -109,9 +109,9 @@ export default {
       },
       surface: {
         strong: {
-          active: '#c6b5e2',
-          default: '#996cda',
-          hover: '#af90de',
+          active: '#ddd5eb',
+          default: '#af90de',
+          hover: '#c6b5e2',
         },
       },
     },
@@ -197,52 +197,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: {

package/vercel.json

@@ -1,21 +0,0 @@
-{
-  "headers": [
-    {
-      "source": "/(stories|metadata).json",
-      "headers": [
-        {
-          "key": "Access-Control-Allow-Origin",
-          "value": "*"
-        },
-        {
-          "key": "Access-Control-Allow-Methods",
-          "value": "GET,OPTIONS"
-        },
-        {
-          "key": "Access-Control-Allow-Headers",
-          "value": "Content-Type"
-        }
-      ]
-    }
-  ]
-}