@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 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 _overlayIn_cozou_1 {
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 _overlayOut_cozou_1 {
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 _panelIn_cozou_1 {
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 _panelOut_cozou_1 {
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
- ._overlay_cozou_43 {
1631
+ ._overlay_3g5sg_43 {
1632
1632
  position: fixed;
1633
1633
  inset: 0;
1634
1634
  z-index: 98;
1635
1635
  }
1636
- ._overlayBackdrop_cozou_49 {
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
- ._overlay_cozou_43[data-state="open"] {
1642
- animation: _overlayIn_cozou_1 160ms ease-out;
1641
+ ._overlay_3g5sg_43[data-state="open"] {
1642
+ animation: _overlayIn_3g5sg_1 160ms ease-out;
1643
1643
  }
1644
- ._overlay_cozou_43[data-state="closed"] {
1645
- animation: _overlayOut_cozou_1 120ms ease-in;
1644
+ ._overlay_3g5sg_43[data-state="closed"] {
1645
+ animation: _overlayOut_3g5sg_1 120ms ease-in;
1646
1646
  }
1647
- ._content_cozou_63 {
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
- ._content_cozou_63[data-state="open"] {
1661
- animation: _panelIn_cozou_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
1660
+ ._content_3g5sg_63[data-state="open"] {
1661
+ animation: _panelIn_3g5sg_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
1662
1662
  }
1663
- ._content_cozou_63[data-state="closed"] {
1664
- animation: _panelOut_cozou_1 140ms ease-in;
1663
+ ._content_3g5sg_63[data-state="closed"] {
1664
+ animation: _panelOut_3g5sg_1 140ms ease-in;
1665
1665
  }
1666
- ._title_cozou_88 {
1666
+ ._title_3g5sg_88 {
1667
1667
  margin: 0;
1668
1668
  }
1669
- ._body_cozou_92 {
1669
+ ._body_3g5sg_92 {
1670
1670
  flex: 1;
1671
+ min-height: 0;
1672
+ overflow-y: auto;
1671
1673
  padding-top: 1rem;
1672
1674
  }
1673
- ._footer_cozou_97 {
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 = "_overlay_cozou_43";
27816
- const overlayBackdrop = "_overlayBackdrop_cozou_49";
27817
- const content$1 = "_content_cozou_63";
27818
- const title = "_title_cozou_88";
27819
- const body = "_body_cozou_92";
27820
- const footer = "_footer_cozou_97";
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 _overlayIn_cozou_1 {
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 _overlayOut_cozou_1 {
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 _panelIn_cozou_1 {
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 _panelOut_cozou_1 {
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
- ._overlay_cozou_43 {
1631
+ ._overlay_3g5sg_43 {
1632
1632
  position: fixed;
1633
1633
  inset: 0;
1634
1634
  z-index: 98;
1635
1635
  }
1636
- ._overlayBackdrop_cozou_49 {
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
- ._overlay_cozou_43[data-state="open"] {
1642
- animation: _overlayIn_cozou_1 160ms ease-out;
1641
+ ._overlay_3g5sg_43[data-state="open"] {
1642
+ animation: _overlayIn_3g5sg_1 160ms ease-out;
1643
1643
  }
1644
- ._overlay_cozou_43[data-state="closed"] {
1645
- animation: _overlayOut_cozou_1 120ms ease-in;
1644
+ ._overlay_3g5sg_43[data-state="closed"] {
1645
+ animation: _overlayOut_3g5sg_1 120ms ease-in;
1646
1646
  }
1647
- ._content_cozou_63 {
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
- ._content_cozou_63[data-state="open"] {
1661
- animation: _panelIn_cozou_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
1660
+ ._content_3g5sg_63[data-state="open"] {
1661
+ animation: _panelIn_3g5sg_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
1662
1662
  }
1663
- ._content_cozou_63[data-state="closed"] {
1664
- animation: _panelOut_cozou_1 140ms ease-in;
1663
+ ._content_3g5sg_63[data-state="closed"] {
1664
+ animation: _panelOut_3g5sg_1 140ms ease-in;
1665
1665
  }
1666
- ._title_cozou_88 {
1666
+ ._title_3g5sg_88 {
1667
1667
  margin: 0;
1668
1668
  }
1669
- ._body_cozou_92 {
1669
+ ._body_3g5sg_92 {
1670
1670
  flex: 1;
1671
+ min-height: 0;
1672
+ overflow-y: auto;
1671
1673
  padding-top: 1rem;
1672
1674
  }
1673
- ._footer_cozou_97 {
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 = "_overlay_cozou_43";
27798
- const overlayBackdrop = "_overlayBackdrop_cozou_49";
27799
- const content$1 = "_content_cozou_63";
27800
- const title = "_title_cozou_88";
27801
- const body = "_body_cozou_92";
27802
- const footer = "_footer_cozou_97";
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jackcrane/ui",
3
- "version": "0.1.17",
3
+ "version": "0.1.18",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/jcui.cjs.js",