@nayhoo/ui 0.20.2 → 0.21.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.
Files changed (45) hide show
  1. package/dist/{button.css-BQdFVzyM.d.mts → button.css-CBtNCrkL.d.mts} +42 -1
  2. package/dist/{button.css-BQdFVzyM.d.ts → button.css-CBtNCrkL.d.ts} +42 -1
  3. package/dist/{chunk-MJK5V5VM.mjs → chunk-4JJB6DUF.mjs} +10 -2
  4. package/dist/chunk-4JJB6DUF.mjs.map +1 -0
  5. package/dist/{chunk-SG7GE2WP.mjs → chunk-OWCOYR6H.mjs} +19 -5
  6. package/dist/chunk-OWCOYR6H.mjs.map +1 -0
  7. package/dist/components/button.css +60 -1
  8. package/dist/components/button.css.map +1 -1
  9. package/dist/components/button.d.mts +6 -3
  10. package/dist/components/button.d.ts +6 -3
  11. package/dist/components/button.js +20 -2
  12. package/dist/components/button.js.map +1 -1
  13. package/dist/components/button.mjs +2 -2
  14. package/dist/components/dialog.css +60 -1
  15. package/dist/components/dialog.css.map +1 -1
  16. package/dist/components/dialog.js +5 -0
  17. package/dist/components/dialog.js.map +1 -1
  18. package/dist/components/dialog.mjs +1 -1
  19. package/dist/components/select.css +60 -1
  20. package/dist/components/select.css.map +1 -1
  21. package/dist/components/select.d.mts +1 -1
  22. package/dist/components/select.d.ts +1 -1
  23. package/dist/components/select.js +20 -2
  24. package/dist/components/select.js.map +1 -1
  25. package/dist/components/select.mjs +2 -2
  26. package/dist/patterns/index.css +60 -1
  27. package/dist/patterns/index.css.map +1 -1
  28. package/dist/patterns/index.js +5 -0
  29. package/dist/patterns/index.js.map +1 -1
  30. package/dist/patterns/index.mjs +1 -1
  31. package/dist/providers/index.css +60 -1
  32. package/dist/providers/index.css.map +1 -1
  33. package/dist/providers/index.js +20 -2
  34. package/dist/providers/index.js.map +1 -1
  35. package/dist/providers/index.mjs +2 -2
  36. package/dist/theme/index.css +60 -1
  37. package/dist/theme/index.css.map +1 -1
  38. package/dist/theme/index.d.mts +8 -8
  39. package/dist/theme/index.d.ts +8 -8
  40. package/dist/theme/index.js +10 -0
  41. package/dist/theme/index.js.map +1 -1
  42. package/dist/theme/index.mjs +6 -2
  43. package/package.json +1 -1
  44. package/dist/chunk-MJK5V5VM.mjs.map +0 -1
  45. package/dist/chunk-SG7GE2WP.mjs.map +0 -1
@@ -646,7 +646,7 @@
646
646
  font-size: var(--fontSizes-2__19nbe8da);
647
647
  }
648
648
 
