@salmexio/ui 0.2.0 → 0.3.1

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 (45) hide show
  1. package/dist/dialogs/ContextMenu/ContextMenu.svelte +521 -0
  2. package/dist/dialogs/ContextMenu/ContextMenu.svelte.d.ts +53 -0
  3. package/dist/dialogs/ContextMenu/ContextMenu.svelte.d.ts.map +1 -0
  4. package/dist/dialogs/ContextMenu/index.d.ts +3 -0
  5. package/dist/dialogs/ContextMenu/index.d.ts.map +1 -0
  6. package/dist/dialogs/ContextMenu/index.js +1 -0
  7. package/dist/dialogs/index.d.ts +2 -0
  8. package/dist/dialogs/index.d.ts.map +1 -1
  9. package/dist/dialogs/index.js +1 -0
  10. package/dist/feedback/Alert/Alert.svelte +1 -62
  11. package/dist/feedback/Alert/Alert.svelte.d.ts +1 -1
  12. package/dist/feedback/Alert/Alert.svelte.d.ts.map +1 -1
  13. package/dist/forms/Select/Select.svelte +883 -0
  14. package/dist/forms/Select/Select.svelte.d.ts +68 -0
  15. package/dist/forms/Select/Select.svelte.d.ts.map +1 -0
  16. package/dist/forms/Select/index.d.ts +3 -0
  17. package/dist/forms/Select/index.d.ts.map +1 -0
  18. package/dist/forms/Select/index.js +1 -0
  19. package/dist/forms/index.d.ts +2 -0
  20. package/dist/forms/index.d.ts.map +1 -1
  21. package/dist/forms/index.js +1 -0
  22. package/dist/layout/Card/Card.svelte +29 -169
  23. package/dist/layout/Card/Card.svelte.d.ts +3 -9
  24. package/dist/layout/Card/Card.svelte.d.ts.map +1 -1
  25. package/dist/navigation/CommandPalette/CommandPalette.svelte +574 -0
  26. package/dist/navigation/CommandPalette/CommandPalette.svelte.d.ts +47 -0
  27. package/dist/navigation/CommandPalette/CommandPalette.svelte.d.ts.map +1 -0
  28. package/dist/navigation/CommandPalette/index.d.ts +3 -0
  29. package/dist/navigation/CommandPalette/index.d.ts.map +1 -0
  30. package/dist/navigation/CommandPalette/index.js +1 -0
  31. package/dist/navigation/Tabs/Tabs.svelte +12 -0
  32. package/dist/navigation/Tabs/Tabs.svelte.d.ts +6 -0
  33. package/dist/navigation/Tabs/Tabs.svelte.d.ts.map +1 -1
  34. package/dist/navigation/index.d.ts +2 -0
  35. package/dist/navigation/index.d.ts.map +1 -1
  36. package/dist/navigation/index.js +1 -0
  37. package/dist/primitives/Badge/Badge.svelte +45 -9
  38. package/dist/primitives/Badge/Badge.svelte.d.ts +0 -2
  39. package/dist/primitives/Badge/Badge.svelte.d.ts.map +1 -1
  40. package/dist/primitives/Button/Button.svelte +40 -14
  41. package/dist/primitives/Button/Button.svelte.d.ts +1 -1
  42. package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
  43. package/dist/styles/tokens.css +4 -4
  44. package/dist/windowing/Window/Window.svelte +3 -3
  45. package/package.json +1 -1
package/dist/feedback/Alert/Alert.svelte CHANGED
@@ -9,7 +9,7 @@ import type { Snippet } from 'svelte';
9
9
  import { cn } from '../../utils/cn.js';
10
10
 
11
11
  type AlertType = 'success' | 'error' | 'warning' | 'info' | 'neutral';
12
- type AlertVariant = 'standard' | 'slim' | 'bordered';
12
+ type AlertVariant = 'standard' | 'slim';
13
13
  type HeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
14
14
 
