@una-ui/preset 0.3.0-beta.1 → 0.4.0-beta.5
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/README.md +10 -1
- package/dist/index.d.cts +9 -0
- package/dist/index.d.mts +9 -0
- package/dist/prefixes.cjs +1 -1
- package/dist/prefixes.d.cts +3 -0
- package/dist/prefixes.d.mts +3 -0
- package/dist/prefixes.mjs +1 -1
- package/dist/shortcuts.cjs +14 -8
- package/dist/shortcuts.d.cts +6 -0
- package/dist/shortcuts.d.mts +6 -0
- package/dist/shortcuts.mjs +14 -8
- package/package.json +12 -12
- package/prefixes.d.ts +1 -1
- package/una.css +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
# ✨ Una UI
|
|
2
2
|
|
|
3
|
-
>
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> This project is heavily working in progress.
|
|
4
5
|
|
|
5
6
|
## 🏗️ Release Status
|
|
6
7
|
|
|
@@ -13,6 +14,14 @@
|
|
|
13
14
|
|
|
14
15
|
Visit https://www.unaui.com for full documentation.
|
|
15
16
|
|
|
17
|
+
## 🌻 Sponsors
|
|
18
|
+
|
|
19
|
+
<p align="center">
|
|
20
|
+
<a href="https://cdn.jsdelivr.net/gh/phojie/static/sponsors.svg">
|
|
21
|
+
<img src='https://cdn.jsdelivr.net/gh/phojie/static/sponsors.svg'/>
|
|
22
|
+
</a>
|
|
23
|
+
</p>
|
|
24
|
+
|
|
16
25
|
## 🏛️ License
|
|
17
26
|
|
|
18
27
|
[MIT](./LICENSE) License © 2023 [Phojie](https://github.com/phojie)
|
package/dist/index.d.cts
ADDED
package/dist/index.d.mts
ADDED
package/dist/prefixes.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
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", "size"];
|
|
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"];
|
|
4
4
|
|
|
5
5
|
module.exports = prefixes;
|
package/dist/prefixes.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
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", "size"];
|
|
1
|
+
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"];
|
|
2
2
|
|
|
3
3
|
export { prefixes as default };
|
package/dist/shortcuts.cjs
CHANGED
|
@@ -28,19 +28,25 @@ const navLinkGroup = [
|
|
|
28
28
|
|
|
29
29
|
const staticNavLink = {
|
|
30
30
|
// config
|
|
31
|
-
"nav-link-variant": "nav-link-text-primary",
|
|
32
|
-
"nav-link-active": "nav-link-active-text-primary",
|
|
33
|
-
"nav-link-inactive": "nav-link-inactive-text-gray",
|
|
31
|
+
"nav-link-default-variant": "nav-link-text-primary",
|
|
34
32
|
// base
|
|
35
|
-
"nav-link": "leading-6 justify-start gap-x-3 rounded-md",
|
|
33
|
+
"nav-link": "transition-base leading-6 justify-start gap-x-3 rounded-md",
|
|
36
34
|
// badge
|
|
37
|
-
"nav-link-badge": "min-w-max whitespace-nowrap rounded-full px-2.5 py-.5 leading-5"
|
|
35
|
+
"nav-link-badge": "min-w-max whitespace-nowrap rounded-full px-2.5 py-.5 leading-5",
|
|
36
|
+
// text-variant
|
|
37
|
+
"nav-link-text-gray": "hover:bg-$c-gray-100 hover:text-$c-gray-950",
|
|
38
|
+
"nav-link-active-text-gray": "bg-$c-gray-100 text-$c-gray-950",
|
|
39
|
+
"nav-link-inactive-text-gray": "text-$c-gray-950"
|
|
38
40
|
};
|
|
39
41
|
const dynamicNavLink = [
|
|
40
42
|
// text-variant
|
|
41
|
-
[/^nav-link-active-text(-(\S+))?$/, ([, , c = "primary"]) => `bg-
|
|
42
|
-
[/^nav-link-inactive-text(-(\S+))?$/, ([, , c = "
|
|
43
|
-
[/^nav-link-text(-(\S+))?$/, ([, , c = "primary"]) => `
|
|
43
|
+
[/^nav-link-active-text(-(\S+))?$/, ([, , c = "primary"]) => `bg-$c-gray-100 text-${c}-600 dark:text-${c}-500`],
|
|
44
|
+
[/^nav-link-inactive-text(-(\S+))?$/, ([, , c = "gray"]) => `text-${c}-800 dark:text-${c}-100`],
|
|
45
|
+
[/^nav-link-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} hover:nav-link-active-text-${c}`],
|
|
46
|
+
// solid-variant
|
|
47
|
+
[/^nav-link-active-solid(-(\S+))?$/, ([, , c = "primary"]) => `bg-${c}-700 dark:bg-${c}-400 text-white dark:text-${c}-950`],
|
|
48
|
+
[/^nav-link-inactive-solid(-(\S+))?$/, ([, , c = "primary"]) => `text-white dark:text-${c}-950`],
|
|
49
|
+
[/^nav-link-solid(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} hover:nav-link-active-solid-${c}`]
|
|
44
50
|
];
|
|
45
51
|
const navLink = [
|
|
46
52
|
...dynamicNavLink,
|
package/dist/shortcuts.mjs
CHANGED
|
@@ -26,19 +26,25 @@ const navLinkGroup = [
|
|
|
26
26
|
|
|
27
27
|
const staticNavLink = {
|
|
28
28
|
// config
|
|
29
|
-
"nav-link-variant": "nav-link-text-primary",
|
|
30
|
-
"nav-link-active": "nav-link-active-text-primary",
|
|
31
|
-
"nav-link-inactive": "nav-link-inactive-text-gray",
|
|
29
|
+
"nav-link-default-variant": "nav-link-text-primary",
|
|
32
30
|
// base
|
|
33
|
-
"nav-link": "leading-6 justify-start gap-x-3 rounded-md",
|
|
31
|
+
"nav-link": "transition-base leading-6 justify-start gap-x-3 rounded-md",
|
|
34
32
|
// badge
|
|
35
|
-
"nav-link-badge": "min-w-max whitespace-nowrap rounded-full px-2.5 py-.5 leading-5"
|
|
33
|
+
"nav-link-badge": "min-w-max whitespace-nowrap rounded-full px-2.5 py-.5 leading-5",
|
|
34
|
+
// text-variant
|
|
35
|
+
"nav-link-text-gray": "hover:bg-$c-gray-100 hover:text-$c-gray-950",
|
|
36
|
+
"nav-link-active-text-gray": "bg-$c-gray-100 text-$c-gray-950",
|
|
37
|
+
"nav-link-inactive-text-gray": "text-$c-gray-950"
|
|
36
38
|
};
|
|
37
39
|
const dynamicNavLink = [
|
|
38
40
|
// text-variant
|
|
39
|
-
[/^nav-link-active-text(-(\S+))?$/, ([, , c = "primary"]) => `bg-
|
|
40
|
-
[/^nav-link-inactive-text(-(\S+))?$/, ([, , c = "
|
|
41
|
-
[/^nav-link-text(-(\S+))?$/, ([, , c = "primary"]) => `
|
|
41
|
+
[/^nav-link-active-text(-(\S+))?$/, ([, , c = "primary"]) => `bg-$c-gray-100 text-${c}-600 dark:text-${c}-500`],
|
|
42
|
+
[/^nav-link-inactive-text(-(\S+))?$/, ([, , c = "gray"]) => `text-${c}-800 dark:text-${c}-100`],
|
|
43
|
+
[/^nav-link-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} hover:nav-link-active-text-${c}`],
|
|
44
|
+
// solid-variant
|
|
45
|
+
[/^nav-link-active-solid(-(\S+))?$/, ([, , c = "primary"]) => `bg-${c}-700 dark:bg-${c}-400 text-white dark:text-${c}-950`],
|
|
46
|
+
[/^nav-link-inactive-solid(-(\S+))?$/, ([, , c = "primary"]) => `text-white dark:text-${c}-950`],
|
|
47
|
+
[/^nav-link-solid(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} hover:nav-link-active-solid-${c}`]
|
|
42
48
|
];
|
|
43
49
|
const navLink = [
|
|
44
50
|
...dynamicNavLink,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@una-ui/preset",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0-beta.5",
|
|
4
4
|
"description": "The default preset for @una-ui",
|
|
5
5
|
"author": "Phojie Rengel <phojrengel@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,18 +22,18 @@
|
|
|
22
22
|
"exports": {
|
|
23
23
|
".": {
|
|
24
24
|
"types": "./dist/index.d.ts",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
25
|
+
"import": "./dist/index.mjs",
|
|
26
|
+
"require": "./dist/index.cjs"
|
|
27
27
|
},
|
|
28
28
|
"./shortcuts": {
|
|
29
29
|
"types": "./dist/shortcuts.d.ts",
|
|
30
|
-
"
|
|
31
|
-
"
|
|
30
|
+
"import": "./dist/shortcuts.mjs",
|
|
31
|
+
"require": "./dist/shortcuts.cjs"
|
|
32
32
|
},
|
|
33
33
|
"./prefixes": {
|
|
34
34
|
"types": "./dist/prefixes.d.ts",
|
|
35
|
-
"
|
|
36
|
-
"
|
|
35
|
+
"import": "./dist/prefixes.mjs",
|
|
36
|
+
"require": "./dist/prefixes.cjs"
|
|
37
37
|
},
|
|
38
38
|
"./*": "./*"
|
|
39
39
|
},
|
|
@@ -41,17 +41,17 @@
|
|
|
41
41
|
"module": "dist/index.mjs",
|
|
42
42
|
"types": "dist/index.d.ts",
|
|
43
43
|
"files": [
|
|
44
|
-
"
|
|
44
|
+
"*.css",
|
|
45
45
|
"*.d.ts",
|
|
46
|
-
"
|
|
46
|
+
"dist"
|
|
47
47
|
],
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@unocss/core": "^0.
|
|
53
|
-
"@unocss/preset-mini": "^0.
|
|
54
|
-
"unocss": "^0.
|
|
52
|
+
"@unocss/core": "^0.57.3",
|
|
53
|
+
"@unocss/preset-mini": "^0.57.3",
|
|
54
|
+
"unocss": "^0.57.3"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"build": "unbuild",
|
package/prefixes.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './dist/prefixes'
|
|
1
|
+
export { default } from './dist/prefixes'
|
package/una.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"@unocss/reset/tailwind-compat.css";:root{--una-primary-hex: #ca8a04;--una-primary-50: 254, 252, 232;--una-primary-100: 254, 249, 195;--una-primary-200: 254, 240, 138;--una-primary-300: 253, 224, 71;--una-primary-400: 250, 204, 21;--una-primary-500: 234, 179, 8;--una-primary-600: 202, 138, 4;--una-primary-700: 161, 98, 7;--una-primary-800: 133, 77, 14;--una-primary-900: 113, 63, 18;--una-primary-950: 66, 32, 6;--una-gray-hex: #57534e;--una-gray-50: 250, 250, 249;--una-gray-100: 245, 245, 244;--una-gray-200: 231, 229, 228;--una-gray-300: 214, 211, 209;--una-gray-400: 168, 162, 158;--una-gray-500: 120, 113, 108;--una-gray-600: 87, 83, 78;--una-gray-700: 68, 64, 60;--una-gray-800: 41, 37, 36;--una-gray-900: 28, 25, 23;--una-gray-950: 12, 10, 9}:root{--
|
|
1
|
+
@import"@unocss/reset/tailwind-compat.css";:root{--una-primary-hex: #ca8a04;--una-primary-50: 254, 252, 232;--una-primary-100: 254, 249, 195;--una-primary-200: 254, 240, 138;--una-primary-300: 253, 224, 71;--una-primary-400: 250, 204, 21;--una-primary-500: 234, 179, 8;--una-primary-600: 202, 138, 4;--una-primary-700: 161, 98, 7;--una-primary-800: 133, 77, 14;--una-primary-900: 113, 63, 18;--una-primary-950: 66, 32, 6;--una-gray-hex: #57534e;--una-gray-50: 250, 250, 249;--una-gray-100: 245, 245, 244;--una-gray-200: 231, 229, 228;--una-gray-300: 214, 211, 209;--una-gray-400: 168, 162, 158;--una-gray-500: 120, 113, 108;--una-gray-600: 87, 83, 78;--una-gray-700: 68, 64, 60;--una-gray-800: 41, 37, 36;--una-gray-900: 28, 25, 23;--una-gray-950: 12, 10, 9}:root{--c-gray-0: rgb(255 255 255);--c-gray-50: rgb(var(--una-gray-50));--c-gray-100: rgb(var(--una-gray-100));--c-gray-200: rgb(var(--una-gray-200));--c-gray-300: rgb(var(--una-gray-300));--c-gray-400: rgb(var(--una-gray-400));--c-gray-500: rgb(var(--una-gray-500));--c-gray-600: rgb(var(--una-gray-600));--c-gray-700: rgb(var(--una-gray-700));--c-gray-800: rgb(var(--una-gray-800));--c-gray-900: rgb(var(--una-gray-900));--c-gray-950: rgb(var(--una-gray-950))}.dark{--c-gray-0: rgb(var(--una-gray-950));--c-gray-50: rgb(var(--una-gray-900));--c-gray-100: rgb(var(--una-gray-800));--c-gray-200: rgb(var(--una-gray-700));--c-gray-300: rgb(var(--una-gray-600));--c-gray-400: rgb(var(--una-gray-500));--c-gray-500: rgb(var(--una-gray-400));--c-gray-600: rgb(var(--una-gray-300));--c-gray-700: rgb(var(--una-gray-200));--c-gray-800: rgb(var(--una-gray-100));--c-gray-900: rgb(var(--una-gray-50));--c-gray-950: rgb(255 255 255)}:root{--una-primary: var(--una-primary-600);--una-primary-active: var(--una-primary-500);--una-gray: var(--una-gray-600);--una-gray-active: var(--una-gray-500);--c-brand: rgb(var(--una-primary-600));--c-background: rgb(255 255 255);--c-foreground: rgb(var(--una-gray-950));--c-muted: rgb(var(--una-gray-50));--c-muted-foreground: rgb(var(--una-gray-900));--c-bg-selection: rgba(var(--una-primary-600), 0.2);--c-border: rgb(var(--una-gray-200));--c-ring: rgb(var(--una-gray-200));--c-divider: rgb(var(--una-gray-200))}.dark{--una-primary: var(--una-primary-500);--una-primary-active: var(--una-primary-400);--una-gray: var(--una-gray-500);--una-gray-active: var(--una-gray-400);--c-brand: rgb(var(--una-primary-500));--c-background: rgb(var(--una-gray-950));--c-foreground: rgb(255 255 255);--c-muted: rgb(var(--una-gray-900));--c-muted-foreground: rgb(var(--una-gray-50));--c-bg-selection: rgba(var(--una-primary-500), 0.2);--c-border: rgba(var(--una-gray-700), .68);--c-ring: rgba(var(--una-gray-700), .68);--c-divider: rgba(var(--una-gray-700), .68)}html{font-size:var(--font-size, 16px);background-color:var(--c-background);color:var(--c-foreground);height:100dvh}html.dark{color-scheme:dark}::-moz-selection{background:var(--c-bg-selection)}::selection{background:var(--c-bg-selection)}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
|