@getmicdrop/svelte-components 5.21.1 → 5.21.2

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.
@@ -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 = {
@@ -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;
@@ -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"}
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getmicdrop/svelte-components",
3
- "version": "5.21.1",
3
+ "version": "5.21.2",
4
4
  "description": "Shared component library for Micdrop applications",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",