feat(💅): support w-auto and h-auto (#68)

z0al · Jan 5, 2021 · d33c98d · d33c98d
1 parent 907078b
commit d33c98d
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 0 deletions.
diff --git a/docs/styles.md b/docs/styles.md
@@ -227,6 +227,7 @@
 
 | Name   | Style(s)                |
 | ------ | ----------------------- |
+| h-auto | `{ height: "auto" }`    |
 | h-0    | `{ height: 0 }`         |
 | h-1    | `{ height: rem(0.25) }` |
 | h-10   | `{ height: rem(2.5) }`  |
@@ -258,6 +259,7 @@
 
 | Name    | Style(s)                  |
 | ------- | ------------------------- |
+| w-auto  | `{ width: "auto" }`       |
 | w-0     | `{ width: 0 }`            |
 | w-1     | `{ width: rem(0.25) }`    |
 | w-1/12  | `{ width: "8.333333%" }`  |

diff --git a/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.android b/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.android
@@ -1911,6 +1911,9 @@ Object {
   "h-8": Object {
     "height": 64,
   },
+  "h-auto": Object {
+    "height": "auto",
+  },
   "h-full": Object {
     "height": "100%",
   },
@@ -4832,6 +4835,9 @@ Object {
   "w-9/12": Object {
     "width": "75%",
   },
+  "w-auto": Object {
+    "width": "auto",
+  },
   "w-full": Object {
     "width": "100%",
   },

diff --git a/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.ios b/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.ios
@@ -1911,6 +1911,9 @@ Object {
   "h-8": Object {
     "height": 64,
   },
+  "h-auto": Object {
+    "height": "auto",
+  },
   "h-full": Object {
     "height": "100%",
   },
@@ -4832,6 +4835,9 @@ Object {
   "w-9/12": Object {
     "width": "75%",
   },
+  "w-auto": Object {
+    "width": "auto",
+  },
   "w-full": Object {
     "width": "100%",
   },

diff --git a/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.node b/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.node
@@ -1911,6 +1911,9 @@ Object {
   "h-8": Object {
     "height": "2rem",
   },
+  "h-auto": Object {
+    "height": "auto",
+  },
   "h-full": Object {
     "height": "100%",
   },
@@ -4832,6 +4835,9 @@ Object {
   "w-9/12": Object {
     "width": "75%",
   },
+  "w-auto": Object {
+    "width": "auto",
+  },
   "w-full": Object {
     "width": "100%",
   },

diff --git a/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.web b/src/lib/style/__tests__/__snapshots__/style.test.ts.snap.web
@@ -1911,6 +1911,9 @@ Object {
   "h-8": Object {
     "height": "2rem",
   },
+  "h-auto": Object {
+    "height": "auto",
+  },
   "h-full": Object {
     "height": "100%",
   },
@@ -4832,6 +4835,9 @@ Object {
   "w-9/12": Object {
     "width": "75%",
   },
+  "w-auto": Object {
+    "width": "auto",
+  },
   "w-full": Object {
     "width": "100%",
   },

diff --git a/src/lib/theme/base.ts b/src/lib/theme/base.ts
@@ -208,6 +208,7 @@ export const baseTheme = {
 	height: {
 		...spacing,
 		full: '100%',
+		auto: 'auto',
 	},
 	letterSpacing: {
 		tighter: rem(-0.05),
@@ -267,6 +268,7 @@ export const baseTheme = {
 	textColor: colors,
 	width: {
 		...spacing,
+		'auto': 'auto',
 		'1/2': '50%',
 		'1/3': '33.333333%',
 		'2/3': '66.666667%',