@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/assets/webcam.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M12 3.75a6.25 6.25 0 1 0 0 12.5 6.25 6.25 0 0 0 0-12.5ZM4.25 10a7.75 7.75 0 1 1 8.5 7.714v2.536H17a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5h4.25v-2.536a7.751 7.751 0 0 1-7-7.714ZM12 7.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM8.25 10a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0Z" clip-rule="evenodd"></path></svg>

package/assets/weight.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M10.514 2.25h2.972c.517 0 .945 0 1.293.025.359.026.697.082 1.017.23A2.75 2.75 0 0 1 17.29 4.27c.088.32.093.643.065.979.178.002.352.006.515.011.394.014.815.041 1.1.118a3.75 3.75 0 0 1 2.652 2.651c.128.48.128 1.037.128 1.855v6.348c0 .813 0 1.469-.043 2-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365-.531.043-1.187.043-2 .043H7.768c-.813 0-1.469 0-2-.043-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47-.043-.531-.043-1.187-.043-2V9.884c0-.818 0-1.376.128-1.855a3.75 3.75 0 0 1 2.651-2.651c.288-.077.711-.102 1.104-.115.162-.005.335-.008.512-.01-.028-.338-.024-.662.065-.983a2.75 2.75 0 0 1 1.495-1.765c.319-.148.658-.204 1.016-.23.348-.025.776-.025 1.293-.025Zm-3.65 4.501c-.241.002-.473.005-.684.011-.418.014-.669.04-.762.065a2.25 2.25 0 0 0-1.591 1.59c-.07.263-.077.605-.077 1.583v6.2c0 .852 0 1.447.038 1.91.038.453.107.714.207.912.216.423.56.767.984.983.197.1.458.17.912.207.462.037 1.057.038 1.909.038h8.4c.852 0 1.447 0 1.91-.038.453-.038.714-.107.912-.207a2.25 2.25 0 0 0 .983-.983c.1-.198.17-.459.207-.913.038-.462.038-1.057.038-1.909V10c0-.978-.006-1.32-.077-1.582a2.25 2.25 0 0 0-1.59-1.591c-.096-.026-.348-.053-.765-.067-.21-.008-.441-.012-.682-.014-.11.667-.197 1.186-.439 1.612a2.75 2.75 0 0 1-1.445 1.224c-.461.17-.99.169-1.67.168h-3.165c-.679 0-1.208.001-1.67-.168a2.75 2.75 0 0 1-1.444-1.224c-.241-.425-.328-.943-.438-1.607Zm5.18 1.499.668-2.014a.75.75 0 1 0-1.424-.472l-.823 2.486c-.802 0-1.029-.013-1.201-.076a1.25 1.25 0 0 1-.657-.557c-.093-.164-.143-.395-.285-1.247-.09-.544-.152-.913-.178-1.199-.026-.281-.012-.417.012-.503a1.25 1.25 0 0 1 .68-.802c.08-.038.212-.074.494-.095.286-.02.66-.021 1.211-.021h2.918c.551 0 .925 0 1.212.021.281.02.413.057.494.095.333.154.582.448.68.802.023.086.038.222.011.503a10.985 10.985 0 0 1-.098.715l-.08.484c-.142.852-.192 1.083-.285 1.247a1.25 1.25 0 0 1-.657.557c-.177.065-.414.076-1.277.076h-1.414ZM9.25 17a.75.75 0 0 1 .75-.75h4a.75.75 0 1 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg>

package/assets/whatsapp-social.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path d="m17.118 13.175.059.029c.23.11.411.197.516.37.154.255.093.957-.138 1.6-.293.816-1.584 1.484-2.171 1.536l-.086.008c-.136.014-.29.029-.482.029h-.025c-.463 0-1.308 0-2.938-.758-1.14-.53-2.482-1.527-3.81-3.163a2.912 2.912 0 0 0-.05-.072c-.365-.481-1.215-1.745-1.215-3.085 0-1.487.712-2.333 1.133-2.599.397-.25 1.295-.368 1.46-.375l.118-.006h.017c.348 0 .599.211.788.665.02.045.076.182.153.366.242.582.677 1.63.709 1.694.05.099.207.406.024.77l-.04.08c-.075.151-.14.283-.285.452a10.66 10.66 0 0 0-.142.168c-.1.12-.204.245-.299.34-.033.033-.096.096-.103.121 0 0 .002.022.03.07.196.331 1.058 1.433 2.413 2.022.083.036.354.148.37.148.017 0 .047-.03.068-.054.164-.186.695-.806.87-1.067.155-.232.354-.35.591-.35.146 0 .282.045.41.09.281.102 1.74.817 2.055.97Z"></path><path fill-rule="evenodd" d="M2.396 16.25s-.623 2.772-1.086 4.852a.988.988 0 0 0 1.108 1.196c2.194-.32 5.33-.798 5.33-.798 1.39.622 2.911.948 4.448.948 5.957 0 10.804-4.81 10.804-10.723C23 5.81 18.153 1 12.195 1 6.237 1 1.39 5.811 1.39 11.725c0 1.57.345 3.115 1.006 4.525Zm9.8 3.198a7.902 7.902 0 0 1-3.221-.686l-.806-.36-.873.132-.522.08-1.315.199-.583.088.447-1.993.225-1.002-.435-.93a7.656 7.656 0 0 1-.723-3.252C4.39 7.49 7.873 4 12.195 4 16.517 4 20 7.489 20 11.725c0 4.234-3.482 7.723-7.804 7.723Z" clip-rule="evenodd"></path></svg>

package/assets/wifi-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-4.439-4.438a.75.75 0 0 1-.996-.067A4.235 4.235 0 0 0 12 15.75a4.235 4.235 0 0 0-3.035 1.275.75.75 0 0 1-1.071-1.05 5.763 5.763 0 0 1 5.455-1.566l-3.426-3.425a9.232 9.232 0 0 0-4.398 2.41.75.75 0 1 1-1.05-1.071 10.748 10.748 0 0 1 4.23-2.558L6.006 7.068A14.27 14.27 0 0 0 2.5 9.378a.75.75 0 0 1-1-1.117 15.78 15.78 0 0 1 3.385-2.316L2.47 3.53a.75.75 0 0 1 0-1.06ZM12 5.75c-.431 0-.858.02-1.28.057a.75.75 0 0 1-.133-1.494A15.94 15.94 0 0 1 12 4.25c4.033 0 7.714 1.517 10.5 4.01a.75.75 0 0 1-1 1.118A14.194 14.194 0 0 0 12 5.75Zm4.21 5.145a.75.75 0 0 1 1.02-.29 10.78 10.78 0 0 1 2.295 1.718.75.75 0 1 1-1.05 1.071 9.286 9.286 0 0 0-1.976-1.478.75.75 0 0 1-.29-1.02ZM11.25 19.5a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg>

package/assets/wifi-warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-1.5 0v-11a.75.75 0 0 1 .75-.75ZM8.723 5.34a.75.75 0 0 1-.523.922 14.22 14.22 0 0 0-5.7 3.116.75.75 0 1 1-1-1.118 15.72 15.72 0 0 1 6.3-3.444.75.75 0 0 1 .923.524Zm6.554 0a.75.75 0 0 1 .923-.524 15.72 15.72 0 0 1 6.3 3.444.75.75 0 0 1-1 1.118 14.221 14.221 0 0 0-5.7-3.116.75.75 0 0 1-.523-.922Zm-6.59 5.192a.75.75 0 0 1-.387.987 9.266 9.266 0 0 0-2.775 1.875.75.75 0 0 1-1.05-1.071A10.77 10.77 0 0 1 7.7 10.145a.75.75 0 0 1 .987.387Zm6.626 0a.75.75 0 0 1 .987-.387 10.77 10.77 0 0 1 3.225 2.178.75.75 0 1 1-1.05 1.071 9.268 9.268 0 0 0-2.775-1.875.75.75 0 0 1-.387-.987ZM11.25 19.5a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg>

package/assets/wifi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M12 5.75c-3.65 0-6.978 1.371-9.5 3.628a.75.75 0 0 1-1-1.117A15.694 15.694 0 0 1 12 4.25c4.033 0 7.714 1.517 10.5 4.01a.75.75 0 0 1-1 1.118A14.194 14.194 0 0 0 12 5.75Zm0 5a9.218 9.218 0 0 0-6.475 2.644.75.75 0 1 1-1.05-1.071A10.718 10.718 0 0 1 12 9.25c2.93 0 5.587 1.173 7.525 3.073a.75.75 0 1 1-1.05 1.071A9.218 9.218 0 0 0 12 10.75Zm0 5a4.235 4.235 0 0 0-3.035 1.275.75.75 0 0 1-1.071-1.05A5.735 5.735 0 0 1 12 14.25c1.608 0 3.064.661 4.106 1.725a.75.75 0 1 1-1.07 1.05A4.235 4.235 0 0 0 12 15.75Zm-.75 3.75a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg>

package/assets/window.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M6.17 3.25h11.66c.535 0 .98 0 1.345.03.38.03.736.098 1.073.27a2.75 2.75 0 0 1 1.202 1.202c.172.337.24.693.27 1.073.03.365.03.81.03 1.345v9.66c0 .535 0 .98-.03 1.345-.03.38-.098.736-.27 1.073a2.751 2.751 0 0 1-1.201 1.202c-.338.172-.694.24-1.074.27-.365.03-.81.03-1.345.03H6.17c-.535 0-.98 0-1.345-.03-.38-.03-.736-.098-1.073-.27A2.75 2.75 0 0 1 2.55 19.25c-.172-.338-.24-.694-.27-1.074-.03-.365-.03-.81-.03-1.345V7.17c0-.535 0-.98.03-1.345.03-.38.098-.736.27-1.073A2.75 2.75 0 0 1 3.752 3.55c.337-.172.693-.24 1.073-.27.365-.03.81-.03 1.345-.03ZM4.947 4.775c-.287.023-.424.065-.514.111a1.25 1.25 0 0 0-.547.547c-.046.09-.088.227-.111.514-.024.296-.025.68-.025 1.253v9.6c0 .572 0 .957.025 1.252.023.288.065.425.111.515.12.236.311.427.547.547.09.046.227.088.514.111.296.024.68.025 1.253.025h11.6c.572 0 .957 0 1.252-.025.288-.023.425-.065.515-.111a1.25 1.25 0 0 0 .547-.547c.046-.09.088-.227.111-.515.024-.295.025-.68.025-1.252V7.2c0-.572 0-.957-.025-1.253-.023-.287-.065-.424-.111-.514a1.25 1.25 0 0 0-.547-.547c-.09-.046-.227-.088-.515-.111-.295-.024-.68-.025-1.252-.025H6.2c-.572 0-.957 0-1.253.025ZM5.25 6.95A.75.75 0 0 1 6 6.2h.01a.75.75 0 1 1 0 1.5H6a.75.75 0 0 1-.75-.75Zm3 0A.75.75 0 0 1 9 6.2h.01a.75.75 0 1 1 0 1.5H9a.75.75 0 0 1-.75-.75Zm3 0A.75.75 0 0 1 12 6.2h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg>

