@utilitywarehouse/hearth-react-native 0.8.2 → 0.10.0

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

@@ -0,0 +1,29 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export default {
+  gap: 6,
+  gapContainer: 4,
+  minWidth: 288,
+  paddingHorizontal: 16,
+  paddingVertical: 12,
+  time: {
+    columnGap: 4,
+    content: {
+      gap: 8,
+      item: {
+        gap: 2,
+      },
+    },
+    footer: {
+      gap: 8,
+    },
+    gap: 16,
+    item: {
+      height: 40,
+      width: 64,
+    },
+    rowGap: 2,
+  },
+} as const;

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

@@ -0,0 +1,27 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export default {
+  bar: {
+    width: 2,
+  },
+  content: {
+    gap: 8,
+    paddingBottom: 24,
+    paddingTop: 2,
+  },
+  gap: 12,
+  progress: {
+    circle: {
+      height: 24,
+      width: 24,
+    },
+  },
+  static: {
+    circle: {
+      height: 12,
+      width: 12,
+    },
+  },
+} as const;

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

@@ -5,9 +5,13 @@
 export default {
   backgroundColor: '#3f3f3f',
   borderRadius: 8,
-  gapHorizontal: 16,
+  bottomPosition: 32,
+  gap: 16,
   padding: 14,
   stack: {
-    gapHorizontal: 8,
+    gap: 12,
+  },
+  text: {
+    gap: 8,
   },
 } as const;

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

