@getmicdrop/svelte-components 5.21.1 → 5.21.3

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/tailwind/preset.cjs +20 -0
  2. package/dist/tailwind/preset.d.cts +16 -0
  3. package/dist/tailwind/preset.d.cts.map +1 -1
  4. package/dist/tokens/tokens.css +51 -15
  5. package/dist/tokens/utilities.css +2 -2
  6. package/package.json +1 -1
package/dist/tailwind/preset.cjs CHANGED
@@ -28,6 +28,26 @@ const colors = {
28
28
  'sidebar-border': 'hsl(var(--sidebar-border) / <alpha-value>)',
29
29
  'sidebar-primary': 'hsl(var(--sidebar-primary) / <alpha-value>)',
30
30
  'sidebar-primary-foreground': 'hsl(var(--sidebar-primary-foreground) / <alpha-value>)',
31
+
32
+ // Status colors
33
+ 'status-success-bg': 'hsl(var(--status-success-bg) / <alpha-value>)',
34
+ 'status-success-text': 'hsl(var(--status-success-text) / <alpha-value>)',
35
+ 'status-success-border': 'hsl(var(--status-success-border) / <alpha-value>)',
36
+ 'status-error-bg': 'hsl(var(--status-error-bg) / <alpha-value>)',
37
+ 'status-error-text': 'hsl(var(--status-error-text) / <alpha-value>)',
38
+ 'status-error-border': 'hsl(var(--status-error-border) / <alpha-value>)',
39
+ 'status-warning-bg': 'hsl(var(--status-warning-bg) / <alpha-value>)',
40
+ 'status-warning-text': 'hsl(var(--status-warning-text) / <alpha-value>)',
41
+ 'status-warning-border': 'hsl(var(--status-warning-border) / <alpha-value>)',
42
+ 'status-info-bg': 'hsl(var(--status-info-bg) / <alpha-value>)',
43
+ 'status-info-text': 'hsl(var(--status-info-text) / <alpha-value>)',
44
+ 'status-info-border': 'hsl(var(--status-info-border) / <alpha-value>)',
45
+
46
+ // Interactive / focus / overlay
47
+ 'focus-ring': 'hsl(var(--focus-ring) / <alpha-value>)',
48
+ 'interactive-bg': 'hsl(var(--interactive-bg) / <alpha-value>)',
49
+ 'interactive-border': 'hsl(var(--interactive-border) / <alpha-value>)',
50
+ 'overlay-bg': 'hsl(var(--overlay-bg) / <alpha-value>)',
31
51
  };
32
52
 
