fix: resize plugin use correct CSS values

tw-in-js · May 11, 2021 · 99db216 · 99db216
1 parent 8a61788
commit 99db216
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/__tests__/api.json b/src/__tests__/api.json
@@ -266,8 +266,8 @@
   "appearance-menulist-button": ".appearance-menulist-button{appearance:menulist-button}",
   "outline-none": ".outline-none{outline:2px solid transparent;outline-offset:2px}",
   "resize": ".resize{resize:both}",
-  "resize-x": ".resize-x{resize:vertical}",
-  "resize-y": ".resize-y{resize:horizontal}",
+  "resize-x": ".resize-x{resize:horizontal}",
+  "resize-y": ".resize-y{resize:vertical}",
   "resize-none": ".resize-none{resize:none}",
   "fill-current": ".fill-current{fill:currentColor}",
   "stroke-current": ".stroke-current{stroke:currentColor}",

diff --git a/src/twind/plugins.ts b/src/twind/plugins.ts
@@ -449,7 +449,7 @@ export const corePlugins: Record<string, Plugin | undefined> = {
 
   resize: (params) => ({
     resize:
-      ({ x: 'vertical', y: 'horizontal' } as Record<string, string | undefined>)[params[0]] ||
+      ({ x: 'horizontal', y: 'vertical' } as Record<string, string | undefined>)[params[0]] ||
       params[0] ||
       'both',
   }),