@@ -28,6 +28,9 @@ export default {
     gap: 12,
     group: {
       gap: 6,
+      heading: {
+        gap: 2,
+      },
       stack: {
         gap: 12,
       },

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

@@ -18,7 +18,6 @@ export { default as carouselControl } from './carousel-control';
 export { default as checkbox } from './checkbox';
 export { default as datePicker } from './date-picker';
 export { default as descriptionList } from './description-list';
-export { default as dialog } from './dialog';
 export { default as divider } from './divider';
 export { default as drawer } from './drawer';
 export { default as expandableCard } from './expandable-card';
@@ -41,6 +40,7 @@ export { default as pill } from './pill';
 export { default as progressBar } from './progress-bar';
 export { default as progressStepper } from './progress-stepper';
 export { default as radio } from './radio';
+export { default as rating } from './rating';
 export { default as sectionHeader } from './section-header';
 export { default as segmentedControl } from './segmented-control';
 export { default as select } from './select';
@@ -49,6 +49,8 @@ export { default as spinner } from './spinner';
 export { default as switch } from './switch';
 export { default as table } from './table';
 export { default as tabs } from './tabs';
+export { default as timePicker } from './time-picker';
+export { default as timeline } from './timeline';
 export { default as toast } from './toast';
 export { default as toggleButton } from './toggle-button';
 export { default as tooltip } from './tooltip';

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

@@ -14,6 +14,12 @@ export default {
     gap: 8,
   },
   gap: 6,
+  heading: {
+    gap: 12,
+    text: {
+      gap: 2,
+    },
+  },
   height: 48,
   label: {
     gap: 2,
@@ -22,6 +28,9 @@ export default {
   minWidth: 120,
   paddingHorizontal: 16,
   paddingVertical: 12,
+  stepper: {
+    gap: 4,
+  },
   textArea: {
     height: 96,
   },

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

@@ -11,17 +11,20 @@ export default {
     gap: 12,
   },
   gap: 24,
-  padding: 16,
+  heading: {
+    gap: 24,
+  },
+  illustration: {
+    padding: 48,
+  },
+  padding: 24,
   mobile: {
-    padding: 16,
     width: 360,
   },
   tablet: {
-    padding: 48,
     width: 504,
   },
   desktop: {
-    padding: 48,
     width: 680,
   },
 } as const;

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

@@ -25,6 +25,9 @@ export default {
     gap: 8,
     group: {
       gap: 12,
+      heading: {
+        gap: 2,
+      },
       stack: {
         gap: 12,
       },

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

@@ -0,0 +1,8 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export default {
+  borderWidth: 2,
+  gap: 4,
+} as const;

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

@@ -6,6 +6,7 @@ export default {
   borderRadius: 16,
   cell: {
     borderWidth: 1,
+    minHeight: 48,
     padding: 12,
   },
   emphasis: {
@@ -14,9 +15,7 @@ export default {
   headerCell: {
     borderWidth: 2,
     gap: 8,
-    neutral: {
-      backgroundColor: '#f1efe4',
-    },
+    height: 56,
     paddingHorizontal: 12,
     paddingVertical: 16,
   },

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

@@ -0,0 +1,29 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export default {
+  gap: 6,
+  gapContainer: 4,
+  minWidth: 288,
+  paddingHorizontal: 16,
+  paddingVertical: 12,
+  time: {
+    columnGap: 4,
+    content: {
+      gap: 8,
+      item: {
+        gap: 2,
+      },
+    },
+    footer: {
+      gap: 8,
+    },
+    gap: 16,
+    item: {
+      height: 40,
+      width: 64,
+    },
+    rowGap: 2,
+  },
+} as const;

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

@@ -0,0 +1,27 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export default {
+  bar: {
+    width: 2,
+  },
+  content: {
+    gap: 8,
+    paddingBottom: 24,
+    paddingTop: 2,
+  },
+  gap: 12,
+  progress: {
+    circle: {
+      height: 28,
+      width: 28,
+    },
+  },
+  static: {
+    circle: {
+      height: 12,
+      width: 12,
+    },
+  },
+} as const;

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

@@ -5,9 +5,13 @@
 export default {
   backgroundColor: '#101010',
   borderRadius: 8,
-  gapHorizontal: 16,
+  bottomPosition: 32,
+  gap: 16,
   padding: 14,
   stack: {
-    gapHorizontal: 8,
+    gap: 12,
+  },
+  text: {
+    gap: 8,
   },
 } as const;

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

@@ -1,25 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-declare const _default: {
-    readonly action: {
-        readonly gap: 12;
-    };
-    readonly borderRadius: 16;
-    readonly content: {
-        readonly gap: 12;
-        readonly paddingBottom: 12;
-    };
-    readonly gap: 24;
-    readonly padding: 24;
-    readonly mobile: {
-        readonly width: 360;
-    };
-    readonly tablet: {
-        readonly width: 504;
-    };
-    readonly desktop: {
-        readonly width: 680;
-    };
-};
-export default _default;

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

@@ -1,24 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export default {
-    action: {
-        gap: 12,
-    },
-    borderRadius: 16,
-    content: {
-        gap: 12,
-        paddingBottom: 12,
-    },
-    gap: 24,
-    padding: 24,
-    mobile: {
-        width: 360,
-    },
-    tablet: {
-        width: 504,
-    },
-    desktop: {
-        width: 680,
-    },
-};

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

@@ -1,25 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-declare const _default: {
-    readonly action: {
-        readonly gap: 12;
-    };
-    readonly borderRadius: 16;
-    readonly content: {
-        readonly gap: 12;
-        readonly paddingBottom: 12;
-    };
-    readonly gap: 24;
-    readonly padding: 24;
-    readonly mobile: {
-        readonly width: 360;
-    };
-    readonly tablet: {
-        readonly width: 504;
-    };
-    readonly desktop: {
-        readonly width: 680;
-    };
-};
-export default _default;

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

@@ -1,24 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export default {
-    action: {
-        gap: 12,
-    },
-    borderRadius: 16,
-    content: {
-        gap: 12,
-        paddingBottom: 12,
-    },
-    gap: 24,
-    padding: 24,
-    mobile: {
-        width: 360,
-    },
-    tablet: {
-        width: 504,
-    },
-    desktop: {
-        width: 680,
-    },
-};

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

@@ -1,25 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  action: {
-    gap: 12,
-  },
-  borderRadius: 16,
-  content: {
-    gap: 12,
-    paddingBottom: 12,
-  },
-  gap: 24,
-  padding: 24,
-  mobile: {
-    width: 360,
-  },
-  tablet: {
-    width: 504,
-  },
-  desktop: {
-    width: 680,
-  },
-} as const;

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

@@ -1,25 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  action: {
-    gap: 12,
-  },
-  borderRadius: 16,
-  content: {
-    gap: 12,
-    paddingBottom: 12,
-  },
-  gap: 24,
-  padding: 24,
-  mobile: {
-    width: 360,
-  },
-  tablet: {
-    width: 504,
-  },
-  desktop: {
-    width: 680,
-  },
-} as const;