15
15
  interface Props {
@@ -192,12 +192,6 @@ function toggleExpanded() {
192
192
  font-size: var(--salmex-font-size-xs);
193
193
  }
194
194
 
195
- .salmex-alert-bordered {
196
- border-left-width: 6px;
197
- /* Yellow accent stripe under title area for key types (Basquiat) */
198
- border-top: 2px solid transparent;
199
- }
200
-
201
195
  .salmex-alert-icon {
202
196
  flex-shrink: 0;
203
197
  display: flex;
@@ -337,11 +331,6 @@ function toggleExpanded() {
337
331
  color: rgb(25 95 55);
338
332
  }
339
333
 
340
- .salmex-alert-bordered.salmex-alert-success {
341
- border-left-color: rgb(25 95 55);
342
- border-top-color: rgb(var(--salmex-crown-yellow) / 0.5);
343
- }
344
-
345
334
  .salmex-alert-error {
346
335
  background: rgb(var(--salmex-window-surface));
347
336
  border-color: rgb(var(--salmex-street-red));
@@ -355,11 +344,6 @@ function toggleExpanded() {
355
344
  color: rgb(165 30 35);
356
345
  }
357
346
 
358
- .salmex-alert-bordered.salmex-alert-error {
359
- border-left-color: rgb(var(--salmex-street-red));
360
- border-top-color: rgb(var(--salmex-crown-yellow) / 0.35);
361
- }
362
-
363
347
  .salmex-alert-warning {
364
348
  background: rgb(var(--salmex-window-surface));
365
349
  border-color: rgb(145 75 10);
@@ -373,11 +357,6 @@ function toggleExpanded() {
373
357
  color: rgb(145 75 10);
374
358
  }
375
359
 
376
- .salmex-alert-bordered.salmex-alert-warning {
377
- border-left-color: rgb(145 75 10);
378
- border-top-color: rgb(var(--salmex-spray-orange) / 0.4);
379
- }
380
-
381
360
  .salmex-alert-info {
382
361
  background: rgb(var(--salmex-window-surface));
383
362
  border-color: rgb(0 95 220);
@@ -391,11 +370,6 @@ function toggleExpanded() {
391
370
  color: rgb(0 95 220);
392
371
  }
393
372
 
394
- .salmex-alert-bordered.salmex-alert-info {
395
- border-left-color: rgb(0 95 220);
396
- border-top-color: rgb(var(--salmex-crown-yellow) / 0.4);
397
- }
398
-
399
373
  .salmex-alert-neutral {
400
374
  background: rgb(var(--salmex-window-surface));
401
375
  border-color: rgb(var(--salmex-border-dark));
@@ -409,10 +383,6 @@ function toggleExpanded() {
409
383
  color: rgb(var(--salmex-text-primary));
410
384
  }
411
385
 
412
- .salmex-alert-bordered.salmex-alert-neutral {
413
- border-left-color: rgb(var(--salmex-border-dark));
414
- }
415
-
416
386
  /* Dark theme — brighter colors for visibility */
417
387
  :global([data-theme='dark']) .salmex-alert-error {
418
388
  background: rgb(var(--salmex-street-red) / 0.12);
@@ -424,10 +394,6 @@ function toggleExpanded() {
424
394
  color: rgb(255 100 105);
425
395
  }
426
396
 
427
- :global([data-theme='dark']) .salmex-alert-bordered.salmex-alert-error {
428
- border-left-color: rgb(255 90 95);
429
- }
430
-
431
397
  :global([data-theme='dark']) .salmex-alert-success {
432
398
  background: rgb(var(--salmex-urban-green) / 0.15);
433
399
  border-color: rgb(var(--salmex-urban-green));
@@ -438,10 +404,6 @@ function toggleExpanded() {
438
404
  color: rgb(var(--salmex-urban-green));
439
405
  }
440
406
 
441
- :global([data-theme='dark']) .salmex-alert-bordered.salmex-alert-success {
442
- border-left-color: rgb(var(--salmex-urban-green));
443
- }
444
-
445
407
  :global([data-theme='dark']) .salmex-alert-warning {
446
408
  background: rgb(var(--salmex-spray-orange) / 0.15);
447
409
  border-color: rgb(var(--salmex-spray-orange));
@@ -452,10 +414,6 @@ function toggleExpanded() {
452
414
  color: rgb(var(--salmex-spray-orange));
453
415
  }
454
416
 
455
- :global([data-theme='dark']) .salmex-alert-bordered.salmex-alert-warning {
456
- border-left-color: rgb(var(--salmex-spray-orange));
457
- }
458
-
459
417
  :global([data-theme='dark']) .salmex-alert-info {
460
418
  background: rgb(var(--salmex-electric-blue) / 0.12);
461
419
  border-color: rgb(var(--salmex-primary-light));
@@ -466,10 +424,6 @@ function toggleExpanded() {
466
424
  color: rgb(var(--salmex-primary-light));
467
425
  }
468
426
 
469
- :global([data-theme='dark']) .salmex-alert-bordered.salmex-alert-info {
470
- border-left-color: rgb(var(--salmex-primary-light));
471
- }
472
-
473
427
  @media (prefers-color-scheme: dark) {
474
428
  :global(:root:not([data-theme='light'])) .salmex-alert-error {
475
429
  background: rgb(var(--salmex-street-red) / 0.12);
@@ -481,10 +435,6 @@ function toggleExpanded() {
481
435
  color: rgb(255 100 105);
482
436
  }
483
437
 
484
- :global(:root:not([data-theme='light'])) .salmex-alert-bordered.salmex-alert-error {
485
- border-left-color: rgb(255 90 95);
486
- }
487
-
488
438
  :global(:root:not([data-theme='light'])) .salmex-alert-success {
489
439
  background: rgb(var(--salmex-urban-green) / 0.15);
490
440
  border-color: rgb(var(--salmex-urban-green));
@@ -495,10 +445,6 @@ function toggleExpanded() {
495
445
  color: rgb(var(--salmex-urban-green));
496
446
  }
497
447
 
498
- :global(:root:not([data-theme='light'])) .salmex-alert-bordered.salmex-alert-success {
499
- border-left-color: rgb(var(--salmex-urban-green));
500
- }
501
-
502
448
  :global(:root:not([data-theme='light'])) .salmex-alert-warning {
503
449
  background: rgb(var(--salmex-spray-orange) / 0.15);
504
450
  border-color: rgb(var(--salmex-spray-orange));
@@ -509,10 +455,6 @@ function toggleExpanded() {
509
455
  color: rgb(var(--salmex-spray-orange));
510
456
  }
511
457
 
512
- :global(:root:not([data-theme='light'])) .salmex-alert-bordered.salmex-alert-warning {
513
- border-left-color: rgb(var(--salmex-spray-orange));
514
- }
515
-
516
458
  :global(:root:not([data-theme='light'])) .salmex-alert-info {
517
459
  background: rgb(var(--salmex-electric-blue) / 0.12);
518
460
  border-color: rgb(var(--salmex-primary-light));
@@ -523,9 +465,6 @@ function toggleExpanded() {
523
465
  color: rgb(var(--salmex-primary-light));
524
466
  }
525
467
 
526
- :global(:root:not([data-theme='light'])) .salmex-alert-bordered.salmex-alert-info {
527
- border-left-color: rgb(var(--salmex-primary-light));
528
- }
529
468
  }
530
469
 
531
470
  @media (prefers-reduced-motion: reduce) {
package/dist/feedback/Alert/Alert.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  type AlertType = 'success' | 'error' | 'warning' | 'info' | 'neutral';
3
- type AlertVariant = 'standard' | 'slim' | 'bordered';
3
+ type AlertVariant = 'standard' | 'slim';
4
4
  type HeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
5
5
  interface Props {
6
6
  type?: AlertType;
package/dist/feedback/Alert/Alert.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/feedback/Alert/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AACtE,KAAK,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;AACrD,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;AAE3D,UAAU,KAAK;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAmHD;;;;;GAKG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/feedback/Alert/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AACtE,KAAK,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AACxC,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;AAE3D,UAAU,KAAK;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAmHD;;;;;GAKG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}