package/assets/work.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M11.17 2.25h1.66c.535 0 .98 0 1.345.03.38.03.736.098 1.073.27a2.75 2.75 0 0 1 1.202 1.202c.172.337.24.693.27 1.073.03.365.03.81.03 1.345v.08c.58.002 1.068.01 1.482.043.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.639c.254.499.342 1.046.38 1.685.028.488.028 1.08.028 1.796v4.453c0 .813 0 1.469-.043 2-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365-.531.043-1.187.043-2 .043H7.768c-.813 0-1.469 0-2-.043-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47-.043-.531-.043-1.187-.043-2v-4.454c0-.715 0-1.307.028-1.795.038-.639.126-1.186.38-1.685a3.75 3.75 0 0 1 1.64-1.64c.444-.226.924-.32 1.47-.365A19.71 19.71 0 0 1 7.25 6.25v-.08c0-.535 0-.98.03-1.345.03-.38.098-.736.27-1.073A2.75 2.75 0 0 1 8.752 2.55c.337-.172.693-.24 1.073-.27.365-.03.81-.03 1.345-.03ZM7.8 7.75c-.852 0-1.447 0-1.91.038-.453.037-.714.107-.911.207a2.25 2.25 0 0 0-.984.984c-.088.172-.15.391-.19.742.419.37 1.287 1.085 2.457 1.776C7.811 12.411 9.83 13.25 12 13.25c2.171 0 4.19-.839 5.738-1.753a16.45 16.45 0 0 0 2.457-1.776c-.04-.35-.102-.57-.19-.742a2.25 2.25 0 0 0-.983-.984c-.198-.1-.459-.17-.913-.207-.462-.037-1.057-.038-1.909-.038H7.8Zm7.45-1.5h-6.5V6.2c0-.572 0-.957.025-1.253.023-.287.065-.424.111-.514a1.25 1.25 0 0 1 .547-.547c.09-.046.227-.088.514-.111.296-.024.68-.025 1.253-.025h1.6c.572 0 .957 0 1.252.025.288.023.425.065.516.111.235.12.426.311.546.547.046.09.088.227.111.514.024.296.025.68.025 1.253v.05Zm5 5.362c-.473.36-1.064.772-1.75 1.177-1.67.986-3.957 1.961-6.5 1.961s-4.83-.975-6.5-1.961a18.23 18.23 0 0 1-1.75-1.177V16.2c0 .852 0 1.447.038 1.91.037.453.107.714.207.912.216.423.56.767.984.983.197.1.458.17.912.207.462.037 1.057.038 1.909.038h8.4c.852 0 1.447 0 1.91-.038.453-.038.714-.107.912-.207.423-.216.767-.56.983-.983.1-.198.17-.459.207-.913.037-.462.038-1.057.038-1.909v-4.588Z" clip-rule="evenodd"></path></svg>

package/assets/world_color.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 101 100"><path fill="#8950E6" d="M52.895 95.005c23.29 0 42.16-18.88 42.16-42.16 0-23.29-18.88-42.16-42.16-42.16-23.29 0-42.16 18.88-42.16 42.16 0 23.28 18.87 42.16 42.16 42.16Z"></path><path fill="#F90" d="m56.845 28.625-9.78 5.8 3.78 8.06-10.98 12.55 4.94 3.95h16.36l-11.16 26.84h-9.31l-1-21.97-8.6-3.63-12.08-14.26v-8.13l-3.79-3.95c2.14-4.26 4.99-8.1 8.39-11.39h9.37l19.79-11.83h.12c12.73 0 24.15 5.64 31.89 14.58v.01l-24.68 9.29-3.26-5.92Z"></path><path fill="#F90" d="M95.055 52.835c0 4.27-.64 8.39-1.82 12.28 0 .01 0 .01-.01.02l-13.21-7.88v-15.54l10.85-7.21.01.01c2.69 5.53 4.18 11.75 4.18 18.32Z"></path><path fill="#D1B8FF" d="M32 72.162c0-2.766-1.932-5.075-4.522-5.68.02-.208.04-.426.04-.644 0-3.221-2.63-5.838-5.866-5.838a5.86 5.86 0 0 0-4.96 2.726A5.861 5.861 0 0 0 11.732 60c-3.237 0-5.866 2.617-5.866 5.838 0 .169.01.327.02.486h-.02C2.63 66.324 0 68.94 0 72.162c0 3.003 2.27 5.471 5.199 5.798v.02h.309c.12.01.239.02.358.02.12 0 .24-.01.359-.02h19.54c.12.01.24.02.359.02.12 0 .239-.01.358-.02h.01C29.58 77.792 32 75.264 32 72.162ZM16.702 68.95c-.01 0-.01 0 0 0Z"></path><path fill="#D1B8FF" d="M100.005 82.765c0-2.79-1.94-5.12-4.54-5.73.02-.21.04-.43.04-.65 0-3.25-2.64-5.89-5.89-5.89-2.1 0-3.94 1.1-4.98 2.75a5.878 5.878 0 0 0-4.98-2.75c-3.25 0-5.89 2.64-5.89 5.89 0 .17.01.33.02.49h-.02c-3.25 0-5.89 2.64-5.89 5.89 0 3.03 2.28 5.52 5.22 5.85v.02h.31c.12.01.24.02.36.02s.24-.01.36-.02h19.62c.12.01.24.02.36.02s.24-.01.36-.02h.01a5.883 5.883 0 0 0 5.53-5.87Z"></path><path fill="#D1B8FF" d="M90.725 17.265c0-2.79-1.94-5.12-4.54-5.73.02-.21.04-.43.04-.65 0-3.25-2.64-5.89-5.89-5.89-2.1 0-3.94 1.1-4.98 2.75a5.878 5.878 0 0 0-4.98-2.75c-3.25 0-5.89 2.64-5.89 5.89 0 .17.01.33.02.49h-.02c-3.25 0-5.89 2.64-5.89 5.89 0 3.03 2.28 5.52 5.22 5.85v.02h.31c.12.01.24.02.36.02s.24-.01.36-.02h19.62c.12.01.24.02.36.02s.24-.01.36-.02h.01a5.883 5.883 0 0 0 5.53-5.87Z"></path></svg>

package/assets/world_elementary_color.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="#F90" d="m32.088 11.301-2.905 5.6 2.865 5.53-5.942 1.89-1.92 5.963-5.49-2.886-5.5 2.926-1.9-5.993-5.892-1.87 2.815-5.55-2.905-5.51 5.972-1.9 1.96-5.982 5.44 2.916 5.53-2.926 1.88 6.002 5.992 1.79Z"></path><path fill="#F90" d="m78.529 60.266-3.097-1.971-2.725 1.97-2.825-1.97-2.996 1.97 1.669-23.285h8.305l1.669 23.286Z"></path><path fill="#BDDCEA" d="M65.388 43.273c8.09 0 14.649-6.558 14.649-14.649 0-8.09-6.559-14.649-14.65-14.649-8.09 0-14.648 6.559-14.648 14.65 0 8.09 6.559 14.648 14.649 14.648Z"></path><path fill="#BDDCEA" d="M80.037 43.273c8.09 0 14.65-6.558 14.65-14.649 0-8.09-6.56-14.649-14.65-14.649s-14.65 6.559-14.65 14.65c0 8.09 6.56 14.648 14.65 14.648Z"></path><path fill="#BDDCEA" d="M72.677 29.298c8.09 0 14.65-6.558 14.65-14.649C87.326 6.56 80.766 0 72.676 0S58.028 6.559 58.028 14.65c0 8.09 6.559 14.648 14.65 14.648Z"></path><path fill="#F90" d="m58.35 61.27-2.383-1.518-2.101 1.519-2.172-1.519-2.302 1.519 1.286-17.907h6.385L58.35 61.27Z"></path><path fill="#CDEBF9" d="M48.245 48.19c6.22 0 11.261-5.042 11.261-11.26 0-6.22-5.041-11.262-11.26-11.262-6.22 0-11.261 5.042-11.261 11.261 0 6.22 5.041 11.261 11.26 11.261Z"></path><path fill="#CDEBF9" d="M59.506 48.19c6.22 0 11.261-5.042 11.261-11.26 0-6.22-5.042-11.262-11.26-11.262-6.22 0-11.262 5.042-11.262 11.261 0 6.22 5.042 11.261 11.261 11.261Z"></path><path fill="#CDEBF9" d="M53.856 37.442c6.219 0 11.26-5.041 11.26-11.26 0-6.22-5.041-11.261-11.26-11.261-6.22 0-11.261 5.041-11.261 11.26 0 6.22 5.041 11.261 11.26 11.261Z"></path><path fill="#8750E4" d="M5.324 55.56c0 24.543 19.897 44.44 44.44 44.44 24.542 0 44.44-19.897 44.44-44.44"></path><path fill="#AC7EFA" d="M58.49 78.785 49.674 100a44.552 44.552 0 0 1-13.181-2.011l-.633-14.066-9.07-3.83L14.062 65.06v-8.566l-.905-.945h31.711l2.745 5.841-11.573 13.222 5.199 4.172H58.49Z"></path><path fill="#AC7EFA" d="M94.204 55.55c0 9.662-3.077 18.59-8.315 25.88l-7.531-4.485V60.557l13.251-5.007h2.595Z"></path></svg>

package/assets/yandex-authorization.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M27.956 32h-4.193V11.244H21.89c-3.428 0-5.222 1.714-5.222 4.273 0 2.9 1.24 4.246 3.798 5.96l2.11 1.424L16.51 32H12l5.46-8.123c-3.14-2.242-4.906-4.43-4.906-8.123 0-4.615 3.217-7.754 9.31-7.754h6.066v24h.026Z"></path></svg>

package/assets/yemen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#F0F0F0" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"></path><path fill="#000" d="M12 24c5.16 0 9.558-3.257 11.254-7.826H.747C2.442 20.744 6.84 24 12 24Z"></path><path fill="#D80027" d="M12 0C6.84 0 2.442 3.256.747 7.826h22.507C21.558 3.256 17.16 0 12 0Z"></path><circle cx="12" cy="12" r="11.5" opacity=".05"></circle></g><defs><clipPath id="a"><rect width="24" height="24" fill="#fff"></rect></clipPath></defs></svg>

package/assets/youtube-alt-social.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M20.914 6.065c.31.31.534.697.65 1.121C21.988 8.752 22 12 22 12s0 3.26-.423 4.814a2.518 2.518 0 0 1-1.772 1.772c-1.553.423-7.805.423-7.805.423s-6.252 0-7.805-.424a2.518 2.518 0 0 1-1.771-1.771C2 15.248 2 12 2 12s0-3.248.41-4.801a2.519 2.519 0 0 1 1.772-1.772c1.554-.424 7.806-.436 7.806-.436s6.25 0 7.804.424c.424.115.81.339 1.122.65ZM15.184 12l-5.186 3.004V8.996L15.183 12Z" clip-rule="evenodd"></path></svg>

package/assets/youtube-social.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path d="m9.645 8.924 5.182 2.961-5.182 2.961V8.924Z"></path><path fill-rule="evenodd" d="M5.202 3A3.702 3.702 0 0 0 1.5 6.702v10.364a3.702 3.702 0 0 0 3.702 3.701h13.325a3.702 3.702 0 0 0 3.702-3.701V6.702A3.702 3.702 0 0 0 18.527 3H5.202Zm-.74 3.702a.74.74 0 0 1 .74-.74h13.325a.74.74 0 0 1 .74.74v10.364a.74.74 0 0 1-.74.74H5.202a.74.74 0 0 1-.74-.74V6.702Z" clip-rule="evenodd"></path></svg>

