@una-ui/preset 0.17.0-beta.1 → 0.18.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.
- package/dist/prefixes.cjs +92 -1
- package/dist/prefixes.mjs +92 -1
- package/dist/shortcuts.cjs +1 -1
- package/dist/shortcuts.mjs +1 -1
- package/package.json +1 -1
- package/una.css +150 -1
package/dist/prefixes.cjs
CHANGED
|
@@ -1,5 +1,96 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const prefixes = [
|
|
3
|
+
const prefixes = [
|
|
4
|
+
"accordion",
|
|
5
|
+
"alert",
|
|
6
|
+
"avatar",
|
|
7
|
+
"avatar-group",
|
|
8
|
+
"badge",
|
|
9
|
+
"breadcrumb",
|
|
10
|
+
"breadcrumb-active",
|
|
11
|
+
"breadcrumb-inactive",
|
|
12
|
+
"breadcrumb-ellipsis",
|
|
13
|
+
"breadcrumb-item",
|
|
14
|
+
"breadcrumb-link",
|
|
15
|
+
"breadcrumb-list",
|
|
16
|
+
"breadcrumb-root",
|
|
17
|
+
"breadcrumb-separator",
|
|
18
|
+
"btn",
|
|
19
|
+
"button",
|
|
20
|
+
"card",
|
|
21
|
+
"card-about",
|
|
22
|
+
"card-content",
|
|
23
|
+
"card-description",
|
|
24
|
+
"card-footer",
|
|
25
|
+
"card-header",
|
|
26
|
+
"card-title",
|
|
27
|
+
"checkbox",
|
|
28
|
+
"dropdown-menu",
|
|
29
|
+
"dropdown-menu-content",
|
|
30
|
+
"dropdown-menu-group",
|
|
31
|
+
"dropdown-menu-item",
|
|
32
|
+
"dropdown-menu-label",
|
|
33
|
+
"dropdown-menu-root",
|
|
34
|
+
"dropdown-menu-separator",
|
|
35
|
+
"dropdown-menu-shortcut",
|
|
36
|
+
"dropdown-menu-sub",
|
|
37
|
+
"dropdown-menu-sub-content",
|
|
38
|
+
"dropdown-menu-sub-trigger",
|
|
39
|
+
"dropdown-menu-trigger",
|
|
40
|
+
"form-group",
|
|
41
|
+
"icon",
|
|
42
|
+
"indicator",
|
|
43
|
+
"input",
|
|
44
|
+
"kbd",
|
|
45
|
+
"label",
|
|
46
|
+
"link",
|
|
47
|
+
"nav-link",
|
|
48
|
+
"nav-link-group",
|
|
49
|
+
"popover",
|
|
50
|
+
"popover-content",
|
|
51
|
+
"progress",
|
|
52
|
+
"radio",
|
|
53
|
+
"resize",
|
|
54
|
+
"select",
|
|
55
|
+
"select-content",
|
|
56
|
+
"select-group",
|
|
57
|
+
"select-item",
|
|
58
|
+
"select-item-indicator",
|
|
59
|
+
"select-item-text",
|
|
60
|
+
"select-label",
|
|
61
|
+
"select-root",
|
|
62
|
+
"select-scroll-down-button",
|
|
63
|
+
"select-scroll-up-button",
|
|
64
|
+
"select-separator",
|
|
65
|
+
"select-trigger",
|
|
66
|
+
"select-value",
|
|
67
|
+
"separator",
|
|
68
|
+
"size",
|
|
69
|
+
"skeleton",
|
|
70
|
+
"slider",
|
|
71
|
+
"switch",
|
|
72
|
+
"table",
|
|
73
|
+
"table-body",
|
|
74
|
+
"table-caption",
|
|
75
|
+
"table-cell",
|
|
76
|
+
"table-empty",
|
|
77
|
+
"table-footer",
|
|
78
|
+
"table-head",
|
|
79
|
+
"table-header",
|
|
80
|
+
"table-loading",
|
|
81
|
+
"table-root",
|
|
82
|
+
"table-row",
|
|
83
|
+
"tabs",
|
|
84
|
+
"tabs-content",
|
|
85
|
+
"tabs-list",
|
|
86
|
+
"tabs-root",
|
|
87
|
+
"tabs-trigger",
|
|
88
|
+
"theme-switcher",
|
|
89
|
+
"tooltip",
|
|
90
|
+
"tooltip-content",
|
|
91
|
+
"tooltip-provider",
|
|
92
|
+
"tooltip-root",
|
|
93
|
+
"tooltip-trigger"
|
|
94
|
+
];
|
|
4
95
|
|
|
5
96
|
module.exports = prefixes;
|
package/dist/prefixes.mjs
CHANGED
|
@@ -1,3 +1,94 @@
|
|
|
1
|
-
const prefixes = [
|
|
1
|
+
const prefixes = [
|
|
2
|
+
"accordion",
|
|
3
|
+
"alert",
|
|
4
|
+
"avatar",
|
|
5
|
+
"avatar-group",
|
|
6
|
+
"badge",
|
|
7
|
+
"breadcrumb",
|
|
8
|
+
"breadcrumb-active",
|
|
9
|
+
"breadcrumb-inactive",
|
|
10
|
+
"breadcrumb-ellipsis",
|
|
11
|
+
"breadcrumb-item",
|
|
12
|
+
"breadcrumb-link",
|
|
13
|
+
"breadcrumb-list",
|
|
14
|
+
"breadcrumb-root",
|
|
15
|
+
"breadcrumb-separator",
|
|
16
|
+
"btn",
|
|
17
|
+
"button",
|
|
18
|
+
"card",
|
|
19
|
+
"card-about",
|
|
20
|
+
"card-content",
|
|
21
|
+
"card-description",
|
|
22
|
+
"card-footer",
|
|
23
|
+
"card-header",
|
|
24
|
+
"card-title",
|
|
25
|
+
"checkbox",
|
|
26
|
+
"dropdown-menu",
|
|
27
|
+
"dropdown-menu-content",
|
|
28
|
+
"dropdown-menu-group",
|
|
29
|
+
"dropdown-menu-item",
|
|
30
|
+
"dropdown-menu-label",
|
|
31
|
+
"dropdown-menu-root",
|
|
32
|
+
"dropdown-menu-separator",
|
|
33
|
+
"dropdown-menu-shortcut",
|
|
34
|
+
"dropdown-menu-sub",
|
|
35
|
+
"dropdown-menu-sub-content",
|
|
36
|
+
"dropdown-menu-sub-trigger",
|
|
37
|
+
"dropdown-menu-trigger",
|
|
38
|
+
"form-group",
|
|
39
|
+
"icon",
|
|
40
|
+
"indicator",
|
|
41
|
+
"input",
|
|
42
|
+
"kbd",
|
|
43
|
+
"label",
|
|
44
|
+
"link",
|
|
45
|
+
"nav-link",
|
|
46
|
+
"nav-link-group",
|
|
47
|
+
"popover",
|
|
48
|
+
"popover-content",
|
|
49
|
+
"progress",
|
|
50
|
+
"radio",
|
|
51
|
+
"resize",
|
|
52
|
+
"select",
|
|
53
|
+
"select-content",
|
|
54
|
+
"select-group",
|
|
55
|
+
"select-item",
|
|
56
|
+
"select-item-indicator",
|
|
57
|
+
"select-item-text",
|
|
58
|
+
"select-label",
|
|
59
|
+
"select-root",
|
|
60
|
+
"select-scroll-down-button",
|
|
61
|
+
"select-scroll-up-button",
|
|
62
|
+
"select-separator",
|
|
63
|
+
"select-trigger",
|
|
64
|
+
"select-value",
|
|
65
|
+
"separator",
|
|
66
|
+
"size",
|
|
67
|
+
"skeleton",
|
|
68
|
+
"slider",
|
|
69
|
+
"switch",
|
|
70
|
+
"table",
|
|
71
|
+
"table-body",
|
|
72
|
+
"table-caption",
|
|
73
|
+
"table-cell",
|
|
74
|
+
"table-empty",
|
|
75
|
+
"table-footer",
|
|
76
|
+
"table-head",
|
|
77
|
+
"table-header",
|
|
78
|
+
"table-loading",
|
|
79
|
+
"table-root",
|
|
80
|
+
"table-row",
|
|
81
|
+
"tabs",
|
|
82
|
+
"tabs-content",
|
|
83
|
+
"tabs-list",
|
|
84
|
+
"tabs-root",
|
|
85
|
+
"tabs-trigger",
|
|
86
|
+
"theme-switcher",
|
|
87
|
+
"tooltip",
|
|
88
|
+
"tooltip-content",
|
|
89
|
+
"tooltip-provider",
|
|
90
|
+
"tooltip-root",
|
|
91
|
+
"tooltip-trigger"
|
|
92
|
+
];
|
|
2
93
|
|
|
3
94
|
export { prefixes as default };
|
package/dist/shortcuts.cjs
CHANGED
|
@@ -795,7 +795,7 @@ const label = [
|
|
|
795
795
|
];
|
|
796
796
|
|
|
797
797
|
const staticPopover = {
|
|
798
|
-
popover: "w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none 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"
|
|
798
|
+
"popover-content": "w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none 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"
|
|
799
799
|
};
|
|
800
800
|
const dynamicPopover = [
|
|
801
801
|
// dynamic preset
|
package/dist/shortcuts.mjs
CHANGED
|
@@ -793,7 +793,7 @@ const label = [
|
|
|
793
793
|
];
|
|
794
794
|
|
|
795
795
|
const staticPopover = {
|
|
796
|
-
popover: "w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none 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"
|
|
796
|
+
"popover-content": "w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none 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"
|
|
797
797
|
};
|
|
798
798
|
const dynamicPopover = [
|
|
799
799
|
// dynamic preset
|
package/package.json
CHANGED
package/una.css
CHANGED
|
@@ -1 +1,150 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import url(@unocss/reset/tailwind-compat.css);
|
|
2
|
+
:root {
|
|
3
|
+
--una-primary-hex: #ca8a04;
|
|
4
|
+
--una-primary-50: 254, 252, 232;
|
|
5
|
+
--una-primary-100: 254, 249, 195;
|
|
6
|
+
--una-primary-200: 254, 240, 138;
|
|
7
|
+
--una-primary-300: 253, 224, 71;
|
|
8
|
+
--una-primary-400: 250, 204, 21;
|
|
9
|
+
--una-primary-500: 234, 179, 8;
|
|
10
|
+
--una-primary-600: 202, 138, 4;
|
|
11
|
+
--una-primary-700: 161, 98, 7;
|
|
12
|
+
--una-primary-800: 133, 77, 14;
|
|
13
|
+
--una-primary-900: 113, 63, 18;
|
|
14
|
+
--una-primary-950: 66, 32, 6;
|
|
15
|
+
--una-gray-hex: #57534e;
|
|
16
|
+
--una-gray-50: 250, 250, 249;
|
|
17
|
+
--una-gray-100: 245, 245, 244;
|
|
18
|
+
--una-gray-200: 231, 229, 228;
|
|
19
|
+
--una-gray-300: 214, 211, 209;
|
|
20
|
+
--una-gray-400: 168, 162, 158;
|
|
21
|
+
--una-gray-500: 120, 113, 108;
|
|
22
|
+
--una-gray-600: 87, 83, 78;
|
|
23
|
+
--una-gray-700: 68, 64, 60;
|
|
24
|
+
--una-gray-800: 41, 37, 36;
|
|
25
|
+
--una-gray-900: 28, 25, 23;
|
|
26
|
+
--una-gray-950: 12, 10, 9;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:root {
|
|
30
|
+
--c-gray-0: rgb(255 255 255);
|
|
31
|
+
--c-gray-50: rgb(var(--una-gray-50));
|
|
32
|
+
--c-gray-100: rgb(var(--una-gray-100));
|
|
33
|
+
--c-gray-200: rgb(var(--una-gray-200));
|
|
34
|
+
--c-gray-300: rgb(var(--una-gray-300));
|
|
35
|
+
--c-gray-400: rgb(var(--una-gray-400));
|
|
36
|
+
--c-gray-500: rgb(var(--una-gray-500));
|
|
37
|
+
--c-gray-600: rgb(var(--una-gray-600));
|
|
38
|
+
--c-gray-700: rgb(var(--una-gray-700));
|
|
39
|
+
--c-gray-800: rgb(var(--una-gray-800));
|
|
40
|
+
--c-gray-900: rgb(var(--una-gray-900));
|
|
41
|
+
--c-gray-950: rgb(var(--una-gray-950));
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.dark {
|
|
45
|
+
--c-gray-0: rgb(var(--una-gray-950));
|
|
46
|
+
--c-gray-50: rgb(var(--una-gray-900));
|
|
47
|
+
--c-gray-100: rgb(var(--una-gray-800));
|
|
48
|
+
--c-gray-200: rgb(var(--una-gray-700));
|
|
49
|
+
--c-gray-300: rgb(var(--una-gray-600));
|
|
50
|
+
--c-gray-400: rgb(var(--una-gray-500));
|
|
51
|
+
--c-gray-500: rgb(var(--una-gray-400));
|
|
52
|
+
--c-gray-600: rgb(var(--una-gray-300));
|
|
53
|
+
--c-gray-700: rgb(var(--una-gray-200));
|
|
54
|
+
--c-gray-800: rgb(var(--una-gray-100));
|
|
55
|
+
--c-gray-900: rgb(var(--una-gray-50));
|
|
56
|
+
--c-gray-950: rgb(255 255 255);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:root {
|
|
60
|
+
--una-font-size: 16px;
|
|
61
|
+
--una-radius: 0.5rem;
|
|
62
|
+
--c-brand: rgb(var(--una-primary-600));
|
|
63
|
+
--una-primary: var(--una-primary-600);
|
|
64
|
+
--una-primary-active: var(--una-primary-500);
|
|
65
|
+
--una-gray: var(--una-gray-600);
|
|
66
|
+
--una-gray-active: var(--una-gray-500);
|
|
67
|
+
--c-background: rgb(255 255 255);
|
|
68
|
+
--c-foreground: rgb(var(--una-gray-950));
|
|
69
|
+
--c-muted: rgb(var(--una-gray-50));
|
|
70
|
+
--c-muted-foreground: rgb(var(--una-gray-500));
|
|
71
|
+
--c-accent: rgb(var(--una-gray-100));
|
|
72
|
+
--c-accent-foreground: rgb(var(--una-gray-800));
|
|
73
|
+
--c-popover: rgb(255 255 255);
|
|
74
|
+
--c-popover-foreground: rgb(var(--una-gray-950));
|
|
75
|
+
--c-border: rgb(var(--una-gray-200));
|
|
76
|
+
--c-border-foreground: rgba(var(--una-gray-700), .58);
|
|
77
|
+
--c-ring: rgb(var(--una-gray-200));
|
|
78
|
+
--c-divider: rgb(var(--una-gray-200));
|
|
79
|
+
--c-bg-selection: rgba(var(--una-primary-600), 0.2);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.dark {
|
|
83
|
+
--c-brand: rgb(var(--una-primary-500));
|
|
84
|
+
--una-primary: var(--una-primary-500);
|
|
85
|
+
--una-primary-active: var(--una-primary-400);
|
|
86
|
+
--una-gray: var(--una-gray-500);
|
|
87
|
+
--una-gray-active: var(--una-gray-400);
|
|
88
|
+
--c-background: rgb(var(--una-gray-950));
|
|
89
|
+
--c-foreground: rgb(255 255 255);
|
|
90
|
+
--c-muted: rgb(var(--una-gray-900));
|
|
91
|
+
--c-muted-foreground: rgb(var(--una-gray-400));
|
|
92
|
+
--c-accent: rgb(var(--una-gray-800));
|
|
93
|
+
--c-accent-foreground: rgb(var(--una-gray-100));
|
|
94
|
+
--c-popover: rgb(var(--una-gray-950));
|
|
95
|
+
--c-popover-foreground: rgb(255 255 255);
|
|
96
|
+
--c-border: rgba(var(--una-gray-700), .58);
|
|
97
|
+
--c-border-foreground: rgb(var(--una-gray-200));
|
|
98
|
+
--c-ring: rgba(var(--una-gray-700), .58);
|
|
99
|
+
--c-divider: rgba(var(--una-gray-700), .58);
|
|
100
|
+
--c-bg-selection: rgba(var(--una-primary-500), 0.2);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
html {
|
|
104
|
+
font-size: var(--una-font-size, 16px);
|
|
105
|
+
background-color: var(--c-background);
|
|
106
|
+
color: var(--c-foreground);
|
|
107
|
+
height: 100dvh;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
html.dark {
|
|
111
|
+
color-scheme: dark;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
::-moz-selection {
|
|
115
|
+
background: var(--c-bg-selection);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
::selection {
|
|
119
|
+
background: var(--c-bg-selection);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
* {
|
|
123
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
* {
|
|
127
|
+
scrollbar-color: rgba(136, 136, 136, 0.3333333333) var(--c-border);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
::-webkit-scrollbar {
|
|
131
|
+
width: 0.5rem;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
::-webkit-scrollbar:horizontal {
|
|
135
|
+
height: 0.5rem;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
::-webkit-scrollbar-track {
|
|
139
|
+
background: var(--c-border);
|
|
140
|
+
border-radius: var(--una-radius);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
::-webkit-scrollbar-thumb {
|
|
144
|
+
background: var(--muted-foreground);
|
|
145
|
+
border-radius: calc(var(--una-radius) - 4px);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
::-webkit-scrollbar-thumb:hover {
|
|
149
|
+
background: var(--c-muted) !important;
|
|
150
|
+
}
|