@kumori/aurora-wui-components 0.0.268-dev4123.2 → 0.0.268-dev4123.4

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.
package/dist/index.js CHANGED
@@ -40,6 +40,7 @@ var axebowTheme = css`
40
40
  --axebow-white: var(--color-white, #ffffff);
41
41
  --axebow-black: var(--color-black, #000000);
42
42
  --axebow-warning: var(--color-warning, #f9cf6c);
43
+ --axebow-dark-yellow: var(--color-dark-yellow, #b9935a);
43
44
  --axebow-table-border: var(--color-table-border, #ddd);
44
45
  --axebow-table-header-border: var(--color-table-header-border, #dbdde4);
45
46
  --axebow-gray: var(--color-gray, #8a94ae);
@@ -432,8 +433,8 @@ var AxebowButton = class AxebowButton extends LitElement {
432
433
  */
433
434
 
434
435
  /** Default / neutral button */
435
- sl-button[variant='default']:hover::part(base),
436
- sl-button[variant='neutral']:hover::part(base) {
436
+ sl-button[variant='default']:not([disabled]):hover::part(base),
437
+ sl-button[variant='neutral']:not([disabled]):hover::part(base) {
437
438
  color: var(--axebow-gray);
438
439
  border-color: var(--axebow-gray);
439
440
  outline-color: var(--axebow-gray);
@@ -446,7 +447,7 @@ var AxebowButton = class AxebowButton extends LitElement {
446
447
  border-color: transparent;
447
448
  outline-color: var(--axebow-tertiary);
448
449
  }
449
- sl-button[variant='primary']:hover::part(base) {
450
+ sl-button[variant='primary']:not([disabled]):hover::part(base) {
450
451
  background: var(--axebow-gray);
451
452
  outline-color: var(--axebow-gray);
452
453
  }
@@ -458,7 +459,7 @@ var AxebowButton = class AxebowButton extends LitElement {
458
459
  border-color: var(--axebow-tertiary);
459
460
  outline-color: var(--axebow-tertiary);
460
461
  }
461
- sl-button[variant='primary'][outline]:hover::part(base) {
462
+ sl-button[variant='primary'][outline]:not([disabled]):hover::part(base) {
462
463
  color: var(--axebow-gray);
463
464
  border-color: var(--axebow-gray);
464
465
  outline-color: var(--axebow-gray);
@@ -471,11 +472,11 @@ var AxebowButton = class AxebowButton extends LitElement {
471
472
  sl-button[variant='text']::part(label) {
472
473
  color: var(--axebow-tertiary);
473
474
  }
474
- sl-button[variant='text']:hover::part(base) {
475
+ sl-button[variant='text']:not([disabled]):hover::part(base) {
475
476
  outline-color: var(--axebow-gray);
476
477
  border-radius: 0.375rem;
477
478
  }
478
- sl-button[variant='text']:hover::part(label) {
479
+ sl-button[variant='text']:not([disabled]):hover::part(label) {
479
480
  color: var(--axebow-gray);
480
481
  }
481
482
 
@@ -487,7 +488,7 @@ var AxebowButton = class AxebowButton extends LitElement {
487
488
  border-radius: 0.5rem;
488
489
  outline-color: var(--axebow-success);
489
490
  }
490
- sl-button[variant='success']:hover::part(base) {
491
+ sl-button[variant='success']:not([disabled]):hover::part(base) {
491
492
  background: var(--axebow-gray);
492
493
  border-color: var(--axebow-gray);
493
494
  outline-color: var(--axebow-gray);
@@ -500,7 +501,7 @@ var AxebowButton = class AxebowButton extends LitElement {
500
501
  color: white;
501
502
  outline-color: var(--axebow-error);
502
503
  }
503
- sl-button[variant='danger']:hover::part(base) {
504
+ sl-button[variant='danger']:not([disabled]):hover::part(base) {
504
505
  background: var(--axebow-gray);
505
506
  border-color: var(--axebow-gray);
506
507
  outline-color: var(--axebow-gray);
@@ -513,7 +514,7 @@ var AxebowButton = class AxebowButton extends LitElement {
513
514
  border-color: var(--axebow-error);
514
515
  outline-color: var(--axebow-error);
515
516
  }
516
- sl-button[variant='danger'][outline]:hover::part(base) {
517
+ sl-button[variant='danger'][outline]:not([disabled]):hover::part(base) {
517
518
  color: var(--axebow-gray);
518
519
  border-color: var(--axebow-gray);
519
520
  outline-color: var(--axebow-gray);
@@ -526,10 +527,10 @@ var AxebowButton = class AxebowButton extends LitElement {
526
527
  :host(.axebow-red-button-text) sl-button::part(label) {
527
528
  color: var(--axebow-error);
528
529
  }
529
- :host(.axebow-red-button-text) sl-button:hover::part(base) {
530
+ :host(.axebow-red-button-text) sl-button:not([disabled]):hover::part(base) {
530
531
  outline-color: var(--axebow-gray);
531
532
  }
532
- :host(.axebow-red-button-text) sl-button:hover::part(label) {
533
+ :host(.axebow-red-button-text) sl-button:not([disabled]):hover::part(label) {
533
534
  color: var(--axebow-gray);
534
535
  }
535
536
 
@@ -539,7 +540,7 @@ var AxebowButton = class AxebowButton extends LitElement {
539
540
  border-color: var(--axebow-tertiary);
540
541
  outline-color: var(--axebow-tertiary);
541
542
  }
542
- :host(.axebow-warning-button-bg) sl-button:hover::part(base) {
543
+ :host(.axebow-warning-button-bg) sl-button:not([disabled]):hover::part(base) {
543
544
  color: var(--axebow-gray);
544
545
  border-color: var(--axebow-gray);
545
546
  outline-color: var(--axebow-gray);
@@ -551,13 +552,13 @@ var AxebowButton = class AxebowButton extends LitElement {
551
552
  * variant's own hover rule above, regardless of which variant
552
553
  * it's combined with.
553
554
  */
554
- sl-button[hoverstyle='border']:hover::part(base) {
555
+ sl-button[hoverstyle='border']:not([disabled]):hover::part(base) {
555
556
  background-color: var(--axebow-anti-flash-white) !important;
556
557
  border-radius: 0.5rem !important;
557
558
  outline-color: transparent !important;
558
559
  border-color: transparent !important;
559
560
  }
560
- sl-button[hoverstyle='border']:hover::part(label) {
561
+ sl-button[hoverstyle='border']:not([disabled]):hover::part(label) {
561
562
  color: var(--axebow-gray) !important;
562
563
  }
563
564
  `];
@@ -3147,7 +3148,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3147
3148
  <div class="w-9 h-9 bg-white rounded-sm flex items-center justify-center shrink-0">
3148
3149
  ${c.invitePending ? html`<axebow-icon
3149
3150
  iconName="outgoing_mail"
3150
- iconColor="var(--axebow-warning)"
3151
+ iconColor="var(--axebow-dark-yellow)"
3151
3152
  ></axebow-icon>` : html`<axebow-icon
3152
3153
  iconName="person_check"
3153
3154
  iconColor="var(--axebow-primary)"