649
- /* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC9769QDwUSoFzYzm4+1EsXvey9hz0aFDWSmFCkSlKOnSL/vSAlWZQsW6RiBAasiJ6ZN3ozHOrla1JrLfh2W9C7A16tov++RBFmLI5qrkD/ae9ozhHVUKo4IsA1SLOciD1S9I3yPI4SIVOQKBF780utQCIFDIiOIy44mMWUqorhQxxRzigHlDGwxuaKVCEpf4mjlVl5rpWm2QERwTVw7WKiV0heqEYaV6igecFoXmhEBBMyjmSe4JvVH/Zza0MLrlGGS8oOcbTD8gYhs6SQhr3ebtdPPIHHdJPR3voVTETX+pddUaiElNal4yV6rx2WFHONeF2CpCSONE5qhqVZUMZKS8wV1VTw2JAbrVcr88P7l68j+uM4gUxIsGU4x/CUG840yFCvQuxaJ1JLZTisBG24nrBOqcIJg7RBweQll6LmaUd/Q5m9UUgxrKH53hw5Wx+eb4+dU+BUvJpuUKCjlf2sq/1ElB/t5aGP89bUdwb40QGuGof2KbnQCDMmXiE1y+1DI9gB16pr2Z6BrGbsF011sdWyho6QteXh1azHpqC/T7tkmKmjz8b1aTdY78QETinPByh3TXmaJ7VtVGEJXEe/0bISUmM+CKHoG2zXnfO3tiFsE0ic0lp1dJk7itZ9P+eFpagYbAATTqHvjhWxVhVOTaaIQdbbVpgAcqo9sJSDsJOmdisZRHf7/WMz6PN8sqZ2gvikOmJm0zHzfY6ZjROInmXm3rFKZ5i5623nmBmbXmCmN03OMWOWfrZTzEk4253yc9fxc38dfh4cK5jh59vR9m6On7HpBX56U3K5c8ap9sy0031bSVpieegoerg4BxWUmGtK/m7GUuvbXfusNoSdzrLLzmtn1xLllaoz6Zcl7OwrUvpBYqLpDj6A6fQq4ZOYCojgqYP6GAJ39O7/curSTprAAG5t0twz6fDqTCA7FUqxL3B4jSaQnTrZIXSKLGpt9l2H+3QG0Dne/F4TRrk1GMf5Nr2Lx7mEk++k+dP4OpCZH2Q47Q7mD+vsgE63WV4IpTtI7MP4XIxPYGoE+Bk8gZRCdpBJCJb1bL7dubGfnRuOozsv4JtHguFFcNDcGXHwAQsvgIPmzoW36YlUEwJKdXgkaBA1vt3VqQDMn6gj50EVpk/UcaoLZvYQ06kFTJ+oJ5ALpvUQ06kIDE9UG2ogPNK5N0AjcZx3JmHj/WVkMo4UkQA8wjyNbkrKUat4Hu4fq/2tDXwqlFQ5wG+ecySwouj9nO9AZ2VD5+O/MlzvTm2NcPPWdUZyDWPZl2dV9sqraKMEaS9f9RWiv4IUWJAGC1Bh02QdxRidJ+tUbvgKshBJFiTKgmRZsDCbpuyoz56vR9mpRgtRaUE6LUipBWi1IVnH+VmORclLx9qVRNvHZJt31s5Zcy395o/tHDrXEnJnwU8UCgvD9VJ0H9d0AfkvKZ2HuAvJYEkBPVTe2RRGaqc8izySe9cRfN5pLanMjJ7xx15SkzlpcxZ9IKq4bzm8gn0miSPkT6VwIItEGOhFmbhcKHrmuqRCFxSjL+qS6lyQjufn3VAjVYFjbk5DfkxFeme96JS4LCf9sRedD5d15RC80ZYjmfXv/AvshMA0gd//B6jO1lmzHgAA */
649
+ /* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA= */
650
650
  .button__hi3ya00 {
651
651
  all: unset;
652
652
  align-items: center;
@@ -660,6 +660,7 @@
660
660
  font-weight: var(--fontWeights-medium__19nbe8d2fo);
661
661
  font-variant-numeric: tabular-nums;
662
662
  transition: all 100ms;
663
+ position: relative;
663
664
  }
664
665
  .button__hi3ya00::before {
665
666
  box-sizing: border-box;
@@ -694,6 +695,12 @@
694
695
  font-size: var(--fontSizes-1__19nbe8d9);
695
696
  line-height: var(--sizes-5__19nbe8d2gc);
696
697
  }
698
+ .button_size_1__hi3ya04[data-left-icon] {
699
+ padding-left: 0;
700
+ }
701
+ .button_size_1__hi3ya04[data-right-icon] {
702
+ padding-right: 0;
703
+ }
697
704
  .button_size_2__hi3ya05 {
698
705
  border-radius: var(--radii-2__19nbe8d2gi);
699
706
  height: var(--sizes-6__19nbe8d2gd);
@@ -702,6 +709,12 @@
702
709
  font-size: var(--fontSizes-3__19nbe8db);
703
710
  line-height: var(--lineHeights-6__19nbe8d2fv);
704
711
  }
