@onereach/styles 6.8.2-beta.4091.0 → 6.8.2-beta.4102.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "6.8.2-beta.4091.0",
+  "version": "6.8.2-beta.4102.0",
   "description": "Styles for or-ui-next",
   "license": "UNLICENSED",
   "main": "./main.css",
@@ -24,7 +24,8 @@
     "tailwind.config.preset.js",
     "temporary-dark-v2.css",
     "tokens.css",
-    "tw-color-variables.css"
+    "tw-color-variables.css",
+    "screens.json"
   ],
   "scripts": {
     "dev": "pnpm build:scss -- --watch",

package/screens.json

@@ -0,0 +1,6 @@
+{
+    "sm": "600px",
+    "md": "900px",
+    "lg": "1200px",
+    "xl": "1536px"
+}

package/tailwind/plugins/core.js

@@ -1,11 +1,5 @@
 const plugin = require('tailwindcss/plugin');
-
-const screens = {
-  'sm': '600px',
-  'md': '900px',
-  'lg': '1200px',
-  'xl': '1536px',
-};
+const screens = require('../../screens.json');
 
 const variants = {
   'mobile': '@media (hover: none)',

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/plugins/typography.js

@@ -1,5 +1,5 @@
 const plugin = require('tailwindcss/plugin');
-const { screens } = require('./core');
+const screens = require('../../screens.json');
 
 const values = {
   'display-large': 'display-large',

package/tailwind.config.json

@@ -3702,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');
@@ -199,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',
-      },
-    });
-  }),
-};