uisv 0.0.14 → 0.0.16
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/components/alert.svelte +8 -2
- package/dist/components/alert.svelte.d.ts +2 -2
- package/dist/components/badge.svelte +18 -18
- package/dist/components/badge.svelte.d.ts +2 -2
- package/dist/components/banner.svelte +8 -2
- package/dist/components/banner.svelte.d.ts +2 -2
- package/dist/components/breadcrumb.svelte +75 -0
- package/dist/components/breadcrumb.svelte.d.ts +38 -0
- package/dist/components/button.svelte +58 -52
- package/dist/components/button.svelte.d.ts +6 -2
- package/dist/components/calendar.svelte +99 -0
- package/dist/components/calendar.svelte.d.ts +16 -0
- package/dist/components/card.svelte +11 -10
- package/dist/components/card.svelte.d.ts +2 -1
- package/dist/components/checkbox-group.svelte +1 -1
- package/dist/components/collapsible.svelte +76 -0
- package/dist/components/collapsible.svelte.d.ts +15 -0
- package/dist/components/h2.svelte +3 -3
- package/dist/components/h4.svelte +2 -2
- package/dist/components/h5.svelte +2 -2
- package/dist/components/h6.svelte +2 -2
- package/dist/components/icon.svelte +58 -0
- package/dist/components/icon.svelte.d.ts +8 -0
- package/dist/components/index.d.ts +14 -2
- package/dist/components/index.js +14 -2
- package/dist/components/input-number.svelte +175 -0
- package/dist/components/input-number.svelte.d.ts +38 -0
- package/dist/components/input-time.svelte +4 -5
- package/dist/components/input-time.svelte.d.ts +3 -4
- package/dist/components/input.svelte +22 -25
- package/dist/components/input.svelte.d.ts +7 -7
- package/dist/components/kbd.svelte +35 -35
- package/dist/components/kbd.svelte.d.ts +2 -2
- package/dist/components/pin-input.svelte +21 -21
- package/dist/components/pin-input.svelte.d.ts +2 -2
- package/dist/components/placeholder.svelte +1 -1
- package/dist/components/progress.svelte +17 -17
- package/dist/components/select.svelte +333 -58
- package/dist/components/select.svelte.d.ts +32 -2
- package/dist/components/seperator.svelte +212 -0
- package/dist/components/seperator.svelte.d.ts +22 -0
- package/dist/components/slider.svelte +25 -25
- package/dist/components/switch.svelte +12 -28
- package/dist/components/switch.svelte.d.ts +5 -6
- package/dist/components/tabs.svelte +2 -2
- package/dist/date.d.ts +1 -0
- package/dist/date.js +1 -0
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -1
- package/dist/types.d.ts +3 -0
- package/dist/types.js +1 -0
- package/dist/utilities.svelte.d.ts +9 -2
- package/dist/utilities.svelte.js +24 -4
- package/dist/vite.d.ts +2 -3
- package/dist/vite.js +41 -21
- package/package.json +18 -23
package/dist/vite.js
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import uno_plugin from 'unocss/vite';
|
|
2
|
-
import { transformerVariantGroup, transformerCompileClass, transformerDirectives, presetWebFonts, presetIcons, presetWind4,
|
|
2
|
+
import { transformerVariantGroup, transformerCompileClass, transformerDirectives, presetWebFonts, presetIcons, presetWind4, } from 'unocss';
|
|
3
3
|
import {} from '@unocss/preset-web-fonts';
|
|
4
4
|
import { defu } from 'defu';
|
|
5
5
|
import { getColors } from 'theme-colors';
|
|
6
|
-
import { dir, exists, write } from 'files';
|
|
7
|
-
import { resolve } from 'node:path';
|
|
8
6
|
export function uisv(options) {
|
|
9
7
|
const _opts = defu(options, {
|
|
10
8
|
colors: {
|
|
11
|
-
primary:
|
|
9
|
+
primary: {
|
|
10
|
+
DEFAULT: '#FF3E00',
|
|
11
|
+
50: '#FFECE5',
|
|
12
|
+
100: '#FFD8CC',
|
|
13
|
+
200: '#FFB299',
|
|
14
|
+
300: '#FF8B66',
|
|
15
|
+
400: '#FF6533',
|
|
16
|
+
500: '#FF3E00',
|
|
17
|
+
600: '#CC3200',
|
|
18
|
+
700: '#992500',
|
|
19
|
+
800: '#661900',
|
|
20
|
+
900: '#330C00',
|
|
21
|
+
950: '#1A0600',
|
|
22
|
+
},
|
|
12
23
|
surface: 'neutral',
|
|
13
24
|
info: 'blue',
|
|
14
25
|
success: 'green',
|
|
@@ -27,18 +38,17 @@ export function uisv(options) {
|
|
|
27
38
|
},
|
|
28
39
|
},
|
|
29
40
|
});
|
|
30
|
-
const theme_plugin = {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
};
|
|
41
|
+
// const theme_plugin: Plugin = {
|
|
42
|
+
// name: 'vite-plugin-uisv',
|
|
43
|
+
// enforce: 'pre',
|
|
44
|
+
// async configResolved() {
|
|
45
|
+
// const path = resolve('node_modules/uisv/theme.js');
|
|
46
|
+
// console.log(await write(path, `export const button = {}`));
|
|
47
|
+
// },
|
|
48
|
+
// resolveId(source, importer, options) {
|
|
49
|
+
// if (source === '$build') return resolve('node_modules/uisv/theme.js');
|
|
50
|
+
// },
|
|
51
|
+
// };
|
|
42
52
|
return [
|
|
43
53
|
uno_plugin({
|
|
44
54
|
content: {
|
|
@@ -61,14 +71,14 @@ export function uisv(options) {
|
|
|
61
71
|
if (typeof colors.surface !== 'object')
|
|
62
72
|
return '';
|
|
63
73
|
const variables = `
|
|
64
|
-
--colors-
|
|
74
|
+
--colors-base: ${colors.surface['200']};
|
|
65
75
|
--colors-dimmed: ${colors.surface['500']};
|
|
66
76
|
--colors-muted: ${colors.surface['400']};
|
|
67
77
|
--colors-toned: ${colors.surface['300']};
|
|
68
78
|
--colors-highlighted: white;
|
|
69
79
|
--colors-inverted: ${colors.surface['900']};
|
|
70
80
|
|
|
71
|
-
--colors-surface-
|
|
81
|
+
--colors-surface-base: ${colors.surface['900']};
|
|
72
82
|
--colors-surface-muted: ${colors.surface['800']};
|
|
73
83
|
--colors-surface-elevated: ${colors.surface['800']};
|
|
74
84
|
--colors-surface-accented: ${colors.surface['700']};
|
|
@@ -96,7 +106,17 @@ export function uisv(options) {
|
|
|
96
106
|
presetWebFonts(_opts.fonts),
|
|
97
107
|
presetIcons(_opts.icons),
|
|
98
108
|
],
|
|
99
|
-
transformers: [
|
|
109
|
+
transformers: [
|
|
110
|
+
transformerVariantGroup(),
|
|
111
|
+
transformerCompileClass(),
|
|
112
|
+
transformerDirectives(),
|
|
113
|
+
{
|
|
114
|
+
name: 'transformer-test',
|
|
115
|
+
transform(code, id, ctx) {
|
|
116
|
+
console.log(id);
|
|
117
|
+
},
|
|
118
|
+
},
|
|
119
|
+
],
|
|
100
120
|
extendTheme: (theme) => {
|
|
101
121
|
if (!('colors' in theme) || typeof theme.colors !== 'object')
|
|
102
122
|
theme.colors = {};
|
|
@@ -110,14 +130,14 @@ export function uisv(options) {
|
|
|
110
130
|
colors[color] = in_theme ? in_theme : getColors(value);
|
|
111
131
|
}
|
|
112
132
|
if (typeof colors.surface === 'object') {
|
|
113
|
-
colors['
|
|
133
|
+
colors['base'] = colors.surface['700'];
|
|
114
134
|
colors['dimmed'] = colors.surface['400'];
|
|
115
135
|
colors['muted'] = colors.surface['500'];
|
|
116
136
|
colors['toned'] = colors.surface['600'];
|
|
117
137
|
colors['highlighted'] = colors.surface['900'];
|
|
118
138
|
colors['inverted'] = 'white';
|
|
119
139
|
colors['surface'] = defu(colors.surface, {
|
|
120
|
-
|
|
140
|
+
base: 'white',
|
|
121
141
|
muted: colors.surface['50'],
|
|
122
142
|
elevated: colors.surface['100'],
|
|
123
143
|
accented: colors.surface['200'],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "uisv",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.16",
|
|
4
4
|
"description": "ui library for the rest of us",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "ui-sv/uisv",
|
|
@@ -39,6 +39,11 @@
|
|
|
39
39
|
"types": "./dist/vite.d.ts",
|
|
40
40
|
"svelte": "./dist/vite.js",
|
|
41
41
|
"default": "./dist/vite.js"
|
|
42
|
+
},
|
|
43
|
+
"./date": {
|
|
44
|
+
"types": "./dist/date.d.ts",
|
|
45
|
+
"svelte": "./dist/date.js",
|
|
46
|
+
"default": "./dist/date.js"
|
|
42
47
|
}
|
|
43
48
|
},
|
|
44
49
|
"peerDependencies": {
|
|
@@ -47,53 +52,43 @@
|
|
|
47
52
|
"devDependencies": {
|
|
48
53
|
"@eslint/compat": "^2.0.2",
|
|
49
54
|
"@eslint/js": "^10.0.1",
|
|
50
|
-
"@iconify-json/logos": "^1.2.10",
|
|
51
55
|
"@iconify-json/lucide": "^1.2.90",
|
|
52
|
-
"@iconify-json/solar": "^1.2.5",
|
|
53
|
-
"@internationalized/date": "^3.11.0",
|
|
54
56
|
"@sveltejs/adapter-auto": "^7.0.1",
|
|
55
57
|
"@sveltejs/kit": "^2.52.0",
|
|
56
58
|
"@sveltejs/package": "^2.5.7",
|
|
57
59
|
"@sveltejs/vite-plugin-svelte": "^6.2.4",
|
|
58
|
-
"@tailwindcss/vite": "^4.1.18",
|
|
59
60
|
"@types/node": "^25.2.3",
|
|
60
|
-
"@unocss/preset-web-fonts": "^66.6.0",
|
|
61
|
-
"@unocss/reset": "^66.6.0",
|
|
62
61
|
"@vitest/browser": "^4.0.18",
|
|
63
|
-
"bits-ui": "^2.15.5",
|
|
64
|
-
"carta-md": "^4.11.1",
|
|
65
|
-
"defu": "^6.1.4",
|
|
66
|
-
"doc-path": "^4.1.3",
|
|
67
62
|
"eslint": "^10.0.0",
|
|
68
63
|
"eslint-config-prettier": "^10.1.8",
|
|
69
64
|
"eslint-plugin-svelte": "^3.15.0",
|
|
70
|
-
"files": "^3.0.2",
|
|
71
65
|
"globals": "^17.3.0",
|
|
72
|
-
"mode-watcher": "^1.1.0",
|
|
73
66
|
"playwright": "^1.58.2",
|
|
74
67
|
"prettier": "^3.8.1",
|
|
75
68
|
"prettier-plugin-svelte": "^3.4.1",
|
|
76
69
|
"publint": "^0.3.17",
|
|
77
|
-
"runed": "^0.37.1",
|
|
78
|
-
"scule": "^1.3.0",
|
|
79
70
|
"svelte": "^5.51.2",
|
|
80
71
|
"svelte-check": "^4.4.0",
|
|
81
|
-
"svelte-exmarkdown": "^5.0.2",
|
|
82
|
-
"tailwind-merge": "^3.4.1",
|
|
83
|
-
"tailwind-variants": "^3.2.2",
|
|
84
|
-
"theme-colors": "^0.1.0",
|
|
85
72
|
"typescript": "^5.9.3",
|
|
86
73
|
"typescript-eslint": "^8.55.0",
|
|
87
|
-
"unocss": "^66.6.0",
|
|
88
|
-
"unocss-preset-theme": "^0.14.1",
|
|
89
|
-
"unplugin-icons": "^23.0.1",
|
|
90
74
|
"vite": "^7.3.1",
|
|
91
75
|
"vitest": "^4.0.18",
|
|
92
76
|
"vitest-browser-svelte": "^2.0.2"
|
|
93
77
|
},
|
|
94
78
|
"dependencies": {
|
|
79
|
+
"@internationalized/date": "^3.11.0",
|
|
80
|
+
"@unocss/preset-web-fonts": "^66.6.0",
|
|
81
|
+
"bits-ui": "^2.16.2",
|
|
95
82
|
"colortranslator": "^5.0.0",
|
|
96
|
-
"
|
|
83
|
+
"defu": "^6.1.4",
|
|
84
|
+
"maska": "^3.2.0",
|
|
85
|
+
"mode-watcher": "^1.1.0",
|
|
86
|
+
"runed": "^0.37.1",
|
|
87
|
+
"scule": "^1.3.0",
|
|
88
|
+
"tailwind-merge": "^3.5.0",
|
|
89
|
+
"tailwind-variants": "^3.2.2",
|
|
90
|
+
"theme-colors": "^0.1.0",
|
|
91
|
+
"unocss": "^66.6.0"
|
|
97
92
|
},
|
|
98
93
|
"keywords": [
|
|
99
94
|
"svelte",
|