@onereach/styles 2.29.0 → 2.29.1-beta.1852.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "2.29.0",
+  "version": "2.29.1-beta.1852.0",
   "description": "Styles for or-ui-next",
   "main": "./main.css",
   "unpkg": "./main.css",
@@ -49,6 +49,5 @@
   "dependencies": {
     "@tailwindcss/typography": "^0.5.4",
     "tailwindcss": "^3.1.3"
-  },
-  "gitHead": "df749de791ae89f5337130ea91bfbfff46eeaa15"
+  }
 }

package/tailwind.config.preset.js

@@ -326,7 +326,7 @@ module.exports = {
     }),
 
     // Theme
-    plugin(({ matchUtilities, addUtilities, theme }) => {
+    plugin(({ matchUtilities, addUtilities, addBase, theme }) => {
       // Presets
       matchUtilities({
         'theme-preset-1': (value) => {
@@ -851,6 +851,43 @@ module.exports = {
           'current': 'current',
         },
       });
+
+      // Default Styles
+      addBase({
+        '*': {
+          scrollbarColor: `${theme('textColor.on-disabled')} ${theme('backgroundColor.surface-variant')}`,
+
+          '@media (prefers-color-scheme: dark)': {
+            scrollbarColor: `${theme('textColor.on-disabled-dark')} ${theme('backgroundColor.surface-variant-dark')}`,
+          },
+
+          scrollbarWidth: 'thin',
+        },
+
+        '::-webkit-scrollbar': {
+          width: theme('width.xs'),
+
+          '&-track': {
+            backgroundColor: theme('backgroundColor.surface-variant'),
+
+            '@media (prefers-color-scheme: dark)': {
+              backgroundColor: theme('backgroundColor.surface-variant-dark'),
+            },
+
+            borderRadius: theme('borderRadius.sm'),
+          },
+
+          '&-thumb': {
+            backgroundColor: theme('textColor.on-disabled'),
+
+            '@media (prefers-color-scheme: dark)': {
+              backgroundColor: theme('textColor.on-disabled-dark'),
+            },
+
+            borderRadius: theme('borderRadius.sm'),
+          },
+        },
+      });
     }),
   ],
 };