@onereach/styles 2.26.1-beta.1820.0 → 2.27.0

package/package.json

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

package/src/variables/tokens/design-tokens-next.json

@@ -213,7 +213,7 @@
     {
       "name": "light-on-disabled",
       "value": "rgba(27,27,29,0.3)",
-      "groupName": "light/on disabled"
+      "groupName": "light/on-disabled"
     },
     {
       "name": "light-primary-opacity-0-08",
@@ -433,7 +433,7 @@
     {
       "name": "dark-on-disabled",
       "value": "rgba(227,226,230,0.3)",
-      "groupName": "dark/on disabled"
+      "groupName": "dark/on-disabled"
     },
     {
       "name": "dark-primary-opacity-0-08",
@@ -601,7 +601,16 @@
       "groupName": "dark/overlay"
     }
   ],
-  "Gradients": [],
+  "Gradients": [
+    {
+      "name": "light-skeletons-gradient",
+      "value": "linear-gradient(90deg, rgba(0,95,177,0.08) 0.00%,rgba(0,95,177,0.04) 50.01%,rgba(0,95,177,0.08) 100.00%)"
+    },
+    {
+      "name": "dark-skeletons-gradient",
+      "value": "linear-gradient(90deg, rgba(164,200,255,0.08) 0.00%,rgba(164,200,255,0.04) 50.01%,rgba(164,200,255,0.08) 100.00%)"
+    }
+  ],
   "Shadows": [
     {
       "name": "light-modal",

package/tailwind.config.preset.js

@@ -307,7 +307,7 @@ module.exports = {
     }),
 
     // Theme
-    plugin(({ matchUtilities, addUtilities, addBase, theme }) => {
+    plugin(({ matchUtilities, addUtilities, theme }) => {
       // Presets
       matchUtilities({
         'theme-preset-1': (value) => {
@@ -832,43 +832,6 @@ 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'),
-          },
-        },
-      });
     }),
   ],
 };