@onereach/styles 2.37.1-beta.2397.0 → 2.37.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "2.37.1-beta.2397.0",
+  "version": "2.37.1",
   "description": "Styles for or-ui-next",
   "license": "UNLICENSED",
   "main": "./main.css",
@@ -54,5 +54,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "f6c7667bfd43d7f97b2cf355dd328722267b9fd8"
 }

package/scrollbar.css

@@ -1,50 +1,48 @@
-/* Webkit */
+/*!* Webkit *!*/
 ::-webkit-scrollbar {
   width: theme('width.xs');
+  height: theme('width.xs');
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
 }
 
 /* Webkit (light) */
 ::-webkit-scrollbar-track {
-  background-color: theme('backgroundColor.surface-variant');
-
-  /* @media (prefers-color-scheme: dark) {
-    background-color: theme('backgroundColor.surface-variant-dark');
-  } */
+  background-color: transparent;
 
   border-radius: theme('borderRadius.sm');
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: theme('textColor.on-disabled');
-
-  /* @media (prefers-color-scheme: dark) {
-    background-color: theme('textColor.on-disabled-dark');
-  } */
+  background-color: transparent;
 
   border-radius: theme('borderRadius.sm');
 }
 
-/* Webkit (dark) */
-:is(.dark, [data-theme="dark"]) ::-webkit-scrollbar-track {
-  background-color: theme('backgroundColor.surface-variant-dark');
+*:hover::-webkit-scrollbar-thumb {
+  background-color: theme('textColor.on-disabled');
 }
 
-:is(.dark, [data-theme="dark"]) ::-webkit-scrollbar-thumb {
+:is(.dark, [data-theme="dark"]) :hover::-webkit-scrollbar-thumb {
   background-color: theme('textColor.on-disabled-dark');
 }
 
-/* Gecko (light) */
+/* Gecko */
 * {
-  scrollbar-color: theme('textColor.on-disabled') theme('backgroundColor.surface-variant');
-
-  /* @media (prefers-color-scheme: dark) {
-    scrollbar-color: theme('textColor.on-disabled-dark') theme('backgroundColor.surface-variant-dark');
-  } */
+  scrollbar-color: transparent transparent;
 
   scrollbar-width: thin;
 }
 
+/* Gecko (light) */
+*:hover {
+  scrollbar-color: theme('textColor.on-disabled') transparent;
+}
+
 /* Gecko (dark) */
-:is(.dark, [data-theme="dark"]) * {
-  scrollbar-color: theme('textColor.on-disabled-dark') theme('backgroundColor.surface-variant-dark');
+:is(.dark, [data-theme="dark"]) *:hover {
+  scrollbar-color: theme('textColor.on-disabled-dark') transparent;
 }

package/tailwind.config.preset.js

@@ -244,23 +244,16 @@ module.exports = {
           return {
             display: prefix + 'flex',
             flexDirection: direction,
-            flex: prefix === 'inline-' ? '0 0 auto' : undefined,
-            alignItems: direction === 'row' ? 'center' : undefined,
+            alignItems: direction === 'row' ? 'center' : 'normal',
           };
         },
       }, {
         values: {
           'row': 'row',
-          'row-reverse': 'row-reverse',
-
           'column': 'column',
-          'column-reverse': 'column-reverse',
 
           'inline-row': 'inline-..row',
-          'inline-row-reverse': 'inline-..row-reverse',
-
           'inline-column': 'inline-..column',
-          'inline-column-reverse': 'inline-..column-reverse',
         },
       });
     }),
@@ -633,7 +626,6 @@ module.exports = {
           'surface-inverse-dark': 'inverse-surface..-dark',
 
           'transparent': 'transparent',
-          'transparent-dark': 'transparent..-dark',
         },
       });
 
@@ -764,10 +756,7 @@ module.exports = {
           'on-surface-inverse-dark': 'inverse-on-surface..-dark',
 
           'transparent': 'transparent',
-          'transparent-dark': 'transparent..-dark',
-
           'inherit': 'inherit',
-          'inherit-dark': 'inherit..-dark',
         },
       });
 
@@ -813,10 +802,7 @@ module.exports = {
           'error-dark': 'error..-dark',
 
           'transparent': 'transparent',
-          'transparent-dark': 'transparent..-dark',
-
           'current': 'current',
-          'current-dark': 'current..-dark',
         },
       });
 
@@ -861,10 +847,7 @@ module.exports = {
           'error-dark': 'error..-dark',
 
           'transparent': 'transparent',
-          'transparent-dark': 'transparent..-dark',
-
           'current': 'current',
-          'current-dark': 'current..-dark',
         },
       });
 
@@ -912,10 +895,7 @@ module.exports = {
           'error-dark': 'error..-dark',
 
           'transparent': 'transparent',
-          'transparent-dark': 'transparent..-dark',
-
           'current': 'current',
-          'current-dark': 'current..-dark',
         },
       });
     }),