package/assets/zambia.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#496E2D" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"></path><path fill="#D80027" d="M16.696 12H12v12a11.98 11.98 0 0 0 4-.684L16.696 12Z"></path><path fill="#FF9811" d="M20 20.943c2.455-2.197 4-5.39 4-8.943h-4.696L20 20.943Z"></path><path fill="#000" d="M16 12v11.316a11.993 11.993 0 0 0 4-2.372V12h-4Z"></path><path fill="#FF9811" d="M22.174 7.826h-3.13a1.044 1.044 0 0 0-2.087 0h-3.13c0 .577.501 1.044 1.077 1.044h-.034c0 .576.467 1.043 1.043 1.043 0 .576.467 1.044 1.044 1.044h2.087c.576 0 1.043-.468 1.043-1.044.576 0 1.044-.467 1.044-1.043h-.035c.576 0 1.078-.468 1.078-1.044Z"></path><circle cx="12" cy="12" r="11.5" opacity=".05"></circle></g><defs><clipPath id="a"><rect width="24" height="24" fill="#fff"></rect></clipPath></defs></svg>

package/assets/zimbabwe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#F0F0F0" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"></path><path fill="#FFDA44" d="M22.851 6.872a12.03 12.03 0 0 0-2.447-3.436L12 2.61l-8.405.827-.08.08 3.357 3.356L12 7.03l10.851-.157Z"></path><path fill="#FFDA44" d="m3.516 20.485.133.131 8.351.776 8.351-.776a12.031 12.031 0 0 0 2.476-3.436l-15.523-.484-3.788 3.788Z"></path><path fill="#000" d="M23.88 10.308 9.914 9.913 12 12l-2.087 2.087 13.96-.343a12.086 12.086 0 0 0 .008-3.436Z"></path><path fill="#6DA544" d="M12 0a11.96 11.96 0 0 0-8.405 3.436h16.81A11.96 11.96 0 0 0 12 0Z"></path><path fill="#D80027" d="M10.308 10.308h13.573a11.914 11.914 0 0 0-1.03-3.436H6.873l3.436 3.436Z"></path><path fill="#D80027" d="M6.82 17.18h16.007c.512-1.067.87-2.222 1.046-3.436H10.256L6.82 17.18Z"></path><path fill="#6DA544" d="M12 24a11.96 11.96 0 0 0 8.351-3.384H3.65A11.96 11.96 0 0 0 12 24Z"></path><path fill="#000" d="M4.285 2.81c-.267.224-.524.459-.77.705L12 12l-8.485 8.485c.246.247.503.482.77.706l9.19-9.19-9.19-9.191Z"></path><path fill="#D80027" d="m4.825 8.87.777 2.391h2.514l-2.034 1.478.777 2.391-2.034-1.478-2.035 1.479.777-2.392-2.034-1.478h2.515l.777-2.391Z"></path><path fill="#FFDA44" d="m6.962 12.195-2.025-.717s-.15-1.403-.159-1.451a.783.783 0 1 0-1.523.354l-.567.571h1.009c0 1.048-.782 1.048-.782 2.091l.434 1.044h2.609l.434-1.044c.044-.1.07-.203.081-.306.375-.152.489-.542.489-.542Z"></path><circle cx="12" cy="12" r="11.5" opacity=".05"></circle></g><defs><clipPath id="a"><rect width="24" height="24" fill="#fff"></rect></clipPath></defs></svg>

package/components/ActionBtn/ActionBtn.js

@@ -1,2 +1,2 @@
-import{useClassname as s}from'../../hooks/useClassname.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as o}from'./style.js';import{jsxs as e,jsx as i}from'react/jsx-runtime';function n(t){var{icon:c,disabled:r=!1,onClick:m,children:l,className:d,active:p,style:j}=t;var f=s(n.displayName,d);return e(o,{className:f,style:j,disabled:r,active:p,onClick:m,children:[c&&i(a,{size:16,name:c}),l]})}n.displayName='ActionBtn';export{n as ActionBtn};
+'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');function ActionBtn({icon:e,disabled:s=!1,onClick:n,children:i,className:t,active:a,style:r}){const c=useClassname.useClassname(ActionBtn.displayName,t);return require$$0.jsxs(style.Root,{className:c,style:r,disabled:s,active:a,onClick:n,children:[e&&require$$0.jsx(Icon.Icon,{size:16,name:e}),i]})}ActionBtn.displayName='ActionBtn',exports.ActionBtn=ActionBtn;
 //# sourceMappingURL=ActionBtn.js.map

