@nayhoo/ui 0.8.0 → 0.9.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 (40) hide show
  1. package/dist/chunk-3Z2HB2J6.mjs +25 -0
  2. package/dist/chunk-3Z2HB2J6.mjs.map +1 -0
  3. package/dist/chunk-GI2XNLAW.mjs +39 -0
  4. package/dist/chunk-GI2XNLAW.mjs.map +1 -0
  5. package/dist/chunk-NU7XYEVP.mjs +43 -0
  6. package/dist/chunk-NU7XYEVP.mjs.map +1 -0
  7. package/dist/chunk-RAS2GZOT.mjs +25 -0
  8. package/dist/chunk-RAS2GZOT.mjs.map +1 -0
  9. package/dist/chunk-X6UXW66P.mjs +39 -0
  10. package/dist/chunk-X6UXW66P.mjs.map +1 -0
  11. package/dist/components/button.d.mts +1 -1
  12. package/dist/components/button.d.ts +1 -1
  13. package/dist/components/button.js.map +1 -1
  14. package/dist/components/button.mjs +6 -33
  15. package/dist/components/button.mjs.map +1 -1
  16. package/dist/components/heading.mjs +4 -37
  17. package/dist/components/heading.mjs.map +1 -1
  18. package/dist/components/icon-button.mjs +6 -33
  19. package/dist/components/icon-button.mjs.map +1 -1
  20. package/dist/components/text.mjs +5 -19
  21. package/dist/components/text.mjs.map +1 -1
  22. package/dist/providers/index.css +564 -0
  23. package/dist/providers/index.css.map +1 -1
  24. package/dist/providers/index.d.mts +21 -1
  25. package/dist/providers/index.d.ts +21 -1
  26. package/dist/providers/index.js +371 -2
  27. package/dist/providers/index.js.map +1 -1
  28. package/dist/providers/index.mjs +248 -3
  29. package/dist/providers/index.mjs.map +1 -1
  30. package/dist/theme/index.css +258 -0
  31. package/dist/theme/index.css.map +1 -1
  32. package/dist/theme/index.d.mts +8 -1
  33. package/dist/theme/index.d.ts +8 -1
  34. package/dist/theme/index.js +20 -0
  35. package/dist/theme/index.js.map +1 -1
  36. package/dist/theme/index.mjs +14 -2
  37. package/dist/theme/index.mjs.map +1 -1
  38. package/package.json +2 -3
  39. package/dist/chunk-5WQXUS72.mjs +0 -11
  40. package/dist/chunk-5WQXUS72.mjs.map +0 -1
@@ -9539,4 +9539,568 @@
9539
9539
  --semanticColors-transparentHover__19nbe8d2ff: #0000330f;
9540
9540
  --semanticColors-transparentActive__19nbe8d2fg: #00002d17;
9541
9541
  }
