@utilitywarehouse/hearth-react-native 0.1.0 → 0.2.0

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

@@ -2,11 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly backgroundColor: "#7a42c8";
-    readonly backgroundColorActive: "#5a3285";
-    readonly backgroundColorHover: "#6538b8";
     readonly bar: {
-        readonly backgroundColorActive: "#ffb921";
         readonly borderRadiusNone: 0;
         readonly borderRadiusRounded: 4;
     };
@@ -14,10 +10,9 @@ declare const _default: {
     readonly desktop: {
         readonly height: 88;
     };
-    readonly foregroundColor: "#fcfbf2";
+    readonly dividerBorderColor: "#5c2ca9";
     readonly gap: 4;
     readonly mobile: {
-        readonly dividerBorderColor: "#6538b8";
         readonly height: 64;
     };
 };

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

@@ -2,11 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    backgroundColor: '#7a42c8',
-    backgroundColorActive: '#5a3285',
-    backgroundColorHover: '#6538b8',
     bar: {
-        backgroundColorActive: '#ffb921',
         borderRadiusNone: 0,
         borderRadiusRounded: 4,
     },
@@ -14,10 +10,9 @@ export default {
     desktop: {
         height: 88,
     },
-    foregroundColor: '#fcfbf2',
+    dividerBorderColor: '#5c2ca9',
     gap: 4,
     mobile: {
-        dividerBorderColor: '#6538b8',
         height: 64,
     },
 };

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

@@ -0,0 +1,12 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    readonly gap: 8;
+    readonly item: {
+        readonly height: 40;
+        readonly radius: 8;
+        readonly width: 40;
+    };
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export default {
+    gap: 8,
+    item: {
+        height: 40,
+        radius: 8,
+        width: 40,
+    },
+};

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

@@ -8,15 +8,25 @@ declare const _default: {
     };
     readonly modalStack: {
         readonly backgroundColor: "#101010";
-        readonly backgroundColorCardBottom: "#222222";
-        readonly backgroundColorCardTop: "#3e3c3b";
+        readonly backgroundColorCardBottom: "#232323";
+        readonly backgroundColorCardTop: "#3a3837";
     };
     readonly placeholder: {
-        readonly borderColor: "#e7e6e6";
+        readonly borderColor: "#ebebeb";
+    };
+    readonly roundel: {
+        readonly borderRadius: 9999;
+        readonly pending: {
+            readonly borderWidth: 2;
+        };
+    };
+    readonly scrollBar: {
+        readonly backgroundColor: "#4c473d";
+        readonly borderRadius: 9999;
     };
     readonly statusBar: {
         readonly foregroundColor: "#ffffff";
-        readonly foregroundColorInverted: "#ffffff";
+        readonly foregroundColorInverted: "#000000";
         readonly notch: "#000000";
     };
 };

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

@@ -8,15 +8,25 @@ export default {
     },
     modalStack: {
         backgroundColor: '#101010',
-        backgroundColorCardBottom: '#222222',
-        backgroundColorCardTop: '#3e3c3b',
+        backgroundColorCardBottom: '#232323',
+        backgroundColorCardTop: '#3a3837',
     },
     placeholder: {
-        borderColor: '#e7e6e6',
+        borderColor: '#ebebeb',
+    },
+    roundel: {
+        borderRadius: 9999,
+        pending: {
+            borderWidth: 2,
+        },
+    },
+    scrollBar: {
+        backgroundColor: '#4c473d',
+        borderRadius: 9999,
     },
     statusBar: {
         foregroundColor: '#ffffff',
-        foregroundColorInverted: '#ffffff',
+        foregroundColorInverted: '#000000',
         notch: '#000000',
     },
 };

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

@@ -2,12 +2,8 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly backgroundColorActive: "#30302c";
-    readonly backgroundColorHover: "#282825";
-    readonly borderColor: "#e7e6e6";
     readonly borderRadius: 9999;
     readonly borderWidth: 1;
