@onereach/styles 2.32.1 → 2.32.2-beta.2022.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "2.32.1",
+  "version": "2.32.2-beta.2022.0",
   "description": "Styles for or-ui-next",
   "license": "UNLICENSED",
   "main": "./main.css",
@@ -53,6 +53,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "62d6ccba26ea661379e73b57ee335f58f87ff4bf"
+  }
 }

package/tailwind.config.preset.js

@@ -734,7 +734,7 @@ module.exports = {
           return {
             borderColor: theme(`borderColor.${token}` + suffix, token),
             borderStyle: 'solid',
-            borderWidth: 1,
+            borderWidth: '1px',
 
             '&[disabled]': {
               borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
@@ -779,7 +779,7 @@ module.exports = {
           return {
             borderColor: theme(`borderColor.${token}` + suffix, token),
             borderStyle: 'solid',
-            borderWidth: 2,
+            borderWidth: '2px',
 
             '&[disabled]': {
               borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
@@ -830,10 +830,14 @@ module.exports = {
           const [token, suffix = ''] = value.split('..');
 
           return {
-            outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
-            outlineStyle: 'solid',
-            outlineWidth: 2,
-            outlineOffset: 0,
+            // In Safari outline doesn't follow current border-radius
+            // It seems like this is already fixed in Safari Technology Preview (Release 157)
+            // Stay tuned for Safari updates
+            boxShadow: `0 0 0 2px ${theme(`outlineColor.${token}-opacity-0-16` + suffix, token)}`,
+            // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
+            // outlineStyle: 'solid',
+            // outlineWidth: '2px',
+            // outlineOffset: '0',
           };
         },
       }, {