@una-ui/preset-edge 0.52.1-29102745.8b48a21 → 0.52.1-29105139.8ec031b
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.
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 { handler, parseColor } from '@unocss/preset-mini/utils';
|
|
5
5
|
import { mergeDeep } from 'unocss';
|
|
6
|
-
import { s as shortcuts } from './shared/preset-edge.
|
|
6
|
+
import { s as shortcuts } from './shared/preset-edge.B8cG9haA.mjs';
|
|
7
7
|
|
|
8
8
|
function presetUna(options = {
|
|
9
9
|
// TODO: add options
|
|
@@ -74,7 +74,8 @@ function presetUna(options = {
|
|
|
74
74
|
xl: "calc(var(--una-radius) + 4px)",
|
|
75
75
|
lg: "var(--una-radius)",
|
|
76
76
|
md: "calc(var(--una-radius) - 2px)",
|
|
77
|
-
sm: "calc(var(--una-radius) - 4px)"
|
|
77
|
+
sm: "calc(var(--una-radius) - 4px)",
|
|
78
|
+
xs: "calc(var(--una-radius) - 6px)"
|
|
78
79
|
},
|
|
79
80
|
animation: {
|
|
80
81
|
keyframes: {
|
package/dist/prefixes.mjs
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
const prefixes = [
|
|
2
2
|
"accordion",
|
|
3
3
|
"alert",
|
|
4
|
+
"alert-dialog",
|
|
5
|
+
"alert-dialog-action",
|
|
6
|
+
"alert-dialog-cancel",
|
|
7
|
+
"alert-dialog-content",
|
|
8
|
+
"alert-dialog-description",
|
|
9
|
+
"alert-dialog-footer",
|
|
10
|
+
"alert-dialog-header",
|
|
11
|
+
"alert-dialog-overlay",
|
|
12
|
+
"alert-dialog-title",
|
|
13
|
+
"alert-dialog-trigger",
|
|
4
14
|
"aspect-ratio",
|
|
5
15
|
"avatar",
|
|
6
16
|
"avatar-fallback",
|
|
@@ -99,6 +109,9 @@ const prefixes = [
|
|
|
99
109
|
"progress",
|
|
100
110
|
"radio-group",
|
|
101
111
|
"radio-group-item",
|
|
112
|
+
"resizable-handle",
|
|
113
|
+
"resizable-panel",
|
|
114
|
+
"resizable-panel-group",
|
|
102
115
|
"resize",
|
|
103
116
|
"rounded",
|
|
104
117
|
"scroll-area",
|
|
@@ -66,6 +66,26 @@ const alert = [
|
|
|
66
66
|
staticAlert
|
|
67
67
|
];
|
|
68
68
|
|
|
69
|
+
const staticAlertDialog = {
|
|
70
|
+
// base
|
|
71
|
+
"alert-dialog": "",
|
|
72
|
+
// sub-components
|
|
73
|
+
"alert-dialog-cancel": "mt-2 sm:mt-0",
|
|
74
|
+
"alert-dialog-overlay": "fixed inset-0 z-50 bg-black/80",
|
|
75
|
+
"alert-dialog-content": "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg",
|
|
76
|
+
"alert-dialog-title": "text-lg font-semibold",
|
|
77
|
+
"alert-dialog-description": "text-muted text-sm",
|
|
78
|
+
"alert-dialog-header": "flex flex-col gap-2 text-center sm:text-left",
|
|
79
|
+
"alert-dialog-footer": "flex flex-col gap-2 sm:flex-row sm:justify-end"
|
|
80
|
+
};
|
|
81
|
+
const dynamicAlertDialog = [
|
|
82
|
+
// dynamic preset
|
|
83
|
+
];
|
|
84
|
+
const alertDialog = [
|
|
85
|
+
...dynamicAlertDialog,
|
|
86
|
+
staticAlertDialog
|
|
87
|
+
];
|
|
88
|
+
|
|
69
89
|
const staticAspectRatio = {
|
|
70
90
|
// base
|
|
71
91
|
"aspect-ratio": "overflow-hidden",
|
|
@@ -743,6 +763,29 @@ const radioGroup = [
|
|
|
743
763
|
staticRadioGroup
|
|
744
764
|
];
|
|
745
765
|
|
|
766
|
+
const staticResizable = {
|
|
767
|
+
// config
|
|
768
|
+
"resizable-handle-icon-name": "i-lucide-grip-vertical",
|
|
769
|
+
// base
|
|
770
|
+
"resizable-panel-group": "flex h-full w-full data-[orientation=vertical]:flex-col",
|
|
771
|
+
"resizable-panel": "",
|
|
772
|
+
"resizable-handle": "relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:ring-offset-base focus-visible:outline-none data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:-translate-y-1/2 data-[orientation=vertical]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90",
|
|
773
|
+
"resizable-handle-icon-wrapper": "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
|
|
774
|
+
"resizable-handle-icon": "square-2.5",
|
|
775
|
+
// static variants
|
|
776
|
+
"resizable-handle-solid-gray": "bg-border focus-visible:ring-foreground/58",
|
|
777
|
+
"resizable-handle-solid-black": "bg-inverted focus-visible:ring-foreground/58",
|
|
778
|
+
"resizable-handle-outline-gray": "ring-1 ring-base focus-visible:ring-foreground/58"
|
|
779
|
+
};
|
|
780
|
+
const dynamicResizable = [
|
|
781
|
+
[/^resizable-handle-solid(-(\S+))?$/, ([, , c = "gray"]) => `bg-${c}-200 dark:bg-${c}-700/58 focus-visible:ring-${c}-200 dark:focus-visible:ring-${c}-700/58`],
|
|
782
|
+
[/^resizable-handle-outline(-(\S+))?$/, ([, , c = "gray"]) => `ring-1 ring-${c}-200 dark:ring-${c}-700/58 focus-visible:ring-${c}-200 dark:focus-visible:ring-${c}-700/58`]
|
|
783
|
+
];
|
|
784
|
+
const resizable = [
|
|
785
|
+
...dynamicResizable,
|
|
786
|
+
staticResizable
|
|
787
|
+
];
|
|
788
|
+
|
|
746
789
|
const staticScrollArea = {
|
|
747
790
|
// configurations
|
|
748
791
|
"scroll-area": "",
|
|
@@ -1182,6 +1225,8 @@ const shortcuts = [
|
|
|
1182
1225
|
...navigationMenu,
|
|
1183
1226
|
...sidebar,
|
|
1184
1227
|
...aspectRatio,
|
|
1228
|
+
...resizable,
|
|
1229
|
+
...alertDialog,
|
|
1185
1230
|
...combobox
|
|
1186
1231
|
];
|
|
1187
1232
|
|
package/dist/shortcuts.mjs
CHANGED