@una-ui/preset 0.4.0-beta.0 → 0.5.0-beta.1

package/dist/index.cjs

@@ -64,7 +64,7 @@ function presetUna(options = {
       }],
       [/^size-(.*)$/, rules.fonts[1][1]],
       ["n-disabled", {
-        "opacity": 0.7,
+        "opacity": 0.5,
         "pointer-events": "none"
       }]
     ],

package/dist/index.mjs

@@ -62,7 +62,7 @@ function presetUna(options = {
       }],
       [/^size-(.*)$/, fonts[1][1]],
       ["n-disabled", {
-        "opacity": 0.7,
+        "opacity": 0.5,
         "pointer-events": "none"
       }]
     ],

package/dist/prefixes.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const prefixes = ["accordion", "alert", "avatar-group", "avatar", "badge", "btn", "checkbox", "form-group", "general", "icon", "indicator", "input", "kbd", "link", "nav-link-group", "nav-link", "radio", "switch", "resize", "size", "nav-link-active", "nav-link-inactive"];
+const prefixes = ["accordion", "alert", "avatar-group", "avatar", "badge", "btn", "checkbox", "form-group", "general", "icon", "indicator", "input", "kbd", "link", "nav-link-group", "nav-link", "radio", "slider", "switch", "resize", "size", "nav-link-active", "nav-link-inactive"];
 
 module.exports = prefixes;

package/dist/prefixes.mjs

@@ -1,3 +1,3 @@
-const prefixes = ["accordion", "alert", "avatar-group", "avatar", "badge", "btn", "checkbox", "form-group", "general", "icon", "indicator", "input", "kbd", "link", "nav-link-group", "nav-link", "radio", "switch", "resize", "size", "nav-link-active", "nav-link-inactive"];
+const prefixes = ["accordion", "alert", "avatar-group", "avatar", "badge", "btn", "checkbox", "form-group", "general", "icon", "indicator", "input", "kbd", "link", "nav-link-group", "nav-link", "radio", "slider", "switch", "resize", "size", "nav-link-active", "nav-link-inactive"];
 
 export { prefixes as default };

package/dist/shortcuts.cjs