-    readonly foregroundColor: "#e7e6e6";
     readonly gap: 6;
     readonly group: {
         readonly gap: 8;
@@ -16,11 +12,5 @@ declare const _default: {
     readonly minWidth: 66;
     readonly paddingHorizontal: 20;
     readonly paddingVertical: 12;
-    readonly selected: {
-        readonly backgroundColor: "#7a42c8";
-        readonly backgroundColorActive: "#5a3285";
-        readonly backgroundColorHover: "#6538b8";
-        readonly foregroundColor: "#fcfbf2";
-    };
 };
 export default _default;

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

@@ -2,12 +2,8 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    backgroundColorActive: '#30302c',
-    backgroundColorHover: '#282825',
-    borderColor: '#e7e6e6',
     borderRadius: 9999,
     borderWidth: 1,
-    foregroundColor: '#e7e6e6',
     gap: 6,
     group: {
         gap: 8,
@@ -16,10 +12,4 @@ export default {
     minWidth: 66,
     paddingHorizontal: 20,
     paddingVertical: 12,
-    selected: {
-        backgroundColor: '#7a42c8',
-        backgroundColorActive: '#5a3285',
-        backgroundColorHover: '#6538b8',
-        foregroundColor: '#fcfbf2',
-    },
 };

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

@@ -6,23 +6,15 @@ declare const _default: {
         readonly complete: {
             readonly backgroundColor: "#7a42c8";
         };
-        readonly future: {
-            readonly backgroundColor: "#4c473d";
-        };
         readonly height: 2;
     };
     readonly gapHorizontal: 0;
     readonly gapVertical: 4;
     readonly indicator: {
-        readonly active: {
-            readonly backgroundColorHalo: "#222222";
-        };
         readonly complete: {
-            readonly backgroundColor: "#7a42c8";
             readonly iconColor: "#fcfbf2";
         };
         readonly future: {
-            readonly borderColor: "#4c473d";
             readonly borderWidth: 2;
         };
         readonly height: 28;

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

@@ -6,23 +6,15 @@ export default {
         complete: {
             backgroundColor: '#7a42c8',
         },
-        future: {
-            backgroundColor: '#4c473d',
-        },
         height: 2,
     },
     gapHorizontal: 0,
     gapVertical: 4,
     indicator: {
-        active: {
-            backgroundColorHalo: '#222222',
-        },
         complete: {
-            backgroundColor: '#7a42c8',
             iconColor: '#fcfbf2',
         },
         future: {
-            borderColor: '#4c473d',
             borderWidth: 2,
         },
         height: 28,

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

@@ -5,7 +5,7 @@ declare const _default: {
     readonly borderRadius: 9999;
     readonly borderWidth: 2;
     readonly checked: {
-        readonly color: "#e7e6e6";
+        readonly color: "#ebebeb";
     };
     readonly gap: 8;
     readonly group: {
@@ -18,9 +18,6 @@ declare const _default: {
     readonly outlineColorHover: "#30302c";
     readonly outlineWidth: 3;
     readonly tile: {
-        readonly backgroundColor: "#222222";
-        readonly borderColor: "#4c473d";
-        readonly borderColorSelected: "#e7e6e6";
         readonly borderRadius: 8;
         readonly borderWidth: 1;
         readonly borderWidthSelected: 2;
@@ -35,9 +32,5 @@ declare const _default: {
         readonly minWidth: 200;
         readonly padding: 12;
     };
-    readonly unchecked: {
-        readonly backgroundColor: "#222222";
-        readonly borderColor: "#8a8686";
-    };
 };
 export default _default;

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

@@ -5,7 +5,7 @@ export default {
     borderRadius: 9999,
     borderWidth: 2,
     checked: {
-        color: '#e7e6e6',
+        color: '#ebebeb',
     },
     gap: 8,
     group: {
@@ -18,9 +18,6 @@ export default {
     outlineColorHover: '#30302c',
     outlineWidth: 3,
     tile: {
-        backgroundColor: '#222222',
-        borderColor: '#4c473d',
-        borderColorSelected: '#e7e6e6',
         borderRadius: 8,
         borderWidth: 1,
         borderWidthSelected: 2,
@@ -35,8 +32,4 @@ export default {
         minWidth: 200,
         padding: 12,
     },
-    unchecked: {
-        backgroundColor: '#222222',
-        borderColor: '#8a8686',
-    },
 };

package/build/tokens/components/dark/{focus.d.ts → section-header.d.ts}

@@ -2,7 +2,9 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly border: "#e7e6e6";
-    readonly borderInverted: "#fcfbf2";
+    readonly gap: 12;
+    readonly textContent: {
+        readonly gap: 2;
+    };
 };
 export default _default;

package/build/tokens/components/dark/{focus.js → section-header.js}

@@ -2,6 +2,8 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    border: '#e7e6e6',
-    borderInverted: '#fcfbf2',
+    gap: 12,
+    textContent: {
+        gap: 2,
+    },
 };

package/build/tokens/components/dark/segmented-control.d.ts

@@ -2,13 +2,9 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly backgroundColorActive: "#30302c";
-    readonly backgroundColorHover: "#282825";
     readonly borderRadius: 6;
-    readonly foregroundColor: "#e7e6e6";
     readonly gap: 6;
     readonly group: {
-        readonly borderColor: "#e7e6e6";
         readonly borderRadius: 8;
         readonly borderWidth: 1;
         readonly gap: 4;
@@ -19,9 +15,5 @@ declare const _default: {
     readonly minWidth: 66;
     readonly paddingHorizontal: 16;
     readonly paddingVertical: 8;
-    readonly selected: {
-        readonly backgroundColor: "#7a42c8";
-        readonly foregroundColor: "#fcfbf2";
-    };
 };
 export default _default;

package/build/tokens/components/dark/segmented-control.js

@@ -2,13 +2,9 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    backgroundColorActive: '#30302c',
-    backgroundColorHover: '#282825',
     borderRadius: 6,
-    foregroundColor: '#e7e6e6',
     gap: 6,
     group: {
-        borderColor: '#e7e6e6',
         borderRadius: 8,
         borderWidth: 1,
         gap: 4,
@@ -19,8 +15,4 @@ export default {
     minWidth: 66,
     paddingHorizontal: 16,
     paddingVertical: 8,
-    selected: {
-        backgroundColor: '#7a42c8',
-        foregroundColor: '#fcfbf2',
-    },
 };

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

@@ -2,25 +2,15 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly backgroundColor: "#222222";
-    readonly borderColor: "#e7e6e6";
-    readonly borderColorInvalid: "#ff7964";
-    readonly borderColorReadOnly: "#464444";
-    readonly borderColorValid: "#58ca93";
     readonly borderRadius: 8;
     readonly borderWidth: 1;
     readonly borderWidthFocused: 2;
     readonly dropdown: {
-        readonly backgroundColor: "#222222";
-        readonly borderColor: "#4c473d";
         readonly borderWidth: 1;
         readonly gap: 4;
         readonly gapContent: 8;
         readonly item: {
-            readonly backgroundColorActive: "#464444";
-            readonly backgroundColorHover: "#3e3c3b";
             readonly borderRadius: 8;
-            readonly foregroundColor: "#e7e6e6";
             readonly gap: 6;
             readonly padding: 12;
         };

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

@@ -2,25 +2,15 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    backgroundColor: '#222222',
-    borderColor: '#e7e6e6',
-    borderColorInvalid: '#ff7964',
-    borderColorReadOnly: '#464444',
-    borderColorValid: '#58ca93',
     borderRadius: 8,
     borderWidth: 1,
     borderWidthFocused: 2,
     dropdown: {
-        backgroundColor: '#222222',
-        borderColor: '#4c473d',
         borderWidth: 1,
         gap: 4,
         gapContent: 8,
         item: {
-            backgroundColorActive: '#464444',
-            backgroundColorHover: '#3e3c3b',
             borderRadius: 8,
-            foregroundColor: '#e7e6e6',
             gap: 6,
             padding: 12,
         },

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: "#8850cf";
+    readonly defaultFill: "#af90de";
     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: '#8850cf',
+    defaultFill: '#af90de',
     lg: {
         size: 40,
         strokeWidth: 3,

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

@@ -2,14 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly checked: {
-        readonly backgroundColor: "#8850cf";
-        readonly backgroundColorHover: "#926fd1";
-        readonly iconColor: "#8850cf";
-    };
-    readonly circle: {
-        readonly backgroundColor: "#ffffff";
-    };
     readonly md: {
         readonly circle: {
             readonly size: 28;
@@ -27,9 +19,7 @@ declare const _default: {
         readonly width: 44;
     };
     readonly unchecked: {
-        readonly backgroundColor: "#6f6c6b";
-        readonly backgroundColorHover: "#5f5c5b";
-        readonly iconColor: "#6f6c6b";
+        readonly backgroundColorHover: "#5b5b5b";
     };
 };
 export default _default;

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

@@ -2,14 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    checked: {
-        backgroundColor: '#8850cf',
-        backgroundColorHover: '#926fd1',
-        iconColor: '#8850cf',
-    },
-    circle: {
-        backgroundColor: '#ffffff',
-    },
     md: {
         circle: {
             size: 28,
@@ -27,8 +19,6 @@ export default {
         width: 44,
     },
     unchecked: {
-        backgroundColor: '#6f6c6b',
-        backgroundColorHover: '#5f5c5b',
-        iconColor: '#6f6c6b',
+        backgroundColorHover: '#5b5b5b',
     },
 };

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

@@ -0,0 +1,23 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    readonly borderRadius: 16;
+    readonly cell: {
+        readonly borderWidth: 1;
+        readonly padding: 12;
+    };
+    readonly emphasis: {
+        readonly borderWidth: 2;
+    };
+    readonly headerCell: {
+        readonly borderWidth: 2;
+        readonly gap: 8;
+        readonly paddingHorizontal: 12;
+        readonly paddingVertical: 16;
+    };
+    readonly subtle: {
+        readonly borderWidth: 1;
+    };
+};
+export default _default;

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

@@ -0,0 +1,22 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export default {
+    borderRadius: 16,
+    cell: {
+        borderWidth: 1,
+        padding: 12,
+    },
+    emphasis: {
+        borderWidth: 2,
+    },
+    headerCell: {
+        borderWidth: 2,
+        gap: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 16,
+    },
+    subtle: {
+        borderWidth: 1,
+    },
+};

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

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    readonly divider: {
+        readonly borderWidth: 2;
+        readonly color: "#ebebeb";
+    };
+    readonly gap: 12;
+    readonly item: {
+        readonly gap: 6;
+        readonly selected: {
+            readonly borderBottomRadius: 0;
+            readonly borderTopRadius: 4;
+        };
+    };
+    readonly lg: {
+        readonly height: 64;
+    };
+    readonly md: {
+        readonly height: 56;
+    };
+};
+export default _default;

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

@@ -0,0 +1,23 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export default {
+    divider: {
+        borderWidth: 2,
+        color: '#ebebeb',
+    },
+    gap: 12,
+    item: {
+        gap: 6,
+        selected: {
+            borderBottomRadius: 0,
+            borderTopRadius: 4,
+        },
+    },
+    lg: {
+        height: 64,
+    },
+    md: {
+        height: 56,
+    },
+};

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

@@ -0,0 +1,10 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    readonly backgroundColor: "#3f3f3f";
+    readonly borderRadius: 8;
+    readonly gapHorizontal: 8;
+    readonly padding: 14;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export default {
+    backgroundColor: '#3f3f3f',
+    borderRadius: 8,
+    gapHorizontal: 8,
+    padding: 14,
+};

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

@@ -2,23 +2,12 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly backgroundColorActive: "#30302c";
-    readonly backgroundColorHover: "#282825";
-    readonly borderColor: "#e7e6e6";
     readonly borderRadius: 8;
     readonly borderWidth: 2;
-    readonly foregroundColor: "#e7e6e6";
     readonly gap: 6;
     readonly height: 48;
     readonly minWidth: 80;
     readonly paddingHorizontal: 20;
     readonly paddingVertical: 12;
-    readonly selected: {
-        readonly backgroundColor: "#7a42c8";
-        readonly backgroundColorActive: "#5a3285";
-        readonly backgroundColorHover: "#6538b8";
-        readonly borderColor: "#e7e6e6";
-        readonly foregroundColor: "#fcfbf2";
-    };
 };
 export default _default;

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

@@ -2,22 +2,11 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    backgroundColorActive: '#30302c',
-    backgroundColorHover: '#282825',
-    borderColor: '#e7e6e6',
     borderRadius: 8,
     borderWidth: 2,
-    foregroundColor: '#e7e6e6',
     gap: 6,
     height: 48,
     minWidth: 80,
     paddingHorizontal: 20,
     paddingVertical: 12,
-    selected: {
-        backgroundColor: '#7a42c8',
-        backgroundColorActive: '#5a3285',
-        backgroundColorHover: '#6538b8',
-        borderColor: '#e7e6e6',
-        foregroundColor: '#fcfbf2',
-    },
 };

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

@@ -0,0 +1,12 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    readonly backgroundColor: "#3f3f3f";
+    readonly borderRadius: 8;
+    readonly gapHorizontal: 8;
+    readonly gapVertical: 2;
+    readonly paddingHorizontal: 12;
+    readonly paddingVertical: 8;
+};
+export default _default;