@oliasoft-open-source/react-ui-library 5.2.7 → 5.2.8-beta-1
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/global.css +17 -20
- package/dist/index.js +5 -5
- package/package.json +1 -1
package/dist/global.css
CHANGED
|
@@ -10604,7 +10604,7 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
|
|
|
10604
10604
|
--color-background-toggle: rgba(255, 255, 255, 0.2);
|
|
10605
10605
|
--color-background-toggle-hover: rgba(255, 255, 255, 0.3);
|
|
10606
10606
|
}
|
|
10607
|
-
.
|
|
10607
|
+
._toggle_1c9wf_9 {
|
|
10608
10608
|
--size-toggle: var(--size-xs);
|
|
10609
10609
|
position: relative;
|
|
10610
10610
|
display: inline-flex;
|
|
@@ -10620,12 +10620,12 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
|
|
|
10620
10620
|
min-width: var(--size-toggle);
|
|
10621
10621
|
margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
|
|
10622
10622
|
}
|
|
10623
|
-
.
|
|
10623
|
+
._toggle_1c9wf_9._small_1c9wf_25 {
|
|
10624
10624
|
--size-toggle: calc(var(--size-xs) - 4px);
|
|
10625
10625
|
margin: calc((var(--size-sm) - var(--size-toggle)) / 2) 0;
|
|
10626
10626
|
font-size: var(--font-size-sm);
|
|
10627
10627
|
}
|
|
10628
|
-
.
|
|
10628
|
+
._toggle_1c9wf_9 input {
|
|
10629
10629
|
width: calc(var(--size-toggle) * 2);
|
|
10630
10630
|
height: var(--size-toggle);
|
|
10631
10631
|
cursor: pointer;
|
|
@@ -10641,7 +10641,7 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
|
|
|
10641
10641
|
font-family: sans-serif;
|
|
10642
10642
|
margin: 0;
|
|
10643
10643
|
}
|
|
10644
|
-
.
|
|
10644
|
+
._toggle_1c9wf_9 label {
|
|
10645
10645
|
min-height: var(--size-toggle);
|
|
10646
10646
|
padding-left: calc((var(--size-toggle) * 2) + var(--padding-xs));
|
|
10647
10647
|
transition: color 0.1s ease;
|
|
@@ -10650,16 +10650,16 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
|
|
|
10650
10650
|
display: block;
|
|
10651
10651
|
outline: 0;
|
|
10652
10652
|
}
|
|
10653
|
-
.
|
|
10653
|
+
._toggle_1c9wf_9 label:empty {
|
|
10654
10654
|
padding-left: calc(var(--size-toggle) * 2);
|
|
10655
10655
|
}
|
|
10656
|
-
.
|
|
10657
|
-
.
|
|
10656
|
+
._toggle_1c9wf_9 label:before,
|
|
10657
|
+
._toggle_1c9wf_9 label:after {
|
|
10658
10658
|
display: block;
|
|
10659
10659
|
position: absolute;
|
|
10660
10660
|
content: '';
|
|
10661
10661
|
}
|
|
10662
|
-
.
|
|
10662
|
+
._toggle_1c9wf_9 label:before {
|
|
10663
10663
|
height: var(--size-toggle);
|
|
10664
10664
|
border-radius: calc(var(--size-toggle) / 2);
|
|
10665
10665
|
z-index: 1;
|
|
@@ -10671,7 +10671,7 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
|
|
|
10671
10671
|
top: 0;
|
|
10672
10672
|
transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
|
10673
10673
|
}
|
|
10674
|
-
.
|
|
10674
|
+
._toggle_1c9wf_9 label:after {
|
|
10675
10675
|
--size-toggle-handle: calc(var(--size-toggle) - 4px);
|
|
10676
10676
|
--padding-toggle-handle: calc((var(--size-toggle) - var(--size-toggle-handle)) / 2);
|
|
10677
10677
|
height: var(--size-toggle-handle);
|
|
@@ -10685,33 +10685,30 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
|
|
|
10685
10685
|
z-index: 2;
|
|
10686
10686
|
transition: background 0.3s ease, left 0.3s ease;
|
|
10687
10687
|
}
|
|
10688
|
-
.
|
|
10688
|
+
._toggle_1c9wf_9 input:hover ~ label:before {
|
|
10689
10689
|
background: var(--color-background-toggle-hover);
|
|
10690
10690
|
}
|
|
10691
|
-
.
|
|
10691
|
+
._toggle_1c9wf_9 input:checked ~ label:before {
|
|
10692
10692
|
background-color: var(--color-background-button-primary);
|
|
10693
10693
|
}
|
|
10694
|
-
.
|
|
10694
|
+
._toggle_1c9wf_9 input:checked ~ label:after {
|
|
10695
10695
|
left: calc(var(--size-toggle) + 2px);
|
|
10696
10696
|
}
|
|
10697
|
-
.
|
|
10697
|
+
._toggle_1c9wf_9 input:checked:hover ~ label:before {
|
|
10698
10698
|
background-color: var(--color-background-button-primary-hover);
|
|
10699
10699
|
}
|
|
10700
|
-
.
|
|
10700
|
+
._toggle_1c9wf_9._disabled_1c9wf_102 {
|
|
10701
10701
|
cursor: default;
|
|
10702
10702
|
pointer-events: none;
|
|
10703
10703
|
color: var(--color-text-faint);
|
|
10704
10704
|
}
|
|
10705
|
-
.
|
|
10706
|
-
background-color: var(--color-background-disabled);
|
|
10707
|
-
}
|
|
10708
|
-
._toggle_1mo1i_9._disabled_1mo1i_102 label:after {
|
|
10705
|
+
._toggle_1c9wf_9._disabled_1c9wf_102 label:before {
|
|
10709
10706
|
opacity: 0.4;
|
|
10710
10707
|
}
|
|
10711
|
-
.
|
|
10708
|
+
._noMargin_1c9wf_110 {
|
|
10712
10709
|
margin: 0;
|
|
10713
10710
|
}
|
|
10714
|
-
.
|
|
10711
|
+
._helpIconEnabled_1c9wf_113 {
|
|
10715
10712
|
pointer-events: auto;
|
|
10716
10713
|
}
|
|
10717
10714
|
:root {
|
package/dist/index.js
CHANGED
|
@@ -172218,11 +172218,11 @@ const toast = ({
|
|
|
172218
172218
|
const dismissToast = (id2) => {
|
|
172219
172219
|
Q.dismiss(id2);
|
|
172220
172220
|
};
|
|
172221
|
-
const toggle$1 = "
|
|
172222
|
-
const small = "
|
|
172223
|
-
const disabled = "
|
|
172224
|
-
const noMargin = "
|
|
172225
|
-
const helpIconEnabled = "
|
|
172221
|
+
const toggle$1 = "_toggle_1c9wf_9";
|
|
172222
|
+
const small = "_small_1c9wf_25";
|
|
172223
|
+
const disabled = "_disabled_1c9wf_102";
|
|
172224
|
+
const noMargin = "_noMargin_1c9wf_110";
|
|
172225
|
+
const helpIconEnabled = "_helpIconEnabled_1c9wf_113";
|
|
172226
172226
|
const styles$6 = {
|
|
172227
172227
|
toggle: toggle$1,
|
|
172228
172228
|
small,
|
package/package.json
CHANGED