@utilitywarehouse/hearth-react-native 0.1.0 → 0.3.0

package/build/tokens/components/light/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/light/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/light/tabs.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    readonly divider: {
+        readonly borderWidth: 2;
+        readonly color: "#101010";
+    };
+    readonly gap: 12;
+    readonly item: {
+        readonly gap: 6;
+        readonly paddingHorizontal: 12;
+        readonly paddingVertical: 16;
+        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/light/tabs.js

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

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

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

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

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

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

@@ -2,23 +2,12 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly backgroundColorActive: "#f1efe4";
-    readonly backgroundColorHover: "#f7f6eb";
-    readonly borderColor: "#101010";
     readonly borderRadius: 8;
     readonly borderWidth: 2;
-    readonly foregroundColor: "#101010";
     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: "#101010";
-        readonly foregroundColor: "#fcfbf2";
-    };
 };
 export default _default;

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

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

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export default {
+    backgroundColor: '#101010',
+    borderRadius: 8,
+    gapHorizontal: 8,
+    gapVertical: 2,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+};

package/build/tokens/components/light/top-navigation.d.ts

@@ -2,14 +2,9 @@
  * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
-    readonly emphasis: {
-        readonly backgroundColor: "#7a42c8";
-    };
     readonly gap: 0;
     readonly largeTitle: {
-        readonly gap: 2;
         readonly paddingBottom: 16;
-        readonly paddingHorizontal: 16;
         readonly paddingTop: 0;
     };
     readonly navigationBar: {
@@ -19,8 +14,5 @@ declare const _default: {
     };
     readonly paddingHorizontal: 0;
     readonly paddingVertical: 0;
-    readonly subtle: {
-        readonly backgroundColor: "#fcfbf2";
-    };
 };
 export default _default;

package/build/tokens/components/light/top-navigation.js

@@ -2,14 +2,9 @@
  * Do not edit directly, this file was auto-generated.
  */
 export default {
-    emphasis: {
-        backgroundColor: '#7a42c8',
-    },
     gap: 0,
     largeTitle: {
-        gap: 2,
         paddingBottom: 16,
-        paddingHorizontal: 16,
         paddingTop: 0,
     },
     navigationBar: {
@@ -19,7 +14,4 @@ export default {
     },
     paddingHorizontal: 0,
     paddingVertical: 0,
-    subtle: {
-        backgroundColor: '#fcfbf2',
-    },
 };

package/build/tokens/index.d.ts

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 export { default as color } from './color';
+export { default as semantic } from './semantic';
 export { default as semanticLight } from './semantic-light';
 export { default as semanticDark } from './semantic-dark';
 export { default as layout } from './layout';

package/build/tokens/index.js

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 export { default as color } from './color';
+export { default as semantic } from './semantic';
 export { default as semanticLight } from './semantic-light';
 export { default as semanticDark } from './semantic-dark';
 export { default as layout } from './layout';

package/build/tokens/layout.d.ts

@@ -20,11 +20,14 @@ export declare const mobile: {
         readonly margin: 16;
     };
     readonly spacing: {
-        readonly lg: 20;
-        readonly md: 16;
-        readonly sm: 12;
-        readonly xl: 28;
-        readonly xs: 8;
+        readonly '2xl': 28;
+        readonly '2xs': 2;
+        readonly lg: 16;
+        readonly md: 12;
+        readonly none: 0;
+        readonly sm: 8;
+        readonly xl: 20;
+        readonly xs: 4;
     };
 };
 export declare const tablet: {
@@ -46,11 +49,14 @@ export declare const tablet: {
         readonly margin: 32;
     };
     readonly spacing: {
-        readonly lg: 24;
-        readonly md: 16;
-        readonly sm: 12;
-        readonly xl: 28;
-        readonly xs: 8;
+        readonly '2xl': 28;
+        readonly '2xs': 2;
+        readonly lg: 16;
+        readonly md: 12;
+        readonly none: 0;
+        readonly sm: 8;
+        readonly xl: 24;
+        readonly xs: 4;
     };
 };
 export declare const desktop: {
@@ -72,11 +78,14 @@ export declare const desktop: {
         readonly margin: 32;
     };
     readonly spacing: {
-        readonly lg: 24;
-        readonly md: 16;
-        readonly sm: 12;
-        readonly xl: 40;
-        readonly xs: 8;
+        readonly '2xl': 40;
+        readonly '2xs': 2;
+        readonly lg: 16;
+        readonly md: 12;
+        readonly none: 0;
+        readonly sm: 8;
+        readonly xl: 24;
+        readonly xs: 4;
     };
 };
 declare const layout: {
@@ -99,11 +108,14 @@ declare const layout: {
             readonly margin: 16;
         };
         readonly spacing: {
-            readonly lg: 20;
-            readonly md: 16;
-            readonly sm: 12;
-            readonly xl: 28;
-            readonly xs: 8;
+            readonly '2xl': 28;
+            readonly '2xs': 2;
+            readonly lg: 16;
+            readonly md: 12;
+            readonly none: 0;
+            readonly sm: 8;
+            readonly xl: 20;
+            readonly xs: 4;
         };
     };
     readonly tablet: {
@@ -125,11 +137,14 @@ declare const layout: {
             readonly margin: 32;
         };
         readonly spacing: {
-            readonly lg: 24;
-            readonly md: 16;
-            readonly sm: 12;
-            readonly xl: 28;
-            readonly xs: 8;
+            readonly '2xl': 28;
+            readonly '2xs': 2;
+            readonly lg: 16;
+            readonly md: 12;
+            readonly none: 0;
+            readonly sm: 8;
+            readonly xl: 24;
+            readonly xs: 4;
         };
     };
     readonly desktop: {
@@ -151,11 +166,14 @@ declare const layout: {
             readonly margin: 32;
         };
         readonly spacing: {
-            readonly lg: 24;
-            readonly md: 16;
-            readonly sm: 12;
-            readonly xl: 40;
-            readonly xs: 8;
+            readonly '2xl': 40;
+            readonly '2xs': 2;
+            readonly lg: 16;
+            readonly md: 12;
+            readonly none: 0;
+            readonly sm: 8;
+            readonly xl: 24;
+            readonly xs: 4;
         };
     };
 };

package/build/tokens/layout.js

@@ -20,11 +20,14 @@ export const mobile = {
         margin: 16,
     },
     spacing: {
-        lg: 20,
-        md: 16,
-        sm: 12,
-        xl: 28,
-        xs: 8,
+        '2xl': 28,
+        '2xs': 2,
+        lg: 16,
+        md: 12,
+        none: 0,
+        sm: 8,
+        xl: 20,
+        xs: 4,
     },
 };
 export const tablet = {
@@ -46,11 +49,14 @@ export const tablet = {
         margin: 32,
     },
     spacing: {
-        lg: 24,
-        md: 16,
-        sm: 12,
-        xl: 28,
-        xs: 8,
+        '2xl': 28,
+        '2xs': 2,
+        lg: 16,
+        md: 12,
+        none: 0,
+        sm: 8,
+        xl: 24,
+        xs: 4,
     },
 };
 export const desktop = {
@@ -72,11 +78,14 @@ export const desktop = {
         margin: 32,
     },
     spacing: {
-        lg: 24,
-        md: 16,
-        sm: 12,
-        xl: 40,
-        xs: 8,
+        '2xl': 40,
+        '2xs': 2,
+        lg: 16,
+        md: 12,
+        none: 0,
+        sm: 8,
+        xl: 24,
+        xs: 4,
     },
 };
 const layout = { mobile, tablet, desktop };