package/components/ActionBtn/ActionBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Icon } from 'components/Icon'\nimport type { IconName } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, DisplayProperty {\n  /** Icon name (for inner Icon component) */\n  icon?: IconName\n  disabled?: boolean\n  active?: boolean\n  onClick?(): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n  const _className = useClassname(ActionBtn.displayName, className)\n\n  return (\n    <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n      {icon && <Icon size={16} name={icon} />}\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled.Root","_jsx","Icon","size","name"],"mappings":"+MA0BO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAW,EAAnBC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,IAAMQ,EAAaC,EAAaV,EAAUW,YAAaL,GAEvD,OACEM,EAACC,EAAD,CAAaP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA/FC,SACGH,CAAAA,GAAQY,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMf,IAC9BG,KAbPL,EAAUW,YAAc"}
+{"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Icon } from 'components/Icon'\nimport type { IconName } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, DisplayProperty {\n  /** Icon name (for inner Icon component) */\n  icon?: IconName\n  disabled?: boolean\n  active?: boolean\n  onClick?(): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n  const _className = useClassname(ActionBtn.displayName, className)\n\n  return (\n    <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n      {icon && <Icon size={16} name={icon} />}\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["ActionBtn","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled","_jsx","jsx","Icon","size","name"],"mappings":"qLA0BO,SAASA,WAAUC,KAAEA,EAAIC,SAAEA,GAAW,EAAKC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,OAAEA,EAAQC,MAAAA,IACxF,MAAMC,EAAaC,aAAYA,aAACT,UAAUU,YAAaL,GAEvD,OACEM,WAAAA,KAACC,MAAAA,KAAW,CAACP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAAQC,SACpGH,CAAAA,GAAQY,WAAAC,IAACC,UAAI,CAACC,KAAM,GAAIC,KAAMhB,IAC9BG,IAGP,CAhBAJ,UAAUU,YAAc"}

package/components/ActionBtn/ActionBtn.mjs

@@ -0,0 +1,2 @@
+import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';function ActionBtn({icon:s,disabled:o=!1,onClick:n,children:t,className:e,active:i,style:c}){const a=useClassname(ActionBtn.displayName,e);return jsxs(Root,{className:a,style:c,disabled:o,active:i,onClick:n,children:[s&&jsx(Icon,{size:16,name:s}),t]})}ActionBtn.displayName='ActionBtn';export{ActionBtn};
+//# sourceMappingURL=ActionBtn.mjs.map

package/components/ActionBtn/ActionBtn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBtn.mjs","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Icon } from 'components/Icon'\nimport type { IconName } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, DisplayProperty {\n  /** Icon name (for inner Icon component) */\n  icon?: IconName\n  disabled?: boolean\n  active?: boolean\n  onClick?(): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n  const _className = useClassname(ActionBtn.displayName, className)\n\n  return (\n    <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n      {icon && <Icon size={16} name={icon} />}\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["ActionBtn","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled","_jsx","Icon","size","name"],"mappings":"gKA0BO,SAASA,WAAUC,KAAEA,EAAIC,SAAEA,GAAW,EAAKC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,OAAEA,EAAMC,MAAEA,IACxF,MAAMC,EAAaC,aAAaT,UAAUU,YAAaL,GAEvD,OACEM,KAACC,KAAW,CAACP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAAQC,SACpGH,CAAAA,GAAQY,IAACC,KAAI,CAACC,KAAM,GAAIC,KAAMf,IAC9BG,IAGP,CAhBAJ,UAAUU,YAAc"}

package/components/ActionBtn/style.js

@@ -1,2 +1,2 @@
-import o,{css as r}from'styled-components';import{display as a}from'../../mixins/display.js';var e=r(["background:",";color:",";"],(o=>o.theme.colors.onahau),(o=>o.theme.colors.accent));var s=r(["&:hover{background:",";}&:active{","}"],(o=>o.theme.colors.mercury),e);var i=r(["cursor:default;opacity:0.6;"]);var t=o.div.withConfig({componentId:"fox-ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(o=>o.theme.colors.silver),(o=>o.disabled?i:s),(o=>o.active?e:null),(o=>o.display?a(o.display):r(["display:inline-block;"])));export{t as Root};
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const active=styled.css(["background:",";color:",";"],(e=>e.theme.colors.onahau),(e=>e.theme.colors.accent));const notDisabled=styled.css(["&:hover{background:",";}&:active{","}"],(e=>e.theme.colors.mercury),active);const disabled=styled.css(["cursor:default;opacity:0.6;"]);const Root=styled__default.default.div.withConfig({displayName:"ActionBtn__Root",componentId:"ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(e=>e.theme.colors.silver),(e=>e.disabled?disabled:notDisabled),(e=>e.active?active:null),(e=>e.display?display.display(e.display):styled.css(["display:inline-block;"])));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/ActionBtn/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n  background: ${(props) => props.theme.colors.onahau};\n  color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n  &:hover {\n    background: ${(props) => props.theme.colors.mercury};\n  }\n  &:active {\n    ${active}\n  }\n`\n\nconst disabled = css`\n  cursor: default;\n  opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n  padding: 4px;\n  background: transparent;\n  color: ${(props) => props.theme.colors.silver};\n  transition: background 0.4s ease-out, color 0.6s ease-out;\n  line-height: 0;\n  cursor: pointer;\n  border-radius: 5px;\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.disabled ? disabled : notDisabled)}\n  ${(props) => (props.active ? active : null)}\n  ${(props) =>\n    props.display\n      ? display(props.display)\n      : css`\n          display: inline-block;\n        `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","mercury","disabled","Root","styled","div","withConfig","componentId","silver","display"],"mappings":"6FAIA,IAAMA,EAASC,EAAH,CAAA,cAAA,UAAA,MACKC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,IAAMC,EAAcN,EAAH,CAAA,sBAAA,cAAA,MAEEC,GAAUA,EAAMC,MAAMC,OAAOI,SAG1CR,GAIN,IAAMS,EAAWR,EAAjB,CAAA,gCAKaS,IAAAA,EAAOC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAGRT,CAAAA,4CAAAA,mIAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOW,SAQpCb,GAAWA,EAAMO,SAAWA,EAAWF,IACvCL,GAAWA,EAAMF,OAASA,EAAS,OACnCE,GACDA,EAAMc,QACFA,EAAQd,EAAMc,SACdf,EAFJ,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n  background: ${(props) => props.theme.colors.onahau};\n  color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n  &:hover {\n    background: ${(props) => props.theme.colors.mercury};\n  }\n  &:active {\n    ${active}\n  }\n`\n\nconst disabled = css`\n  cursor: default;\n  opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n  padding: 4px;\n  background: transparent;\n  color: ${(props) => props.theme.colors.silver};\n  transition: background 0.4s ease-out, color 0.6s ease-out;\n  line-height: 0;\n  cursor: pointer;\n  border-radius: 5px;\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.disabled ? disabled : notDisabled)}\n  ${(props) => (props.active ? active : null)}\n  ${(props) =>\n    props.display\n      ? display(props.display)\n      : css`\n          display: inline-block;\n        `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","mercury","disabled","Root","styled","div","withConfig","displayName","componentId","silver","display"],"mappings":"iNAIA,MAAMA,OAASC,OAAGA,IAAA,CAAA,cAAA,UAAA,MACDC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,MAAMC,YAAcN,OAAAA,IAAG,CAAA,sBAAA,cAAA,MAEJC,GAAUA,EAAMC,MAAMC,OAAOI,SAG1CR,QAIN,MAAMS,SAAWR,OAAGA,IAGnB,CAAA,sCAEYS,KAAOC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAAVJ,CAGRT,CAAAA,4CAAAA,mIAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOY,SAQpCd,GAAWA,EAAMO,SAAWA,SAAWF,cACvCL,GAAWA,EAAMF,OAASA,OAAS,OACnCE,GACDA,EAAMe,QACFA,QAAAA,QAAQf,EAAMe,SACdhB,OAAGA,IAAA,CAAA"}

package/components/ActionBtn/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';const active=css(["background:",";color:",";"],(o=>o.theme.colors.onahau),(o=>o.theme.colors.accent));const notDisabled=css(["&:hover{background:",";}&:active{","}"],(o=>o.theme.colors.mercury),active);const disabled=css(["cursor:default;opacity:0.6;"]);const Root=styled.div.withConfig({displayName:"ActionBtn__Root",componentId:"ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(o=>o.theme.colors.silver),(o=>o.disabled?disabled:notDisabled),(o=>o.active?active:null),(o=>o.display?display(o.display):css(["display:inline-block;"])));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/ActionBtn/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n  background: ${(props) => props.theme.colors.onahau};\n  color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n  &:hover {\n    background: ${(props) => props.theme.colors.mercury};\n  }\n  &:active {\n    ${active}\n  }\n`\n\nconst disabled = css`\n  cursor: default;\n  opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n  padding: 4px;\n  background: transparent;\n  color: ${(props) => props.theme.colors.silver};\n  transition: background 0.4s ease-out, color 0.6s ease-out;\n  line-height: 0;\n  cursor: pointer;\n  border-radius: 5px;\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.disabled ? disabled : notDisabled)}\n  ${(props) => (props.active ? active : null)}\n  ${(props) =>\n    props.display\n      ? display(props.display)\n      : css`\n          display: inline-block;\n        `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","mercury","disabled","Root","styled","div","withConfig","displayName","componentId","silver","display"],"mappings":"yFAIA,MAAMA,OAASC,IAAG,CAAA,cAAA,UAAA,MACDC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,MAAMC,YAAcN,IAAG,CAAA,sBAAA,cAAA,MAEJC,GAAUA,EAAMC,MAAMC,OAAOI,SAG1CR,QAIN,MAAMS,SAAWR,IAGhB,CAAA,sCAEYS,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAAVJ,CAGRT,CAAAA,4CAAAA,mIAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOY,SAQpCd,GAAWA,EAAMO,SAAWA,SAAWF,cACvCL,GAAWA,EAAMF,OAASA,OAAS,OACnCE,GACDA,EAAMe,QACFA,QAAQf,EAAMe,SACdhB,IAAG,CAAA"}

package/components/Alert/Alert.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as e,useState as r}from'react';import{useTheme as t}from'styled-components';import{Close as i,WarningTriangleFill as n,CheckCircleFill as s,NotifFill as a,CloseCirlceFill as c}from'@foxford/icon-pack';import{useClassname as l}from'../../hooks/useClassname.js';import{useConfigPriority as m}from'../../hooks/use-config-priority.js';import{Anchor as p}from'../Anchor/Anchor.js';import{Button as h}from'../Button/Button.js';import{Icon as u}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as C,IconWrapper as d,Timer as f,ContentWrapper as y,Title as k,Content as g,Link as w,Actions as x,CancelTimer as A,CloseIcon as T}from'./style.js';import{countdownColor as b}from'./utils.js';import{jsxs as v,jsx as z}from'react/jsx-runtime';var j=o=>{var{isCompact:e,theme:r,type:t}=o;var i=e?16:24;switch(t){case'error':return z(c,{color:r.colors['alert-bg-error-500'],size:i});case'info':return z(a,{color:r.colors['content-brand-primary'],size:i});case'success':return z(s,{color:r.colors['alert-success'],size:i});case'warning':return z(n,{color:r.colors['alert-warning'],size:i});default:return null}};var I='Alert';var W=e(((e,n)=>{var s;var a=t();var{cancelTimerText:c="Отменить",primaryAction:I,primaryActionProps:W={},secondaryAction:N,secondaryActionProps:P={},children:B,className:F,clear:M,customIcon:E,image:L,isCompact:O,link:R,linkProps:S={},noIcon:H,onClickCancelTimer:_,closeToast:q,size:D="s",style:G,textProps:J={},textWrap:K,timer:Q,title:U,titleProps:V={},type:X,width:Y=['fit-content','fit-content','fit-content','351px','304px','304px']}=m(null===(s=a.components)||void 0===s?void 0:s.Alert,e);var Z=l("Alert",F);var[$,oo]=r(!1);var eo=Boolean('l'===D||!!U||O&&(U||R||I||N));return v(C,{className:Z,clear:M,column:eo,isCompact:O,noIcon:H,onMouseEnter:()=>{Q&&oo(!0)},onMouseLeave:()=>{Q&&oo(!1)},ref:n,size:D,style:G,textWrap:K,type:X,width:Y,withAction:!!I||!!N,withCloseIcon:!!q,withImage:!!L,withLink:!!R,withTimer:!!Q,withTitle:!!U,children:[(!H||E)&&v(d,{column:eo,isCompact:O,withImage:!!L,children:[!H&&!Q&&!E&&!L&&j({isCompact:O,theme:a,type:X}),E&&z(u,{name:E,size:O?16:24}),L,Q&&z(f,{isCompact:O,paused:$,timer:Q,color:b({theme:a,type:X})})]}),v(y,{column:eo,isCompact:O,children:[U&&z(k,o(o({color:a.colors['content-onmain-primary'],isCompact:O,size:O?14:16,lineHeight:"m"},V),{},{children:U})),z(g,o(o({appearance:"body",color:a.colors['content-onmain-primary'],column:eo,isCompact:O,size:O?'xs':'s',textWrap:K},J),{},{children:B})),R&&z(w,{clear:M,column:eo,isCompact:O,withTitle:!!U,children:z(p,o(o({color:e.clear?a.colors['content-link']:a.colors['content-onmain-primary'],onClick:R.onClick,preset:"default",pseudo:!0,size:O?'s':'m'},S),{},{children:R.content}))}),(I||N)&&v(x,{column:eo,isCompact:O,withTitle:!!U,children:[N&&z(h,o(o({black:!0,fontWeight:"normal",onClick:N.onClick,outline:!0,preset:"brand",size:O?'xs':'s',margin:4},P),{},{children:N.content})),I&&z(h,o(o({black:!0,fontWeight:"normal",onClick:I.onClick,preset:"brand",size:O?'xs':'s',margin:4},W),{},{children:I.content}))]})]}),_&&z(A,{black:!0,clear:!0,fontWeight:"normal",isCompact:O,onClick:_,preset:"brand",size:O?'xs':'s',margin:4,children:c}),q&&(!O||!Q)&&z(T,{"aria-label":"close",onClick:q,type:"button",withTimer:!!Q,children:z(i,{color:a.colors['content-onmain-primary'],size:O?18:24})})]})}));W.displayName="Alert";export{W as Alert,I as COMPONENT_NAME};
+'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.js');var index$2=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js');var index$3=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.js');var index$4=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js');const getDefaultIcon=({isCompact:e,theme:r,type:o})=>{const i=e?16:24;switch(o){case'error':return require$$0.jsx(index$4.CloseCirlceFill,{color:r.colors['alert-bg-error-500'],size:i});case'info':return require$$0.jsx(index$3.NotifFill,{color:r.colors['content-brand-primary'],size:i});case'success':return require$$0.jsx(index$2.CheckCircleFill,{color:r.colors['alert-success'],size:i});case'warning':return require$$0.jsx(index$1.WarningTriangleFill,{color:r.colors['alert-warning'],size:i});default:return null}};const Alert=React.forwardRef(((e,r)=>{const o=styled.useTheme();const{cancelTimerText:i="Отменить",primaryAction:n,primaryActionProps:t={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:u,customIcon:m,image:p,isCompact:d,link:x,linkProps:$={},noIcon:C,onClickCancelTimer:h,closeToast:f,size:y="s",style:q,textProps:j={},textWrap:k,timer:_,title:g,titleProps:A={},type:w,width:v=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(o.components?.Alert,e);const T=useClassname.useClassname("Alert",a);const[I,z]=React.useState(!1);const b=Boolean(y==='l'||!!g||d&&(g||x||n||c));return require$$0.jsxs(style.Root,{className:T,clear:u,column:b,isCompact:d,noIcon:C,onMouseEnter:()=>{_&&z(!0)},onMouseLeave:()=>{_&&z(!1)},ref:r,size:y,style:q,textWrap:k,type:w,width:v,withAction:!!n||!!c,withCloseIcon:!!f,withImage:!!p,withLink:!!x,withTimer:!!_,withTitle:!!g,children:[(!C||m)&&require$$0.jsxs(style.IconWrapper,{column:b,isCompact:d,withImage:!!p,children:[!C&&!_&&!m&&!p&&getDefaultIcon({isCompact:d,theme:o,type:w}),m&&require$$0.jsx(Icon.Icon,{name:m,size:d?16:24}),p,_&&require$$0.jsx(style.Timer,{isCompact:d,paused:I,timer:_,color:utils.countdownColor({theme:o,type:w})})]}),require$$0.jsxs(style.ContentWrapper,{column:b,isCompact:d,children:[g&&require$$0.jsx(style.Title,{color:o.colors['content-onmain-primary'],isCompact:d,size:d?14:16,lineHeight:"m",...A,children:g}),require$$0.jsx(style.Content,{appearance:"body",color:o.colors['content-onmain-primary'],column:b,isCompact:d,size:d?'xs':'s',textWrap:k,...j,children:l}),x&&require$$0.jsx(style.Link,{clear:u,column:b,isCompact:d,withTitle:!!g,children:require$$0.jsx(Anchor.Anchor,{color:e.clear?o.colors['content-link']:o.colors['content-onmain-primary'],onClick:x.onClick,preset:"default",pseudo:!0,size:d?'s':'m',...$,children:x.content})}),(n||c)&&require$$0.jsxs(style.Actions,{column:b,isCompact:d,withTitle:!!g,children:[c&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:d?'xs':'s',margin:4,...s,children:c.content}),n&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:n.onClick,preset:"brand",size:d?'xs':'s',margin:4,...t,children:n.content})]})]}),h&&require$$0.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:d,onClick:h,preset:"brand",size:d?'xs':'s',margin:4,children:i}),f&&(!d||!_)&&require$$0.jsx(style.CloseIcon,{"aria-label":"close",onClick:f,type:"button",withTimer:!!_,children:require$$0.jsx(index.Close,{color:o.colors['content-onmain-primary'],size:d?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";
 //# sourceMappingURL=Alert.js.map

package/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","_ref","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","_theme$components","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled.Root","onMouseEnter","onMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Styled.IconWrapper","Icon","name","Styled.Timer","paused","countdownColor","Styled.ContentWrapper","Styled.Title","_objectSpread","lineHeight","Styled.Content","appearance","Styled.Link","Anchor","onClick","preset","pseudo","content","Styled.Actions","Button","black","fontWeight","outline","margin","Styled.CancelTimer","Styled.CloseIcon","Close","displayName"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","jsx","Icon","name","paused","countdownColor","jsxs","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}

