@onereach/styles 6.8.1-beta.4084.0 → 6.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "6.8.1-beta.4084.0",
+  "version": "6.8.1",
   "description": "Styles for or-ui-next",
   "license": "UNLICENSED",
   "main": "./main.css",
@@ -57,5 +57,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "58e950c37838f334f3afe90a90bf1eb48ff24f5c"
 }

package/tailwind/plugins/theme-divider.js

@@ -47,13 +47,13 @@ module.exports = {
         return {
           [variants['children']]: {
             '&:not(:first-child)': {
-              borderInlineStartStyle: 'none !important',
+              borderInlineStartStyle: 'solid',
+              borderInlineStartWidth: '1px',
+              borderInlineStartColor: theme(`borderColor.${token}` + suffix, token),
             },
 
             '&:not(:last-child)': {
-              borderInlineEndStyle: 'solid',
-              borderInlineEndWidth: '1px',
-              borderInlineEndColor: theme(`borderColor.${token}` + suffix, token),
+              borderInlineEndStyle: 'none !important',
             },
 
             transitionProperty: 'color, background-color, border-color, outline-color',
@@ -63,8 +63,8 @@ module.exports = {
 
           [variants['disabled']]: ['transparent'].includes(token) ? null : {
             [variants['children']]: {
-              '&:not(:last-child)': {
-                borderInlineEndColor: `${theme('borderColor.disabled' + suffix)} !important`,
+              '&:not(:first-child)': {
+                borderInlineStartColor: `${theme('borderColor.disabled' + suffix)} !important`,
               },
             },
           },

package/tailwind.config.json

@@ -3,6 +3,7 @@
     "screens": {},
     "spacing": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -1722,6 +1723,7 @@
     },
     "borderRadius": {
       "0": "0px",
+      "none": "0px",
       "sm": "2px",
       "md": "4px",
       "lg": "8px",
@@ -2202,6 +2204,7 @@
     },
     "borderSpacing": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -2599,6 +2602,7 @@
     "flexBasis": {
       "0": "0px",
       "auto": "auto",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -2659,6 +2663,7 @@
     },
     "gap": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -2827,6 +2832,7 @@
     "height": {
       "0": "0px",
       "auto": "auto",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -2881,6 +2887,7 @@
     "inset": {
       "0": "0px",
       "auto": "auto",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -2950,6 +2957,7 @@
     "margin": {
       "0": "0px",
       "auto": "auto",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -2983,6 +2991,7 @@
     },
     "maxHeight": {
       "0": "0px",
+      "none": "none",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3005,7 +3014,6 @@
       "md+*": "19px",
       "lg+": "28px",
       "lg+*": "27px",
-      "none": "none",
       "full": "100%",
       "screen": "100vh",
       "min": "min-content",
@@ -3101,6 +3109,7 @@
     },
     "padding": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3211,6 +3220,7 @@
     },
     "scrollMargin": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3236,6 +3246,7 @@
     },
     "scrollPadding": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3273,6 +3284,7 @@
     },
     "space": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3315,6 +3327,7 @@
     },
     "textIndent": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3396,6 +3409,7 @@
     },
     "translate": {
       "0": "0px",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3429,6 +3443,7 @@
     "width": {
       "0": "0px",
       "auto": "auto",
+      "none": "0px",
       "xs": "4px",
       "xs*": "3px",
       "sm": "8px",
@@ -3687,7 +3702,6 @@
     {},
     {},
     {},
-    {},
     {}
   ],
   "darkMode": [

package/tailwind.config.preset.js

@@ -3,7 +3,6 @@ const { plugin: layout } = require('./tailwind/plugins/layout');
 const { plugin: interactivity } = require('./tailwind/plugins/interactivity');
 const { plugin: typography } = require('./tailwind/plugins/typography');
 const { plugin: iconography } = require('./tailwind/plugins/iconography');
-const { plugin: scrollbar } = require('./tailwind/plugins/scrollbar');
 
 const { plugin: themePreset } = require('./tailwind/plugins/theme-preset');
 const { plugin: themeForeground } = require('./tailwind/plugins/theme-foreground');
@@ -40,6 +39,7 @@ module.exports = {
     screens: {},
 
     spacing: {
+      'none': '0px', // Deprecated, major update required
       ...parseSpacingTokens(spacingTokens),
     },
 
@@ -144,6 +144,7 @@ module.exports = {
     },
 
     borderRadius: {
+      'none': '0px', // Deprecated, major update required
       '0': '0px',
       ...parseBorderRadiusTokens(borderRadiusTokens),
       'full': '9999px',
@@ -197,7 +198,6 @@ module.exports = {
     interactivity,
     typography,
     iconography,
-    scrollbar,
 
     themePreset,
     themeForeground,

package/tailwind/plugins/scrollbar.js

@@ -1,18 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-
-module.exports = {
-  plugin: plugin(({ addComponents }) => {
-    addComponents({
-      '.scrollbar-hidden': {
-        // Webkit
-        '&::-webkit-scrollbar': {
-          width: 0,
-          height: 0,
-        },
-
-        // Gecko
-        scrollbarWidth: 'none',
-      },
-    });
-  }),
-};