@@ -203,8 +203,8 @@ const input = [
 
 const staticGeneral = {
   // text-size
-  "text-md": "text-16px",
-  "size-md": "text-16px",
+  "text-md": "text-1rem leading-1.5rem",
+  "size-md": "text-md",
   // text color
   "text-base": "text-$c-foreground",
   "text-inverted": "text-$c-background",
@@ -479,6 +479,32 @@ const checkbox = [
   staticCheckbox
 ];
 
+const staticSlider = {
+  // configurations
+  "slider": "slider-primary size-base",
+  "slider-disabled": "n-disabled",
+  "slider-root-vertical": "flex-col w-1em h-full",
+  "slider-track-vertical": "w-0.5em h-full",
+  "slider-range-vertical": "w-full",
+  "slider-thumb-vertical": "w-1.25em h-1.25em",
+  // components
+  "slider-root": "slider relative flex w-full touch-none select-none items-center",
+  "slider-track": "h-0.5em relative w-full grow overflow-hidden rounded-full bg-muted",
+  "slider-range": "absolute h-full bg-brand",
+  "slider-thumb": "w-1.25em h-1.25em block border-2 border-brand rounded-full bg-base focus-visible:ring-base ring-offset-base transition-colors disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+};
+const dynamicSlider = [
+  [/^slider-(.*)$/, ([, body], { theme }) => {
+    const color = utils.parseColor(body, theme);
+    if ((color?.cssColor?.type === "rgb" || color?.cssColor?.type === "rgba") && color.cssColor.components)
+      return `n-${body}-600 dark:n-${body}-500`;
+  }]
+];
+const slider = [
+  ...dynamicSlider,
+  staticSlider
+];
+
 const shortcuts = [
   ...general,
   ...accordion,
@@ -497,7 +523,8 @@ const shortcuts = [
   ...navLinkGroup,
   ...link,
   ...radio,
-  ...checkbox
+  ...checkbox,
+  ...slider
 ];
 
 exports.shortcuts = shortcuts;

package/dist/shortcuts.d.cts

@@ -1,6 +1,5 @@
-import * as _unocss_core from '@unocss/core';
-import { StaticShortcutMap } from '@unocss/core';
+import { Preset, StaticShortcutMap } from '@unocss/core';
 
-declare const shortcuts: (StaticShortcutMap | _unocss_core.StaticShortcut | _unocss_core.DynamicShortcut<object>)[];
+declare const shortcuts: Exclude<Preset["shortcuts"], undefined | StaticShortcutMap>;
 
 export { shortcuts };

package/dist/shortcuts.d.mts

@@ -1,6 +1,5 @@
-import * as _unocss_core from '@unocss/core';
-import { StaticShortcutMap } from '@unocss/core';
+import { Preset, StaticShortcutMap } from '@unocss/core';
 
-declare const shortcuts: (StaticShortcutMap | _unocss_core.StaticShortcut | _unocss_core.DynamicShortcut<object>)[];
+declare const shortcuts: Exclude<Preset["shortcuts"], undefined | StaticShortcutMap>;
 
 export { shortcuts };

package/dist/shortcuts.d.ts

@@ -1,6 +1,5 @@
-import * as _unocss_core from '@unocss/core';
-import { StaticShortcutMap } from '@unocss/core';
+import { Preset, StaticShortcutMap } from '@unocss/core';
 
-declare const shortcuts: (StaticShortcutMap | _unocss_core.StaticShortcut | _unocss_core.DynamicShortcut<object>)[];
+declare const shortcuts: Exclude<Preset["shortcuts"], undefined | StaticShortcutMap>;
 
 export { shortcuts };

package/dist/shortcuts.mjs

@@ -201,8 +201,8 @@ const input = [
 
 const staticGeneral = {
   // text-size
-  "text-md": "text-16px",
-  "size-md": "text-16px",
+  "text-md": "text-1rem leading-1.5rem",
+  "size-md": "text-md",
   // text color
   "text-base": "text-$c-foreground",
   "text-inverted": "text-$c-background",
@@ -477,6 +477,32 @@ const checkbox = [
   staticCheckbox
 ];
 
+const staticSlider = {
+  // configurations
+  "slider": "slider-primary size-base",
+  "slider-disabled": "n-disabled",
+  "slider-root-vertical": "flex-col w-1em h-full",
+  "slider-track-vertical": "w-0.5em h-full",
+  "slider-range-vertical": "w-full",
+  "slider-thumb-vertical": "w-1.25em h-1.25em",
+  // components
+  "slider-root": "slider relative flex w-full touch-none select-none items-center",
+  "slider-track": "h-0.5em relative w-full grow overflow-hidden rounded-full bg-muted",
+  "slider-range": "absolute h-full bg-brand",
+  "slider-thumb": "w-1.25em h-1.25em block border-2 border-brand rounded-full bg-base focus-visible:ring-base ring-offset-base transition-colors disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+};
+const dynamicSlider = [
+  [/^slider-(.*)$/, ([, body], { theme }) => {
+    const color = parseColor(body, theme);
+    if ((color?.cssColor?.type === "rgb" || color?.cssColor?.type === "rgba") && color.cssColor.components)
+      return `n-${body}-600 dark:n-${body}-500`;
+  }]
+];
+const slider = [
+  ...dynamicSlider,
+  staticSlider
+];
+
 const shortcuts = [
   ...general,
   ...accordion,
@@ -495,7 +521,8 @@ const shortcuts = [
   ...navLinkGroup,
   ...link,
   ...radio,
-  ...checkbox
+  ...checkbox,
+  ...slider
 ];
 
 export { shortcuts };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset",
-  "version": "0.4.0-beta.0",
+  "version": "0.5.0-beta.1",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -49,9 +49,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@unocss/core": "^0.57.3",
-    "@unocss/preset-mini": "^0.57.3",
-    "unocss": "^0.57.3"
+    "@unocss/core": "^0.61.5",
+    "@unocss/preset-mini": "^0.61.5",
+    "unocss": "^0.61.5"
   },
   "scripts": {
     "build": "unbuild",