@una-ui/preset-edge 0.58.0-29157462.e9c9aa7 → 0.58.0-29162078.50f53ef

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { colors } from '@unocss/preset-mini/colors';
 import { fonts } from '@unocss/preset-mini/rules';
 import { handler, parseColor } from '@unocss/preset-mini/utils';
 import { mergeDeep } from 'unocss';
-import { s as shortcuts } from './shared/preset-edge.BHGEskTu.mjs';
+import { s as shortcuts } from './shared/preset-edge.B3q7gadC.mjs';
 
 function presetUna(options = {
   // TODO: add options
@@ -12,6 +12,7 @@ function presetUna(options = {
     name: "@una-ui/preset",
     options,
     shortcuts,
+    separators: [":"],
     theme: mergeDeep(theme, {
       container: {
         center: true,

package/dist/shared/{preset-edge.BHGEskTu.mjs → preset-edge.B3q7gadC.mjs}

@@ -1044,38 +1044,27 @@ const slider = [
 
 const staticSwitch = {
   // base
-  "switch": "bg-brand switch-focus h-1.25em w-2.25em switch-disabled inline-flex shrink-0 cursor-pointer items-center border-2 border-transparent rounded-full shadow-sm",
+  "switch": "h-1.25em w-2.25em switch-disabled inline-flex shrink-0 cursor-pointer items-center border-2 border-transparent rounded-full shadow-sm transition-colors",
   "switch-disabled": "data-[disabled]:n-disabled",
-  "switch-focus": "focus-visible:ring-brand focus-visible:ring-offset-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
   // thumb
-  "switch-thumb": "square-1em flex items-center justify-center absolute pointer-events-none block border border-base rounded-full bg-base shadow-lg ring-0 transition-transform",
+  "switch-thumb": "square-1em flex items-center justify-center pointer-events-none block rounded-full bg-base shadow-lg ring-0 transition-transform",
   "switch-thumb-checked": "translate-x-1.01em",
   "switch-thumb-unchecked": "translate-x-0.03em",
-  // icon
+  // icons
   "switch-icon": "text-0.7em",
   "switch-icon-unchecked": "text-muted",
   "switch-icon-checked": "text-muted",
   // loading
   "switch-loading-icon": "text-gray animate-spin text-0.8em",
-  "switch-loading-icon-name": "i-loading"
+  "switch-loading-icon-name": "i-loading",
+  "switch-focus-gray": "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-base focus-visible:ring-offset-2 focus-visible:ring-offset-background"
 };
 const dynamicSwitch = [
-  [
-    /^switch-checked(?:-([^-]+))?(?:-([^-]+))?$/,
-    ([, color = "primary"], { theme }) => {
-      const parsedColor = parseColor$1(color, theme);
-      if ((parsedColor?.cssColor?.type === "rgb" || parsedColor?.cssColor?.type === "rgba") && parsedColor.cssColor.components)
-        return `data-[state=checked]:n-${color}-600 dark:data-[state=checked]:n-${color}-500`;
-    }
-  ],
-  [
-    /^switch-unchecked(?:-([^-]+))?(?:-([^-]+))?$/,
-    ([, color = "gray"], { theme }) => {
-      const parsedColor = parseColor$1(color, theme);
-      if ((parsedColor?.cssColor?.type === "rgb" || parsedColor?.cssColor?.type === "rgba") && parsedColor.cssColor.components)
-        return `data-[state=unchecked]:n-${color}-200 dark:data-[state=unchecked]:n-${color}-700/58`;
-    }
-  ]
+  // base
+  [/^switch-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-${c}-600 dark:focus-visible:ring-${c}-500 focus-visible:ring-offset-2 focus-visible:ring-offset-background`],
+  // variants
+  [/^switch-checked(-(\S+))?$/, ([, , c = "primary"]) => `data-[state=checked]:switch-focus-${c} data-[state=checked]:bg-${c}-600 dark:data-[state=checked]:bg-${c}-500`],
+  [/^switch-unchecked(-(\S+))?$/, ([, , c = "gray"]) => `data-[state=unchecked]:switch-focus-${c} data-[state=unchecked]:bg-${c}-200 dark:data-[state=unchecked]:bg-${c}-700/58`]
 ];
 const _switch = [
   ...dynamicSwitch,

package/dist/shortcuts.mjs

@@ -1,3 +1,3 @@
-export { s as shortcuts } from './shared/preset-edge.BHGEskTu.mjs';
+export { s as shortcuts } from './shared/preset-edge.B3q7gadC.mjs';
 import '@unocss/preset-mini/utils';
 import '@unocss/preset-mini';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset-edge",
-  "version": "0.58.0-29157462.e9c9aa7",
+  "version": "0.58.0-29162078.50f53ef",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",