@utilitywarehouse/hearth-react-native 0.1.0 → 0.3.0

package/build/core/themes.js

@@ -22,6 +22,42 @@ const shared = {
         '4/6': '66.666%',
         '5/6': '83.333%',
         full: '100%',
+        none: 0,
+        '2xs': {
+            base: layout.mobile.spacing['2xs'],
+            md: layout.tablet.spacing['2xs'],
+            lg: layout.desktop.spacing['2xs'],
+        },
+        xs: {
+            base: layout.mobile.spacing.xs,
+            md: layout.tablet.spacing.xs,
+            lg: layout.desktop.spacing.xs,
+        },
+        sm: {
+            base: layout.mobile.spacing.sm,
+            md: layout.tablet.spacing.sm,
+            lg: layout.desktop.spacing.sm,
+        },
+        md: {
+            base: layout.mobile.spacing.md,
+            md: layout.tablet.spacing.md,
+            lg: layout.desktop.spacing.md,
+        },
+        lg: {
+            base: layout.mobile.spacing.lg,
+            md: layout.tablet.spacing.lg,
+            lg: layout.desktop.spacing.lg,
+        },
+        xl: {
+            base: layout.mobile.spacing.xl,
+            md: layout.tablet.spacing.xl,
+            lg: layout.desktop.spacing.xl,
+        },
+        '2xl': {
+            base: layout.mobile.spacing['2xl'],
+            md: layout.tablet.spacing['2xl'],
+            lg: layout.desktop.spacing['2xl'],
+        },
     },
     borderWidth,
     borderRadius,
@@ -155,7 +191,20 @@ const shared = {
                 },
             },
             space: {
-                none: {},
+                none: {
+                    gap: {
+                        base: layout.mobile.spacing.none,
+                        md: layout.tablet.spacing.none,
+                        lg: layout.desktop.spacing.none,
+                    },
+                },
+                '2xs': {
+                    gap: {
+                        base: layout.mobile.spacing['2xs'],
+                        md: layout.tablet.spacing['2xs'],
+                        lg: layout.desktop.spacing['2xs'],
+                    },
+                },
                 xs: {
                     gap: {
                         base: layout.mobile.spacing.xs,
@@ -191,6 +240,13 @@ const shared = {
                         lg: layout.desktop.spacing.xl,
                     },
                 },
+                '2xl': {
+                    gap: {
+                        base: layout.mobile.spacing['2xl'],
+                        md: layout.tablet.spacing['2xl'],
+                        lg: layout.desktop.spacing['2xl'],
+                    },
+                },
             },
         },
     },
@@ -200,7 +256,7 @@ const lightHelpers = {
     focusVisible: {
         outlineStyle: 'solid',
         outlineWidth: 2,
-        outlineColor: components.light.focus.border,
+        outlineColor: color.light.focus.primary,
         outlineOffset: 1,
     },
 };
@@ -223,7 +279,7 @@ const darkHelpers = {
     focusVisible: {
         outlineStyle: 'solid',
         outlineWidth: 2,
-        outlineColor: components.dark.focus.border,
+        outlineColor: color.dark.focus.primary,
         outlineOffset: 1,
     },
 };