@sabrenski/spire-ui-vue 0.2.14 → 0.3.0

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 (6) hide show
  1. package/dist/spire-ui.cjs +28 -28
  2. package/dist/spire-ui.css +1 -1
  3. package/dist/spire-ui.js +1923 -1909
  4. package/dist/theme/base.css +65 -65
  5. package/dist/theme/semantic.css +10 -2
  6. package/package.json +1 -1
package/dist/theme/base.css CHANGED
@@ -1,85 +1,85 @@
1
1
  :root {
2
- --color-primary-base: oklch(55% 0.1632 318.71);
2
+ --color-primary-base: oklch(71.5% 0.143 215.221);
3
3
  --color-secondary-base: oklch(55% 0.18 285);
4
- --color-success-base: oklch(55% 0.19 145);
5
- --color-danger-base: oklch(55% 0.22 27);
6
- --color-warning-base: oklch(70% 0.17 70);
7
- --color-neutral-base: oklch(50% 0.02 60);
4
+ --color-success-base: oklch(72% 0.20 150);
5
+ --color-danger-base: oklch(64% 0.24 25);
6
+ --color-warning-base: oklch(77% 0.19 70);
7
+ --color-neutral-base: oklch(55.2% 0.016 285.938);
8
8
  }
9
9
 
10
10
 
