achery-ui 0.6.0 → 0.6.2

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.css CHANGED
@@ -666,6 +666,135 @@
666
666
  border-radius: var(--radius-hairline__1acibxb13);
667
667
  }
668
668
 
669
+ /* vanilla-extract-css-ns:src/components/Modal/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WS2_jNhC-51fwskCEhoHkWLajvSx6K9A9LXo2KD5kNhRJkJQtp9j_XpCUKUV2bO-5vQiS5vXNzDdDfnujR2ZQSy34rggSW4YI_UNut8UbrkvLc_DPAwDMqDa8AKA0wtwdK5B_fQDg5wMATs1FRRT9fPg2924FJ_QvndwX190D4AySlinTVvFVIEcfYZl_eQIYCRxewW9go_ssuwHoqjP_zE6wnyNYtadGoGMCuwhutbLccSUrwHhPibfh0lI3QK4RfmuM6iSpgGlq9LjIn4rXp6J8yp_LMjupEKM0ZFw4aipQi848LnQfpO-QS0L7ChR5cIgkb1EM-EmH9sg8Qkg6E9RgjSzdbguEed3XRZ0Ncooshapzo4hkX8dksZKOSpfcvnyWrFO6AmX-xb8Lylz6uKe60-pEWFgJZaDtDEN4hP0StZUhvj6F7oFVgpMPNlGaTF4Hkx7aHSLqcAoQv6B1qNV_NmP266CvESFcNklZI0yh1Zuk12dXRN5Di3p44MTtKlBuct37f8N3YGiR5_sDgGC50aPBjvJm5yYau6mGJx4TPgXUOTUjRTFWBhpEeGdP4OMXlEpO-r_ILpLofBBnLLJCHUYv-E4W7SiKPYlel4FEhFst0LECTNBQHiR4IyF3tLXxp--OcV70d2cdZ0c40LECsew1dQdKZSyfabiEtXJOtfO-lQlXN4XluBM0oSrj0lHSQYZaLo4nL-HXgDY5kqGAQXQYuraOkxn-Wf5OK7BYxcYLLmlqbvFcxCFxjpoAMTAN5s95UdLWywKTP44CGzlaZmPC80xfkpbNQB53z4SKGz-TKX9CLTZc-8amKqyuVqFWZCyBymbpFsuY7kX4i2S3muCHYW98nsN0FQll6e-dcxO064B2uj7CjtHIUOnu3RXfOzdORh3A4c5Yn4JWXDpqrqyEMS2T3Z37depjeop5RvtRFOdjZ7h8Ox0xvzj8oVLDGh9sA975yDNkJ3ON7j04LnWr2vkdFns2iVjdXuC3J-JGZKZwZ-GeW14LGhCozvm5rMDiIjcQxvHgiyFIXMHRBirGwtm-8IRPkYfpiCE3IcjnLF8l1_speqaUm6zK18ur8owYgQ5UhqO4QWfBlimYuzF883NsoP3tDFJLg-Yvzdv8tvGDv1OSSoD-v3Lcd-X4z14vPtDGH0Vb26YY9TCH6Qxc5vmHqT23bkfy4bl1ubplLZpkTebW65m13xg_sFFCoHpyFRkW1NAQeBxbMm3jOt_vrg_zbMf8C6nvyKfWDQAA */
670
+ @keyframes Modal_fadeIn__1kcb5si0 {
671
+ from {
672
+ opacity: 0;
673
+ }
674
+ to {
675
+ opacity: 1;
676
+ }
677
+ }
678
+ @keyframes Modal_slideUp__1kcb5si1 {
679
+ from {
680
+ opacity: 0;
681
+ transform: translate(-50%, calc(-50% + 8px));
682
+ }
683
+ to {
684
+ opacity: 1;
685
+ transform: translate(-50%, -50%);
686
+ }
687
+ }
688
+ .Modal_overlay__1kcb5si2 {
689
+ position: fixed;
690
+ inset: 0;
691
+ background: rgba(20, 19, 15, 0.55);
692
+ backdrop-filter: blur(2px);
693
+ z-index: 100;
694
+ animation: Modal_fadeIn__1kcb5si0 var(--duration-base__1acibxb1b) var(--ease-out__1acibxb1d);
695
+ }
696
+ .Modal_content__1kcb5si3 {
697
+ position: fixed;
698
+ top: 50%;
699
+ left: 50%;
700
+ transform: translate(-50%, -50%);
701
+ background: var(--color-surface__1acibxb3);
702
+ border: 1px solid var(--color-border__1acibxb9);
703
+ box-shadow: var(--shadow-stampLg__1acibxb17);
704
+ padding: var(--space-sp8__1acibxbx) var(--space-sp8__1acibxbx);
705
+ max-width: 580px;
706
+ width: calc(100vw - 48px);
707
+ max-height: calc(100vh - 48px);
708
+ overflow: auto;
709
+ z-index: 101;
710
+ border-radius: var(--radius-none__1acibxb12);
711
+ animation: Modal_slideUp__1kcb5si1 var(--duration-slow__1acibxb1c) var(--ease-out__1acibxb1d);
712
+ }
713
+ .Modal_header__1kcb5si4 {
714
+ display: flex;
715
+ align-items: flex-start;
716
+ justify-content: space-between;
717
+ margin-bottom: var(--space-sp5__1acibxbu);
718
+ }
719
+ .Modal_title__1kcb5si5 {
720
+ font-family: var(--font-display__1acibxbn);
721
+ font-weight: 700;
722
+ font-size: 26px;
723
+ line-height: 1.1;
724
+ letter-spacing: -0.015em;
725
+ color: var(--color-fg__1acibxb5);
726
+ margin: var(--space-sp3__1acibxbs) 0 0;
727
+ max-width: 80%;
728
+ }
729
+ .Modal_description__1kcb5si6 {
730
+ font-family: var(--font-body__1acibxbo);
731
+ font-size: 14px;
732
+ color: var(--color-fg2__1acibxb6);
733
+ margin-top: var(--space-sp3__1acibxbs);
734
+ }
735
+ .Modal_closeButton__1kcb5si7 {
736
+ background: transparent;
737
+ border: 1px solid var(--color-borderMute__1acibxbb);
738
+ cursor: pointer;
739
+ padding: var(--space-sp2__1acibxbr);
740
+ color: var(--color-fg2__1acibxb6);
741
+ display: flex;
742
+ align-items: center;
743
+ justify-content: center;
744
+ flex-shrink: 0;
745
+ border-radius: var(--radius-none__1acibxb12);
746
+ transition: border-color var(--duration-fast__1acibxb1a) var(--ease-out__1acibxb1d);
747
+ }
748
+ .Modal_closeButton__1kcb5si7:hover {
749
+ border-color: var(--color-border__1acibxb9);
750
+ color: var(--color-fg__1acibxb5);
751
+ }
752
+ .Modal_closeButton__1kcb5si7:focus-visible {
753
+ outline: 2px solid var(--color-accent__1acibxbd);
754
+ outline-offset: 2px;
755
+ }
756
+ .Modal_body__1kcb5si8 {
757
+ margin-top: var(--space-sp6__1acibxbv);
758
+ }
759
+ .Modal_footer__1kcb5si9 {
760
+ display: flex;
761
+ justify-content: flex-end;
762
+ gap: var(--space-sp4__1acibxbt);
763
+ margin-top: var(--space-sp8__1acibxbx);
764
+ padding-top: var(--space-sp6__1acibxbv);
765
+ border-top: 1px solid var(--color-borderMute__1acibxbb);
766
+ }
767
+ .Modal_contentSized__1kcb5sia {
768
+ position: fixed;
769
+ top: 50%;
770
+ left: 50%;
771
+ transform: translate(-50%, -50%);
772
+ background: var(--color-surface__1acibxb3);
773
+ border: 1px solid var(--color-border__1acibxb9);
774
+ box-shadow: var(--shadow-stampLg__1acibxb17);
775
+ padding: var(--space-sp8__1acibxbx) var(--space-sp8__1acibxbx);
776
+ width: calc(100vw - 48px);
777
+ max-height: calc(100vh - 48px);
778
+ overflow: auto;
779
+ z-index: 101;
780
+ border-radius: var(--radius-none__1acibxb12);
781
+ animation: Modal_slideUp__1kcb5si1 var(--duration-slow__1acibxb1c) var(--ease-out__1acibxb1d);
782
+ }
783
+ .Modal_contentSized_size_sm__1kcb5sib {
784
+ max-width: 400px;
785
+ }
786
+ .Modal_contentSized_size_md__1kcb5sic {
787
+ max-width: 560px;
788
+ }
789
+ .Modal_contentSized_size_lg__1kcb5sid {
790
+ max-width: 760px;
791
+ }
792
+ .Modal_bodyScrollable__1kcb5sie {
793
+ overflow-y: auto;
794
+ max-height: 70vh;
795
+ margin-top: var(--space-sp6__1acibxbv);
796
+ }
797
+
669
798
  /* vanilla-extract-css-ns:src/components/Toggle/Toggle.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV24rbMBB9z1eIhcIGqiXe7K1aCn0q9L2UQilhbI2daWRJSPImadl_L5IvcXbjFLZvljRzzsycI_nTBvelgxo9-2qqSuHKW9KrVXC23hYL9mfGWOlMnT4YCw60L42rBXMmQMDLhcRq_jhj7HnGWDCTccu7UeTz7KpjCw6KTU-XpWxJ3irYC0ZakUZeKtzFNFBUaU4Bay9YgTqgi9tbkmEt2M3Cpqg1UrUOgl1ft-vcOImOO5DUeMGewF3ybsUtKbVaZVBQvsuz2_khXrDM7pg3imSXUhhlHG9Ph5wPbQoUm8qZRktxFOwbV0KBQ_QyRReN88YJZg31LViQknQlWFdzmh4FMlqMwDts2TiIR7wEHw7Vw7w7R_DITTM6kvP3_RhSYf8BFKuLenC_dqQ3gi0eJ8X8ISEA91H9jxdGX_xM6k4NC4oo6cAlR2K0Ef8Mn6pDlKZoPH8iT7nCVIRpQrRWGvgJlU_W0uVwU5YeQ6fVJKckD7lC2dJZKCjsBVtc3YwtoE3goJTZojyCWjd13kNdJ4TO5Nndscn79QuT3y7enfNlWQ2ttZ4f-224uS9dkoM_WDnLj1ziNdjDGSYxXst_pr_Re5E-FQT8fpk92N3ZG9YK9fnQDx75YOvA2nhdW6rlW56XCmzP6S0UyL29GejCEZ2CHFVPdtM-nUYHXkJNat-jpK3cyP2AYtprFfc9_UbBsmUr6wnfv9Ku8ei4R4VFiIbSOK4oTr_xX7SkAoIZBnH7lkFMX_sXLN_AEejgVx6eSFc96V0iPdnScujpPvUEmmpo7Xjyp5R5FisGx0iXpCmca3pcDsoe5H6qmrMPyxQ0OneY7sMUtARdjX4evyL0X-DS7H6ABwAA */