712
+ .button_size_2__hi3ya05[data-left-icon] {
713
+ padding-left: var(--space-1__19nbe8d0);
714
+ }
715
+ .button_size_2__hi3ya05[data-right-icon] {
716
+ padding-right: var(--space-1__19nbe8d0);
717
+ }
705
718
  .button_size_3__hi3ya06 {
706
719
  border-radius: var(--radii-2__19nbe8d2gi);
707
720
  height: var(--sizes-7__19nbe8d2ge);
@@ -710,6 +723,12 @@
710
723
  font-size: var(--fontSizes-4__19nbe8dc);
711
724
  line-height: var(--sizes-7__19nbe8d2ge);
712
725
  }
726
+ .button_size_3__hi3ya06[data-left-icon] {
727
+ padding-left: var(--space-2__19nbe8d1);
728
+ }
729
+ .button_size_3__hi3ya06[data-right-icon] {
730
+ padding-right: var(--space-2__19nbe8d1);
731
+ }
713
732
  .button_variant_primary__hi3ya07 {
714
733
  background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
715
734
  color: var(--semanticColors-primary-primary11__19nbe8d2cs);
@@ -772,6 +791,28 @@
772
791
  .button_round_true__hi3ya0d {
773
792
  border-radius: var(--radii-full__19nbe8d2go);
774
793
  }
794
+ .button__hi3ya0r {
795
+ margin-left: var(--space-1__19nbe8d0);
796
+ margin-right: var(--space-1__19nbe8d0);
797
+ }
798
+ .button_size_1__hi3ya0s {
799
+ height: var(--fontSizes-2__19nbe8da);
800
+ width: var(--fontSizes-2__19nbe8da);
801
+ }
802
+ .button_size_2__hi3ya0t {
803
+ height: var(--fontSizes-4__19nbe8dc);
804
+ width: var(--fontSizes-4__19nbe8dc);
805
+ }
806
+ .button_size_3__hi3ya0u {
807
+ height: var(--fontSizes-5__19nbe8dd);
808
+ width: var(--fontSizes-5__19nbe8dd);
809
+ }
810
+ .button_buttonSpinner__hi3ya0v {
811
+ position: absolute;
812
+ left: 0;
813
+ right: 0;
814
+ margin: auto;
815
+ }
775
816
  @media screen and (min-width: 768px) {
776
817
  .button_fullWidth_sm_true__hi3ya0e {
777
818
  width: 100%;
@@ -790,6 +831,12 @@
790
831
  font-size: var(--fontSizes-1__19nbe8d9);
791
832
  line-height: var(--sizes-5__19nbe8d2gc);
792
833
  }
834
+ .button_size_sm_1__hi3ya0h[data-left-icon] {
835
+ padding-left: 0;
836
+ }
837
+ .button_size_sm_1__hi3ya0h[data-right-icon] {
838
+ padding-right: 0;
839
+ }
793
840
  .button_size_sm_2__hi3ya0i {
794
841
  border-radius: var(--radii-2__19nbe8d2gi);
795
842
  height: var(--sizes-6__19nbe8d2gd);
@@ -798,6 +845,12 @@
798
845
  font-size: var(--fontSizes-3__19nbe8db);
799
846
  line-height: var(--lineHeights-6__19nbe8d2fv);
800
847
  }
848
+ .button_size_sm_2__hi3ya0i[data-left-icon] {
849
+ padding-left: var(--space-1__19nbe8d0);
850
+ }
851
+ .button_size_sm_2__hi3ya0i[data-right-icon] {
852
+ padding-right: var(--space-1__19nbe8d0);
853
+ }
801
854
  .button_size_sm_3__hi3ya0j {
802
855
  border-radius: var(--radii-2__19nbe8d2gi);
803
856
  height: var(--sizes-7__19nbe8d2ge);
@@ -806,6 +859,12 @@
806
859
  font-size: var(--fontSizes-4__19nbe8dc);
807
860
  line-height: var(--sizes-7__19nbe8d2ge);
808
861
  }
862
+ .button_size_sm_3__hi3ya0j[data-left-icon] {
863
+ padding-left: var(--space-2__19nbe8d1);
864
+ }
865
+ .button_size_sm_3__hi3ya0j[data-right-icon] {
866
+ padding-right: var(--space-2__19nbe8d1);
867
+ }
809
868
  .button_variant_sm_primary__hi3ya0k {
810
869
  background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
811
870
  color: var(--semanticColors-primary-primary11__19nbe8d2cs);