11
11
  @theme {
12
- --color-primary-50: oklch(from var(--color-primary-base) 97% calc(c * 0.1) h);
13
- --color-primary-100: oklch(from var(--color-primary-base) 94% calc(c * 0.15) h);
14
- --color-primary-200: oklch(from var(--color-primary-base) 86% calc(c * 0.25) h);
15
- --color-primary-300: oklch(from var(--color-primary-base) 76% calc(c * 0.4) h);
16
- --color-primary-400: oklch(from var(--color-primary-base) 65% calc(c * 0.7) h);
12
+ --color-primary-50: oklch(from var(--color-primary-base) 97% calc(c * 0.15) h);
13
+ --color-primary-100: oklch(from var(--color-primary-base) 95% calc(c * 0.25) h);
14
+ --color-primary-200: oklch(from var(--color-primary-base) 91% calc(c * 0.40) h);
15
+ --color-primary-300: oklch(from var(--color-primary-base) 84% calc(c * 0.60) h);
16
+ --color-primary-400: oklch(from var(--color-primary-base) 75% calc(c * 0.85) h);
17
17
  --color-primary-500: oklch(from var(--color-primary-base) l c h);
18
- --color-primary-600: oklch(from var(--color-primary-base) 47% calc(c * 0.95) h);
19
- --color-primary-700: oklch(from var(--color-primary-base) 39% calc(c * 0.85) h);
20
- --color-primary-800: oklch(from var(--color-primary-base) 31% calc(c * 0.7) h);
21
- --color-primary-900: oklch(from var(--color-primary-base) 23% calc(c * 0.55) h);
22
- --color-primary-950: oklch(from var(--color-primary-base) 14% calc(c * 0.4) h);
18
+ --color-primary-600: oklch(from var(--color-primary-base) 58% calc(c * 0.95) h);
19
+ --color-primary-700: oklch(from var(--color-primary-base) 49% calc(c * 0.85) h);
20
+ --color-primary-800: oklch(from var(--color-primary-base) 42% calc(c * 0.70) h);
21
+ --color-primary-900: oklch(from var(--color-primary-base) 35% calc(c * 0.55) h);
22
+ --color-primary-950: oklch(from var(--color-primary-base) 27% calc(c * 0.40) h);
23
23
 
24
- --color-secondary-50: oklch(from var(--color-secondary-base) 97% calc(c * 0.1) h);
25
- --color-secondary-100: oklch(from var(--color-secondary-base) 94% calc(c * 0.15) h);
26
- --color-secondary-200: oklch(from var(--color-secondary-base) 86% calc(c * 0.25) h);
27
- --color-secondary-300: oklch(from var(--color-secondary-base) 76% calc(c * 0.4) h);
28
- --color-secondary-400: oklch(from var(--color-secondary-base) 65% calc(c * 0.7) h);
24
+ --color-secondary-50: oklch(from var(--color-secondary-base) 97% calc(c * 0.15) h);
25
+ --color-secondary-100: oklch(from var(--color-secondary-base) 95% calc(c * 0.25) h);
26
+ --color-secondary-200: oklch(from var(--color-secondary-base) 91% calc(c * 0.40) h);
27
+ --color-secondary-300: oklch(from var(--color-secondary-base) 84% calc(c * 0.60) h);
28
+ --color-secondary-400: oklch(from var(--color-secondary-base) 75% calc(c * 0.85) h);
29
29
  --color-secondary-500: oklch(from var(--color-secondary-base) l c h);
30
- --color-secondary-600: oklch(from var(--color-secondary-base) 47% calc(c * 0.95) h);
31
- --color-secondary-700: oklch(from var(--color-secondary-base) 39% calc(c * 0.85) h);
32
- --color-secondary-800: oklch(from var(--color-secondary-base) 31% calc(c * 0.7) h);
33
- --color-secondary-900: oklch(from var(--color-secondary-base) 23% calc(c * 0.55) h);
34
- --color-secondary-950: oklch(from var(--color-secondary-base) 14% calc(c * 0.4) h);
30
+ --color-secondary-600: oklch(from var(--color-secondary-base) 58% calc(c * 0.95) h);
31
+ --color-secondary-700: oklch(from var(--color-secondary-base) 49% calc(c * 0.85) h);
32
+ --color-secondary-800: oklch(from var(--color-secondary-base) 42% calc(c * 0.70) h);
33
+ --color-secondary-900: oklch(from var(--color-secondary-base) 35% calc(c * 0.55) h);
34
+ --color-secondary-950: oklch(from var(--color-secondary-base) 27% calc(c * 0.40) h);
35
35
 
36
- --color-success-50: oklch(from var(--color-success-base) 97% calc(c * 0.1) h);
37
- --color-success-100: oklch(from var(--color-success-base) 94% calc(c * 0.15) h);
38
- --color-success-200: oklch(from var(--color-success-base) 86% calc(c * 0.25) h);
39
- --color-success-300: oklch(from var(--color-success-base) 76% calc(c * 0.4) h);
40
- --color-success-400: oklch(from var(--color-success-base) 65% calc(c * 0.7) h);
36
+ --color-success-50: oklch(from var(--color-success-base) 97% calc(c * 0.15) h);
37
+ --color-success-100: oklch(from var(--color-success-base) 95% calc(c * 0.25) h);
38
+ --color-success-200: oklch(from var(--color-success-base) 91% calc(c * 0.40) h);
39
+ --color-success-300: oklch(from var(--color-success-base) 84% calc(c * 0.60) h);
40
+ --color-success-400: oklch(from var(--color-success-base) 75% calc(c * 0.85) h);
41
41
  --color-success-500: oklch(from var(--color-success-base) l c h);
42
- --color-success-600: oklch(from var(--color-success-base) 47% calc(c * 0.95) h);
43
- --color-success-700: oklch(from var(--color-success-base) 39% calc(c * 0.85) h);
44
- --color-success-800: oklch(from var(--color-success-base) 31% calc(c * 0.7) h);
45
- --color-success-900: oklch(from var(--color-success-base) 23% calc(c * 0.55) h);
46
- --color-success-950: oklch(from var(--color-success-base) 14% calc(c * 0.4) h);
42
+ --color-success-600: oklch(from var(--color-success-base) 58% calc(c * 0.95) h);
43
+ --color-success-700: oklch(from var(--color-success-base) 49% calc(c * 0.85) h);
44
+ --color-success-800: oklch(from var(--color-success-base) 42% calc(c * 0.70) h);
45
+ --color-success-900: oklch(from var(--color-success-base) 35% calc(c * 0.55) h);
46
+ --color-success-950: oklch(from var(--color-success-base) 27% calc(c * 0.40) h);
47
47
 
48
- --color-danger-50: oklch(from var(--color-danger-base) 97% calc(c * 0.1) h);
49
- --color-danger-100: oklch(from var(--color-danger-base) 94% calc(c * 0.15) h);
50
- --color-danger-200: oklch(from var(--color-danger-base) 86% calc(c * 0.25) h);
51
- --color-danger-300: oklch(from var(--color-danger-base) 76% calc(c * 0.4) h);
52
- --color-danger-400: oklch(from var(--color-danger-base) 65% calc(c * 0.7) h);
48
+ --color-danger-50: oklch(from var(--color-danger-base) 97% calc(c * 0.15) h);
49
+ --color-danger-100: oklch(from var(--color-danger-base) 95% calc(c * 0.25) h);
50
+ --color-danger-200: oklch(from var(--color-danger-base) 91% calc(c * 0.40) h);
51
+ --color-danger-300: oklch(from var(--color-danger-base) 84% calc(c * 0.60) h);
52
+ --color-danger-400: oklch(from var(--color-danger-base) 75% calc(c * 0.85) h);
53
53
  --color-danger-500: oklch(from var(--color-danger-base) l c h);
54
- --color-danger-600: oklch(from var(--color-danger-base) 47% calc(c * 0.95) h);
55
- --color-danger-700: oklch(from var(--color-danger-base) 39% calc(c * 0.85) h);
56
- --color-danger-800: oklch(from var(--color-danger-base) 31% calc(c * 0.7) h);
57
- --color-danger-900: oklch(from var(--color-danger-base) 23% calc(c * 0.55) h);
58
- --color-danger-950: oklch(from var(--color-danger-base) 14% calc(c * 0.4) h);
54
+ --color-danger-600: oklch(from var(--color-danger-base) 58% calc(c * 0.95) h);
55
+ --color-danger-700: oklch(from var(--color-danger-base) 49% calc(c * 0.85) h);
56
+ --color-danger-800: oklch(from var(--color-danger-base) 42% calc(c * 0.70) h);
57
+ --color-danger-900: oklch(from var(--color-danger-base) 35% calc(c * 0.55) h);
58
+ --color-danger-950: oklch(from var(--color-danger-base) 27% calc(c * 0.40) h);
59
59
 
60
- --color-warning-50: oklch(from var(--color-warning-base) 97% calc(c * 0.1) h);
61
- --color-warning-100: oklch(from var(--color-warning-base) 94% calc(c * 0.15) h);
62
- --color-warning-200: oklch(from var(--color-warning-base) 86% calc(c * 0.25) h);
63
- --color-warning-300: oklch(from var(--color-warning-base) 76% calc(c * 0.4) h);
64
- --color-warning-400: oklch(from var(--color-warning-base) 65% calc(c * 0.7) h);
60
+ --color-warning-50: oklch(from var(--color-warning-base) 97% calc(c * 0.15) h);
61
+ --color-warning-100: oklch(from var(--color-warning-base) 95% calc(c * 0.25) h);
62
+ --color-warning-200: oklch(from var(--color-warning-base) 91% calc(c * 0.40) h);
63
+ --color-warning-300: oklch(from var(--color-warning-base) 84% calc(c * 0.60) h);
64
+ --color-warning-400: oklch(from var(--color-warning-base) 75% calc(c * 0.85) h);
65
65
  --color-warning-500: oklch(from var(--color-warning-base) l c h);
66
- --color-warning-600: oklch(from var(--color-warning-base) 47% calc(c * 0.95) h);
67
- --color-warning-700: oklch(from var(--color-warning-base) 39% calc(c * 0.85) h);
68
- --color-warning-800: oklch(from var(--color-warning-base) 31% calc(c * 0.7) h);
69
- --color-warning-900: oklch(from var(--color-warning-base) 23% calc(c * 0.55) h);
70
- --color-warning-950: oklch(from var(--color-warning-base) 14% calc(c * 0.4) h);
66
+ --color-warning-600: oklch(from var(--color-warning-base) 58% calc(c * 0.95) h);
67
+ --color-warning-700: oklch(from var(--color-warning-base) 49% calc(c * 0.85) h);
68
+ --color-warning-800: oklch(from var(--color-warning-base) 42% calc(c * 0.70) h);
69
+ --color-warning-900: oklch(from var(--color-warning-base) 35% calc(c * 0.55) h);
70
+ --color-warning-950: oklch(from var(--color-warning-base) 27% calc(c * 0.40) h);
71
71
 
72
- --color-neutral-50: oklch(from var(--color-neutral-base) 97% calc(c * 0.1) h);
73
- --color-neutral-100: oklch(from var(--color-neutral-base) 94% calc(c * 0.15) h);
74
- --color-neutral-200: oklch(from var(--color-neutral-base) 86% calc(c * 0.25) h);
75
- --color-neutral-300: oklch(from var(--color-neutral-base) 76% calc(c * 0.4) h);
76
- --color-neutral-400: oklch(from var(--color-neutral-base) 65% calc(c * 0.7) h);
72
+ --color-neutral-50: oklch(from var(--color-neutral-base) 97% calc(c * 0.15) h);
73
+ --color-neutral-100: oklch(from var(--color-neutral-base) 95% calc(c * 0.25) h);
74
+ --color-neutral-200: oklch(from var(--color-neutral-base) 91% calc(c * 0.40) h);
75
+ --color-neutral-300: oklch(from var(--color-neutral-base) 84% calc(c * 0.60) h);
76
+ --color-neutral-400: oklch(from var(--color-neutral-base) 75% calc(c * 0.85) h);
77
77
  --color-neutral-500: oklch(from var(--color-neutral-base) l c h);
78
- --color-neutral-600: oklch(from var(--color-neutral-base) 47% calc(c * 0.95) h);
79
- --color-neutral-700: oklch(from var(--color-neutral-base) 39% calc(c * 0.85) h);
80
- --color-neutral-800: oklch(from var(--color-neutral-base) 31% calc(c * 0.7) h);
81
- --color-neutral-900: oklch(from var(--color-neutral-base) 23% calc(c * 0.55) h);
82
- --color-neutral-950: oklch(from var(--color-neutral-base) 14% calc(c * 0.4) h);
78
+ --color-neutral-600: oklch(from var(--color-neutral-base) 58% calc(c * 0.95) h);
79
+ --color-neutral-700: oklch(from var(--color-neutral-base) 49% calc(c * 0.85) h);
80
+ --color-neutral-800: oklch(from var(--color-neutral-base) 42% calc(c * 0.70) h);
81
+ --color-neutral-900: oklch(from var(--color-neutral-base) 35% calc(c * 0.55) h);
82
+ --color-neutral-950: oklch(from var(--color-neutral-base) 27% calc(c * 0.40) h);
83
83
 
84
84
  --radius-base: 0.5rem;
85
85
 
package/dist/theme/semantic.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @theme {
2
- --color-canvas: var(--color-neutral-100);
3
- --color-surface: var(--color-neutral-50);
2
+ --color-canvas: var(--color-neutral-50);
3
+ --color-surface: white;
4
4
  --color-surface-hover: var(--color-neutral-100);
5
5
  --color-subtle: var(--color-neutral-200);
6
6
  --color-muted: var(--color-neutral-300);
@@ -82,6 +82,10 @@
82
82
  --color-ghost-hover: var(--color-neutral-100);
83
83
  --color-ghost-active: var(--color-neutral-200);
84
84
 
85
+ --color-table-header: var(--color-neutral-50);
86
+ --color-table-stripe: var(--color-neutral-50);
87
+ --color-table-hover: var(--color-neutral-50);
88
+
85
89
  --color-contrast: var(--color-neutral-800);
86
90
  --color-contrast-hover: var(--color-neutral-900);
87
91
  --color-contrast-active: var(--color-neutral-950);
@@ -274,6 +278,10 @@
274
278
  --color-ghost-hover: var(--color-neutral-700);
275
279
  --color-ghost-active: var(--color-neutral-600);
276
280
 
281
+ --color-table-header: var(--color-neutral-800);
282
+ --color-table-stripe: var(--color-neutral-900);
283
+ --color-table-hover: var(--color-neutral-800);
284
+
277
285
  --color-contrast: var(--color-neutral-100);
278
286
  --color-contrast-hover: var(--color-neutral-200);
279
287
  --color-contrast-active: var(--color-neutral-300);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sabrenski/spire-ui-vue",
3
- "version": "0.2.14",
3
+ "version": "0.3.0",
4
4
  "description": "A modern, themeable Vue 3 component library with 57+ components, TypeScript support, and Tailwind CSS v4",
5
5
  "type": "module",
6
6
  "author": "Spire UI Contributors",