670
799
  @keyframes Toggle_spin__trpmwc0 {
671
800
  from {
@@ -1526,135 +1655,6 @@
1526
1655
  border-color: var(--color-fg3__1acibxb7);
1527
1656
  }
1528
1657
 
1529
- /* vanilla-extract-css-ns:src/components/Modal/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WS2_jNhC-51fwskCEhoHkWLajvSx6K9A9LXo2KD5kNhRJkJQtp9j_XpCUKUV2bO-5vQiS5vXNzDdDfnujR2ZQSy34rggSW4YI_UNut8UbrkvLc_DPAwDMqDa8AKA0wtwdK5B_fQDg5wMATs1FRRT9fPg2924FJ_QvndwX190D4AySlinTVvFVIEcfYZl_eQIYCRxewW9go_ssuwHoqjP_zE6wnyNYtadGoGMCuwhutbLccSUrwHhPibfh0lI3QK4RfmuM6iSpgGlq9LjIn4rXp6J8yp_LMjupEKM0ZFw4aipQi848LnQfpO-QS0L7ChR5cIgkb1EM-EmH9sg8Qkg6E9RgjSzdbguEed3XRZ0Ncooshapzo4hkX8dksZKOSpfcvnyWrFO6AmX-xb8Lylz6uKe60-pEWFgJZaDtDEN4hP0StZUhvj6F7oFVgpMPNlGaTF4Hkx7aHSLqcAoQv6B1qNV_NmP266CvESFcNklZI0yh1Zuk12dXRN5Di3p44MTtKlBuct37f8N3YGiR5_sDgGC50aPBjvJm5yYau6mGJx4TPgXUOTUjRTFWBhpEeGdP4OMXlEpO-r_ILpLofBBnLLJCHUYv-E4W7SiKPYlel4FEhFst0LECTNBQHiR4IyF3tLXxp--OcV70d2cdZ0c40LECsew1dQdKZSyfabiEtXJOtfO-lQlXN4XluBM0oSrj0lHSQYZaLo4nL-HXgDY5kqGAQXQYuraOkxn-Wf5OK7BYxcYLLmlqbvFcxCFxjpoAMTAN5s95UdLWywKTP44CGzlaZmPC80xfkpbNQB53z4SKGz-TKX9CLTZc-8amKqyuVqFWZCyBymbpFsuY7kX4i2S3muCHYW98nsN0FQll6e-dcxO064B2uj7CjtHIUOnu3RXfOzdORh3A4c5Yn4JWXDpqrqyEMS2T3Z37depjeop5RvtRFOdjZ7h8Ox0xvzj8oVLDGh9sA975yDNkJ3ON7j04LnWr2vkdFns2iVjdXuC3J-JGZKZwZ-GeW14LGhCozvm5rMDiIjcQxvHgiyFIXMHRBirGwtm-8IRPkYfpiCE3IcjnLF8l1_speqaUm6zK18ur8owYgQ5UhqO4QWfBlimYuzF883NsoP3tDFJLg-Yvzdv8tvGDv1OSSoD-v3Lcd-X4z14vPtDGH0Vb26YY9TCH6Qxc5vmHqT23bkfy4bl1ubplLZpkTebW65m13xg_sFFCoHpyFRkW1NAQeBxbMm3jOt_vrg_zbMf8C6nvyKfWDQAA */
1530
- @keyframes Modal_fadeIn__1kcb5si0 {
1531
- from {
1532
- opacity: 0;
1533
- }
1534
- to {
1535
- opacity: 1;
1536
- }
1537
- }
1538
- @keyframes Modal_slideUp__1kcb5si1 {
1539
- from {
1540
- opacity: 0;
1541
- transform: translate(-50%, calc(-50% + 8px));
1542
- }
1543
- to {
1544
- opacity: 1;
1545
- transform: translate(-50%, -50%);
1546
- }
1547
- }
1548
- .Modal_overlay__1kcb5si2 {
1549
- position: fixed;
1550
- inset: 0;
1551
- background: rgba(20, 19, 15, 0.55);
1552
- backdrop-filter: blur(2px);
1553
- z-index: 100;
1554
- animation: Modal_fadeIn__1kcb5si0 var(--duration-base__1acibxb1b) var(--ease-out__1acibxb1d);
1555
- }
1556
- .Modal_content__1kcb5si3 {
1557
- position: fixed;
1558
- top: 50%;
1559
- left: 50%;
1560
- transform: translate(-50%, -50%);
1561
- background: var(--color-surface__1acibxb3);
1562
- border: 1px solid var(--color-border__1acibxb9);
1563
- box-shadow: var(--shadow-stampLg__1acibxb17);
1564
- padding: var(--space-sp8__1acibxbx) var(--space-sp8__1acibxbx);
1565
- max-width: 580px;
1566
- width: calc(100vw - 48px);
1567
- max-height: calc(100vh - 48px);
1568
- overflow: auto;
1569
- z-index: 101;
1570
- border-radius: var(--radius-none__1acibxb12);
1571
- animation: Modal_slideUp__1kcb5si1 var(--duration-slow__1acibxb1c) var(--ease-out__1acibxb1d);
1572
- }
1573
- .Modal_header__1kcb5si4 {
1574
- display: flex;
1575
- align-items: flex-start;
1576
- justify-content: space-between;
1577
- margin-bottom: var(--space-sp5__1acibxbu);
1578
- }
1579
- .Modal_title__1kcb5si5 {
1580
- font-family: var(--font-display__1acibxbn);
1581
- font-weight: 700;
1582
- font-size: 26px;
1583
- line-height: 1.1;
1584
- letter-spacing: -0.015em;
1585
- color: var(--color-fg__1acibxb5);
1586
- margin: var(--space-sp3__1acibxbs) 0 0;
1587
- max-width: 80%;
1588
- }
1589
- .Modal_description__1kcb5si6 {
1590
- font-family: var(--font-body__1acibxbo);
1591
- font-size: 14px;
1592
- color: var(--color-fg2__1acibxb6);
1593
- margin-top: var(--space-sp3__1acibxbs);
1594
- }
1595
- .Modal_closeButton__1kcb5si7 {
1596
- background: transparent;
1597
- border: 1px solid var(--color-borderMute__1acibxbb);
1598
- cursor: pointer;
1599
- padding: var(--space-sp2__1acibxbr);
1600
- color: var(--color-fg2__1acibxb6);
1601
- display: flex;
1602
- align-items: center;
1603
- justify-content: center;
1604
- flex-shrink: 0;
1605
- border-radius: var(--radius-none__1acibxb12);
1606
- transition: border-color var(--duration-fast__1acibxb1a) var(--ease-out__1acibxb1d);
1607
- }
1608
- .Modal_closeButton__1kcb5si7:hover {
1609
- border-color: var(--color-border__1acibxb9);
1610
- color: var(--color-fg__1acibxb5);
1611
- }
1612
- .Modal_closeButton__1kcb5si7:focus-visible {
1613
- outline: 2px solid var(--color-accent__1acibxbd);
1614
- outline-offset: 2px;
1615
- }
1616
- .Modal_body__1kcb5si8 {
1617
- margin-top: var(--space-sp6__1acibxbv);
1618
- }
1619
- .Modal_footer__1kcb5si9 {
1620
- display: flex;
1621
- justify-content: flex-end;
1622
- gap: var(--space-sp4__1acibxbt);
1623
- margin-top: var(--space-sp8__1acibxbx);
1624
- padding-top: var(--space-sp6__1acibxbv);
1625
- border-top: 1px solid var(--color-borderMute__1acibxbb);
1626
- }
1627
- .Modal_contentSized__1kcb5sia {
1628
- position: fixed;
1629
- top: 50%;
1630
- left: 50%;
1631
- transform: translate(-50%, -50%);
1632
- background: var(--color-surface__1acibxb3);
1633
- border: 1px solid var(--color-border__1acibxb9);
1634
- box-shadow: var(--shadow-stampLg__1acibxb17);
1635
- padding: var(--space-sp8__1acibxbx) var(--space-sp8__1acibxbx);
1636
- width: calc(100vw - 48px);
1637
- max-height: calc(100vh - 48px);
1638
- overflow: auto;
1639
- z-index: 101;
1640
- border-radius: var(--radius-none__1acibxb12);
1641
- animation: Modal_slideUp__1kcb5si1 var(--duration-slow__1acibxb1c) var(--ease-out__1acibxb1d);
1642
- }
1643
- .Modal_contentSized_size_sm__1kcb5sib {
1644
- max-width: 400px;
1645
- }
1646
- .Modal_contentSized_size_md__1kcb5sic {
1647
- max-width: 560px;
1648
- }
1649
- .Modal_contentSized_size_lg__1kcb5sid {
1650
- max-width: 760px;
1651
- }
1652
- .Modal_bodyScrollable__1kcb5sie {
1653
- overflow-y: auto;
1654
- max-height: 70vh;
1655
- margin-top: var(--space-sp6__1acibxbv);
1656
- }
1657
-
1658
1658
  /* vanilla-extract-css-ns:src/components/Toast/Toast.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UyW7bMBC95yuInOIDA8lbUhUFUrSXnnrJpSgKgyJHMhuJw5IjLyny74UomY4c20nRXrQMOW_evFnuHmBbOFGDZ_coPC18pRV8MYtFmhMl6Sphvy8YKxzW4YMxtEJq2mYseR_-yQnjC3R11n1WguDb1a3djNrzpwvGCA9d03OuSe_4dHF3lNzXhiK79CS7N4U4xu1sWtOY1tPFdcdppWFt0e05jQOiRa9Jo8lYoTegWqccibDO2Eq4K869FRK4t7eLRSqkzjd5B-10uaTXLintbSW2GSsq2LSG9s2VdiC7oBKrpjbtSSnsIdo0olFAe-TaKNhkbJyE7Nda0TJjk3liA3gtNry3SVHJqzRJVmvG2XRX5Up74p62FWTMoIHWZoVS2pS9oLVwpTbhJypH4bmTbRJky4V8KB02Ru1IS6zQcd-4QkiIxCejTlGnwGUstRvmsdJq4NOdRpd3vcuG-6VQuI6qhD_uSdQ2Xk7no0ESQwFn8V4zOjiax6PVsFKl06EL2jcnqG3bUbyrk89YWjgmGsI3lkxUujRcE9Q-Y56Eo2A1uhZdA5ya5g5WNS7c47nwe1HTfJcNCA8cw6D1R2p0unLflSDRCkjw4VJW6EFd_gjlPE5oOMEHjIoOug8r_obRvaYKIvK02w1oiBei1tV2p2kw5ai2EQuDpsHu9SNkLJ10nR9Ma-hGct5NR2iuYXcWZYSajfbtzo9PfBov_3qRwmfw0mnbKhETmf1LIuMukaOkx9Fv3o-xAb7ss02vZ4fkPrWljbTmLwY2LEorHBh6Pp27jSAb51sSFrUhcCdpTSKtm3NDOJTxyE4czIiEXcyfjSddbLlEQ2Do-VHYon7ptHno91ZIScediu4_tuuBnNkSV-CCqK-32HmkAmXj-Up7nVcQELGhtroZGx9dlUK2IsQIKgja-3AsCg8UXA8Df5SDTr0JsfrmJ3yxxfaV9W0OfwBW_mKGfQgAAA */
1659
1659
  @keyframes Toast_slideIn__1btt01v0 {
1660
1660
  from {