package/components/Alert/Alert.mjs

@@ -0,0 +1,2 @@
+import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';import{Close as Close_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.mjs';import{WarningTriangleFill as WarningTriangleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.mjs';import{CheckCircleFill as CheckCircleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.mjs';import{NotifFill as NotifFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.mjs';import{CloseCirlceFill as CloseCirlceFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:r})=>{const n=o?16:24;switch(r){case'error':return jsx(CloseCirlceFill_2,{color:e.colors['alert-bg-error-500'],size:n});case'info':return jsx(NotifFill_2,{color:e.colors['content-brand-primary'],size:n});case'success':return jsx(CheckCircleFill_2,{color:e.colors['alert-success'],size:n});case'warning':return jsx(WarningTriangleFill_2,{color:e.colors['alert-warning'],size:n});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const r=useTheme();const{cancelTimerText:n="Отменить",primaryAction:t,primaryActionProps:i={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:m,customIcon:p,image:d,isCompact:C,link:f,linkProps:x={},noIcon:u,onClickCancelTimer:h,closeToast:_,size:j="s",style:k,textProps:g={},textWrap:y,timer:T,title:A,titleProps:w={},type:F,width:I=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(r.components?.Alert,o);const z=useClassname("Alert",a);const[W,N]=useState(!1);const b=Boolean(j==='l'||!!A||C&&(A||f||t||c));return jsxs(Root,{className:z,clear:m,column:b,isCompact:C,noIcon:u,onMouseEnter:()=>{T&&N(!0)},onMouseLeave:()=>{T&&N(!1)},ref:e,size:j,style:k,textWrap:y,type:F,width:I,withAction:!!t||!!c,withCloseIcon:!!_,withImage:!!d,withLink:!!f,withTimer:!!T,withTitle:!!A,children:[(!u||p)&&jsxs(IconWrapper,{column:b,isCompact:C,withImage:!!d,children:[!u&&!T&&!p&&!d&&getDefaultIcon({isCompact:C,theme:r,type:F}),p&&jsx(Icon,{name:p,size:C?16:24}),d,T&&jsx(Timer,{isCompact:C,paused:W,timer:T,color:countdownColor({theme:r,type:F})})]}),jsxs(ContentWrapper,{column:b,isCompact:C,children:[A&&jsx(Title,{color:r.colors['content-onmain-primary'],isCompact:C,size:C?14:16,lineHeight:"m",...w,children:A}),jsx(Content,{appearance:"body",color:r.colors['content-onmain-primary'],column:b,isCompact:C,size:C?'xs':'s',textWrap:y,...g,children:l}),f&&jsx(Link,{clear:m,column:b,isCompact:C,withTitle:!!A,children:jsx(Anchor,{color:o.clear?r.colors['content-link']:r.colors['content-onmain-primary'],onClick:f.onClick,preset:"default",pseudo:!0,size:C?'s':'m',...x,children:f.content})}),(t||c)&&jsxs(Actions,{column:b,isCompact:C,withTitle:!!A,children:[c&&jsx(Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:C?'xs':'s',margin:4,...s,children:c.content}),t&&jsx(Button,{black:!0,fontWeight:"normal",onClick:t.onClick,preset:"brand",size:C?'xs':'s',margin:4,...i,children:t.content})]})]}),h&&jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:C,onClick:h,preset:"brand",size:C?'xs':'s',margin:4,children:n}),_&&(!C||!T)&&jsx(CloseIcon,{"aria-label":"close",onClick:_,type:"button",withTimer:!!T,children:jsx(Close_2,{color:r.colors['content-onmain-primary'],size:C?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};
+//# sourceMappingURL=Alert.mjs.map

package/components/Alert/Alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","countdownColor","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}

package/components/Alert/CountdownCircle.js

@@ -1,2 +1,2 @@
-import{useState as r,useRef as e,useEffect as s}from'react';import{DefaultColorNames as t}from'../../theme/colors.js';import{Progress as a}from'../Progress/Progress.js';import{jsx as o}from'react/jsx-runtime';var l=l=>{var{className:c,color:n,isCompact:m,paused:i,timer:u}=l;var[p,f]=r(u);var v=e();return s((()=>()=>{v.current&&clearInterval(v.current)}),[]),s((()=>{i?clearInterval(v.current):v.current=setInterval((()=>{f((r=>r<=.05?(clearInterval(v.current),r):r-.05))}),50)}),[i]),o(a.Circle,{className:c,progress:p/u*100,progressStartAngle:0,resultColor:n,size:m?16:20,strokeBGColor:t.transparent,strokeLineWidth:1.5,children:Math.ceil(p)})};export{l as CountdownCircle};
+'use strict';var React=require('react');var colors=require('../../theme/colors.js');var require$$0=require('react/jsx-runtime');var Progress=require('../Progress/Progress.js');exports.CountdownCircle=({className:r,color:e,isCompact:s,paused:t,timer:a})=>{const[c,o]=React.useState(a);const l=React.useRef();return React.useEffect((()=>()=>{l.current&&clearInterval(l.current)}),[]),React.useEffect((()=>{t?clearInterval(l.current):l.current=setInterval((()=>{o((r=>r<=.05?(clearInterval(l.current),r):r-.05))}),50)}),[t]),require$$0.jsx(Progress.Progress.Circle,{className:r,progress:c/a*100,progressStartAngle:0,resultColor:e,size:s?16:20,strokeBGColor:colors.DefaultColorNames.transparent,strokeLineWidth:1.5,children:Math.ceil(c)})};
 //# sourceMappingURL=CountdownCircle.js.map

package/components/Alert/CountdownCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n  const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n  useEffect(() => {\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (paused) {\n      clearInterval(intervalId.current)\n    } else {\n      intervalId.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= progressRate) {\n            clearInterval(intervalId.current)\n            return prevCountdown\n          }\n\n          return prevCountdown - progressRate\n        })\n      }, progressRate * 1000)\n    }\n  }, [paused])\n\n  const progress = (countdown / timer) * 100\n\n  return (\n    <Progress.Circle\n      className={className}\n      progress={progress}\n      progressStartAngle={0}\n      resultColor={color}\n      size={isCompact ? 16 : 20}\n      strokeBGColor={DefaultColorNames.transparent}\n      strokeLineWidth={1.5}\n    >\n      {Math.ceil(countdown)}\n    </Progress.Circle>\n  )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","_ref","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","_jsx","Progress","Circle","progress","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"iNASMA,IAAAA,EAAkBC,IAA0E,IAAzEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,OAA+BA,EAA/BC,MAAuCA,GAAkCL,EAChG,IAAOM,EAAWC,GAAgBC,EAASH,GAC3C,IAAMI,EAAaC,IA6BnB,OA3BAC,OACS,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,WAG5B,IAEHD,QACMP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAAA,KACnBP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,QA2BZC,MAEJ,CAACZ,IAKFa,EAACC,EAASC,OAAV,CACElB,UAAWA,EACXmB,SALcd,EAAYD,EAAS,IAMnCgB,mBAAoB,EACpBC,YAAapB,EACbqB,KAAMpB,EAAY,GAAK,GACvBqB,cAAeC,EAAkBC,YACjCC,gBAAiB,IAPnBC,SASGC,KAAKC,KAAKxB"}
+{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n  const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n  useEffect(() => {\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (paused) {\n      clearInterval(intervalId.current)\n    } else {\n      intervalId.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= progressRate) {\n            clearInterval(intervalId.current)\n            return prevCountdown\n          }\n\n          return prevCountdown - progressRate\n        })\n      }, progressRate * 1000)\n    }\n  }, [paused])\n\n  const progress = (countdown / timer) * 100\n\n  return (\n    <Progress.Circle\n      className={className}\n      progress={progress}\n      progressStartAngle={0}\n      resultColor={color}\n      size={isCompact ? 16 : 20}\n      strokeBGColor={DefaultColorNames.transparent}\n      strokeLineWidth={1.5}\n    >\n      {Math.ceil(countdown)}\n    </Progress.Circle>\n  )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","_jsx","jsx","Progress","Circle","progress","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"wMASwBA,EAAGC,YAAWC,QAAOC,YAAWC,SAAQC,YAC9D,MAAOC,EAAWC,GAAgBC,MAAQA,SAACH,GAC3C,MAAMI,EAAaC,MAAAA,SA6BnB,OA3BAC,MAAAA,WAAU,IACD,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,QAC3B,GAED,IAEHD,MAAAA,WAAU,KACJP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAY,KAC/BP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,KA0BX,GACDC,GACL,GACC,CAACZ,IAKFa,WAAAC,IAACC,SAAQA,SAACC,OAAM,CACdnB,UAAWA,EACXoB,SALcf,EAAYD,EAAS,IAMnCiB,mBAAoB,EACpBC,YAAarB,EACbsB,KAAMrB,EAAY,GAAK,GACvBsB,cAAeC,OAAiBA,kBAACC,YACjCC,gBAAiB,IAAIC,SAEpBC,KAAKC,KAAKzB,IACK"}

package/components/Alert/CountdownCircle.mjs

@@ -0,0 +1,2 @@
+import{useState,useRef,useEffect}from'react';import{DefaultColorNames}from'../../theme/colors.mjs';import{jsx}from'react/jsx-runtime';import{Progress}from'../Progress/Progress.mjs';const CountdownCircle=({className:e,color:r,isCompact:t,paused:s,timer:o})=>{const[c,a]=useState(o);const l=useRef();return useEffect((()=>()=>{l.current&&clearInterval(l.current)}),[]),useEffect((()=>{s?clearInterval(l.current):l.current=setInterval((()=>{a((e=>e<=.05?(clearInterval(l.current),e):e-.05))}),50)}),[s]),jsx(Progress.Circle,{className:e,progress:c/o*100,progressStartAngle:0,resultColor:r,size:t?16:20,strokeBGColor:DefaultColorNames.transparent,strokeLineWidth:1.5,children:Math.ceil(c)})};export{CountdownCircle};
+//# sourceMappingURL=CountdownCircle.mjs.map

package/components/Alert/CountdownCircle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountdownCircle.mjs","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n  const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n  useEffect(() => {\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (paused) {\n      clearInterval(intervalId.current)\n    } else {\n      intervalId.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= progressRate) {\n            clearInterval(intervalId.current)\n            return prevCountdown\n          }\n\n          return prevCountdown - progressRate\n        })\n      }, progressRate * 1000)\n    }\n  }, [paused])\n\n  const progress = (countdown / timer) * 100\n\n  return (\n    <Progress.Circle\n      className={className}\n      progress={progress}\n      progressStartAngle={0}\n      resultColor={color}\n      size={isCompact ? 16 : 20}\n      strokeBGColor={DefaultColorNames.transparent}\n      strokeLineWidth={1.5}\n    >\n      {Math.ceil(countdown)}\n    </Progress.Circle>\n  )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","_jsx","Progress","Circle","progress","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"qLASMA,MAAAA,gBAAkBA,EAAGC,YAAWC,QAAOC,YAAWC,SAAQC,YAC9D,MAAOC,EAAWC,GAAgBC,SAASH,GAC3C,MAAMI,EAAaC,SA6BnB,OA3BAC,WAAU,IACD,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,QAC3B,GAED,IAEHD,WAAU,KACJP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAY,KAC/BP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,KA0BX,GACDC,GACL,GACC,CAACZ,IAKFa,IAACC,SAASC,OAAM,CACdlB,UAAWA,EACXmB,SALcd,EAAYD,EAAS,IAMnCgB,mBAAoB,EACpBC,YAAapB,EACbqB,KAAMpB,EAAY,GAAK,GACvBqB,cAAeC,kBAAkBC,YACjCC,gBAAiB,IAAIC,SAEpBC,KAAKC,KAAKxB,IACK"}

