@trackunit/css-tailwind 1.7.83 → 1.7.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-tailwind",
-  "version": "1.7.83",
+  "version": "1.7.86",
   "main": "./index.cjs.js",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
@@ -9,10 +9,10 @@
   },
   "dependencies": {
     "tailwindcss": "3.4.3",
-    "@trackunit/css-component-tokens": "1.7.79",
-    "@trackunit/css-tailwind-custom-properties-plugin": "1.7.79",
-    "@trackunit/ui-design-tokens": "1.7.79",
-    "@trackunit/css-core": "1.7.80",
+    "@trackunit/css-component-tokens": "1.7.82",
+    "@trackunit/css-tailwind-custom-properties-plugin": "1.7.82",
+    "@trackunit/ui-design-tokens": "1.7.82",
+    "@trackunit/css-core": "1.7.83",
     "@tailwindcss/typography": "^0.5.10"
   },
   "type": "commonjs",

package/tailwind-base.generated.js

@@ -8492,7 +8492,7 @@ var objectKeys = object => {
 
 // libs/css/tailwind/src/lib/plugin/layouts.ts
 var import_plugin4 = __toESM(require_plugin());
-var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents, addVariant }) => {
+var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents, addBase }) => {
   addUtilities({
     ".layout-row-height-auto": { "--row-height": "auto" },
     ".layout-row-height-1fr": { "--row-height": "1fr" },
@@ -8666,8 +8666,23 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
         "map-controls-overview map-controls-map"
       `,
     },
+  });
+  addBase({
     ".outline-native": {
-      outline: "-webkit-focus-ring-color auto",
+      // Use system Highlight color (respects user theme) for Chrome and Firefox
+      outline: "2px solid Highlight",
+      // Safari-specific: Use webkit focus ring color
+      "@supports (-webkit-hyphens: none)": {
+        outline: "2px auto -webkit-focus-ring-color",
+      },
+      // Firefox on macOS: Use the native focus ring color if available
+      "@supports (-moz-mac-focusring: auto)": {
+        outline: "2px solid -moz-mac-focusring",
+      },
+      // Remove outlines from all child elements to prevent double outlines
+      "& *": {
+        outline: "none",
+      },
     },
   });
 });