microboard-ui-temp 0.9.5 → 0.9.6

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 (9) hide show
  1. package/dist/{chunk-s10r70dj.js → chunk-526z9pbe.js} +3 -2
  2. package/dist/{chunk-wyxvtxka.css → chunk-ne64pvg3.css} +110 -4
  3. package/dist/example.html +2 -2
  4. package/dist/index.css +110 -4
  5. package/dist/index.html +2 -2
  6. package/dist/index.js +3 -2
  7. package/dist/spa.css +110 -4
  8. package/dist/spa.js +3 -2
  9. package/package.json +1 -1
package/dist/{chunk-s10r70dj.js → chunk-526z9pbe.js} RENAMED
@@ -340887,12 +340887,13 @@ var UiButton_module_default = {
340887
340887
  active: "active_XNHIwg",
340888
340888
  disableBg: "disableBg_XNHIwg",
340889
340889
  hotkey: "hotkey_XNHIwg",
340890
- primary: "primary_XNHIwg",
340891
340890
  secondary: "secondary_XNHIwg",
340892
- quaternary: "quaternary_XNHIwg",
340891
+ primary: "primary_XNHIwg",
340893
340892
  tertiary: "tertiary_XNHIwg",
340893
+ quaternary: "quaternary_XNHIwg",
340894
340894
  ghost: "ghost_XNHIwg",
340895
340895
  ghostFilled: "ghostFilled_XNHIwg",
340896
+ black: "black_XNHIwg",
340896
340897
  loader: "loader_XNHIwg"
340897
340898
  };
340898
340899
 
package/dist/{chunk-wyxvtxka.css → chunk-ne64pvg3.css} RENAMED
@@ -594,10 +594,42 @@ button[data-variant="black"] {
594
594
  padding: 0 4px;
595
595
  }
596
596
 
597
+ .secondary_XNHIwg {
598
+ background-color: var(--background-button-secondary);
599
+ color: var(--text-base-primary);
600
+ }
601
+
602
+ @media (hover: hover) {
603
+ .secondary_XNHIwg:hover:not(:disabled) {
604
+ background-color: var(--background-button-secondary-hover);
605
+ color: var(--text-base-primary);
606
+ }
607
+ }
608
+
609
+ .secondary_XNHIwg:active:not(:disabled) {
610
+ color: #924fe8;
611
+ outline: 2px solid #c8b2ff80;
612
+ }
613
+
614
+ .secondary_XNHIwg:disabled {
615
+ background-color: var(--background-button-secondary);
616
+ color: var(--text-disabled);
617
+ }
618
+
597
619
  .primary_XNHIwg {
620
+ border: 1px solid var(--background-button-primary);
621
+ background-color: var(--background-button-primary);
622
+ color: var(--color-button-primary);
598
623
  box-shadow: 0 1px 2px #14151a0d;
599
624
  }
600
625
 
626
+ @media (hover: hover) {
627
+ .primary_XNHIwg:hover:not(:disabled) {
628
+ background-color: var(--background-button-primary-hover);
629
+ color: var(--color-button-primary);
630
+ }
631
+ }
632
+
601
633
  .primary_XNHIwg:active:not(:disabled) {
602
634
  outline: 2px solid #c8b2ff80;
603
635
  }
@@ -608,24 +640,98 @@ button[data-variant="black"] {
608
640
  color: var(--text-base-quaternary);
609
641
  }
610
642
 
