@onereach/styles 25.3.7-beta.5824.0 → 25.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "25.3.7-beta.5824.0",
+  "version": "25.3.7",
   "description": "Styles for or-ui-next",
   "license": "Apache-2.0",
   "files": [
@@ -34,7 +34,7 @@
     "lint": "stylelint '**/*.scss'"
   },
   "dependencies": {
-    "@onereach/font-icons": "^25.3.7-beta.5824.0",
+    "@onereach/font-icons": "^25.3.7",
     "tailwindcss": "3.4.16"
   },
   "devDependencies": {
@@ -47,5 +47,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "a5a84d0f6f643feea188998bb8a559748c44ca4f"
 }

package/tailwind/utils.js

@@ -96,6 +96,26 @@ module.exports = {
       }), {});
   },
 
+  parseBorderRadiusTokensNames(designTokens, options = {}) {
+    const { prefix = 'or-r', withFallback = false } = options;
+    const sanitizeForVar = (name) =>
+      String(name).replace(/\+/g, 'plus').replace(/\*/g, 'star');
+
+    const toVar = (varName, fallback) =>
+      withFallback && typeof fallback === 'string'
+        ? `var(--${varName}, ${fallback})`
+        : `var(--${varName})`;
+
+    return Object.values(designTokens).reduce((preset, token) => {
+      const name = token.name;
+      const value = token.value;
+
+      const varName = `${prefix}-${sanitizeForVar(name)}`;
+      preset[name] = toVar(varName, value);
+      return preset;
+    }, {});
+  },
+
   parseBorderWidthTokens(designTokens) {
     return Object.values(designTokens)
       .map((token) => {

package/tailwind.config.json

@@ -1782,10 +1782,10 @@
     "borderRadius": {
       "0": "0px",
       "none": "0px",
-      "sm": "2px",
-      "md": "4px",
-      "lg": "8px",
-      "xl": "16px",
+      "sm": "var(--or-r-sm)",
+      "md": "var(--or-r-md)",
+      "lg": "var(--or-r-lg)",
+      "xl": "var(--or-r-xl)",
       "full": "9999px"
     },
     "borderWidth": {

package/tailwind.config.preset.js

@@ -22,7 +22,6 @@ const { plugin: themeOutline } = require('./tailwind/plugins/theme-outline');
 const { plugin: themePreset } = require('./tailwind/plugins/theme-preset');
 const { plugin: typography } = require('./tailwind/plugins/typography');
 const {
-  parseBorderRadiusTokens,
   parseBorderWidthTokens,
   parseBoxShadowTokens,
   parseFontFamilyTokens,
@@ -30,6 +29,7 @@ const {
   parseFontWeightTokens,
   parseColorTokensNames,
   parseSpacingTokensNames,
+  parseBorderRadiusTokensNames,
 } = require('./tailwind/utils');
 
 
@@ -153,7 +153,7 @@ module.exports = {
     borderRadius: {
       'none': '0px', // Deprecated, major update required
       '0': '0px',
-      ...parseBorderRadiusTokens(borderRadiusTokens),
+      ...parseBorderRadiusTokensNames(borderRadiusTokens),
       'full': '9999px',
     },
 

package/tokens-v3.css

@@ -325,4 +325,10 @@
 	--or-s-smplus: 12px;
 	--or-s-mdplus: 20px;
 	--or-s-lgplus: 28px;
+}
+:root {
+	--or-r-sm: 2px;
+	--or-r-md: 4px;
+	--or-r-lg: 8px;
+	--or-r-xl: 16px;
 }

package/tokens.css

@@ -323,4 +323,10 @@
 	--or-s-smplus: 12px;
 	--or-s-mdplus: 20px;
 	--or-s-lgplus: 28px;
+}
+:root {
+	--or-r-sm: 2px;
+	--or-r-md: 4px;
+	--or-r-lg: 8px;
+	--or-r-xl: 16px;
 }