@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 +16 -15
- package/dist/index.js.map +1 -1
- package/dist/styles/axebow-theme.d.ts.map +1 -1
- package/package.json +1 -1
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-
|
|
3151
|
+
iconColor="var(--axebow-dark-yellow)"
|
|
3151
3152
|
></axebow-icon>` : html`<axebow-icon
|
|
3152
3153
|
iconName="person_check"
|
|
3153
3154
|
iconColor="var(--axebow-primary)"
|