@onereach/styles 6.8.1 → 6.8.2-beta.4091.0

package/package.json

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

package/tailwind/plugins/scrollbar.js

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

package/tailwind/plugins/theme-divider.js

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

package/tailwind.config.json

@@ -3702,6 +3702,7 @@
     {},
     {},
     {},
+    {},
     {}
   ],
   "darkMode": [

package/tailwind.config.preset.js

@@ -3,6 +3,7 @@ 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');
@@ -198,6 +199,7 @@ module.exports = {
     interactivity,
     typography,
     iconography,
+    scrollbar,
 
     themePreset,
     themeForeground,