@jackcrane/ui 0.1.17 → 0.1.18
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/jcui.cjs.js +26 -24
- package/dist/jcui.es.js +26 -24
- package/package.json +1 -1
package/dist/jcui.cjs.js
CHANGED
|
@@ -1592,7 +1592,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1592
1592
|
--button-color: var(--body-color);
|
|
1593
1593
|
}
|
|
1594
1594
|
/* modal.module.css */
|
|
1595
|
-
@keyframes
|
|
1595
|
+
@keyframes _overlayIn_3g5sg_1 {
|
|
1596
1596
|
from {
|
|
1597
1597
|
opacity: 0;
|
|
1598
1598
|
}
|
|
@@ -1600,7 +1600,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1600
1600
|
opacity: 1;
|
|
1601
1601
|
}
|
|
1602
1602
|
}
|
|
1603
|
-
@keyframes
|
|
1603
|
+
@keyframes _overlayOut_3g5sg_1 {
|
|
1604
1604
|
from {
|
|
1605
1605
|
opacity: 1;
|
|
1606
1606
|
}
|
|
@@ -1608,7 +1608,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1608
1608
|
opacity: 0;
|
|
1609
1609
|
}
|
|
1610
1610
|
}
|
|
1611
|
-
@keyframes
|
|
1611
|
+
@keyframes _panelIn_3g5sg_1 {
|
|
1612
1612
|
from {
|
|
1613
1613
|
opacity: 0;
|
|
1614
1614
|
transform: translateX(400px);
|
|
@@ -1618,7 +1618,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1618
1618
|
transform: translateX(0);
|
|
1619
1619
|
}
|
|
1620
1620
|
}
|
|
1621
|
-
@keyframes
|
|
1621
|
+
@keyframes _panelOut_3g5sg_1 {
|
|
1622
1622
|
from {
|
|
1623
1623
|
opacity: 1;
|
|
1624
1624
|
transform: translateX(0);
|
|
@@ -1628,23 +1628,23 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1628
1628
|
transform: translateX(100%);
|
|
1629
1629
|
}
|
|
1630
1630
|
}
|
|
1631
|
-
.
|
|
1631
|
+
._overlay_3g5sg_43 {
|
|
1632
1632
|
position: fixed;
|
|
1633
1633
|
inset: 0;
|
|
1634
1634
|
z-index: 98;
|
|
1635
1635
|
}
|
|
1636
|
-
.
|
|
1636
|
+
._overlayBackdrop_3g5sg_49 {
|
|
1637
1637
|
position: absolute;
|
|
1638
1638
|
inset: 0;
|
|
1639
1639
|
background: color-mix(in srgb, var(--body-bg) 50%, transparent);
|
|
1640
1640
|
}
|
|
1641
|
-
.
|
|
1642
|
-
animation:
|
|
1641
|
+
._overlay_3g5sg_43[data-state="open"] {
|
|
1642
|
+
animation: _overlayIn_3g5sg_1 160ms ease-out;
|
|
1643
1643
|
}
|
|
1644
|
-
.
|
|
1645
|
-
animation:
|
|
1644
|
+
._overlay_3g5sg_43[data-state="closed"] {
|
|
1645
|
+
animation: _overlayOut_3g5sg_1 120ms ease-in;
|
|
1646
1646
|
}
|
|
1647
|
-
.
|
|
1647
|
+
._content_3g5sg_63 {
|
|
1648
1648
|
position: fixed;
|
|
1649
1649
|
top: 10px;
|
|
1650
1650
|
right: 10px;
|
|
@@ -1657,20 +1657,22 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1657
1657
|
display: flex;
|
|
1658
1658
|
flex-direction: column;
|
|
1659
1659
|
}
|
|
1660
|
-
.
|
|
1661
|
-
animation:
|
|
1660
|
+
._content_3g5sg_63[data-state="open"] {
|
|
1661
|
+
animation: _panelIn_3g5sg_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1662
1662
|
}
|
|
1663
|
-
.
|
|
1664
|
-
animation:
|
|
1663
|
+
._content_3g5sg_63[data-state="closed"] {
|
|
1664
|
+
animation: _panelOut_3g5sg_1 140ms ease-in;
|
|
1665
1665
|
}
|
|
1666
|
-
.
|
|
1666
|
+
._title_3g5sg_88 {
|
|
1667
1667
|
margin: 0;
|
|
1668
1668
|
}
|
|
1669
|
-
.
|
|
1669
|
+
._body_3g5sg_92 {
|
|
1670
1670
|
flex: 1;
|
|
1671
|
+
min-height: 0;
|
|
1672
|
+
overflow-y: auto;
|
|
1671
1673
|
padding-top: 1rem;
|
|
1672
1674
|
}
|
|
1673
|
-
.
|
|
1675
|
+
._footer_3g5sg_99 {
|
|
1674
1676
|
margin: -12px;
|
|
1675
1677
|
margin-top: 0px;
|
|
1676
1678
|
padding: 12px;
|
|
@@ -27812,12 +27814,12 @@ var Overlay = DialogOverlay;
|
|
|
27812
27814
|
var Content = DialogContent;
|
|
27813
27815
|
var Title = DialogTitle;
|
|
27814
27816
|
var Close = DialogClose;
|
|
27815
|
-
const overlay = "
|
|
27816
|
-
const overlayBackdrop = "
|
|
27817
|
-
const content$1 = "
|
|
27818
|
-
const title = "
|
|
27819
|
-
const body = "
|
|
27820
|
-
const footer = "
|
|
27817
|
+
const overlay = "_overlay_3g5sg_43";
|
|
27818
|
+
const overlayBackdrop = "_overlayBackdrop_3g5sg_49";
|
|
27819
|
+
const content$1 = "_content_3g5sg_63";
|
|
27820
|
+
const title = "_title_3g5sg_88";
|
|
27821
|
+
const body = "_body_3g5sg_92";
|
|
27822
|
+
const footer = "_footer_3g5sg_99";
|
|
27821
27823
|
const styles$1 = {
|
|
27822
27824
|
overlay,
|
|
27823
27825
|
overlayBackdrop,
|
package/dist/jcui.es.js
CHANGED
|
@@ -1592,7 +1592,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1592
1592
|
--button-color: var(--body-color);
|
|
1593
1593
|
}
|
|
1594
1594
|
/* modal.module.css */
|
|
1595
|
-
@keyframes
|
|
1595
|
+
@keyframes _overlayIn_3g5sg_1 {
|
|
1596
1596
|
from {
|
|
1597
1597
|
opacity: 0;
|
|
1598
1598
|
}
|
|
@@ -1600,7 +1600,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1600
1600
|
opacity: 1;
|
|
1601
1601
|
}
|
|
1602
1602
|
}
|
|
1603
|
-
@keyframes
|
|
1603
|
+
@keyframes _overlayOut_3g5sg_1 {
|
|
1604
1604
|
from {
|
|
1605
1605
|
opacity: 1;
|
|
1606
1606
|
}
|
|
@@ -1608,7 +1608,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1608
1608
|
opacity: 0;
|
|
1609
1609
|
}
|
|
1610
1610
|
}
|
|
1611
|
-
@keyframes
|
|
1611
|
+
@keyframes _panelIn_3g5sg_1 {
|
|
1612
1612
|
from {
|
|
1613
1613
|
opacity: 0;
|
|
1614
1614
|
transform: translateX(400px);
|
|
@@ -1618,7 +1618,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1618
1618
|
transform: translateX(0);
|
|
1619
1619
|
}
|
|
1620
1620
|
}
|
|
1621
|
-
@keyframes
|
|
1621
|
+
@keyframes _panelOut_3g5sg_1 {
|
|
1622
1622
|
from {
|
|
1623
1623
|
opacity: 1;
|
|
1624
1624
|
transform: translateX(0);
|
|
@@ -1628,23 +1628,23 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1628
1628
|
transform: translateX(100%);
|
|
1629
1629
|
}
|
|
1630
1630
|
}
|
|
1631
|
-
.
|
|
1631
|
+
._overlay_3g5sg_43 {
|
|
1632
1632
|
position: fixed;
|
|
1633
1633
|
inset: 0;
|
|
1634
1634
|
z-index: 98;
|
|
1635
1635
|
}
|
|
1636
|
-
.
|
|
1636
|
+
._overlayBackdrop_3g5sg_49 {
|
|
1637
1637
|
position: absolute;
|
|
1638
1638
|
inset: 0;
|
|
1639
1639
|
background: color-mix(in srgb, var(--body-bg) 50%, transparent);
|
|
1640
1640
|
}
|
|
1641
|
-
.
|
|
1642
|
-
animation:
|
|
1641
|
+
._overlay_3g5sg_43[data-state="open"] {
|
|
1642
|
+
animation: _overlayIn_3g5sg_1 160ms ease-out;
|
|
1643
1643
|
}
|
|
1644
|
-
.
|
|
1645
|
-
animation:
|
|
1644
|
+
._overlay_3g5sg_43[data-state="closed"] {
|
|
1645
|
+
animation: _overlayOut_3g5sg_1 120ms ease-in;
|
|
1646
1646
|
}
|
|
1647
|
-
.
|
|
1647
|
+
._content_3g5sg_63 {
|
|
1648
1648
|
position: fixed;
|
|
1649
1649
|
top: 10px;
|
|
1650
1650
|
right: 10px;
|
|
@@ -1657,20 +1657,22 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
|
1657
1657
|
display: flex;
|
|
1658
1658
|
flex-direction: column;
|
|
1659
1659
|
}
|
|
1660
|
-
.
|
|
1661
|
-
animation:
|
|
1660
|
+
._content_3g5sg_63[data-state="open"] {
|
|
1661
|
+
animation: _panelIn_3g5sg_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1662
1662
|
}
|
|
1663
|
-
.
|
|
1664
|
-
animation:
|
|
1663
|
+
._content_3g5sg_63[data-state="closed"] {
|
|
1664
|
+
animation: _panelOut_3g5sg_1 140ms ease-in;
|
|
1665
1665
|
}
|
|
1666
|
-
.
|
|
1666
|
+
._title_3g5sg_88 {
|
|
1667
1667
|
margin: 0;
|
|
1668
1668
|
}
|
|
1669
|
-
.
|
|
1669
|
+
._body_3g5sg_92 {
|
|
1670
1670
|
flex: 1;
|
|
1671
|
+
min-height: 0;
|
|
1672
|
+
overflow-y: auto;
|
|
1671
1673
|
padding-top: 1rem;
|
|
1672
1674
|
}
|
|
1673
|
-
.
|
|
1675
|
+
._footer_3g5sg_99 {
|
|
1674
1676
|
margin: -12px;
|
|
1675
1677
|
margin-top: 0px;
|
|
1676
1678
|
padding: 12px;
|
|
@@ -27794,12 +27796,12 @@ var Overlay = DialogOverlay;
|
|
|
27794
27796
|
var Content = DialogContent;
|
|
27795
27797
|
var Title = DialogTitle;
|
|
27796
27798
|
var Close = DialogClose;
|
|
27797
|
-
const overlay = "
|
|
27798
|
-
const overlayBackdrop = "
|
|
27799
|
-
const content$1 = "
|
|
27800
|
-
const title = "
|
|
27801
|
-
const body = "
|
|
27802
|
-
const footer = "
|
|
27799
|
+
const overlay = "_overlay_3g5sg_43";
|
|
27800
|
+
const overlayBackdrop = "_overlayBackdrop_3g5sg_49";
|
|
27801
|
+
const content$1 = "_content_3g5sg_63";
|
|
27802
|
+
const title = "_title_3g5sg_88";
|
|
27803
|
+
const body = "_body_3g5sg_92";
|
|
27804
|
+
const footer = "_footer_3g5sg_99";
|
|
27803
27805
|
const styles$1 = {
|
|
27804
27806
|
overlay,
|
|
27805
27807
|
overlayBackdrop,
|