@kumori/aurora-wui-components 0.0.268-dev4123.2 → 0.0.268-dev4132.3
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 +14 -14
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -432,8 +432,8 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
432
432
|
*/
|
|
433
433
|
|
|
434
434
|
/** Default / neutral button */
|
|
435
|
-
sl-button[variant='default']:hover::part(base),
|
|
436
|
-
sl-button[variant='neutral']:hover::part(base) {
|
|
435
|
+
sl-button[variant='default']:not([disabled]):hover::part(base),
|
|
436
|
+
sl-button[variant='neutral']:not([disabled]):hover::part(base) {
|
|
437
437
|
color: var(--axebow-gray);
|
|
438
438
|
border-color: var(--axebow-gray);
|
|
439
439
|
outline-color: var(--axebow-gray);
|
|
@@ -446,7 +446,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
446
446
|
border-color: transparent;
|
|
447
447
|
outline-color: var(--axebow-tertiary);
|
|
448
448
|
}
|
|
449
|
-
sl-button[variant='primary']:hover::part(base) {
|
|
449
|
+
sl-button[variant='primary']:not([disabled]):hover::part(base) {
|
|
450
450
|
background: var(--axebow-gray);
|
|
451
451
|
outline-color: var(--axebow-gray);
|
|
452
452
|
}
|
|
@@ -458,7 +458,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
458
458
|
border-color: var(--axebow-tertiary);
|
|
459
459
|
outline-color: var(--axebow-tertiary);
|
|
460
460
|
}
|
|
461
|
-
sl-button[variant='primary'][outline]:hover::part(base) {
|
|
461
|
+
sl-button[variant='primary'][outline]:not([disabled]):hover::part(base) {
|
|
462
462
|
color: var(--axebow-gray);
|
|
463
463
|
border-color: var(--axebow-gray);
|
|
464
464
|
outline-color: var(--axebow-gray);
|
|
@@ -471,11 +471,11 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
471
471
|
sl-button[variant='text']::part(label) {
|
|
472
472
|
color: var(--axebow-tertiary);
|
|
473
473
|
}
|
|
474
|
-
sl-button[variant='text']:hover::part(base) {
|
|
474
|
+
sl-button[variant='text']:not([disabled]):hover::part(base) {
|
|
475
475
|
outline-color: var(--axebow-gray);
|
|
476
476
|
border-radius: 0.375rem;
|
|
477
477
|
}
|
|
478
|
-
sl-button[variant='text']:hover::part(label) {
|
|
478
|
+
sl-button[variant='text']:not([disabled]):hover::part(label) {
|
|
479
479
|
color: var(--axebow-gray);
|
|
480
480
|
}
|
|
481
481
|
|
|
@@ -487,7 +487,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
487
487
|
border-radius: 0.5rem;
|
|
488
488
|
outline-color: var(--axebow-success);
|
|
489
489
|
}
|
|
490
|
-
sl-button[variant='success']:hover::part(base) {
|
|
490
|
+
sl-button[variant='success']:not([disabled]):hover::part(base) {
|
|
491
491
|
background: var(--axebow-gray);
|
|
492
492
|
border-color: var(--axebow-gray);
|
|
493
493
|
outline-color: var(--axebow-gray);
|
|
@@ -500,7 +500,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
500
500
|
color: white;
|
|
501
501
|
outline-color: var(--axebow-error);
|
|
502
502
|
}
|
|
503
|
-
sl-button[variant='danger']:hover::part(base) {
|
|
503
|
+
sl-button[variant='danger']:not([disabled]):hover::part(base) {
|
|
504
504
|
background: var(--axebow-gray);
|
|
505
505
|
border-color: var(--axebow-gray);
|
|
506
506
|
outline-color: var(--axebow-gray);
|
|
@@ -513,7 +513,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
513
513
|
border-color: var(--axebow-error);
|
|
514
514
|
outline-color: var(--axebow-error);
|
|
515
515
|
}
|
|
516
|
-
sl-button[variant='danger'][outline]:hover::part(base) {
|
|
516
|
+
sl-button[variant='danger'][outline]:not([disabled]):hover::part(base) {
|
|
517
517
|
color: var(--axebow-gray);
|
|
518
518
|
border-color: var(--axebow-gray);
|
|
519
519
|
outline-color: var(--axebow-gray);
|
|
@@ -526,10 +526,10 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
526
526
|
:host(.axebow-red-button-text) sl-button::part(label) {
|
|
527
527
|
color: var(--axebow-error);
|
|
528
528
|
}
|
|
529
|
-
:host(.axebow-red-button-text) sl-button:hover::part(base) {
|
|
529
|
+
:host(.axebow-red-button-text) sl-button:not([disabled]):hover::part(base) {
|
|
530
530
|
outline-color: var(--axebow-gray);
|
|
531
531
|
}
|
|
532
|
-
:host(.axebow-red-button-text) sl-button:hover::part(label) {
|
|
532
|
+
:host(.axebow-red-button-text) sl-button:not([disabled]):hover::part(label) {
|
|
533
533
|
color: var(--axebow-gray);
|
|
534
534
|
}
|
|
535
535
|
|
|
@@ -539,7 +539,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
539
539
|
border-color: var(--axebow-tertiary);
|
|
540
540
|
outline-color: var(--axebow-tertiary);
|
|
541
541
|
}
|
|
542
|
-
:host(.axebow-warning-button-bg) sl-button:hover::part(base) {
|
|
542
|
+
:host(.axebow-warning-button-bg) sl-button:not([disabled]):hover::part(base) {
|
|
543
543
|
color: var(--axebow-gray);
|
|
544
544
|
border-color: var(--axebow-gray);
|
|
545
545
|
outline-color: var(--axebow-gray);
|
|
@@ -551,13 +551,13 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
551
551
|
* variant's own hover rule above, regardless of which variant
|
|
552
552
|
* it's combined with.
|
|
553
553
|
*/
|
|
554
|
-
sl-button[hoverstyle='border']:hover::part(base) {
|
|
554
|
+
sl-button[hoverstyle='border']:not([disabled]):hover::part(base) {
|
|
555
555
|
background-color: var(--axebow-anti-flash-white) !important;
|
|
556
556
|
border-radius: 0.5rem !important;
|
|
557
557
|
outline-color: transparent !important;
|
|
558
558
|
border-color: transparent !important;
|
|
559
559
|
}
|
|
560
|
-
sl-button[hoverstyle='border']:hover::part(label) {
|
|
560
|
+
sl-button[hoverstyle='border']:not([disabled]):hover::part(label) {
|
|
561
561
|
color: var(--axebow-gray) !important;
|
|
562
562
|
}
|
|
563
563
|
`];
|