33
53
  const borderRadius = {
package/dist/tailwind/preset.d.cts CHANGED
@@ -26,6 +26,22 @@ declare const colors: {
26
26
  'sidebar-border': string;
27
27
  'sidebar-primary': string;
28
28
  'sidebar-primary-foreground': string;
29
+ 'status-success-bg': string;
30
+ 'status-success-text': string;
31
+ 'status-success-border': string;
32
+ 'status-error-bg': string;
33
+ 'status-error-text': string;
34
+ 'status-error-border': string;
35
+ 'status-warning-bg': string;
36
+ 'status-warning-text': string;
37
+ 'status-warning-border': string;
38
+ 'status-info-bg': string;
39
+ 'status-info-text': string;
40
+ 'status-info-border': string;
41
+ 'focus-ring': string;
42
+ 'interactive-bg': string;
43
+ 'interactive-border': string;
44
+ 'overlay-bg': string;
29
45
  };
30
46
  declare const borderRadius: {
31
47
  none: string;
package/dist/tailwind/preset.d.cts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preset.d.cts","sourceRoot":"","sources":["../../../../src/lib/tailwind/preset.cjs"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BE;AAEF;;;;;;;;;;EAUE;AAEF;;;;;;;;;;EAUE;AAEF;;;;;;;;;;;;EAYE"}
1
+ {"version":3,"file":"preset.d.cts","sourceRoot":"","sources":["../../../../src/lib/tailwind/preset.cjs"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDE;AAEF;;;;;;;;;;EAUE;AAEF;;;;;;;;;;EAUE;AAEF;;;;;;;;;;;;EAYE"}
package/dist/tokens/tokens.css CHANGED
@@ -33,21 +33,31 @@
33
33
  --sidebar-primary: 221 65% 54%;
34
34
  --sidebar-primary-foreground: 221 50% 10%;
35
35
 
36
- --bg-primary: var(--bg-primary);
37
- --bg-secondary: var(--bg-secondary);
38
- --bg-tertiary: var(--bg-tertiary);
39
- --bg-quaternary: var(--bg-quaternary);
40
- --text-primary: var(--text-primary);
41
- --text-secondary: var(--text-secondary);
42
- --text-tertiary: var(--text-tertiary);
43
- --text-tertiary: var(--text-tertiary);
44
- --text-head: var(--text-head);
45
- --brand-primary: var(--brand-primary);
46
- --accent-warning: var(--accent-warning);
47
- --accent-danger: var(--accent-danger);
48
- --accent-success: var(--accent-success);
49
- --stroke-primary: var(--stroke-primary);
50
- --stroke-secondary: var(--stroke-secondary);
36
+ /* Status: success */
37
+ --status-success-bg: 138 76% 97%;
38
+ --status-success-text: 142 72% 29%;
39
+ --status-success-border: 141 79% 85%;
40
+
41
+ /* Status: error */
42
+ --status-error-bg: 0 86% 97%;
43
+ --status-error-text: 0 74% 42%;
44
+ --status-error-border: 0 96% 89%;
45
+
46
+ /* Status: warning */
47
+ --status-warning-bg: 48 96% 89%;
48
+ --status-warning-text: 46 97% 35%;
49
+ --status-warning-border: 48 97% 77%;
50
+
51
+ /* Status: info */
52
+ --status-info-bg: 214 100% 97%;
53
+ --status-info-text: 221 83% 53%;
54
+ --status-info-border: 214 95% 87%;
55
+
56
+ /* Interactive / focus / overlay */
57
+ --focus-ring: 217 91% 60%;
58
+ --interactive-bg: 226 57% 21%;
59
+ --interactive-border: 217 91% 60%;
60
+ --overlay-bg: 0 0% 0%;
51
61
  }
52
62
 
53
63
  .dark {
@@ -84,4 +94,30 @@
84
94
  --sidebar-border: 215 20% 20%;
85
95
  --sidebar-primary: 221 65% 54%;
86
96
  --sidebar-primary-foreground: 220 7% 97%;
97
+
98
+ /* Status: success */
99
+ --status-success-bg: 142 40% 16%;
100
+ --status-success-text: 142 71% 45%;
101
+ --status-success-border: 142 40% 25%;
102
+
103
+ /* Status: error */
104
+ --status-error-bg: 0 40% 16%;
105
+ --status-error-text: 0 100% 70%;
106
+ --status-error-border: 0 40% 25%;
107
+
108
+ /* Status: warning */
109
+ --status-warning-bg: 38 40% 16%;
110
+ --status-warning-text: 30 100% 70%;
111
+ --status-warning-border: 38 40% 25%;
112
+
113
+ /* Status: info */
114
+ --status-info-bg: 220 40% 16%;
115
+ --status-info-text: 220 89% 63%;
116
+ --status-info-border: 220 40% 25%;
117
+
118
+ /* Interactive / focus / overlay */
119
+ --focus-ring: 220 89% 63%;
120
+ --interactive-bg: 222 30% 15%;
121
+ --interactive-border: 220 89% 63%;
122
+ --overlay-bg: 0 0% 0%;
87
123
  }
package/dist/tokens/utilities.css CHANGED
@@ -308,12 +308,12 @@
308
308
 
309
309
  /* Press/active effect */
310
310
  .interactive-press {
311
- @apply active:bg-muted:bg-bg-secondary;
311
+ @apply active:bg-muted;
312
312
  }
313
313
 
314
314
  /* Combined interactive states */
315
315
  .interactive {
316
- @apply hover:bg-bg-secondary active:bg-muted:bg-bg-secondary transition-colors cursor-pointer;
316
+ @apply hover:bg-bg-secondary active:bg-muted transition-colors cursor-pointer;
317
317
  }
318
318
 
319
319
  /* ==========================================================================
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getmicdrop/svelte-components",
3
- "version": "5.21.1",
3
+ "version": "5.21.3",
4
4
  "description": "Shared component library for Micdrop applications",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",