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.
Files changed (56) hide show
  1. package/dist/components/alert.svelte +8 -2
  2. package/dist/components/alert.svelte.d.ts +2 -2
  3. package/dist/components/badge.svelte +18 -18
  4. package/dist/components/badge.svelte.d.ts +2 -2
  5. package/dist/components/banner.svelte +8 -2
  6. package/dist/components/banner.svelte.d.ts +2 -2
  7. package/dist/components/breadcrumb.svelte +75 -0
  8. package/dist/components/breadcrumb.svelte.d.ts +38 -0
  9. package/dist/components/button.svelte +58 -52
  10. package/dist/components/button.svelte.d.ts +6 -2
  11. package/dist/components/calendar.svelte +99 -0
  12. package/dist/components/calendar.svelte.d.ts +16 -0
  13. package/dist/components/card.svelte +11 -10
  14. package/dist/components/card.svelte.d.ts +2 -1
  15. package/dist/components/checkbox-group.svelte +1 -1
  16. package/dist/components/collapsible.svelte +76 -0
  17. package/dist/components/collapsible.svelte.d.ts +15 -0
  18. package/dist/components/h2.svelte +3 -3
  19. package/dist/components/h4.svelte +2 -2
  20. package/dist/components/h5.svelte +2 -2
  21. package/dist/components/h6.svelte +2 -2
  22. package/dist/components/icon.svelte +58 -0
  23. package/dist/components/icon.svelte.d.ts +8 -0
  24. package/dist/components/index.d.ts +14 -2
  25. package/dist/components/index.js +14 -2
  26. package/dist/components/input-number.svelte +175 -0
  27. package/dist/components/input-number.svelte.d.ts +38 -0
  28. package/dist/components/input-time.svelte +4 -5
  29. package/dist/components/input-time.svelte.d.ts +3 -4
  30. package/dist/components/input.svelte +22 -25
  31. package/dist/components/input.svelte.d.ts +7 -7
  32. package/dist/components/kbd.svelte +35 -35
  33. package/dist/components/kbd.svelte.d.ts +2 -2
  34. package/dist/components/pin-input.svelte +21 -21
  35. package/dist/components/pin-input.svelte.d.ts +2 -2
  36. package/dist/components/placeholder.svelte +1 -1
  37. package/dist/components/progress.svelte +17 -17
  38. package/dist/components/select.svelte +333 -58
  39. package/dist/components/select.svelte.d.ts +32 -2
  40. package/dist/components/seperator.svelte +212 -0
  41. package/dist/components/seperator.svelte.d.ts +22 -0
  42. package/dist/components/slider.svelte +25 -25
  43. package/dist/components/switch.svelte +12 -28
  44. package/dist/components/switch.svelte.d.ts +5 -6
  45. package/dist/components/tabs.svelte +2 -2
  46. package/dist/date.d.ts +1 -0
  47. package/dist/date.js +1 -0
  48. package/dist/index.d.ts +1 -2
  49. package/dist/index.js +1 -1
  50. package/dist/types.d.ts +3 -0
  51. package/dist/types.js +1 -0
  52. package/dist/utilities.svelte.d.ts +9 -2
  53. package/dist/utilities.svelte.js +24 -4
  54. package/dist/vite.d.ts +2 -3
  55. package/dist/vite.js +41 -21
  56. 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, definePreset, } from 'unocss';
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: 'orange',
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
- name: 'vite-plugin-uisv',
32
- enforce: 'pre',
33
- async configResolved() {
34
- const path = resolve('node_modules/uisv/theme.js');
35
- console.log(await write(path, `export const button = {}`));
36
- },
37
- resolveId(source, importer, options) {
38
- if (source === '$build')
39
- return resolve('node_modules/uisv/theme.js');
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-DEFAULT: ${colors.surface['200']};
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-DEFAULT: ${colors.surface['900']};
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: [transformerVariantGroup(), transformerCompileClass(), transformerDirectives()],
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['DEFAULT'] = colors.surface['700'];
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
- DEFAULT: 'white',
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.14",
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
- "maska": "^3.2.0"
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",