@solace-health/ui 0.10.562 → 0.10.563

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.
@@ -41,6 +41,7 @@
41
41
  --color-gold-300: #e9cc95;
42
42
  --color-gold-400: #deb260;
43
43
  --color-gold-500: #d7a13b;
44
+ --color-gold-900: #533600;
44
45
 
45
46
  --color-red-100: #f1e1e2;
46
47
  --color-red-200: #ebabaf;
@@ -55,6 +56,24 @@
55
56
  --color-purple-400: #6f3c56;
56
57
  --color-purple-500: #522c40;
57
58
 
59
+ --color-moss-100: #e8ecdf;
60
+ --color-moss-200: #d0dfb2;
61
+ --color-moss-300: #a0bb66;
62
+ --color-moss-400: #789142;
63
+ --color-moss-500: #5c6d38;
64
+ --color-moss-900: #344118;
65
+
66
+ --color-sky-100: #dee8ed;
67
+ --color-sky-200: #cfe0e8;
68
+ --color-sky-300: #a3cee2;
69
+ --color-sky-400: #75b5d2;
70
+ --color-sky-500: #2d7293;
71
+ --color-sky-900: #0b3447;
72
+
73
+ --color-clay-100: #fffdfa;
74
+ --color-clay-200: #eeeeeb;
75
+ --color-clay-300: #e2e2d4;
76
+
58
77
  /* SEMANTIC COLORS */
59
78
  --color-white: #ffffff;
60
79
  --color-eggshell: #fffdfa;
@@ -243,7 +262,7 @@
243
262
  }
244
263
  }
245
264
 
246
- @layer components {
265
+ @layer utilities {
247
266
  .bg-lightpolaris-gradient,
248
267
  .hover\:bg-lightpolaris-gradient:hover {
249
268
  background: var(--lightpolaris-gradient);
@@ -274,7 +293,9 @@
274
293
  background: var(--gradient-bg);
275
294
  }
276
295
 
277
- .darker-ai-purple {
296
+ .darker-ai-purple,
297
+ .hover\:darker-ai-purple:hover
298
+ {
278
299
  background: linear-gradient(
279
300
  247deg,
280
301
  var(--color-purple-300) 28.67%,
@@ -284,6 +305,19 @@
284
305
  -webkit-background-clip: text;
285
306
  -webkit-text-fill-color: transparent;
286
307
  }
308
+
309
+ .bg-glass-surface,
310
+ .hover\:bg-glass-surface:hover
311
+ {
312
+ background:
313
+ radial-gradient(
314
+ 113.93% 90.57% at 14.62% 27.52%,
315
+ rgba(255, 255, 255, 0) 0%,
316
+ rgba(255, 255, 255, 0.2) 100%
317
+ ),
318
+ rgba(255, 255, 255, 0.7);
319
+ backdrop-filter: blur(18px);
320
+ }
287
321
  }
288
322
 
289
323
  @utility text-display-xl {