611
- .secondary_XNHIwg:active:not(:disabled) {
643
+ .tertiary_XNHIwg {
644
+ background-color: var(--background-button-tertiary);
645
+ color: var(--text-base-primary);
646
+ border: 1px solid var(--border-action-normal);
647
+ }
648
+
649
+ @media (hover: hover) {
650
+ .tertiary_XNHIwg:hover:not(:disabled) {
651
+ background-color: var(--background-button-tertiary-hover);
652
+ }
653
+ }
654
+
655
+ .tertiary_XNHIwg:active:not(:disabled) {
612
656
  outline: 2px solid #c8b2ff80;
657
+ border: 1px solid #b78af0;
613
658
  }
614
659
 
615
- .quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
660
+ .quaternary_XNHIwg {
661
+ background-color: var(--background-hover-subtle);
662
+ color: var(--text-base-primary);
663
+ }
664
+
665
+ .quaternary_XNHIwg:disabled {
666
+ color: var(--text-disabled);
667
+ }
668
+
669
+ @media (hover: hover) {
670
+ .quaternary_XNHIwg:hover:not(:disabled) {
671
+ background-color: var(--background-hover-subtle-strong);
672
+ color: var(--text-base-primary);
673
+ }
674
+ }
675
+
676
+ .quaternary_XNHIwg:active:not(:disabled) {
677
+ outline: 2px solid #c8b2ff80;
678
+ border: 1px solid #b78af0;
679
+ }
680
+
681
+ .ghost_XNHIwg {
682
+ color: var(--text-base-secondary);
683
+ background-color: #0000;
684
+ font-weight: 600;
685
+ }
686
+
687
+ @media (hover: hover) {
688
+ .ghost_XNHIwg:hover:not(:disabled) {
689
+ background-color: var(--background-hover-subtle);
690
+ color: var(--text-base-secondary);
691
+ }
692
+ }
693
+
694
+ .ghost_XNHIwg:active {
616
695
  outline: 2px solid #c8b2ff80;
617
696
  border: 1px solid #b78af0;
618
697
  }
619
698
 
620
- .ghost_XNHIwg, .ghostFilled_XNHIwg {
699
+ .ghost_XNHIwg:disabled {
700
+ color: var(--text-disabled);
701
+ }
702
+
703
+ .ghostFilled_XNHIwg {
704
+ background-color: var(--background-hover-subtle);
705
+ color: var(--text-base-secondary);
621
706
  font-weight: 600;
622
707
  }
623
708
 
624
- .ghost_XNHIwg:active, .ghostFilled_XNHIwg:active {
709
+ .ghostFilled_XNHIwg:active {
625
710
  outline: 2px solid #c8b2ff80;
626
711
  border: 1px solid #b78af0;
627
712
  }
628
713
 
714
+ .ghostFilled_XNHIwg:disabled {
715
+ color: var(--text-disabled);
716
+ }
717
+
718
+ .black_XNHIwg {
719
+ background-color: var(--background-button-primary);
720
+ color: var(--color-button-primary);
721
+ }
722
+
723
+ @media (hover: hover) {
724
+ .black_XNHIwg:hover:not(:disabled) {
725
+ background-color: var(--background-button-primary-hover);
726
+ color: var(--color-button-primary);
727
+ }
728
+ }
729
+
730
+ .black_XNHIwg:disabled {
731
+ background-color: var(--border-action-normal);
732
+ color: var(--text-base-quaternary);
733
+ }
734
+
629
735
  .loader_XNHIwg {
630
736
  display: flex;
631
737
  animation: rotate 2s linear infinite;
package/dist/example.html CHANGED
@@ -31,8 +31,8 @@
31
31
  rel="stylesheet"
32
32
  />
33
33
 
34
- <link rel="stylesheet" crossorigin href="/chunk-wyxvtxka.css"><script src="/env.js"></script>
35
- <script type="module" crossorigin src="/chunk-s10r70dj.js"></script></head>
34
+ <link rel="stylesheet" crossorigin href="/chunk-ne64pvg3.css"><script src="/env.js"></script>
35
+ <script type="module" crossorigin src="/chunk-526z9pbe.js"></script></head>
36
36
 
37
37
  <body
38
38
  style="
package/dist/index.css CHANGED
@@ -359,10 +359,42 @@
359
359
  padding: 0 4px;
360
360
  }
361
361
 
362
+ .secondary_XNHIwg {
363
+ background-color: var(--background-button-secondary);
364
+ color: var(--text-base-primary);
365
+ }
366
+
367
+ @media (hover: hover) {
368
+ .secondary_XNHIwg:hover:not(:disabled) {
369
+ background-color: var(--background-button-secondary-hover);
370
+ color: var(--text-base-primary);
371
+ }
372
+ }
373
+
374
+ .secondary_XNHIwg:active:not(:disabled) {
375
+ color: #924fe8;
376
+ outline: 2px solid #c8b2ff80;
377
+ }
378
+
379
+ .secondary_XNHIwg:disabled {
380
+ background-color: var(--background-button-secondary);
381
+ color: var(--text-disabled);
382
+ }
383
+
362
384
  .primary_XNHIwg {
385
+ border: 1px solid var(--background-button-primary);
386
+ background-color: var(--background-button-primary);
387
+ color: var(--color-button-primary);
363
388
  box-shadow: 0 1px 2px #14151a0d;
364
389
  }
365
390
 
391
+ @media (hover: hover) {
392
+ .primary_XNHIwg:hover:not(:disabled) {
393
+ background-color: var(--background-button-primary-hover);
394
+ color: var(--color-button-primary);
395
+ }
396
+ }
397
+
366
398
  .primary_XNHIwg:active:not(:disabled) {
367
399
  outline: 2px solid #c8b2ff80;
368
400
  }
@@ -373,24 +405,98 @@
373
405
  color: var(--text-base-quaternary);
374
406
  }
375
407
 
376
- .secondary_XNHIwg:active:not(:disabled) {
408
+ .tertiary_XNHIwg {
409
+ background-color: var(--background-button-tertiary);
410
+ color: var(--text-base-primary);
411
+ border: 1px solid var(--border-action-normal);
412
+ }
413
+
414
+ @media (hover: hover) {
415
+ .tertiary_XNHIwg:hover:not(:disabled) {
416
+ background-color: var(--background-button-tertiary-hover);
417
+ }
418
+ }
419
+
420
+ .tertiary_XNHIwg:active:not(:disabled) {
421
+ outline: 2px solid #c8b2ff80;
422
+ border: 1px solid #b78af0;
423
+ }
424
+
425
+ .quaternary_XNHIwg {
426
+ background-color: var(--background-hover-subtle);
427
+ color: var(--text-base-primary);
428
+ }
429
+
430
+ .quaternary_XNHIwg:disabled {
431
+ color: var(--text-disabled);
432
+ }
433
+
434
+ @media (hover: hover) {
435
+ .quaternary_XNHIwg:hover:not(:disabled) {
436
+ background-color: var(--background-hover-subtle-strong);
437
+ color: var(--text-base-primary);
438
+ }
439
+ }
440
+
441
+ .quaternary_XNHIwg:active:not(:disabled) {
377
442
  outline: 2px solid #c8b2ff80;
443
+ border: 1px solid #b78af0;
444
+ }
445
+
446
+ .ghost_XNHIwg {
447
+ color: var(--text-base-secondary);
448
+ background-color: #0000;
449
+ font-weight: 600;
450
+ }
451
+
452
+ @media (hover: hover) {
453
+ .ghost_XNHIwg:hover:not(:disabled) {
454
+ background-color: var(--background-hover-subtle);
455
+ color: var(--text-base-secondary);
456
+ }
378
457
  }
379
458
 
380
- .quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
459
+ .ghost_XNHIwg:active {
381
460
  outline: 2px solid #c8b2ff80;
382
461
  border: 1px solid #b78af0;
383
462
  }
384
463
 
385
- .ghost_XNHIwg, .ghostFilled_XNHIwg {
464
+ .ghost_XNHIwg:disabled {
465
+ color: var(--text-disabled);
466
+ }
467
+
468
+ .ghostFilled_XNHIwg {
469
+ background-color: var(--background-hover-subtle);
470
+ color: var(--text-base-secondary);
386
471
  font-weight: 600;
387
472
  }
388
473
 
389
- .ghost_XNHIwg:active, .ghostFilled_XNHIwg:active {
474
+ .ghostFilled_XNHIwg:active {
390
475
  outline: 2px solid #c8b2ff80;
391
476
  border: 1px solid #b78af0;
392
477
  }
393
478
 
479
+ .ghostFilled_XNHIwg:disabled {
480
+ color: var(--text-disabled);
481
+ }
482
+
483
+ .black_XNHIwg {
484
+ background-color: var(--background-button-primary);
485
+ color: var(--color-button-primary);
486
+ }
487
+
488
+ @media (hover: hover) {
489
+ .black_XNHIwg:hover:not(:disabled) {
490
+ background-color: var(--background-button-primary-hover);
491
+ color: var(--color-button-primary);
492
+ }
493
+ }
494
+
495
+ .black_XNHIwg:disabled {
496
+ background-color: var(--border-action-normal);
497
+ color: var(--text-base-quaternary);
498
+ }
499
+
394
500
  .loader_XNHIwg {
395
501
  display: flex;
396
502
  animation: rotate 2s linear infinite;
package/dist/index.html CHANGED
@@ -31,8 +31,8 @@
31
31
  rel="stylesheet"
32
32
  />
33
33
 
34
- <link rel="stylesheet" crossorigin href="/chunk-wyxvtxka.css"><script src="/env.js"></script>
35
- <script type="module" crossorigin src="/chunk-s10r70dj.js"></script></head>
34
+ <link rel="stylesheet" crossorigin href="/chunk-ne64pvg3.css"><script src="/env.js"></script>
35
+ <script type="module" crossorigin src="/chunk-526z9pbe.js"></script></head>
36
36
 
37
37
  <body
38
38
  style="
package/dist/index.js CHANGED
@@ -340887,12 +340887,13 @@ var UiButton_module_default = {
340887
340887
  active: "active_XNHIwg",
340888
340888
  disableBg: "disableBg_XNHIwg",
340889
340889
  hotkey: "hotkey_XNHIwg",
340890
- primary: "primary_XNHIwg",
340891
340890
  secondary: "secondary_XNHIwg",
340892
- quaternary: "quaternary_XNHIwg",
340891
+ primary: "primary_XNHIwg",
340893
340892
  tertiary: "tertiary_XNHIwg",
340893
+ quaternary: "quaternary_XNHIwg",
340894
340894
  ghost: "ghost_XNHIwg",
340895
340895
  ghostFilled: "ghostFilled_XNHIwg",
340896
+ black: "black_XNHIwg",
340896
340897
  loader: "loader_XNHIwg"
340897
340898
  };
340898
340899
 
package/dist/spa.css CHANGED
@@ -362,10 +362,42 @@
362
362
  padding: 0 4px;
363
363
  }
364
364
 
365
+ .secondary_XNHIwg {
366
+ background-color: var(--background-button-secondary);
367
+ color: var(--text-base-primary);
368
+ }
369
+
370
+ @media (hover: hover) {
371
+ .secondary_XNHIwg:hover:not(:disabled) {
372
+ background-color: var(--background-button-secondary-hover);
373
+ color: var(--text-base-primary);
374
+ }
375
+ }
376
+
377
+ .secondary_XNHIwg:active:not(:disabled) {
378
+ color: #924fe8;
379
+ outline: 2px solid #c8b2ff80;
380
+ }
381
+
382
+ .secondary_XNHIwg:disabled {
383
+ background-color: var(--background-button-secondary);
384
+ color: var(--text-disabled);
385
+ }
386
+
365
387
  .primary_XNHIwg {
388
+ border: 1px solid var(--background-button-primary);
389
+ background-color: var(--background-button-primary);
390
+ color: var(--color-button-primary);
366
391
  box-shadow: 0 1px 2px #14151a0d;
367
392
  }
368
393
 
394
+ @media (hover: hover) {
395
+ .primary_XNHIwg:hover:not(:disabled) {
396
+ background-color: var(--background-button-primary-hover);
397
+ color: var(--color-button-primary);
398
+ }
399
+ }
400
+
369
401
  .primary_XNHIwg:active:not(:disabled) {
370
402
  outline: 2px solid #c8b2ff80;
371
403
  }
@@ -376,24 +408,98 @@
376
408
  color: var(--text-base-quaternary);
377
409
  }
378
410
 
379
- .secondary_XNHIwg:active:not(:disabled) {
411
+ .tertiary_XNHIwg {
412
+ background-color: var(--background-button-tertiary);
413
+ color: var(--text-base-primary);
414
+ border: 1px solid var(--border-action-normal);
415
+ }
416
+
417
+ @media (hover: hover) {
418
+ .tertiary_XNHIwg:hover:not(:disabled) {
419
+ background-color: var(--background-button-tertiary-hover);
420
+ }
421
+ }
422
+
423
+ .tertiary_XNHIwg:active:not(:disabled) {
380
424
  outline: 2px solid #c8b2ff80;
425
+ border: 1px solid #b78af0;
381
426
  }
382
427
 
383
- .quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
428
+ .quaternary_XNHIwg {
429
+ background-color: var(--background-hover-subtle);
430
+ color: var(--text-base-primary);
431
+ }
432
+
433
+ .quaternary_XNHIwg:disabled {
434
+ color: var(--text-disabled);
435
+ }
436
+
437
+ @media (hover: hover) {
438
+ .quaternary_XNHIwg:hover:not(:disabled) {
439
+ background-color: var(--background-hover-subtle-strong);
440
+ color: var(--text-base-primary);
441
+ }
442
+ }
443
+
444
+ .quaternary_XNHIwg:active:not(:disabled) {
445
+ outline: 2px solid #c8b2ff80;
446
+ border: 1px solid #b78af0;
447
+ }
448
+
449
+ .ghost_XNHIwg {
450
+ color: var(--text-base-secondary);
451
+ background-color: #0000;
452
+ font-weight: 600;
453
+ }
454
+
455
+ @media (hover: hover) {
456
+ .ghost_XNHIwg:hover:not(:disabled) {
457
+ background-color: var(--background-hover-subtle);
458
+ color: var(--text-base-secondary);
459
+ }
460
+ }
461
+
462
+ .ghost_XNHIwg:active {
384
463
  outline: 2px solid #c8b2ff80;
385
464
  border: 1px solid #b78af0;
386
465
  }
387
466
 
388
- .ghost_XNHIwg, .ghostFilled_XNHIwg {
467
+ .ghost_XNHIwg:disabled {
468
+ color: var(--text-disabled);
469
+ }
470
+
471
+ .ghostFilled_XNHIwg {
472
+ background-color: var(--background-hover-subtle);
473
+ color: var(--text-base-secondary);
389
474
  font-weight: 600;
390
475
  }
391
476
 
392
- .ghost_XNHIwg:active, .ghostFilled_XNHIwg:active {
477
+ .ghostFilled_XNHIwg:active {
393
478
  outline: 2px solid #c8b2ff80;
394
479
  border: 1px solid #b78af0;
395
480
  }
396
481
 
482
+ .ghostFilled_XNHIwg:disabled {
483
+ color: var(--text-disabled);
484
+ }
485
+
486
+ .black_XNHIwg {
487
+ background-color: var(--background-button-primary);
488
+ color: var(--color-button-primary);
489
+ }
490
+
491
+ @media (hover: hover) {
492
+ .black_XNHIwg:hover:not(:disabled) {
493
+ background-color: var(--background-button-primary-hover);
494
+ color: var(--color-button-primary);
495
+ }
496
+ }
497
+
498
+ .black_XNHIwg:disabled {
499
+ background-color: var(--border-action-normal);
500
+ color: var(--text-base-quaternary);
501
+ }
502
+
397
503
  .loader_XNHIwg {
398
504
  display: flex;
399
505
  animation: rotate 2s linear infinite;
package/dist/spa.js CHANGED
@@ -340887,12 +340887,13 @@ var UiButton_module_default = {
340887
340887
  active: "active_XNHIwg",
340888
340888
  disableBg: "disableBg_XNHIwg",
340889
340889
  hotkey: "hotkey_XNHIwg",
340890
- primary: "primary_XNHIwg",
340891
340890
  secondary: "secondary_XNHIwg",
340892
- quaternary: "quaternary_XNHIwg",
340891
+ primary: "primary_XNHIwg",
340893
340892
  tertiary: "tertiary_XNHIwg",
340893
+ quaternary: "quaternary_XNHIwg",
340894
340894
  ghost: "ghost_XNHIwg",
340895
340895
  ghostFilled: "ghostFilled_XNHIwg",
340896
+ black: "black_XNHIwg",
340896
340897
  loader: "loader_XNHIwg"
340897
340898
  };
340898
340899
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "microboard-ui-temp",
3
- "version": "0.9.5",
3
+ "version": "0.9.6",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "type": "module",