@lumx/core 3.18.2-alpha.3 → 3.19.0
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/lumx.css +10 -9
- package/lumx.min.css +1 -1
- package/package.json +1 -1
- package/scss/components/uploader/_index.scss +21 -18
package/lumx.css
CHANGED
|
@@ -12664,10 +12664,10 @@ table {
|
|
|
12664
12664
|
color: var(--lumx-color-dark-N);
|
|
12665
12665
|
}
|
|
12666
12666
|
@media (hover: hover) {
|
|
12667
|
-
.lumx-uploader--theme-light:hover {
|
|
12667
|
+
.lumx-uploader--theme-light:not(.lumx-uploader--is-disabled):hover {
|
|
12668
12668
|
background-color: var(--lumx-color-dark-L4);
|
|
12669
12669
|
}}
|
|
12670
|
-
.lumx-uploader--theme-light:active {
|
|
12670
|
+
.lumx-uploader--theme-light:not(.lumx-uploader--is-disabled):active {
|
|
12671
12671
|
background-color: var(--lumx-color-dark-L3);
|
|
12672
12672
|
}
|
|
12673
12673
|
.lumx-uploader--theme-light[data-focus-visible-added], .lumx-uploader--theme-light:focus-within {
|
|
@@ -12679,27 +12679,28 @@ table {
|
|
|
12679
12679
|
color: var(--lumx-color-light-N);
|
|
12680
12680
|
}
|
|
12681
12681
|
@media (hover: hover) {
|
|
12682
|
-
.lumx-uploader--theme-dark:hover {
|
|
12682
|
+
.lumx-uploader--theme-dark:not(.lumx-uploader--is-disabled):hover {
|
|
12683
12683
|
background-color: var(--lumx-color-light-L4);
|
|
12684
12684
|
}}
|
|
12685
|
-
.lumx-uploader--theme-dark:active {
|
|
12685
|
+
.lumx-uploader--theme-dark:not(.lumx-uploader--is-disabled):active {
|
|
12686
12686
|
background-color: var(--lumx-color-light-L3);
|
|
12687
12687
|
}
|
|
12688
12688
|
.lumx-uploader--theme-dark[data-focus-visible-added], .lumx-uploader--theme-dark:focus-within {
|
|
12689
12689
|
outline: 2px solid var(--lumx-color-light-N);
|
|
12690
12690
|
outline-offset: 2px;
|
|
12691
12691
|
}
|
|
12692
|
+
.lumx-uploader--is-disabled {
|
|
12693
|
+
opacity: 0.5;
|
|
12694
|
+
cursor: default;
|
|
12695
|
+
}
|
|
12692
12696
|
.lumx-uploader--variant-rounded, .lumx-uploader--variant-rounded .lumx-uploader__wrapper {
|
|
12693
12697
|
border-radius: var(--lumx-border-radius);
|
|
12694
12698
|
}
|
|
12695
12699
|
.lumx-uploader--variant-circle, .lumx-uploader--variant-circle .lumx-uploader__wrapper {
|
|
12696
12700
|
border-radius: 50%;
|
|
12697
12701
|
}
|
|
12698
|
-
.lumx-uploader__background, .lumx-uploader__wrapper
|
|
12699
|
-
grid-area: 1/1
|
|
12700
|
-
}
|
|
12701
|
-
.lumx-uploader__input {
|
|
12702
|
-
opacity: 0;
|
|
12702
|
+
.lumx-uploader__background, .lumx-uploader__wrapper {
|
|
12703
|
+
grid-area: 1/1;
|
|
12703
12704
|
}
|
|
12704
12705
|
.lumx-uploader__wrapper {
|
|
12705
12706
|
display: flex;
|