9542
+
9543
+ /* vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9 */
9544
+ @keyframes spin_spin__91g2950 {
9545
+ to {
9546
+ transform: rotate(360deg);
9547
+ }
9548
+ }
9549
+
9550
+ /* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jy16uTfYCxBaUE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VyPMinPaXm7jla3JV0GI0HASHozekiV7tJwzeqhYuyar3pEJtBKWgN6DBq92BSGDsVLZLaHzhTgzgSQfwr6U5WgmY13pJuHVz2/DOWV6UL2k1+n177a0QsLZbZ+Hyz8orTlrGQ6qwyk+8GaOwfFsrdL+bRF3xb1Y/f9YBzfFaXgzfbz5qOBw9L/2kriSRm73cD9B+mM+yrNVYCuUraLFHmPTKM/Wga1Rto4WGcamUZ5tAtugbBMtCoxNozzbBrZF2TZaHDA2jfLsJrAblN1EiyPGplGe7QLboWwXLUqMTaM82we2R9k+WlQYm0Z5lgWWoSyLFvcYm0b3bxP0OzcbBQAA */
9551
+ .spinner_spinnerRecipe__15xzcy90 {
9552
+ animation: spin_spin__91g2950 .8s linear infinite;
9553
+ border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
9554
+ border-radius: var(--radii-round__19nbe8d2gm);
9555
+ border-top: 1px solid currentColor;
9556
+ }
9557
+ .spinner_spinnerRecipe_size_1__15xzcy91 {
9558
+ height: var(--sizes-1__19nbe8d2g7);
9559
+ width: var(--sizes-1__19nbe8d2g7);
9560
+ }
9561
+ .spinner_spinnerRecipe_size_2__15xzcy92 {
9562
+ height: var(--sizes-2__19nbe8d2g8);
9563
+ width: var(--sizes-2__19nbe8d2g8);
9564
+ }
9565
+ .spinner_spinnerRecipe_size_3__15xzcy93 {
9566
+ height: var(--sizes-3__19nbe8d2g9);
9567
+ width: var(--sizes-3__19nbe8d2g9);
9568
+ }
9569
+ .spinner_spinnerRecipe_size_4__15xzcy94 {
9570
+ height: var(--sizes-4__19nbe8d2ga);
9571
+ width: var(--sizes-4__19nbe8d2ga);
9572
+ }
9573
+ .spinner_spinnerRecipe_size_5__15xzcy95 {
9574
+ height: var(--sizes-5__19nbe8d2gb);
9575
+ width: var(--sizes-5__19nbe8d2gb);
9576
+ }
9577
+ .spinner_spinnerRecipe_size_6__15xzcy96 {
9578
+ height: var(--sizes-6__19nbe8d2gc);
9579
+ width: var(--sizes-6__19nbe8d2gc);
9580
+ }
9581
+ .spinner_spinnerRecipe_size_7__15xzcy97 {
9582
+ height: var(--sizes-7__19nbe8d2gd);
9583
+ width: var(--sizes-7__19nbe8d2gd);
9584
+ }
9585
+ .spinner_spinnerRecipe_size_8__15xzcy98 {
9586
+ height: var(--sizes-8__19nbe8d2ge);
9587
+ width: var(--sizes-8__19nbe8d2ge);
9588
+ }
9589
+ .spinner_spinnerRecipe_size_9__15xzcy99 {
9590
+ height: var(--sizes-9__19nbe8d2gf);
9591
+ width: var(--sizes-9__19nbe8d2gf);
9592
+ }
9593
+
9594
+ /* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTW+cMBC951fQQ6VEqqv9SJqEnqJeem4PPSJjD+DE2Mg2+5Gq/72ygWV2G2DZVtVKS/DOzHu8Nx6Tj2ntnFZJc/kGTFSQJIVY7+liEf28iiIqZRzVyoL7HO5ErohwUNo4YqAcGL+c6h2x4lWoPI5SbTgYkuqd/6W2YIgFCczFkdIK/CIXtpJ0H0dCSaGAZBJCsL8SWxihXuJo4Veea+tEtidMKwfKYUyyhfRFOOJoRQqRF1LkhSNMS23iyOQpvV58CJ+bUForRzJaCrmPow0114T4JUsc7FySLB9VCg98lRV99BZ8RRz9I6xYUgIXdYmyVJ+1oUZQ5YiqSzCCxZGjaS2p8QvWRzlDlRVOaBV7caPlYuF/+HX1ccyLOE4h0waCJ0NyT9agmQPzVyUKvWkrsNpYL3WlRWPJVCoXlqYSeINP2UtudK14Z1kjc7ixxErqoPleHXRe7p9vDt1WUK63voMsuGgRPstq90aVp/Zy39d5bXpiAvgBAVdNQvvISjtCpdRb4H65VYDABpSzXZsPyJHVUv4Q3BWJM/VBnWUQZevXY98R7wfzpaZcqPwoe9UY0jxO6K+KGlAueifKShtHlRusZ8UrJMuu0rptjtAQhnJR204gfyfIsu/6PA+iFEfbxJez5A5FpSGqotzTJhKyPraiDAjy9yjSHJV9MzRsOI+IN+n3wKDn+RhCw5w5h+qYTKtOptspmVaoajEo0ycUxSZkWvexUzKdho7I1IemQzL5pa/t4EOEs3pCrHUn1t2/EeseRfEJsW4PsespsU5DR8TqQ9l4T51SHZKpoBUklZCyk+p+Sio/PVBxNVy8PYeSyoiSmn2H8DA6fS2UVDnBvjTDsM3trv3zr5j8c4KOJy/R5GB2Pm908lzGHm10Vl6AT5kTG/gLAmjzsDOMs8C04ojC4xzsQ3b/F7KvHYozC2ALeX7JE8w38Q0ayEhOL2Ix38o3aCA7+cjB0dHQtfPzoiNB+7ew0TeZEx5NicMMhvm48y1ALxRffS7Czy7Any8+IvAUkhGDM9owL7R1HX46AIwwZhb834KeoP93OcEYbTp8Ngc4ZDbfeBbtJmcRSsQzCG7nsp3vFYLGc2c/G3m+Twgaz5rXM0ZezRhY24GP/8d1Ouma3O6KjILpM/8k+cisM878U94XHBfHBJBlcMaZ/wf+BQfFMQFkHIQz/zf37mV4cREAAA== */
9595
+ .button_buttonRecipe__hi3ya00 {
9596
+ all: unset;
9597
+ align-items: center;
9598
+ box-sizing: border-box;
9599
+ user-select: none;
9600
+ display: inline-flex;
9601
+ flex-shrink: 0;
9602
+ justify-content: center;
9603
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9604
+ font-family: var(--fonts-text__19nbe8d2fh);
9605
+ font-weight: var(--fontWeights-medium__19nbe8d2fn);
9606
+ font-variant-numeric: tabular-nums;
9607
+ transition: all 100ms;
9608
+ }
9609
+ .button_buttonRecipe__hi3ya00::before {
9610
+ box-sizing: border-box;
9611
+ }
9612
+ .button_buttonRecipe__hi3ya00::after {
9613
+ box-sizing: border-box;
9614
+ }
9615
+ .button_buttonRecipe__hi3ya00:hover {
9616
+ cursor: pointer;
9617
+ }
9618
+ .button_buttonRecipe__hi3ya00:disabled {
9619
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
9620
+ box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
9621
+ color: var(--colors-slate-slate8__19nbe8d1yp);
9622
+ cursor: not-allowed;
9623
+ pointer-events: none;
9624
+ }
9625
+ .button_buttonRecipe_fullWidth_true__hi3ya01 {
9626
+ width: 100%;
9627
+ }
9628
+ .button_buttonRecipe_loading_true__hi3ya02 {
9629
+ color: transparent !important;
9630
+ }
9631
+ .button_buttonRecipe_size_1__hi3ya03 {
9632
+ border-radius: var(--radii-1__19nbe8d2gg);
9633
+ height: var(--sizes-5__19nbe8d2gb);
9634
+ padding-left: var(--space-2__19nbe8d1);
9635
+ padding-right: var(--space-2__19nbe8d1);
9636
+ font-size: var(--fontSizes-1__19nbe8d9);
9637
+ line-height: var(--sizes-5__19nbe8d2gb);
9638
+ }
9639
+ .button_buttonRecipe_size_2__hi3ya04 {
9640
+ border-radius: var(--radii-2__19nbe8d2gh);
9641
+ height: var(--sizes-6__19nbe8d2gc);
9642
+ padding-left: var(--space-3__19nbe8d2);
9643
+ padding-right: var(--space-3__19nbe8d2);
9644
+ font-size: var(--fontSizes-3__19nbe8db);
9645
+ line-height: var(--lineHeights-6__19nbe8d2fu);
9646
+ }
9647
+ .button_buttonRecipe_size_3__hi3ya05 {
9648
+ border-radius: var(--radii-2__19nbe8d2gh);
9649
+ height: var(--sizes-7__19nbe8d2gd);
9650
+ padding-left: var(--space-4__19nbe8d3);
9651
+ padding-right: var(--space-4__19nbe8d3);
9652
+ font-size: var(--fontSizes-4__19nbe8dc);
9653
+ line-height: var(--sizes-7__19nbe8d2gd);
9654
+ }
9655
+ .button_buttonRecipe_shape_pill__hi3ya07 {
9656
+ border-radius: var(--radii-full__19nbe8d2gn);
9657
+ }
9658
+ .button_buttonRecipe_variant_primary__hi3ya08 {
9659
+ background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
9660
+ color: var(--semanticColors-primary-primary11__19nbe8d2cs);
9661
+ }
9662
+ .button_buttonRecipe_variant_primary__hi3ya08:hover {
9663
+ background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
9664
+ }
9665
+ .button_buttonRecipe_variant_primary__hi3ya08:active {
9666
+ background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
9667
+ }
9668
+ .button_buttonRecipe_variant_secondary__hi3ya09 {
9669
+ background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
9670
+ color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
9671
+ }
9672
+ .button_buttonRecipe_variant_secondary__hi3ya09:hover {
9673
+ background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
9674
+ }
9675
+ .button_buttonRecipe_variant_secondary__hi3ya09:active {
9676
+ background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
9677
+ }
9678
+ .button_buttonRecipe_variant_outline__hi3ya0a {
9679
+ box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
9680
+ }
9681
+ .button_buttonRecipe_variant_outline__hi3ya0a:hover {
9682
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
9683
+ }
9684
+ .button_buttonRecipe_variant_outline__hi3ya0a:active {
9685
+ background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
9686
+ }
9687
+ .button_buttonRecipe_variant_ghost__hi3ya0b {
9688
+ background-color: transparent;
9689
+ }
9690
+ .button_buttonRecipe_variant_ghost__hi3ya0b:hover {
9691
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
9692
+ }
9693
+ .button_buttonRecipe_variant_ghost__hi3ya0b:active {
9694
+ background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
9695
+ }
9696
+ .button_buttonRecipe_variant_error__hi3ya0c {
9697
+ background-color: var(--semanticColors-error-error4__19nbe8d2dx);
9698
+ color: var(--semanticColors-error-error11__19nbe8d2e4);
9699
+ }
9700
+ .button_buttonRecipe_variant_error__hi3ya0c:hover {
9701
+ background-color: var(--semanticColors-error-error5__19nbe8d2dy);
9702
+ }
9703
+ .button_buttonRecipe_variant_error__hi3ya0c:active {
9704
+ background-color: var(--semanticColors-error-error6__19nbe8d2dz);
9705
+ }
9706
+ .button_buttonRecipe_variant_success__hi3ya0d {
9707
+ background-color: var(--semanticColors-success-success4__19nbe8d2el);
9708
+ color: var(--semanticColors-success-success11__19nbe8d2es);
9709
+ }
9710
+ .button_buttonRecipe_variant_success__hi3ya0d:hover {
9711
+ background-color: var(--semanticColors-success-success5__19nbe8d2em);
9712
+ }
9713
+ .button_buttonRecipe_variant_success__hi3ya0d:active {
9714
+ background-color: var(--semanticColors-success-success6__19nbe8d2en);
9715
+ }
9716
+
9717
+ /* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA= */
9718
+ .text_textRecipe__1y7s4vx0 {
9719
+ line-height: 1;
9720
+ margin: 0;
9721
+ font-weight: var(--fontWeights-regular__19nbe8d2fm);
9722
+ font-variant-numeric: tabular-nums;
9723
+ display: block;
9724
+ font-family: var(--fonts-text__19nbe8d2fh);
9725
+ }
9726
+ .text_textRecipe_color_primary__1y7s4vx1 {
9727
+ color: var(--semanticColors-primary-primary9__19nbe8d2cq);
9728
+ }
9729
+ .text_textRecipe_color_secondary__1y7s4vx2 {
9730
+ color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
9731
+ }
9732
+ .text_textRecipe_color_error__1y7s4vx3 {
9733
+ color: var(--semanticColors-error-error9__19nbe8d2e2);
9734
+ }
9735
+ .text_textRecipe_color_subtle__1y7s4vx4 {
9736
+ color: var(--semanticColors-textSubtle__19nbe8d2fc);
9737
+ }
9738
+ .text_textRecipe_size_1__1y7s4vx5 {
9739
+ font-size: var(--fontSizes-1__19nbe8d9);
9740
+ }
9741
+ .text_textRecipe_size_2__1y7s4vx6 {
9742
+ font-size: var(--fontSizes-2__19nbe8da);
9743
+ }
9744
+ .text_textRecipe_size_3__1y7s4vx7 {
9745
+ font-size: var(--fontSizes-3__19nbe8db);
9746
+ }
9747
+ .text_textRecipe_size_4__1y7s4vx8 {
9748
+ font-size: var(--fontSizes-4__19nbe8dc);
9749
+ }
9750
+ .text_textRecipe_size_5__1y7s4vx9 {
9751
+ font-size: var(--fontSizes-5__19nbe8dd);
9752
+ }
9753
+ .text_textRecipe_size_6__1y7s4vxa {
9754
+ font-size: var(--fontSizes-6__19nbe8de);
9755
+ }
9756
+ .text_textRecipe_size_7__1y7s4vxb {
9757
+ font-size: var(--fontSizes-7__19nbe8df);
9758
+ }
9759
+ .text_textRecipe_size_8__1y7s4vxc {
9760
+ font-size: var(--fontSizes-8__19nbe8dg);
9761
+ }
9762
+ .text_textRecipe_size_9__1y7s4vxd {
9763
+ font-size: var(--fontSizes-9__19nbe8dh);
9764
+ }
9765
+ .text_textRecipe_weight_regular__1y7s4vxe {
9766
+ font-weight: var(--fontWeights-regular__19nbe8d2fm);
9767
+ }
9768
+ .text_textRecipe_weight_medium__1y7s4vxf {
9769
+ font-weight: var(--fontWeights-medium__19nbe8d2fn);
9770
+ }
9771
+ .text_textRecipe_weight_bold__1y7s4vxg {
9772
+ font-weight: var(--fontWeights-bold__19nbe8d2fo);
9773
+ }
9774
+
9775
+ /* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisozb7D/VrkBwD57fDlR5VHW95pxoEum8J11cIp0P3FejpHcDlRwjPRVNIl30pMuvIb0fqNQY6aloEumyJ729RLoYuMdR0tVABWOkp6JLpBvhUBjKysp66oHvRrrDSR9/87/7XLBUSMINfLJBPsXFgw5ZfmDX3S+wR7k/9vuzne2EpnVxAPhI2k8BpuTivb66HLTJXYj/D550QoHiCAAA */
9776
+ .icon-button_iconButtonRecipe__v93z8s0 {
9777
+ align-items: center;
9778
+ appearance: none;
9779
+ border-width: 0;
9780
+ box-sizing: border-box;
9781
+ display: inline-flex;
9782
+ flex-shrink: 0;
9783
+ font-family: inherit;
9784
+ font-size: 14px;
9785
+ justify-content: center;
9786
+ line-height: 1;
9787
+ outline: none;
9788
+ padding: 0;
9789
+ text-decoration: none;
9790
+ user-select: none;
9791
+ -webkit-tap-highlight-color: transparent;
9792
+ transition: all 100ms;
9793
+ color: currentColor;
9794
+ }
9795
+ .icon-button_iconButtonRecipe__v93z8s0::after {
9796
+ box-sizing: border-box;
9797
+ }
9798
+ .icon-button_iconButtonRecipe__v93z8s0::before {
9799
+ box-sizing: border-box;
9800
+ }
9801
+ .icon-button_iconButtonRecipe__v93z8s0:hover {
9802
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
9803
+ cursor: pointer;
9804
+ }
9805
+ .icon-button_iconButtonRecipe__v93z8s0:disabled {
9806
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
9807
+ box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
9808
+ color: var(--colors-slate-slate8__19nbe8d1yp);
9809
+ cursor: not-allowed;
9810
+ pointer-events: none;
9811
+ }
9812
+ .icon-button_iconButtonRecipe_loading_true__v93z8s1 {
9813
+ color: transparent !important;
9814
+ }
9815
+ .icon-button_iconButtonRecipe_size_1__v93z8s2 {
9816
+ border-radius: var(--radii-1__19nbe8d2gg);
9817
+ height: var(--sizes-5__19nbe8d2gb);
9818
+ width: var(--sizes-5__19nbe8d2gb);
9819
+ }
9820
+ .icon-button_iconButtonRecipe_size_2__v93z8s3 {
9821
+ border-radius: var(--radii-2__19nbe8d2gh);
9822
+ height: var(--sizes-6__19nbe8d2gc);
9823
+ width: var(--sizes-6__19nbe8d2gc);
9824
+ }
9825
+ .icon-button_iconButtonRecipe_size_3__v93z8s4 {
9826
+ border-radius: var(--radii-2__19nbe8d2gh);
9827
+ height: var(--sizes-7__19nbe8d2gd);
9828
+ width: var(--sizes-7__19nbe8d2gd);
9829
+ }
9830
+ .icon-button_iconButtonRecipe_size_4__v93z8s5 {
9831
+ border-radius: var(--radii-3__19nbe8d2gi);
9832
+ height: var(--sizes-8__19nbe8d2ge);
9833
+ width: var(--sizes-8__19nbe8d2ge);
9834
+ }
9835
+ .icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {
9836
+ background-color: transparent;
9837
+ border-width: 0;
9838
+ }
9839
+ .icon-button_iconButtonRecipe_variant_ghost__v93z8s6:active {
9840
+ background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
9841
+ }
9842
+ .icon-button_iconButtonRecipe_variant_outline__v93z8s7 {
9843
+ box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
9844
+ }
9845
+ .icon-button_iconButtonRecipe_variant_outline__v93z8s7:active {
9846
+ background-color: var(--colors-slateA-slateA4__19nbe8d1yx);
9847
+ }
9848
+
9849
+ /* vanilla-extract-css-ns:src/theme/styles/toaster.css.ts.vanilla.css?source=#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 */
9850
+ @keyframes toaster_slideDown__3jyebm0 {
9851
+ 0% {
9852
+ transform: translate3d(0, var(--y), 0);
9853
+ }
9854
+ 100% {
9855
+ transform: translate3d(0, 85px, 0);
9856
+ }
9857
+ }
9858
+ @keyframes toaster_slideRight__3jyebm1 {
9859
+ 0% {
9860
+ transform: translate3d(var(--radix-toast-swipe-end-x), var(--y), 0);
9861
+ }
9862
+ 100% {
9863
+ transform: translate3d(100%, var(--y), 0);
9864
+ }
9865
+ }
9866
+ @keyframes toaster_slideLeft__3jyebm2 {
9867
+ 0% {
9868
+ transform: translate3d(var(--radix-toast-swipe-end-x), var(--y), 0);
9869
+ }
9870
+ 100% {
9871
+ transform: translate3d(-100%, var(--y), 0);
9872
+ }
9873
+ }
9874
+ @keyframes toaster_circleAnimation__3jyebm7 {
9875
+ 0% {
9876
+ transform: scale(0) rotate(45deg);
9877
+ opacity: 0;
9878
+ }
9879
+ 100% {
9880
+ transform: scale(1) rotate(45deg);
9881
+ opacity: 1;
9882
+ }
9883
+ }
9884
+ @keyframes toaster_checkmarkAnimation__3jyebm8 {
9885
+ 0% {
9886
+ height: 0;
9887
+ width: 0;
9888
+ opacity: 0;
9889
+ }
9890
+ 40% {
9891
+ height: 0;
9892
+ width: 6px;
9893
+ opacity: 1;
9894
+ }
9895
+ 100% {
9896
+ opacity: 1;
9897
+ height: 10px;
9898
+ }
9899
+ }
9900
+ @keyframes toaster_firstLineAnimation__3jyebm9 {
9901
+ 0% {
9902
+ transform: scale(0);
9903
+ opacity: 0;
9904
+ }
9905
+ 100% {
9906
+ transform: scale(1);
9907
+ opacity: 1;
9908
+ }
9909
+ }
9910
+ @keyframes toaster_secondLineAnimation__3jyebma {
9911
+ 0% {
9912
+ transform: scale(0) rotate(90deg);
9913
+ opacity: 0;
9914
+ }
9915
+ 100% {
9916
+ transform: scale(1) rotate(90deg);
9917
+ opacity: 1;
9918
+ }
9919
+ }
9920
+ .toaster_toastViewport__3jyebm3 {
9921
+ --stack-gap: 10px;
9922
+ position: fixed;
9923
+ bottom: 0;
9924
+ right: 0;
9925
+ width: 390px;
9926
+ max-width: 100vw;
9927
+ margin: 0;
9928
+ list-style: none;
9929
+ z-index: 2147483647;
9930
+ outline: none;
9931
+ transition: transform 400ms ease;
9932
+ }
9933
+ .toaster_toastRoot__3jyebm4 {
9934
+ --opacity: 0;
9935
+ --x: var(--radix-toast-swipe-move-x, 0);
9936
+ --y: calc(1px - (var(--stack-gap) * var(--index)));
9937
+ --scale: calc(1 - (0.05 * var(--index)));
9938
+ position: absolute;
9939
+ bottom: 15px;
9940
+ right: 15px;
9941
+ left: 15px;
9942
+ opacity: var(--opacity);
9943
+ transform: translate3d(var(--x), 85px, 0);
9944
+ outline: none;
9945
+ border-radius: 5px;
9946
+ transition-property: transform, opacity;
9947
+ transition-duration: 400ms;
9948
+ transition-timing-function: ease;
9949
+ }
9950
+ .toaster_toastRoot__3jyebm4::focus-visible {
9951
+ box-shadow: 0 0 0 2px black;
9952
+ }
9953
+ .toaster_toastRoot__3jyebm4::after {
9954
+ content: "";
9955
+ position: absolute;
9956
+ left: 0;
9957
+ right: 0;
9958
+ top: 100%;
9959
+ width: 100%;
9960
+ height: 1000px;
9961
+ background: transparent;
9962
+ }
9963
+ .toaster_toastRoot__3jyebm4[data-front=true] {
9964
+ transform: translate3d(var(--x), var(--y, 0), 0);
9965
+ }
9966
+ .toaster_toastRoot__3jyebm4[data-front=false] {
9967
+ transform: translate3d(var(--x), var(--y, 0), 0) scale(var(--scale));
9968
+ }
9969
+ .toaster_toastRoot__3jyebm4[data-state=closed] {
9970
+ animation: toaster_slideDown__3jyebm0 350ms ease;
9971
+ }
9972
+ .toaster_toastRoot__3jyebm4[data-hidden=false] {
9973
+ --opacity: 1;
9974
+ }
9975
+ .toaster_toastRoot__3jyebm4[data-hidden=true] {
9976
+ --opacity: 0;
9977
+ }
9978
+ .toaster_toastRoot__3jyebm4[data-hovering=true] {
9979
+ --scale: 1;
9980
+ --y: calc(var(--hover-offset-y) - var(--stack-gap) * var(--index));
9981
+ transition-duration: 350ms;
9982
+ }
9983
+ .toaster_toastRoot__3jyebm4[data-swipe=move] {
9984
+ transition-duration: 0ms;
9985
+ }
9986
+ .toaster_toastRoot__3jyebm4[data-swipe=cancel] {
9987
+ --x: 0;
9988
+ }
9989
+ .toaster_toastRoot__3jyebm4[data-swipe-direction=right] {
9990
+ animation: toaster_slideRight__3jyebm1 150ms ease-out;
9991
+ }
9992
+ .toaster_toastRoot__3jyebm4[data-swipe-direction=left] {
9993
+ animation: toaster_slideLeft__3jyebm2 150ms ease-out;
9994
+ }
9995
+ .toaster_toastInner__3jyebm5 {
9996
+ padding: 15px;
9997
+ border-radius: 5px;
9998
+ height: var(--height);
9999
+ background-color: white;
10000
+ box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
10001
+ display: grid;
10002
+ grid-template-areas: "title action" "description action";
10003
+ grid-template-columns: auto max-content;
10004
+ column-gap: 10px;
10005
+ row-gap: 5px;
10006
+ align-items: center;
10007
+ position: relative;
10008
+ }
10009
+ .toaster_toastInner__3jyebm5:not([data-status=default]) {
10010
+ grid-template-areas: "icon title action" "icon description action";
10011
+ grid-template-columns: max-content auto max-content;
10012
+ }
10013
+ .toaster_toastInner__3jyebm5:not([data-front=true]) {
10014
+ height: var(--front-height);
10015
+ }
10016
+ .toaster_toastInner__3jyebm5[data-hovering=true] {
10017
+ height: var(--height);
10018
+ }
10019
+ .toaster_toastClose__3jyebm6 {
10020
+ position: absolute;
10021
+ left: 0px;
10022
+ top: 0px;
10023
+ transform: translate(-35%, -35%);
10024
+ width: 15px !important;
10025
+ height: 15px !important;
10026
+ padding: 0px;
10027
+ display: flex;
10028
+ align-items: center;
10029
+ justify-content: center;
10030
+ border-radius: 50% !important;
10031
+ background-color: var(--colors-slate-slate1__19nbe8d1yi);
10032
+ color: var(--colors-slate-slate11__19nbe8d1ys);
10033
+ transition: color 200ms ease 0s, opacity 200ms ease 0s;
10034
+ opacity: 0;
10035
+ }
10036
+ .toaster_toastClose__3jyebm6:hover {
10037
+ color: var(--colors-slate-slate12__19nbe8d1yt);
10038
+ }
10039
+ .toaster_toastInner__3jyebm5:hover .toaster_toastClose__3jyebm6 {
10040
+ opacity: 1;
10041
+ }
10042
+ .toaster_checkmark__3jyebmb {
10043
+ width: 20px;
10044
+ height: 20px;
10045
+ border-radius: 10px;
10046
+ background-color: var(--semanticColors-success-success9__19nbe8d2eq);
10047
+ position: relative;
10048
+ transform: rotate(45deg);
10049
+ animation: toaster_circleAnimation__3jyebm7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
10050
+ animation-delay: 100ms;
10051
+ opacity: 0;
10052
+ }
10053
+ .toaster_checkmark__3jyebmb::after {
10054
+ content: "";
10055
+ box-sizing: border-box;
10056
+ animation: toaster_checkmarkAnimation__3jyebm8 0.2s ease-out forwards;
10057
+ opacity: 0;
10058
+ animation-delay: 200ms;
10059
+ position: absolute;
10060
+ border-right: 2px solid;
10061
+ border-bottom: 2px solid;
10062
+ border-color: #fff;
10063
+ bottom: 6px;
10064
+ left: 6px;
10065
+ height: 10px;
10066
+ width: 6px;
10067
+ }
10068
+ .toaster_error__3jyebmc {
10069
+ width: 20px;
10070
+ height: 20px;
10071
+ border-radius: 10px;
10072
+ background-color: var(--semanticColors-error-error9__19nbe8d2e2);
10073
+ position: relative;
10074
+ transform: rotate(45deg);
10075
+ animation: toaster_circleAnimation__3jyebm7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
10076
+ animation-delay: 100ms;
10077
+ opacity: 0;
10078
+ }
10079
+ .toaster_error__3jyebmc::before {
10080
+ content: "";
10081
+ position: absolute;
10082
+ border-radius: 3px;
10083
+ opacity: 0;
10084
+ background-color: #fff;
10085
+ bottom: 9px;
10086
+ left: 4px;
10087
+ height: 2px;
10088
+ width: 12px;
10089
+ animation: toaster_secondLineAnimation__3jyebma 0.15s ease-out forwards;
10090
+ animation-delay: 180ms;
10091
+ transform: rotate(90deg);
10092
+ }
10093
+ .toaster_error__3jyebmc::after {
10094
+ content: "";
10095
+ animation: toaster_firstLineAnimation__3jyebm9 0.15s ease-out forwards;
10096
+ animation-delay: 150ms;
10097
+ position: absolute;
10098
+ border-radius: 3px;
10099
+ opacity: 0;
10100
+ background-color: #fff;
10101
+ bottom: 9px;
10102
+ left: 4px;
10103
+ height: 2px;
10104
+ width: 12px;
10105
+ }
9542
10106
  /*# sourceMappingURL=index.css.map */