microboard-ui-temp 0.9.5 → 0.9.7

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 (10) hide show
  1. package/dist/{chunk-wyxvtxka.css → chunk-ne64pvg3.css} +110 -4
  2. package/dist/{chunk-s10r70dj.js → chunk-zfnz46n9.js} +74 -73
  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 +74 -73
  7. package/dist/spa.css +110 -4
  8. package/dist/spa.js +74 -73
  9. package/dist/sprite.svg +71 -71
  10. package/package.json +1 -1
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-zfnz46n9.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-zfnz46n9.js"></script></head>
36
36
 
37
37
  <body
38
38
  style="