@una-ui/preset 0.35.0-beta.1 → 0.36.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +3 -3
  2. package/dist/index.mjs +3 -3
  3. package/dist/shared/{preset.Dy9tdMuK.cjs → preset.CEFcXWEY.cjs} +11 -9
  4. package/dist/shared/{preset.C2lUQXA3.mjs → preset.D2JHtZxD.mjs} +11 -9
  5. package/dist/shortcuts.cjs +1 -1
  6. package/dist/shortcuts.mjs +1 -1
  7. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -5,7 +5,7 @@ const colors = require('@unocss/preset-mini/colors');
5
5
  const rules = require('@unocss/preset-mini/rules');
6
6
  const utils = require('@unocss/preset-mini/utils');
7
7
  const unocss = require('unocss');
8
- const index = require('./shared/preset.Dy9tdMuK.cjs');
8
+ const index = require('./shared/preset.CEFcXWEY.cjs');
9
9
 
10
10
  function presetUna(options = {
11
11
  // TODO: add options
@@ -69,8 +69,8 @@ function presetUna(options = {
69
69
  },
70
70
  animation: {
71
71
  keyframes: {
72
- "collapsible-down": "{from{height: 0}to{height:var(--radix-collapsible-content-height)}}",
73
- "collapsible-up": "{from{height:var(--radix-collapsible-content-height)}to{height: 0}}"
72
+ "collapsible-down": "{from{height: 0}to{height:var(--reka-collapsible-content-height)}}",
73
+ "collapsible-up": "{from{height:var(--reka-collapsible-content-height)}to{height: 0}}"
74
74
  },
75
75
  durations: {
76
76
  "collapsible-down": "0.2s",
package/dist/index.mjs CHANGED
@@ -3,7 +3,7 @@ import { colors } from '@unocss/preset-mini/colors';
3
3
  import { fonts } from '@unocss/preset-mini/rules';
4
4
  import { parseColor } from '@unocss/preset-mini/utils';
5
5
  import { mergeDeep } from 'unocss';
6
- import { s as shortcuts } from './shared/preset.C2lUQXA3.mjs';
6
+ import { s as shortcuts } from './shared/preset.D2JHtZxD.mjs';
7
7
 
8
8
  function presetUna(options = {
9
9
  // TODO: add options
@@ -67,8 +67,8 @@ function presetUna(options = {
67
67
  },
68
68
  animation: {
69
69
  keyframes: {
70
- "collapsible-down": "{from{height: 0}to{height:var(--radix-collapsible-content-height)}}",
71
- "collapsible-up": "{from{height:var(--radix-collapsible-content-height)}to{height: 0}}"
70
+ "collapsible-down": "{from{height: 0}to{height:var(--reka-collapsible-content-height)}}",
71
+ "collapsible-up": "{from{height:var(--reka-collapsible-content-height)}to{height: 0}}"
72
72
  },
73
73
  durations: {
74
74
  "collapsible-down": "0.2s",
package/dist/shared/{preset.Dy9tdMuK.cjs → preset.CEFcXWEY.cjs} RENAMED
@@ -165,7 +165,7 @@ const staticBtn = {
165
165
  "btn-loading-icon": "i-loading",
166
166
  "btn-default-radius": "rounded-md",
167
167
  // base
168
- "btn": "btn-rectangle px-1em py-0.5em bg-transparent transition-colors text-0.875em leading-5 gap-x-0.5em rounded-md whitespace-nowrap inline-flex justify-center items-center btn-disabled font-medium cursor-pointer",
168
+ "btn": "btn-rectangle px-1em py-0.5em bg-transparent transition-colors text-0.875em leading-5 gap-x-0.5em rounded-md whitespace-nowrap inline-flex justify-center items-center btn-disabled font-medium",
169
169
  "btn-disabled": "disabled:n-disabled",
170
170
  "btn-label": "",
171
171
  "btn-icon-label": "text-1em",
@@ -200,7 +200,7 @@ const staticBtn = {
200
200
  };
201
201
  const dynamicBtn = [
202
202
  // base
203
- [/^btn-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:outline-${c}-600 dark:focus-visible:outline-${c}-500 focus-visible:outline-2 focus-visible:outline-offset-2`],
203
+ [/^btn-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-${c}-600 dark:focus-visible:ring-${c}-500`],
204
204
  // variants
205
205
  [/^btn-solid(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-inverted shadow-sm bg-${c}-600 hover:bg-${c}-500 dark:bg-${c}-500 dark:hover:bg-${c}-400`],
206
206
  [/^btn-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-500 hover:text-${c}-500 dark:hover:text-${c}-400`],
@@ -715,12 +715,14 @@ const staticRadioGroup = {
715
715
  "radio-group-orientation-vertical": "flex-col",
716
716
  "radio-group-orientation-horizontal": "flex-row",
717
717
  // components
718
- "radio-group-item-wrapper": "flex items-center space-x-2",
718
+ "radio-group-item-root": "flex flex-col",
719
+ "radio-group-item-wrapper": "flex items-center gap-2",
719
720
  "radio-group-item": "aspect-square rounded-full border border-brand text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-base disabled:n-disabled",
721
+ "radio-group-item-label": "text-0.875em font-medium",
722
+ "radio-group-item-description": "text-0.875em text-muted ml-[calc(1.1em+0.5rem)]",
720
723
  "radio-group-indicator": "flex items-center justify-center",
721
724
  "radio-group-indicator-icon-base": "h-0.875em w-0.875em fill-brand",
722
- "radio-group-indicator-icon": "i-dot",
723
- "radio-group-item-label": ""
725
+ "radio-group-indicator-icon": "i-dot"
724
726
  };
725
727
  const dynamicRadioGroup = [
726
728
  [/^radio-group-(.*)$/, ([, body], { theme }) => {
@@ -747,10 +749,10 @@ const staticSelect = {
747
749
  // components
748
750
  "select-root": "",
749
751
  "select-trigger": "w-full [&>span]:truncate",
750
- "select-trigger-trailing-icon": "i-lucide-chevrons-up-down !text-1.042em",
751
- "select-trigger-trailing": "ml-auto",
752
+ "select-trigger-trailing-icon": "i-lucide-chevron-down n-disabled",
753
+ "select-trigger-trailing": "ml-auto data-[status]:text-1.2em data-[status=error]:text-error data-[status=success]:text-success data-[status=warning]:text-warning data-[status=info]:text-info",
752
754
  "select-trigger-leading": "",
753
- "select-value": "h-1.5em",
755
+ "select-value": "h-1.5em data-[status=error]:text-error data-[status=success]:text-success data-[status=warning]:text-warning data-[status=info]:text-info data-[placeholder]:n-disabled",
754
756
  "select-content": "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-base bg-popover text-popover shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
755
757
  "select-content-popper": "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
756
758
  "select-group": "p-1 w-full",
@@ -759,7 +761,7 @@ const staticSelect = {
759
761
  "select-item-indicator": "absolute left-2 h-0.75em w-0.75em flex items-center justify-center",
760
762
  "select-item-indicator-icon": "i-check",
761
763
  "select-viewport": "p-1",
762
- "select-viewport-popper": "h-[--radix-select-trigger-height] w-full min-w-[--radix-select-trigger-width]",
764
+ "select-viewport-popper": "h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]",
763
765
  "select-scroll-up-button": "select-scroll",
764
766
  "select-scroll-down-button": "select-scroll",
765
767
  "select-scroll-up-button-icon": "i-lucide-chevron-up",
package/dist/shared/{preset.C2lUQXA3.mjs → preset.D2JHtZxD.mjs} RENAMED
@@ -163,7 +163,7 @@ const staticBtn = {
163
163
  "btn-loading-icon": "i-loading",
164
164
  "btn-default-radius": "rounded-md",
165
165
  // base
166
- "btn": "btn-rectangle px-1em py-0.5em bg-transparent transition-colors text-0.875em leading-5 gap-x-0.5em rounded-md whitespace-nowrap inline-flex justify-center items-center btn-disabled font-medium cursor-pointer",
166
+ "btn": "btn-rectangle px-1em py-0.5em bg-transparent transition-colors text-0.875em leading-5 gap-x-0.5em rounded-md whitespace-nowrap inline-flex justify-center items-center btn-disabled font-medium",
167
167
  "btn-disabled": "disabled:n-disabled",
168
168
  "btn-label": "",
169
169
  "btn-icon-label": "text-1em",
@@ -198,7 +198,7 @@ const staticBtn = {
198
198
  };
199
199
  const dynamicBtn = [
200
200
  // base
201
- [/^btn-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:outline-${c}-600 dark:focus-visible:outline-${c}-500 focus-visible:outline-2 focus-visible:outline-offset-2`],
201
+ [/^btn-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-${c}-600 dark:focus-visible:ring-${c}-500`],
202
202
  // variants
203
203
  [/^btn-solid(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-inverted shadow-sm bg-${c}-600 hover:bg-${c}-500 dark:bg-${c}-500 dark:hover:bg-${c}-400`],
204
204
  [/^btn-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-500 hover:text-${c}-500 dark:hover:text-${c}-400`],
@@ -713,12 +713,14 @@ const staticRadioGroup = {
713
713
  "radio-group-orientation-vertical": "flex-col",
714
714
  "radio-group-orientation-horizontal": "flex-row",
715
715
  // components
716
- "radio-group-item-wrapper": "flex items-center space-x-2",
716
+ "radio-group-item-root": "flex flex-col",
717
+ "radio-group-item-wrapper": "flex items-center gap-2",
717
718
  "radio-group-item": "aspect-square rounded-full border border-brand text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-base disabled:n-disabled",
719
+ "radio-group-item-label": "text-0.875em font-medium",
720
+ "radio-group-item-description": "text-0.875em text-muted ml-[calc(1.1em+0.5rem)]",
718
721
  "radio-group-indicator": "flex items-center justify-center",
719
722
  "radio-group-indicator-icon-base": "h-0.875em w-0.875em fill-brand",
720
- "radio-group-indicator-icon": "i-dot",
721
- "radio-group-item-label": ""
723
+ "radio-group-indicator-icon": "i-dot"
722
724
  };
723
725
  const dynamicRadioGroup = [
724
726
  [/^radio-group-(.*)$/, ([, body], { theme }) => {
@@ -745,10 +747,10 @@ const staticSelect = {
745
747
  // components
746
748
  "select-root": "",
747
749
  "select-trigger": "w-full [&>span]:truncate",
748
- "select-trigger-trailing-icon": "i-lucide-chevrons-up-down !text-1.042em",
749
- "select-trigger-trailing": "ml-auto",
750
+ "select-trigger-trailing-icon": "i-lucide-chevron-down n-disabled",
751
+ "select-trigger-trailing": "ml-auto data-[status]:text-1.2em data-[status=error]:text-error data-[status=success]:text-success data-[status=warning]:text-warning data-[status=info]:text-info",
750
752
  "select-trigger-leading": "",
751
- "select-value": "h-1.5em",
753
+ "select-value": "h-1.5em data-[status=error]:text-error data-[status=success]:text-success data-[status=warning]:text-warning data-[status=info]:text-info data-[placeholder]:n-disabled",
752
754
  "select-content": "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-base bg-popover text-popover shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
753
755
  "select-content-popper": "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
754
756
  "select-group": "p-1 w-full",
@@ -757,7 +759,7 @@ const staticSelect = {
757
759
  "select-item-indicator": "absolute left-2 h-0.75em w-0.75em flex items-center justify-center",
758
760
  "select-item-indicator-icon": "i-check",
759
761
  "select-viewport": "p-1",
760
- "select-viewport-popper": "h-[--radix-select-trigger-height] w-full min-w-[--radix-select-trigger-width]",
762
+ "select-viewport-popper": "h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]",
761
763
  "select-scroll-up-button": "select-scroll",
762
764
  "select-scroll-down-button": "select-scroll",
763
765
  "select-scroll-up-button-icon": "i-lucide-chevron-up",
package/dist/shortcuts.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./shared/preset.Dy9tdMuK.cjs');
3
+ const index = require('./shared/preset.CEFcXWEY.cjs');
4
4
  require('@unocss/preset-mini/utils');
5
5
  require('@unocss/preset-mini');
6
6
 
package/dist/shortcuts.mjs CHANGED
@@ -1,3 +1,3 @@
1
- export { s as shortcuts } from './shared/preset.C2lUQXA3.mjs';
1
+ export { s as shortcuts } from './shared/preset.D2JHtZxD.mjs';
2
2
  import '@unocss/preset-mini/utils';
3
3
  import '@unocss/preset-mini';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@una-ui/preset",
3
- "version": "0.35.0-beta.1",
3
+ "version": "0.36.0-beta.1",
4
4
  "description": "The default preset for @una-ui",
5
5
  "author": "Phojie Rengel <phojrengel@gmail.com>",
6
6
  "license": "MIT",