package/components/Alert/style.js

@@ -1,2 +1,2 @@
-import n from'styled-components';import{focus as o}from'../../mixins/focus.js';import{responsiveProperty as t}from'../../mixins/responsive-property.js';import{Button as i}from'../Button/Button.js';import{Text as c}from'../Text/Text.js';import{CountdownCircle as a}from'./CountdownCircle.js';var r=n=>{var{column:o,isCompact:t,withImage:i,withTimer:c}=n;return o?'16px':t?c?'5px':'12px':i?'8px':c?'2px':'12px'};var e=n=>{var{column:o,isCompact:t}=n;return t?'20px':o?'28px':'32px'};var p=n.div.withConfig({shouldForwardProp:n=>['children','className','onMouseEnter','onMouseLeave','style'].includes(n)}).withConfig({componentId:"fox-ui__sc-1v79u95-0"})([""," ",""],(n=>"\n    display: flex;\n    align-items: ".concat(n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center',";\n    justify-content: ").concat(n.withTimer?'space-between':'flex-start',";\n    padding-top: ").concat(r(n),";\n    padding-right: ").concat((n=>{var{isCompact:o,withCloseIcon:t,withTimer:i}=n;return t?o?'12px':'16px':i?'8px':'20px'})(n),";\n    padding-bottom: ").concat(r(n),";\n    padding-left: ").concat((n=>{var{isCompact:o,noIcon:t,size:i,withAction:c,withImage:a,withTitle:r}=n;return o?r||'l'===i?a||!t?'16px':'20px':a?'12px':c&&t?'20px':'16px':r||'l'===i?a||!t?'16px':'24px':a?'16px':'20px'})(n),";\n    height: ").concat(n.isCompact||n.column||n.textWrap?'auto':'48px',";\n    min-width: ").concat(n.isCompact?'304px':'auto',";\n    max-width: ").concat(n.isCompact?'351px':'100%',";\n    border-radius: ").concat(n.column?n.isCompact?'20px':'12px':'30px',";\n    background-color: ").concat(((n,o,t)=>{if(o)return n.colors['bg-onmain-primary'];switch(t){case'error':return n.colors['alert-bg-error-200'];case'info':return n.colors['bg-brand-primary-200'];case'success':return n.colors['alert-bg-success-200'];case'warning':return n.colors['alert-bg-warning-200'];default:return n.colors['bg-oncolor-primary']}})(n.theme,!!n.clear,n.type),";\n    box-shadow: ").concat(n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none',";\n    box-sizing: border-box;\n  ")),t('width','width'));var s=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})([""," ",";"],(n=>"\n    display: flex;\n    margin-right: ".concat((n=>{var{column:o,isCompact:t,withImage:i}=n;return t?'8px':o?i?'8px':'12px':'8px'})(n),";\n  ")),(n=>n.withImage?"\n          img,\n          svg {\n            height: ".concat(e(n),";\n            width: ").concat(e(n),";\n          }\n        "):null));var m=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["",""],(n=>"\n    display: flex;\n    margin-right: auto;\n    flex-direction: ".concat(n.column?'column':'row',";\n    align-items: ").concat(n.column?'flex-start':'center',";\n    align-self: center;\n    max-width: ").concat(n.column?'260px':'initial',";\n    white-space: ").concat(n.column||n.isCompact?'normal':'nowrap',";\n    overflow: hidden;\n  ")));var l=n(c).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["",""],(n=>"\n    display: inline-block;\n    margin-top: ".concat(n.isCompact?'0':'2px',";\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  ")));var x=n(c).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["",""],(n=>"\n    text-overflow: ".concat(n.column||n.isCompact?'clip':'ellipsis',";\n    white-space: ").concat(n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit',";\n    overflow: hidden;\n  ")));var u=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["",""],(n=>"\n    display: flex;\n    margin-top: ".concat(n.column?n.isCompact&&!n.withTitle?'4px':'12px':0,";\n    margin-left: ").concat(n.column?0:'60px',";\n    color: ").concat(n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary'],";\n  ")));var d=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["",""],(n=>"\n     margin-top: ".concat((n=>{var{column:o,isCompact:t,withTitle:i}=n;return o?t?i?'16px':'8px':'16px':0})(n),";\n     margin-left: ").concat(n.column?0:'60px',";\n  ")));var g=n.button.withConfig({componentId:"fox-ui__sc-1v79u95-7"})([""," ",""],(n=>"\n    appearance: none;\n    display: flex;\n    margin-left: ".concat(n.withTimer?'0':'16px',";\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  ")),o);var h=n(i).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["",""],(n=>"\n    margin-left: ".concat(n.isCompact?'28px':'60px',";\n    padding-right: ").concat(n.isCompact?'16px':'28px',";\n    padding-left: ").concat(n.isCompact?'16px':'28px',";\n  ")));var f=n(a).withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["",""],(n=>"\n    line-height: ".concat(n.isCompact?'12px':'18px',";\n    font-weight: ").concat(n.isCompact?'700':'400',";\n    font-size: ").concat(n.isCompact?'11px':'14px',";\n    color: ").concat(n.color,";\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  ")));export{d as Actions,h as CancelTimer,g as CloseIcon,x as Content,m as ContentWrapper,s as IconWrapper,u as Link,p as Root,f as Timer,l as Title};
+'use strict';var styled=require('styled-components');var focus=require('../../mixins/focus.js');var responsiveProperty=require('../../mixins/responsive-property.js');var CountdownCircle=require('./CountdownCircle.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const getPaddingY=({column:e,isCompact:n,withImage:t,withTimer:o})=>e?'16px':n?o?'5px':'12px':t?'8px':o?'2px':'12px';const getImageSize=({column:e,isCompact:n})=>n?'20px':e?'28px':'32px';const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['children','className','onMouseEnter','onMouseLeave','style'].includes(e)}).withConfig({displayName:"Alert__Root",componentId:"ui__sc-1v79u95-0"})([""," ",""],(e=>`\n    display: flex;\n    align-items: ${e.column||(e.isCompact?!e.withTimer:e.textWrap)?'flex-start':'center'};\n    justify-content: ${e.withTimer?'space-between':'flex-start'};\n    padding-top: ${getPaddingY(e)};\n    padding-right: ${(({isCompact:e,withCloseIcon:n,withTimer:t})=>n?e?'12px':'16px':t?'8px':'20px')(e)};\n    padding-bottom: ${getPaddingY(e)};\n    padding-left: ${(({isCompact:e,noIcon:n,size:t,withAction:o,withImage:i,withTitle:r})=>e?r||t==='l'?i||!n?'16px':'20px':i?'12px':o&&n?'20px':'16px':r||t==='l'?i||!n?'16px':'24px':i?'16px':'20px')(e)};\n    height: ${e.isCompact||e.column||e.textWrap?'auto':'48px'};\n    min-width: ${e.isCompact?'304px':'auto'};\n    max-width: ${e.isCompact?'351px':'100%'};\n    border-radius: ${e.column?e.isCompact?'20px':'12px':'30px'};\n    background-color: ${((e,n,t)=>{if(n)return e.colors['bg-onmain-primary'];switch(t){case'error':return e.colors['alert-bg-error-200'];case'info':return e.colors['bg-brand-primary-200'];case'success':return e.colors['alert-bg-success-200'];case'warning':return e.colors['alert-bg-warning-200'];default:return e.colors['bg-oncolor-primary']}})(e.theme,!!e.clear,e.type)};\n    box-shadow: ${e.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none'};\n    box-sizing: border-box;\n  `),responsiveProperty.responsiveProperty('width','width'));const IconWrapper=styled__default.default.div.withConfig({displayName:"Alert__IconWrapper",componentId:"ui__sc-1v79u95-1"})([""," ",";"],(e=>`\n    display: flex;\n    margin-right: ${(({column:e,isCompact:n,withImage:t})=>n?'8px':e?t?'8px':'12px':'8px')(e)};\n  `),(e=>e.withImage?`\n          img,\n          svg {\n            height: ${getImageSize(e)};\n            width: ${getImageSize(e)};\n          }\n        `:null));const ContentWrapper=styled__default.default.div.withConfig({displayName:"Alert__ContentWrapper",componentId:"ui__sc-1v79u95-2"})(["",""],(e=>`\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${e.column?'column':'row'};\n    align-items: ${e.column?'flex-start':'center'};\n    align-self: center;\n    max-width: ${e.column?'260px':'initial'};\n    white-space: ${e.column||e.isCompact?'normal':'nowrap'};\n    overflow: hidden;\n  `));const Title=styled__default.default(Text.Text).withConfig({displayName:"Alert__Title",componentId:"ui__sc-1v79u95-3"})(["",""],(e=>`\n    display: inline-block;\n    margin-top: ${e.isCompact?'0':'2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `));const Content=styled__default.default(Text.Text).withConfig({displayName:"Alert__Content",componentId:"ui__sc-1v79u95-4"})(["",""],(e=>`\n    text-overflow: ${e.column||e.isCompact?'clip':'ellipsis'};\n    white-space: ${e.column||e.isCompact||e.textWrap?'pre-wrap':'inherit'};\n    overflow: hidden;\n  `));const Link=styled__default.default.div.withConfig({displayName:"Alert__Link",componentId:"ui__sc-1v79u95-5"})(["",""],(e=>`\n    display: flex;\n    margin-top: ${e.column?e.isCompact&&!e.withTitle?'4px':'12px':0};\n    margin-left: ${e.column?0:'60px'};\n    color: ${e.clear?e.theme.colors['content-link']:e.theme.colors['content-onmain-primary']};\n  `));const Actions=styled__default.default.div.withConfig({displayName:"Alert__Actions",componentId:"ui__sc-1v79u95-6"})(["",""],(e=>`\n     margin-top: ${(({column:e,isCompact:n,withTitle:t})=>e?n?t?'16px':'8px':'16px':0)(e)};\n     margin-left: ${e.column?0:'60px'};\n  `));const CloseIcon=styled__default.default.button.withConfig({displayName:"Alert__CloseIcon",componentId:"ui__sc-1v79u95-7"})([""," ",""],(e=>`\n    appearance: none;\n    display: flex;\n    margin-left: ${e.withTimer?'0':'16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `),focus.focus);const CancelTimer=styled__default.default(Button.Button).withConfig({displayName:"Alert__CancelTimer",componentId:"ui__sc-1v79u95-8"})(["",""],(e=>`\n    margin-left: ${e.isCompact?'28px':'60px'};\n    padding-right: ${e.isCompact?'16px':'28px'};\n    padding-left: ${e.isCompact?'16px':'28px'};\n  `));const Timer=styled__default.default(CountdownCircle.CountdownCircle).withConfig({displayName:"Alert__Timer",componentId:"ui__sc-1v79u95-9"})(["",""],(e=>`\n    line-height: ${e.isCompact?'12px':'18px'};\n    font-weight: ${e.isCompact?'700':'400'};\n    font-size: ${e.isCompact?'11px':'14px'};\n    color: ${e.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `));exports.Actions=Actions,exports.CancelTimer=CancelTimer,exports.CloseIcon=CloseIcon,exports.Content=Content,exports.ContentWrapper=ContentWrapper,exports.IconWrapper=IconWrapper,exports.Link=Link,exports.Root=Root,exports.Timer=Timer,exports.Title=Title;
 //# sourceMappingURL=style.js.map

package/components/Alert/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n  ActionsProps,\n  AlertType,\n  CancelTimerProps,\n  CloseIconProps,\n  ContentProps,\n  ContentWrapperProps,\n  CountdownCircleProps,\n  IconWrapperProps,\n  LinkProps,\n  RootAlertProps,\n  TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n  if (clear) {\n    return theme.colors['bg-onmain-primary']\n  }\n\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-200']\n    case 'info':\n      return theme.colors['bg-brand-primary-200']\n    case 'success':\n      return theme.colors['alert-bg-success-200']\n    case 'warning':\n      return theme.colors['alert-bg-warning-200']\n    default:\n      return theme.colors['bg-oncolor-primary']\n  }\n}\n\nconst getPaddingY = ({\n  column,\n  isCompact,\n  withImage,\n  withTimer,\n}: Pick<RootAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n  if (column) return '16px'\n\n  if (isCompact) {\n    return withTimer ? '5px' : '12px'\n  }\n\n  return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n  isCompact,\n  noIcon,\n  size,\n  withAction,\n  withImage,\n  withTitle,\n}: Pick<RootAlertProps, 'isCompact' | 'noIcon' | 'size' | 'withAction' | 'withImage' | 'withTitle'>) => {\n  if (isCompact) {\n    if (withTitle || size === 'l') {\n      return withImage || !noIcon ? '16px' : '20px'\n    }\n\n    return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n  }\n\n  if (withTitle || size === 'l') {\n    return withImage || !noIcon ? '16px' : '24px'\n  }\n\n  return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n  isCompact,\n  withCloseIcon,\n  withTimer,\n}: Pick<RootAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n  if (withCloseIcon) {\n    return isCompact ? '12px' : '16px'\n  }\n\n  return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n  column,\n  isCompact,\n  withImage,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withImage: boolean\n}) => {\n  if (isCompact) return '8px'\n\n  return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n  if (isCompact) return '20px'\n\n  return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n  column,\n  isCompact,\n  withTitle,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withTitle: boolean\n}) => {\n  if (column) {\n    return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n  }\n\n  return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n  ${(props) => `\n    display: flex;\n    align-items: ${props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n    justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n    padding-top: ${getPaddingY(props)};\n    padding-right: ${paddingRight(props)};\n    padding-bottom: ${getPaddingY(props)};\n    padding-left: ${paddingLeft(props)};\n    height: ${props.isCompact || props.column || props.textWrap ? 'auto' : '48px'};\n    min-width: ${props.isCompact ? '304px' : 'auto'};\n    max-width: ${props.isCompact ? '351px' : '100%'};\n    border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n    background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n    box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n    box-sizing: border-box;\n  `}\n  ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: ${getMarginRightIconWrapper(props)};\n  `}\n\n  ${(props) =>\n    props.withImage\n      ? `\n          img,\n          svg {\n            height: ${getImageSize(props)};\n            width: ${getImageSize(props)};\n          }\n        `\n      : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${props.column ? 'column' : 'row'};\n    align-items: ${props.column ? 'flex-start' : 'center'};\n    align-self: center;\n    max-width: ${props.column ? '260px' : 'initial'};\n    white-space: ${props.column || props.isCompact ? 'normal' : 'nowrap'};\n    overflow: hidden;\n  `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n  ${(props) => `\n    display: inline-block;\n    margin-top: ${props.isCompact ? '0' : '2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n  ${(props) => `\n    text-overflow: ${props.column || props.isCompact ? 'clip' : 'ellipsis'};\n    white-space: ${props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit'};\n    overflow: hidden;\n  `}\n`\n\nexport const Link = styled.div<LinkProps>`\n  ${(props) => `\n    display: flex;\n    margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n    margin-left: ${props.column ? 0 : '60px'};\n    color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n  `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n  ${(props) => `\n     margin-top: ${getActionsMarginTop(props)};\n     margin-left: ${props.column ? 0 : '60px'};\n  `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n  ${(props) => `\n    appearance: none;\n    display: flex;\n    margin-left: ${props.withTimer ? '0' : '16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `}\n  ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n  ${(props) => `\n    margin-left: ${props.isCompact ? '28px' : '60px'};\n    padding-right: ${props.isCompact ? '16px' : '28px'};\n    padding-left: ${props.isCompact ? '16px' : '28px'};\n  `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n  ${(props) => `\n    line-height: ${props.isCompact ? '12px' : '18px'};\n    font-weight: ${props.isCompact ? '700' : '400'};\n    font-size: ${props.isCompact ? '11px' : '14px'};\n    color: ${props.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `}\n`\n"],"names":["getPaddingY","_ref","column","isCompact","withImage","withTimer","getImageSize","_ref5","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","concat","textWrap","paddingRight","_ref3","withCloseIcon","paddingLeft","_ref2","noIcon","size","withAction","withTitle","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","_ref4","ContentWrapper","Title","Text","Content","Link","Actions","_ref6","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n  ActionsProps,\n  AlertType,\n  CancelTimerProps,\n  CloseIconProps,\n  ContentProps,\n  ContentWrapperProps,\n  CountdownCircleProps,\n  IconWrapperProps,\n  LinkProps,\n  RootAlertProps,\n  TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n  if (clear) {\n    return theme.colors['bg-onmain-primary']\n  }\n\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-200']\n    case 'info':\n      return theme.colors['bg-brand-primary-200']\n    case 'success':\n      return theme.colors['alert-bg-success-200']\n    case 'warning':\n      return theme.colors['alert-bg-warning-200']\n    default:\n      return theme.colors['bg-oncolor-primary']\n  }\n}\n\nconst getPaddingY = ({\n  column,\n  isCompact,\n  withImage,\n  withTimer,\n}: Pick<RootAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n  if (column) return '16px'\n\n  if (isCompact) {\n    return withTimer ? '5px' : '12px'\n  }\n\n  return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n  isCompact,\n  noIcon,\n  size,\n  withAction,\n  withImage,\n  withTitle,\n}: Pick<RootAlertProps, 'isCompact' | 'noIcon' | 'size' | 'withAction' | 'withImage' | 'withTitle'>) => {\n  if (isCompact) {\n    if (withTitle || size === 'l') {\n      return withImage || !noIcon ? '16px' : '20px'\n    }\n\n    return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n  }\n\n  if (withTitle || size === 'l') {\n    return withImage || !noIcon ? '16px' : '24px'\n  }\n\n  return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n  isCompact,\n  withCloseIcon,\n  withTimer,\n}: Pick<RootAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n  if (withCloseIcon) {\n    return isCompact ? '12px' : '16px'\n  }\n\n  return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n  column,\n  isCompact,\n  withImage,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withImage: boolean\n}) => {\n  if (isCompact) return '8px'\n\n  return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n  if (isCompact) return '20px'\n\n  return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n  column,\n  isCompact,\n  withTitle,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withTitle: boolean\n}) => {\n  if (column) {\n    return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n  }\n\n  return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n  ${(props) => `\n    display: flex;\n    align-items: ${props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n    justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n    padding-top: ${getPaddingY(props)};\n    padding-right: ${paddingRight(props)};\n    padding-bottom: ${getPaddingY(props)};\n    padding-left: ${paddingLeft(props)};\n    height: ${props.isCompact || props.column || props.textWrap ? 'auto' : '48px'};\n    min-width: ${props.isCompact ? '304px' : 'auto'};\n    max-width: ${props.isCompact ? '351px' : '100%'};\n    border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n    background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n    box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n    box-sizing: border-box;\n  `}\n  ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: ${getMarginRightIconWrapper(props)};\n  `}\n\n  ${(props) =>\n    props.withImage\n      ? `\n          img,\n          svg {\n            height: ${getImageSize(props)};\n            width: ${getImageSize(props)};\n          }\n        `\n      : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${props.column ? 'column' : 'row'};\n    align-items: ${props.column ? 'flex-start' : 'center'};\n    align-self: center;\n    max-width: ${props.column ? '260px' : 'initial'};\n    white-space: ${props.column || props.isCompact ? 'normal' : 'nowrap'};\n    overflow: hidden;\n  `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n  ${(props) => `\n    display: inline-block;\n    margin-top: ${props.isCompact ? '0' : '2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n  ${(props) => `\n    text-overflow: ${props.column || props.isCompact ? 'clip' : 'ellipsis'};\n    white-space: ${props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit'};\n    overflow: hidden;\n  `}\n`\n\nexport const Link = styled.div<LinkProps>`\n  ${(props) => `\n    display: flex;\n    margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n    margin-left: ${props.column ? 0 : '60px'};\n    color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n  `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n  ${(props) => `\n     margin-top: ${getActionsMarginTop(props)};\n     margin-left: ${props.column ? 0 : '60px'};\n  `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n  ${(props) => `\n    appearance: none;\n    display: flex;\n    margin-left: ${props.withTimer ? '0' : '16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `}\n  ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n  ${(props) => `\n    margin-left: ${props.isCompact ? '28px' : '60px'};\n    padding-right: ${props.isCompact ? '16px' : '28px'};\n    padding-left: ${props.isCompact ? '16px' : '28px'};\n  `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n  ${(props) => `\n    line-height: ${props.isCompact ? '12px' : '18px'};\n    font-weight: ${props.isCompact ? '700' : '400'};\n    font-size: ${props.isCompact ? '11px' : '14px'};\n    color: ${props.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `}\n`\n"],"names":["getPaddingY","column","isCompact","withImage","withTimer","getImageSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","textWrap","paddingRight","withCloseIcon","paddingLeft","noIcon","size","withAction","withTitle","bgColor","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","ContentWrapper","Title","default","Text","Content","Link","Actions","getActionsMarginTop","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"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"}

package/components/Alert/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';import{focus}from'../../mixins/focus.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import{CountdownCircle}from'./CountdownCircle.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const getPaddingY=({column:n,isCompact:t,withImage:o,withTimer:e})=>n?'16px':t?e?'5px':'12px':o?'8px':e?'2px':'12px';const getImageSize=({column:n,isCompact:t})=>t?'20px':n?'28px':'32px';const Root=styled.div.withConfig({shouldForwardProp:n=>['children','className','onMouseEnter','onMouseLeave','style'].includes(n)}).withConfig({displayName:"Alert__Root",componentId:"ui__sc-1v79u95-0"})([""," ",""],(n=>`\n    display: flex;\n    align-items: ${n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center'};\n    justify-content: ${n.withTimer?'space-between':'flex-start'};\n    padding-top: ${getPaddingY(n)};\n    padding-right: ${(({isCompact:n,withCloseIcon:t,withTimer:o})=>t?n?'12px':'16px':o?'8px':'20px')(n)};\n    padding-bottom: ${getPaddingY(n)};\n    padding-left: ${(({isCompact:n,noIcon:t,size:o,withAction:e,withImage:i,withTitle:r})=>n?r||o==='l'?i||!t?'16px':'20px':i?'12px':e&&t?'20px':'16px':r||o==='l'?i||!t?'16px':'24px':i?'16px':'20px')(n)};\n    height: ${n.isCompact||n.column||n.textWrap?'auto':'48px'};\n    min-width: ${n.isCompact?'304px':'auto'};\n    max-width: ${n.isCompact?'351px':'100%'};\n    border-radius: ${n.column?n.isCompact?'20px':'12px':'30px'};\n    background-color: ${((n,t,o)=>{if(t)return n.colors['bg-onmain-primary'];switch(o){case'error':return n.colors['alert-bg-error-200'];case'info':return n.colors['bg-brand-primary-200'];case'success':return n.colors['alert-bg-success-200'];case'warning':return n.colors['alert-bg-warning-200'];default:return n.colors['bg-oncolor-primary']}})(n.theme,!!n.clear,n.type)};\n    box-shadow: ${n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none'};\n    box-sizing: border-box;\n  `),responsiveProperty('width','width'));const IconWrapper=styled.div.withConfig({displayName:"Alert__IconWrapper",componentId:"ui__sc-1v79u95-1"})([""," ",";"],(n=>`\n    display: flex;\n    margin-right: ${(({column:n,isCompact:t,withImage:o})=>t?'8px':n?o?'8px':'12px':'8px')(n)};\n  `),(n=>n.withImage?`\n          img,\n          svg {\n            height: ${getImageSize(n)};\n            width: ${getImageSize(n)};\n          }\n        `:null));const ContentWrapper=styled.div.withConfig({displayName:"Alert__ContentWrapper",componentId:"ui__sc-1v79u95-2"})(["",""],(n=>`\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${n.column?'column':'row'};\n    align-items: ${n.column?'flex-start':'center'};\n    align-self: center;\n    max-width: ${n.column?'260px':'initial'};\n    white-space: ${n.column||n.isCompact?'normal':'nowrap'};\n    overflow: hidden;\n  `));const Title=styled(Text).withConfig({displayName:"Alert__Title",componentId:"ui__sc-1v79u95-3"})(["",""],(n=>`\n    display: inline-block;\n    margin-top: ${n.isCompact?'0':'2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `));const Content=styled(Text).withConfig({displayName:"Alert__Content",componentId:"ui__sc-1v79u95-4"})(["",""],(n=>`\n    text-overflow: ${n.column||n.isCompact?'clip':'ellipsis'};\n    white-space: ${n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit'};\n    overflow: hidden;\n  `));const Link=styled.div.withConfig({displayName:"Alert__Link",componentId:"ui__sc-1v79u95-5"})(["",""],(n=>`\n    display: flex;\n    margin-top: ${n.column?n.isCompact&&!n.withTitle?'4px':'12px':0};\n    margin-left: ${n.column?0:'60px'};\n    color: ${n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary']};\n  `));const Actions=styled.div.withConfig({displayName:"Alert__Actions",componentId:"ui__sc-1v79u95-6"})(["",""],(n=>`\n     margin-top: ${(({column:n,isCompact:t,withTitle:o})=>n?t?o?'16px':'8px':'16px':0)(n)};\n     margin-left: ${n.column?0:'60px'};\n  `));const CloseIcon=styled.button.withConfig({displayName:"Alert__CloseIcon",componentId:"ui__sc-1v79u95-7"})([""," ",""],(n=>`\n    appearance: none;\n    display: flex;\n    margin-left: ${n.withTimer?'0':'16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `),focus);const CancelTimer=styled(Button).withConfig({displayName:"Alert__CancelTimer",componentId:"ui__sc-1v79u95-8"})(["",""],(n=>`\n    margin-left: ${n.isCompact?'28px':'60px'};\n    padding-right: ${n.isCompact?'16px':'28px'};\n    padding-left: ${n.isCompact?'16px':'28px'};\n  `));const Timer=styled(CountdownCircle).withConfig({displayName:"Alert__Timer",componentId:"ui__sc-1v79u95-9"})(["",""],(n=>`\n    line-height: ${n.isCompact?'12px':'18px'};\n    font-weight: ${n.isCompact?'700':'400'};\n    font-size: ${n.isCompact?'11px':'14px'};\n    color: ${n.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `));export{Actions,CancelTimer,CloseIcon,Content,ContentWrapper,IconWrapper,Link,Root,Timer,Title};
+//# sourceMappingURL=style.mjs.map

package/components/Alert/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n  ActionsProps,\n  AlertType,\n  CancelTimerProps,\n  CloseIconProps,\n  ContentProps,\n  ContentWrapperProps,\n  CountdownCircleProps,\n  IconWrapperProps,\n  LinkProps,\n  RootAlertProps,\n  TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n  if (clear) {\n    return theme.colors['bg-onmain-primary']\n  }\n\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-200']\n    case 'info':\n      return theme.colors['bg-brand-primary-200']\n    case 'success':\n      return theme.colors['alert-bg-success-200']\n    case 'warning':\n      return theme.colors['alert-bg-warning-200']\n    default:\n      return theme.colors['bg-oncolor-primary']\n  }\n}\n\nconst getPaddingY = ({\n  column,\n  isCompact,\n  withImage,\n  withTimer,\n}: Pick<RootAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n  if (column) return '16px'\n\n  if (isCompact) {\n    return withTimer ? '5px' : '12px'\n  }\n\n  return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n  isCompact,\n  noIcon,\n  size,\n  withAction,\n  withImage,\n  withTitle,\n}: Pick<RootAlertProps, 'isCompact' | 'noIcon' | 'size' | 'withAction' | 'withImage' | 'withTitle'>) => {\n  if (isCompact) {\n    if (withTitle || size === 'l') {\n      return withImage || !noIcon ? '16px' : '20px'\n    }\n\n    return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n  }\n\n  if (withTitle || size === 'l') {\n    return withImage || !noIcon ? '16px' : '24px'\n  }\n\n  return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n  isCompact,\n  withCloseIcon,\n  withTimer,\n}: Pick<RootAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n  if (withCloseIcon) {\n    return isCompact ? '12px' : '16px'\n  }\n\n  return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n  column,\n  isCompact,\n  withImage,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withImage: boolean\n}) => {\n  if (isCompact) return '8px'\n\n  return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n  if (isCompact) return '20px'\n\n  return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n  column,\n  isCompact,\n  withTitle,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withTitle: boolean\n}) => {\n  if (column) {\n    return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n  }\n\n  return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n  ${(props) => `\n    display: flex;\n    align-items: ${props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n    justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n    padding-top: ${getPaddingY(props)};\n    padding-right: ${paddingRight(props)};\n    padding-bottom: ${getPaddingY(props)};\n    padding-left: ${paddingLeft(props)};\n    height: ${props.isCompact || props.column || props.textWrap ? 'auto' : '48px'};\n    min-width: ${props.isCompact ? '304px' : 'auto'};\n    max-width: ${props.isCompact ? '351px' : '100%'};\n    border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n    background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n    box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n    box-sizing: border-box;\n  `}\n  ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: ${getMarginRightIconWrapper(props)};\n  `}\n\n  ${(props) =>\n    props.withImage\n      ? `\n          img,\n          svg {\n            height: ${getImageSize(props)};\n            width: ${getImageSize(props)};\n          }\n        `\n      : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${props.column ? 'column' : 'row'};\n    align-items: ${props.column ? 'flex-start' : 'center'};\n    align-self: center;\n    max-width: ${props.column ? '260px' : 'initial'};\n    white-space: ${props.column || props.isCompact ? 'normal' : 'nowrap'};\n    overflow: hidden;\n  `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n  ${(props) => `\n    display: inline-block;\n    margin-top: ${props.isCompact ? '0' : '2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n  ${(props) => `\n    text-overflow: ${props.column || props.isCompact ? 'clip' : 'ellipsis'};\n    white-space: ${props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit'};\n    overflow: hidden;\n  `}\n`\n\nexport const Link = styled.div<LinkProps>`\n  ${(props) => `\n    display: flex;\n    margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n    margin-left: ${props.column ? 0 : '60px'};\n    color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n  `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n  ${(props) => `\n     margin-top: ${getActionsMarginTop(props)};\n     margin-left: ${props.column ? 0 : '60px'};\n  `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n  ${(props) => `\n    appearance: none;\n    display: flex;\n    margin-left: ${props.withTimer ? '0' : '16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `}\n  ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n  ${(props) => `\n    margin-left: ${props.isCompact ? '28px' : '60px'};\n    padding-right: ${props.isCompact ? '16px' : '28px'};\n    padding-left: ${props.isCompact ? '16px' : '28px'};\n  `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n  ${(props) => `\n    line-height: ${props.isCompact ? '12px' : '18px'};\n    font-weight: ${props.isCompact ? '700' : '400'};\n    font-size: ${props.isCompact ? '11px' : '14px'};\n    color: ${props.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `}\n`\n"],"names":["getPaddingY","column","isCompact","withImage","withTimer","getImageSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","textWrap","paddingRight","withCloseIcon","paddingLeft","noIcon","size","withAction","withTitle","bgColor","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","ContentWrapper","Title","Text","Content","Link","Actions","getActionsMarginTop","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"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"}

package/components/Alert/utils.js

@@ -1,2 +1,2 @@
-var r=r=>{var{theme:e,type:o}=r;switch(o){case'error':return e.colors['alert-bg-error-500'];case'info':default:return e.colors['content-brand-primary'];case'success':return e.colors['alert-success'];case'warning':return e.colors['alert-warning']}};export{r as countdownColor};
+'use strict';exports.countdownColor=({theme:r,type:e})=>{switch(e){case'error':return r.colors['alert-bg-error-500'];case'info':default:return r.colors['content-brand-primary'];case'success':return r.colors['alert-success'];case'warning':return r.colors['alert-warning']}};
 //# sourceMappingURL=utils.js.map

package/components/Alert/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { CSSColor } from 'shared/types'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): CSSColor => {\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-500']\n    case 'info':\n      return theme.colors['content-brand-primary']\n    case 'success':\n      return theme.colors['alert-success']\n    case 'warning':\n      return theme.colors['alert-warning']\n    default:\n      return theme.colors['content-brand-primary']\n  }\n}\n"],"names":["countdownColor","_ref","theme","type","colors"],"mappings":"AAMO,IAAMA,EAAiBC,IAAmF,IAAlFC,MAAEA,EAAFC,KAASA,GAAyEF,EAC/G,OAAQE,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { CSSColor } from 'shared/types'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): CSSColor => {\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-500']\n    case 'info':\n      return theme.colors['content-brand-primary']\n    case 'success':\n      return theme.colors['alert-success']\n    case 'warning':\n      return theme.colors['alert-warning']\n    default:\n      return theme.colors['content-brand-primary']\n  }\n}\n"],"names":["countdownColor","theme","type","colors"],"mappings":"oCAM8BA,EAAGC,QAAOC,WACtC,OAAQA,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBAGxB"}

package/components/Alert/utils.mjs

@@ -0,0 +1,2 @@
+const countdownColor=({theme:r,type:o})=>{switch(o){case'error':return r.colors['alert-bg-error-500'];case'info':default:return r.colors['content-brand-primary'];case'success':return r.colors['alert-success'];case'warning':return r.colors['alert-warning']}};export{countdownColor};
+//# sourceMappingURL=utils.mjs.map

package/components/Alert/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { CSSColor } from 'shared/types'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): CSSColor => {\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-500']\n    case 'info':\n      return theme.colors['content-brand-primary']\n    case 'success':\n      return theme.colors['alert-success']\n    case 'warning':\n      return theme.colors['alert-warning']\n    default:\n      return theme.colors['content-brand-primary']\n  }\n}\n"],"names":["countdownColor","theme","type","colors"],"mappings":"AAMO,MAAMA,eAAiBA,EAAGC,QAAOC,WACtC,OAAQA,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBAGxB"}