npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.8 → 1.0.0-beta.80 - Mend

@rabbitio/ui-kit 1.0.0-beta.8 → 1.0.0-beta.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (398) hide show

package/coverage/ui-kit/storybook-static/341.57a15f57.iframe.bundle.js.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for ui-kit/storybook-static/341.57a15f57.iframe.bundle.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 341.57a15f57.iframe.bundle.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/1</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use strict";(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[341],{"./node_modules/@mdx-js/react/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MDXContext:()=&gt;MDXContext,MDXProvider:()=&gt;MDXProvider,useMDXComponents:()=&gt;useMDXComponents,withMDXComponents:()=&gt;withMDXComponents});var react=__webpack_require__("./node_modules/react/index.js");let MDXContext=react.createContext({});function withMDXComponents(Component){return boundMDXComponent;function boundMDXComponent(props){let allComponents=useMDXComponents(props.components);return react.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){let contextComponents=react.useContext(MDXContext);return react.useMemo(()=&gt;"function"==typeof components?components(contextComponents):{...contextComponents,...components},[contextComponents,components])}let emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react.createElement(MDXContext.Provider,{value:allComponents},children)}}}]);</span></span></span></pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2024-07-05T22:41:43.517Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>

package/coverage/ui-kit/storybook-static/595.2e40d981.iframe.bundle.js.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for ui-kit/storybook-static/595.2e40d981.iframe.bundle.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 595.2e40d981.iframe.bundle.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/1</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[595],{"./node_modules/@storybook/addon-docs/node_modules/@storybook/blocks/dist/Color-6VNJS4EI.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:()=&gt;ColorControl,default:()=&gt;Color_default});var chunk_GWAJ4KRU=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),react=__webpack_require__("./node_modules/react/index.js");function u(){return(u=Object.assign||function(e){for(var r=1;r&lt;arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&amp;&amp;(e[n]=t[n])}return e}).apply(this,arguments)}function c(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n&lt;a.length;n++)r.indexOf(t=a[n])&gt;=0||(o[t]=e[t]);return o}function i(e){var t=(0,react.useRef)(e),n=(0,react.useRef)(function(e){t.current&amp;&amp;t.current(e)});return t.current=e,n.current}var s=function(e,r,t){return void 0===r&amp;&amp;(r=0),void 0===t&amp;&amp;(t=1),e&gt;t?t:e&lt;r?r:e},f=function(e){return"touches"in e},v=function(e){return e&amp;&amp;e.ownerDocument.defaultView||self},d=function(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t&lt;e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:s((o.pageX-(n.left+v(e).pageXOffset))/n.width),top:s((o.pageY-(n.top+v(e).pageYOffset))/n.height)}},h=function(e){f(e)||e.preventDefault()},m=react.memo(function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),m=(0,react.useRef)(null),g=i(a),p=i(l),b=(0,react.useRef)(null),_=(0,react.useRef)(!1),x=(0,react.useMemo)(function(){var e=function(e){h(e),(f(e)?e.touches.length&gt;0:e.buttons&gt;0)&amp;&amp;m.current?g(d(m.current,e,b.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&amp;&amp;(h(r),(!_.current||!!f(r))&amp;&amp;n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&amp;&amp;(b.current=o[0].identifier)}n.focus(),g(d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r&lt;37||r&gt;40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]},[p,g]),C=x[0],E=x[1],H=x[2];return(0,react.useEffect)(function(){return H},[H]),react.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))}),g=function(e){return e.filter(Boolean).join(" ")},p=function(r){var t=r.color,n=r.left,o=r.top,l=g(["react-colorful__pointer",r.className]);return react.createElement("div",{className:l,style:{top:100*(void 0===o?.5:o)+"%",left:100*n+"%"}},react.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function(e,r,t){return void 0===r&amp;&amp;(r=0),void 0===t&amp;&amp;(t=Math.pow(10,r)),Math.round(t*e)/t},_={grad:.9,turn:360,rad:360/(2*Math.PI)},C=function(e){return"#"===e[0]&amp;&amp;(e=e.substring(1)),e.length&lt;6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?b(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?b(parseInt(e.substring(6,8),16)/255,2):1}},E=function(e,r){return void 0===r&amp;&amp;(r="deg"),Number(e)*(_[r]||1)},N=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t&lt;50?t:100-t)/100)&gt;0?2*r/(t+r)*100:0,v:t+r,a:e.a}},y=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:b(e.h),s:b(o&gt;0&amp;&amp;o&lt;200?r*t/100/(o&lt;=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},q=function(e){var r=y(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},k=function(e){var r=y(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},I=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},D=function(e){var r=e.toString(16);return r.length&lt;2?"0"+r:r},K=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=o&lt;1?D(b(255*o)):"";return"#"+D(r)+D(t)+D(n)+a},L=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(u&lt;0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},A=function(e){return{h:b(e.h),s:b(e.s),v:b(e.v),a:b(e.a,2)}},S=react.memo(function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react.createElement("div",{className:o},react.createElement(m,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuenow":b(t),"aria-valuemax":"360","aria-valuemin":"0"},react.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:q({h:t,s:100,v:100,a:1})})))}),T=react.memo(function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:q({h:t.h,s:100,v:100,a:1})};return react.createElement("div",{className:"react-colorful__saturation",style:o},react.createElement(m,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:q(t)})))}),F=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},P=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function Y(e,t,l){var u=i(l),c=(0,react.useState)(function(){return e.toHsva(t)}),s=c[0],f=c[1],v=(0,react.useRef)({color:t,hsva:s});return(0,react.useEffect)(function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}},[t,e]),(0,react.useEffect)(function(){var r;F(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))},[s,e,u]),[s,(0,react.useCallback)(function(e){f(function(r){return Object.assign({},r,e)})},[])]}var R,V="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,J=new Map,Q=function(e){V(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&amp;&amp;!J.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"&gt;&lt;path d="M8 0h8v8H8zM0 8h8v8H0z"/&gt;&lt;/svg&gt;\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',J.set(r,t);var n=R||__webpack_require__.nc;n&amp;&amp;t.setAttribute("nonce",n),r.head.appendChild(t)}},[])},U=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react.useRef)(null);Q(f);var v=Y(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react.createElement("div",u({},s,{ref:f,className:m}),react.createElement(T,{hsva:d,onChange:h}),react.createElement(S,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},W={defaultColor:"000",toHsva:function(e){return L(C(e))},fromHsva:function(e){return K(I({h:e.h,s:e.s,v:e.v,a:1}))},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||F(C(e),C(r))}},ee=function(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+k(Object.assign({},n,{a:0}))+", "+k(Object.assign({},n,{a:1}))+")"},l=g(["react-colorful__alpha",t]),u=b(100*n.a);return react.createElement("div",{className:l},react.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react.createElement(m,{onMove:function(e){o({a:e.left})},onKey:function(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":u+"%","aria-valuenow":u,"aria-valuemin":"0","aria-valuemax":"100"},react.createElement(p,{className:"react-colorful__alpha-pointer",left:n.a,color:k(n)})))},re=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react.useRef)(null);Q(f);var v=Y(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react.createElement("div",u({},s,{ref:f,className:m}),react.createElement(T,{hsva:d,onChange:h}),react.createElement(S,{hue:d.h,onChange:h}),react.createElement(ee,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},le={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?N({h:E(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:k,equal:P},Ee={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?L({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function(e){var r=I(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:P},color_convert=__webpack_require__("./node_modules/color-convert/index.js"),color_convert_default=__webpack_require__.n(color_convert),throttle=__webpack_require__("./node_modules/lodash/throttle.js"),throttle_default=__webpack_require__.n(throttle),dist=__webpack_require__("./node_modules/@storybook/theming/dist/index.mjs"),components_dist=__webpack_require__("./node_modules/@storybook/components/dist/index.mjs"),Wrapper=dist.zo.div({position:"relative",maxWidth:250}),PickerTooltip=(0,dist.zo)(components_dist.Rl)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=dist.zo.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,dist.zo)(components_dist.gu)(({theme})=&gt;({fontFamily:theme.typography.fonts.base})),Swatches=dist.zo.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=dist.zo.div(({theme,active})=&gt;({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius})),Swatch=({value,active,onClick,style,...props})=&gt;{let backgroundImage=`linear-gradient(${value}, ${value}), url('data:image/svg+xml;charset=utf-8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"&gt;&lt;path d="M8 0h8v8H8zM0 8h8v8H0z"/&gt;&lt;/svg&gt;'), linear-gradient(#fff, #fff)`;return react.createElement(SwatchColor,{...props,active,onClick,style:{...style,backgroundImage}})},Input=(0,dist.zo)(components_dist.l0.Input)(({theme})=&gt;({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base})),ToggleIcon=(0,dist.zo)(components_dist.PJ)(({theme})=&gt;({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color})),ColorSpace=(ColorSpace2=&gt;(ColorSpace2.RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2))(ColorSpace||{}),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker={hex:function(r){return react.createElement(U,u({},r,{colorModel:W}))},rgb:function(r){return react.createElement(re,u({},r,{colorModel:Ee}))},hsl:function(r){return react.createElement(re,u({},r,{colorModel:le}))}},fallbackColor={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},stringToArgs=value=&gt;{let match=value?.match(COLOR_REGEXP);if(!match)return[0,0,0,1];let[,x,y,z,a=1]=match;return[x,y,z,a].map(Number)},parseValue=value=&gt;{if(!value)return;let valid=!0;if(RGB_REGEXP.test(value)){let[r,g,b,a]=stringToArgs(value),[h,s,l]=color_convert_default().rgb.hsl([r,g,b])||[0,0,0];return{valid,value,keyword:color_convert_default().rgb.keyword([r,g,b]),colorSpace:"rgb",rgb:value,hsl:`hsla(${h}, ${s}%, ${l}%, ${a})`,hex:`#${color_convert_default().rgb.hex([r,g,b]).toLowerCase()}`}}if(HSL_REGEXP.test(value)){let[h,s,l,a]=stringToArgs(value),[r,g,b]=color_convert_default().hsl.rgb([h,s,l])||[0,0,0];return{valid,value,keyword:color_convert_default().hsl.keyword([h,s,l]),colorSpace:"hsl",rgb:`rgba(${r}, ${g}, ${b}, ${a})`,hsl:value,hex:`#${color_convert_default().hsl.hex([h,s,l]).toLowerCase()}`}}let plain=value.replace("#",""),rgb=color_convert_default().keyword.rgb(plain)||color_convert_default().hex.rgb(plain),hsl=color_convert_default().rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&amp;&amp;(mapped=`#${plain}`),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{color_convert_default().keyword.hex(mapped)}catch{valid=!1}return{valid,value:mapped,keyword:color_convert_default().rgb.keyword(rgb),colorSpace:"hex",rgb:`rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 1)`,hsl:`hsla(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%, 1)`,hex:mapped}},getRealValue=(value,color,colorSpace)=&gt;{if(!value||!color?.valid)return fallbackColor[colorSpace];if("hex"!==colorSpace)return color?.[colorSpace]||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return`#${color_convert_default().keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r,g,b]=short[1].split("");return`#${r}${r}${g}${g}${b}${b}`},useColorInput=(initialValue,onChange)=&gt;{let[value,setValue]=(0,react.useState)(initialValue||""),[color,setColor]=(0,react.useState)(()=&gt;parseValue(value)),[colorSpace,setColorSpace]=(0,react.useState)(color?.colorSpace||"hex");(0,react.useEffect)(()=&gt;{let nextValue=initialValue||"",nextColor=parseValue(nextValue);setValue(nextValue),setColor(nextColor),setColorSpace(nextColor?.colorSpace||"hex")},[initialValue]);let realValue=(0,react.useMemo)(()=&gt;getRealValue(value,color,colorSpace).toLowerCase(),[value,color,colorSpace]),updateValue=(0,react.useCallback)(update=&gt;{let parsed=parseValue(update),v=parsed?.value||update||"";setValue(v),""===v&amp;&amp;(setColor(void 0),onChange(void 0)),parsed&amp;&amp;(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))},[onChange]),cycleColorSpace=(0,react.useCallback)(()=&gt;{let next=COLOR_SPACES.indexOf(colorSpace)+1;next&gt;=COLOR_SPACES.length&amp;&amp;(next=0),setColorSpace(COLOR_SPACES[next]);let update=color?.[COLOR_SPACES[next]]||"";setValue(update),onChange(update)},[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value=&gt;value.replace(/\s*/,"").toLowerCase(),usePresets=(presetColors,currentColor,colorSpace)=&gt;{let[selectedColors,setSelectedColors]=(0,react.useState)(currentColor?.valid?[currentColor]:[]);(0,react.useEffect)(()=&gt;{void 0===currentColor&amp;&amp;setSelectedColors([])},[currentColor]);let presets=(0,react.useMemo)(()=&gt;(presetColors||[]).map(preset=&gt;"string"==typeof preset?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color)).concat(selectedColors).filter(Boolean).slice(-27),[presetColors,selectedColors]),addPreset=(0,react.useCallback)(color=&gt;{color?.valid&amp;&amp;(presets.some(preset=&gt;id(preset[colorSpace])===id(color[colorSpace]))||setSelectedColors(arr=&gt;arr.concat(color)))},[colorSpace,presets]);return{presets,addPreset}},ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1})=&gt;{let{value,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,(0,react.useCallback)(throttle_default()(onChange,200),[onChange])),{presets,addPreset}=usePresets(presetColors,color,colorSpace),Picker=ColorPicker[colorSpace];return react.createElement(Wrapper,null,react.createElement(PickerTooltip,{startOpen,closeOnOutsideClick:!0,onVisibleChange:()=&gt;addPreset(color),tooltip:react.createElement(TooltipContent,null,react.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus,onBlur}),presets.length&gt;0&amp;&amp;react.createElement(Swatches,null,presets.map((preset,index)=&gt;react.createElement(components_dist.Rl,{key:`${preset.value}-${index}`,hasChrome:!1,tooltip:react.createElement(Note,{note:preset.keyword||preset.value})},react.createElement(Swatch,{value:preset[colorSpace],active:color&amp;&amp;id(preset[colorSpace])===id(color[colorSpace]),onClick:()=&gt;updateValue(preset.value)})))))},react.createElement(Swatch,{value:realValue,style:{margin:4}})),react.createElement(Input,{id:(0,chunk_GWAJ4KRU.d)(name),value,onChange:e=&gt;updateValue(e.target.value),onFocus:e=&gt;e.target.select(),placeholder:"Choose color..."}),value?react.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)},Color_default=ColorControl},"./node_modules/color-convert/conversions.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{let cssKeywords=__webpack_require__("./node_modules/color-name/index.js"),reverseKeywords={};for(let key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;let convert={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};for(let model of(module.exports=convert,Object.keys(convert))){if(!("channels"in convert[model]))throw Error("missing channels property: "+model);if(!("labels"in convert[model]))throw Error("missing channel labels property: "+model);if(convert[model].labels.length!==convert[model].channels)throw Error("channel and label counts mismatch: "+model);let{channels,labels}=convert[model];delete convert[model].channels,delete convert[model].labels,Object.defineProperty(convert[model],"channels",{value:channels}),Object.defineProperty(convert[model],"labels",{value:labels})}function comparativeDistance(x,y){return(x[0]-y[0])**2+(x[1]-y[1])**2+(x[2]-y[2])**2}convert.rgb.hsl=function(rgb){let h;let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&amp;&amp;(h=4+(r-g)/delta),(h=Math.min(60*h,360))&lt;0&amp;&amp;(h+=360);let l=(min+max)/2;return[h,100*(max===min?0:l&lt;=.5?delta/(max+min):delta/(2-max-min)),100*l]},convert.rgb.hsv=function(rgb){let rdif,gdif,bdif,h,s;let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&amp;&amp;(h=2/3+gdif-rdif),h&lt;0?h+=1:h&gt;1&amp;&amp;(h-=1)),[360*h,100*s,100*v]},convert.rgb.hwb=function(rgb){let r=rgb[0],g=rgb[1],b=rgb[2];return[convert.rgb.hsl(rgb)[0],1/255*Math.min(r,Math.min(g,b))*100,100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert.rgb.cmyk=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert.rgb.keyword=function(rgb){let currentClosestKeyword;let reversed=reverseKeywords[rgb];if(reversed)return reversed;let currentClosestDistance=1/0;for(let keyword of Object.keys(cssKeywords)){let distance=comparativeDistance(rgb,cssKeywords[keyword]);distance&lt;currentClosestDistance&amp;&amp;(currentClosestDistance=distance,currentClosestKeyword=keyword)}return currentClosestKeyword},convert.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert.rgb.xyz=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255;return[100*(.4124*(r=r&gt;.04045?((r+.055)/1.055)**2.4:r/12.92)+.3576*(g=g&gt;.04045?((g+.055)/1.055)**2.4:g/12.92)+.1805*(b=b&gt;.04045?((b+.055)/1.055)**2.4:b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert.rgb.lab=function(rgb){let xyz=convert.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return x/=95.047,y/=100,z/=108.883,[116*(y=y&gt;.008856?y**(1/3):7.787*y+16/116)-16,500*((x=x&gt;.008856?x**(1/3):7.787*x+16/116)-y),200*(y-(z=z&gt;.008856?z**(1/3):7.787*z+16/116))]},convert.hsl.rgb=function(hsl){let t2,t3,val;let h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];t2=l&lt;.5?l*(1+s):l+s-l*s;let t1=2*l-t2,rgb=[0,0,0];for(let i=0;i&lt;3;i++)(t3=h+-(1/3*(i-1)))&lt;0&amp;&amp;t3++,t3&gt;1&amp;&amp;t3--,val=6*t3&lt;1?t1+(t2-t1)*6*t3:2*t3&lt;1?t2:3*t3&lt;2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i]=255*val;return rgb},convert.hsl.hsv=function(hsl){let h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);l*=2,s*=l&lt;=1?l:2-l,smin*=lmin&lt;=1?lmin:2-lmin;let v=(l+s)/2;return[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*v]},convert.hsv.rgb=function(hsv){let h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,Math.floor(h)%6){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert.hsv.hsl=function(hsv){let sl,l;let h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;let lmin=(2-s)*vmin;return[h,100*(s*vmin/(lmin&lt;=1?lmin:2-lmin)||0),100*(l/=2)]},convert.hwb.rgb=function(hwb){let f,r,g,b;let h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio&gt;1&amp;&amp;(wh/=ratio,bl/=ratio);let i=Math.floor(6*h),v=1-bl;f=6*h-i,(1&amp;i)!==0&amp;&amp;(f=1-f);let n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert.cmyk.rgb=function(cmyk){let c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert.xyz.rgb=function(xyz){let r,g,b;let x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return r=(r=3.2406*x+-1.5372*y+-.4986*z)&gt;.0031308?1.055*r**(1/2.4)-.055:12.92*r,g=(g=-.9689*x+1.8758*y+.0415*z)&gt;.0031308?1.055*g**(1/2.4)-.055:12.92*g,b=(b=.0557*x+-.204*y+1.057*z)&gt;.0031308?1.055*b**(1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert.xyz.lab=function(xyz){let x=xyz[0],y=xyz[1],z=xyz[2];return x/=95.047,y/=100,z/=108.883,[116*(y=y&gt;.008856?y**(1/3):7.787*y+16/116)-16,500*((x=x&gt;.008856?x**(1/3):7.787*x+16/116)-y),200*(y-(z=z&gt;.008856?z**(1/3):7.787*z+16/116))]},convert.lab.xyz=function(lab){let x,y,z;let l=lab[0],a=lab[1],b=lab[2];x=a/500+(y=(l+16)/116),z=y-b/200;let y2=y**3,x2=x**3,z2=z**3;return y=(y2&gt;.008856?y2:(y-16/116)/7.787)*100,[x=(x2&gt;.008856?x2:(x-16/116)/7.787)*95.047,y,z=(z2&gt;.008856?z2:(z-16/116)/7.787)*108.883]},convert.lab.lch=function(lab){let h;let l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)&lt;0&amp;&amp;(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert.lch.lab=function(lch){let l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert.rgb.ansi16=function(args,saturation=null){let[r,g,b]=args,value=null===saturation?convert.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;let ansi=30+(Math.round(b/255)&lt;&lt;2|Math.round(g/255)&lt;&lt;1|Math.round(r/255));return 2===value&amp;&amp;(ansi+=60),ansi},convert.hsv.ansi16=function(args){return convert.rgb.ansi16(convert.hsv.rgb(args),args[2])},convert.rgb.ansi256=function(args){let r=args[0],g=args[1],b=args[2];return r===g&amp;&amp;g===b?r&lt;8?16:r&gt;248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert.ansi16.rgb=function(args){let color=args%10;if(0===color||7===color)return args&gt;50&amp;&amp;(color+=3.5),[color=color/10.5*255,color,color];let mult=(~~(args&gt;50)+1)*.5;return[(1&amp;color)*mult*255,(color&gt;&gt;1&amp;1)*mult*255,(color&gt;&gt;2&amp;1)*mult*255]},convert.ansi256.rgb=function(args){let rem;if(args&gt;=232){let c=(args-232)*10+8;return[c,c,c]}return[Math.floor((args-=16)/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert.rgb.hex=function(args){let string=(((255&amp;Math.round(args[0]))&lt;&lt;16)+((255&amp;Math.round(args[1]))&lt;&lt;8)+(255&amp;Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.hex.rgb=function(args){let match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];let colorString=match[0];3===match[0].length&amp;&amp;(colorString=colorString.split("").map(char=&gt;char+char).join(""));let integer=parseInt(colorString,16);return[integer&gt;&gt;16&amp;255,integer&gt;&gt;8&amp;255,255&amp;integer]},convert.rgb.hcg=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return[(chroma&lt;=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma)/6%1*360,100*chroma,100*(chroma&lt;1?min/(1-chroma):0)]},convert.hsl.hcg=function(hsl){let s=hsl[1]/100,l=hsl[2]/100,c=l&lt;.5?2*s*l:2*s*(1-l),f=0;return c&lt;1&amp;&amp;(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert.hsv.hcg=function(hsv){let s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c&lt;1&amp;&amp;(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert.hcg.rgb=function(hcg){let h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];let pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v,mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return[(c*pure[0]+(mg=(1-c)*g))*255,(c*pure[1]+mg)*255,(c*pure[2]+mg)*255]},convert.hcg.hsv=function(hcg){let c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v&gt;0&amp;&amp;(f=c/v),[hcg[0],100*f,100*v]},convert.hcg.hsl=function(hcg){let c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l&gt;0&amp;&amp;l&lt;.5?s=c/(2*l):l&gt;=.5&amp;&amp;l&lt;1&amp;&amp;(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert.hcg.hwb=function(hcg){let c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],(v-c)*100,(1-v)*100]},convert.hwb.hcg=function(hwb){let w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c&lt;1&amp;&amp;(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert.gray.hsl=function(args){return[0,0,args[0]]},convert.gray.hsv=convert.gray.hsl,convert.gray.hwb=function(gray){return[0,100,gray[0]]},convert.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert.gray.lab=function(gray){return[gray[0],0,0]},convert.gray.hex=function(gray){let val=255&amp;Math.round(gray[0]/100*255),string=((val&lt;&lt;16)+(val&lt;&lt;8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}},"./node_modules/color-convert/index.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{let conversions=__webpack_require__("./node_modules/color-convert/conversions.js"),route=__webpack_require__("./node_modules/color-convert/route.js"),convert={};function wrapRaw(fn){let wrappedFn=function(...args){let arg0=args[0];return null==arg0?arg0:(arg0.length&gt;1&amp;&amp;(args=arg0),fn(args))};return"conversion"in fn&amp;&amp;(wrappedFn.conversion=fn.conversion),wrappedFn}function wrapRounded(fn){let wrappedFn=function(...args){let arg0=args[0];if(null==arg0)return arg0;arg0.length&gt;1&amp;&amp;(args=arg0);let result=fn(args);if("object"==typeof result)for(let len=result.length,i=0;i&lt;len;i++)result[i]=Math.round(result[i]);return result};return"conversion"in fn&amp;&amp;(wrappedFn.conversion=fn.conversion),wrappedFn}Object.keys(conversions).forEach(fromModel=&gt;{convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});let routes=route(fromModel);Object.keys(routes).forEach(toModel=&gt;{let fn=routes[toModel];convert[fromModel][toModel]=wrapRounded(fn),convert[fromModel][toModel].raw=wrapRaw(fn)})}),module.exports=convert},"./node_modules/color-convert/route.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{let conversions=__webpack_require__("./node_modules/color-convert/conversions.js");function buildGraph(){let graph={},models=Object.keys(conversions);for(let len=models.length,i=0;i&lt;len;i++)graph[models[i]]={distance:-1,parent:null};return graph}function deriveBFS(fromModel){let graph=buildGraph(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){let current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i=0;i&lt;len;i++){let adjacent=adjacents[i],node=graph[adjacent];-1===node.distance&amp;&amp;(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){let path=[graph[toModel].parent,toModel],fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){let graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i=0;i&lt;len;i++){let toModel=models[i];null!==graph[toModel].parent&amp;&amp;(conversion[toModel]=wrapConversion(toModel,graph))}return conversion}},"./node_modules/color-name/index.js":module=&gt;{"use strict";module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},"./node_modules/lodash/_baseTrim.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var trimmedEndIndex=__webpack_require__("./node_modules/lodash/_trimmedEndIndex.js"),reTrimStart=/^\s+/;function baseTrim(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string}module.exports=baseTrim},"./node_modules/lodash/_trimmedEndIndex.js":module=&gt;{var reWhitespace=/\s/;function trimmedEndIndex(string){for(var index=string.length;index--&amp;&amp;reWhitespace.test(string.charAt(index)););return index}module.exports=trimmedEndIndex},"./node_modules/lodash/debounce.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),now=__webpack_require__("./node_modules/lodash/now.js"),toNumber=__webpack_require__("./node_modules/lodash/toNumber.js"),nativeMax=Math.max,nativeMin=Math.min;function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall&gt;=wait||timeSinceLastCall&lt;0||maxing&amp;&amp;time-lastInvokeTime&gt;=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return(timerId=void 0,trailing&amp;&amp;lastArgs)?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function cancel(){void 0!==timerId&amp;&amp;clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return void 0===timerId?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&amp;&amp;(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject(options)&amp;&amp;(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=cancel,debounced.flush=flush,debounced}module.exports=debounce},"./node_modules/lodash/now.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var root=__webpack_require__("./node_modules/lodash/_root.js");module.exports=function(){return root.Date.now()}},"./node_modules/lodash/throttle.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var debounce=__webpack_require__("./node_modules/lodash/debounce.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js");function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw TypeError("Expected a function");return isObject(options)&amp;&amp;(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading:leading,maxWait:wait,trailing:trailing})}module.exports=throttle},"./node_modules/lodash/toNumber.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var baseTrim=__webpack_require__("./node_modules/lodash/_baseTrim.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isSymbol=__webpack_require__("./node_modules/lodash/isSymbol.js"),NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(value){if("number"==typeof value)return value;if(isSymbol(value))return NAN;if(isObject(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NAN:+value}module.exports=toNumber}}]);</span></span></span></pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2024-07-05T22:41:43.517Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>

package/coverage/ui-kit/storybook-static/607.3ea32459.iframe.bundle.js.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for ui-kit/storybook-static/607.3ea32459.iframe.bundle.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 607.3ea32459.iframe.bundle.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/1</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use strict";(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[607],{"./node_modules/@storybook/components/dist/WithTooltip-V3YHNWJZ.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithToolTipState:()=&gt;_chunk_NE5YGCQB_mjs__WEBPACK_IMPORTED_MODULE_0__.WA,WithTooltip:()=&gt;_chunk_NE5YGCQB_mjs__WEBPACK_IMPORTED_MODULE_0__.WA,WithTooltipPure:()=&gt;_chunk_NE5YGCQB_mjs__WEBPACK_IMPORTED_MODULE_0__.DG});var _chunk_NE5YGCQB_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/components/dist/chunk-NE5YGCQB.mjs")}}]);</span></span></span></pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2024-07-05T22:41:43.517Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>

package/coverage/ui-kit/storybook-static/609.949af3f6.iframe.bundle.js.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for ui-kit/storybook-static/609.949af3f6.iframe.bundle.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 609.949af3f6.iframe.bundle.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/1</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use strict";(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[609],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/buttons/Button/Button.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.An2i05Q281T3HQiYU0wS{padding:50px}@media(max-width: 575.98px){.An2i05Q281T3HQiYU0wS{padding:20px}}.cLRbw5pnjo4DSJlY5iLH{font-weight:800;line-height:1.71;letter-spacing:.5px}.cLRbw5pnjo4DSJlY5iLH{opacity:1;transition-property:opacity;transition-timing-function:ease;transition-duration:.3s}@media(hover: hover){.cLRbw5pnjo4DSJlY5iLH:hover{cursor:pointer !important;opacity:.6;transition-duration:.03s}}.cLRbw5pnjo4DSJlY5iLH:active{transition-duration:.03s;opacity:.6}.An2i05Q281T3HQiYU0wS{max-width:1260px;margin:0 auto}.YYBGRwHA2Ie7w7L8_Koh{position:absolute;left:-165px;top:-300px;z-index:-1}@media(max-width: 575.98px){.YYBGRwHA2Ie7w7L8_Koh{left:-165px;top:-103px;width:648px}}.AHkU_iyakTtCAs0VcYA5{width:100%;height:1px;background:rgba(255,255,255,.2)}.lEzSymgB21bouVxdFMOo{width:100%;height:1px;border-bottom:.5px solid #e0e2eb}.ATinTvv3D8pw1QvbUGl0{background:#f1f5f7;animation:IBtpEZchux5zhPraQ4uF 1s 1s infinite ease-in-out}.fKK3ZAIeFYhirK5Rc2FE{background:#d3d5d9;animation:KEXFY1P0wTEH0VK9sEIZ 1s 1s infinite ease-in-out}.QMRyTctnINxySIN1DoRl{background:rgba(255,255,255,.2);animation:FcHEmd5f1HzzLfv2JNA6 1s 1s infinite ease-in-out}.Ny5WAFlcD5WF51oL4UWL{opacity:.5}@keyframes IBtpEZchux5zhPraQ4uF{0%{background:#eaeaea}50%{background:#f1f5f7}100%{background:#eaeaea}}@keyframes KEXFY1P0wTEH0VK9sEIZ{0%{background:#d3d5d9}50%{background:#e9eaec}100%{background:#d3d5d9}}@keyframes FcHEmd5f1HzzLfv2JNA6{0%{background:rgba(255,255,255,.2)}50%{background:rgba(255,255,255,.1)}100%{background:rgba(255,255,255,.2)}}.An2i05Q281T3HQiYU0wS{padding:50px}@media(max-width: 575.98px){.An2i05Q281T3HQiYU0wS{padding:20px}}.cLRbw5pnjo4DSJlY5iLH{font-weight:800;line-height:1.71;letter-spacing:.5px}.cLRbw5pnjo4DSJlY5iLH{opacity:1;transition-property:opacity;transition-timing-function:ease;transition-duration:.3s}@media(hover: hover){.cLRbw5pnjo4DSJlY5iLH:hover{cursor:pointer !important;opacity:.6;transition-duration:.03s}}.cLRbw5pnjo4DSJlY5iLH:active{transition-duration:.03s;opacity:.6}.cLRbw5pnjo4DSJlY5iLH{transition-property:all;transition-duration:.1s;font-size:16px;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;position:relative;user-select:none}.cLRbw5pnjo4DSJlY5iLH.B1PjkFkpP8eim0MFBa7W,.cLRbw5pnjo4DSJlY5iLH.B1PjkFkpP8eim0MFBa7W:hover,.cLRbw5pnjo4DSJlY5iLH.B1PjkFkpP8eim0MFBa7W:active{background-color:#e9eaec !important;color:#8f95a2 !important;cursor:default !important;box-shadow:none !important}@media(max-width: 767.98px){.cLRbw5pnjo4DSJlY5iLH.mmOYdcymZyOA7ujQHEO1{max-width:100%;width:100%}}@media(max-width: 575.98px){.cLRbw5pnjo4DSJlY5iLH{font-size:14px}.cLRbw5pnjo4DSJlY5iLH.RaNP_mzYlu9qxLULyEWf{max-width:100%;width:100%}}.cLRbw5pnjo4DSJlY5iLH.f5KSgVgh2Kn5opNln3gu{height:66px;padding:0 64px}@media(max-width: 575.98px){.cLRbw5pnjo4DSJlY5iLH.f5KSgVgh2Kn5opNln3gu{height:48px;padding:0}}.cLRbw5pnjo4DSJlY5iLH.h1e2yQcWEeMVc6NKn7TQ{font-size:14px;height:48px;padding:0 48px}@media(max-width: 575.98px){.cLRbw5pnjo4DSJlY5iLH.h1e2yQcWEeMVc6NKn7TQ{height:40px}}.cLRbw5pnjo4DSJlY5iLH._PxXV_zwyUeCKIaV8fEf{height:40px;font-size:14px;padding:0 32px}.cLRbw5pnjo4DSJlY5iLH.r_FC1vz6ty4HONWzvt6g{height:35px;font-size:12px;padding:0 24px}@media(max-width: 415px){.cLRbw5pnjo4DSJlY5iLH.r_FC1vz6ty4HONWzvt6g.XQyi9T6W4FnapBLfdVFl{padding:0 18px}}.cLRbw5pnjo4DSJlY5iLH.syhIslAkbIsah8kSBTpH{box-shadow:0 20px 40px 0 rgba(11,137,143,.39);background:#16cdd6;color:#fff}.cLRbw5pnjo4DSJlY5iLH.RYjCwhlxnNnSiSeyEY6E{border:2px solid #16cdd6;color:#16cdd6}.cLRbw5pnjo4DSJlY5iLH.RYjCwhlxnNnSiSeyEY6E:hover{background-color:#d0f5f7;transition-duration:.02s;opacity:1}.cLRbw5pnjo4DSJlY5iLH.WQUEZUHYYMTSbkZ53fZF{background:#d0f5f7;color:#16cdd6}.cLRbw5pnjo4DSJlY5iLH.WCBGbLnaRzSxZnTLvB3g{background:rgba(255,255,255,.2);color:#fff;box-shadow:0 23px 30px 0 rgba(0,102,107,.39)}.cLRbw5pnjo4DSJlY5iLH.t_6y_HLJK8TYXsSTYPbp{border:2px solid #fff;color:#fff}.cLRbw5pnjo4DSJlY5iLH.JkWSF3XhNqmWVvx0DrFQ{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#16cdd6}.cLRbw5pnjo4DSJlY5iLH.PGwBH3dEJmXxcPN2K1Dc{background:#fff;color:#39448e;box-shadow:0 20px 20px rgba(15,24,75,.2)}.cLRbw5pnjo4DSJlY5iLH.A300STDCIxqsENRMha75{background:#fff;color:#232d42}.PpxN9gK1xml8_tCR4PfB{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.15);transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1);opacity:0}.PpxN9gK1xml8_tCR4PfB.cHYzP_MezOxbz6iIp_Et{opacity:1;transform:translate(-50%, -50%) scale(1)}.MpVn8yf2Wm84tRUZefU8{position:absolute;top:50%;left:50%;opacity:0;width:20px;height:20px;transform:translate(-50%, -50%) scale(1.4);transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1);display:flex;justify-content:center;align-items:center}.MpVn8yf2Wm84tRUZefU8.cHYzP_MezOxbz6iIp_Et{opacity:1;transform:translate(-50%, -50%) scale(1)}.MpVn8yf2Wm84tRUZefU8::after{content:" ";display:inline-block;transform:rotate(45deg);height:10px;width:5px;border-bottom:3px solid #16cdd6;border-right:3px solid #16cdd6;margin-top:-4px}.MpVn8yf2Wm84tRUZefU8.t_6y_HLJK8TYXsSTYPbp::after,.MpVn8yf2Wm84tRUZefU8.WCBGbLnaRzSxZnTLvB3g::after,.MpVn8yf2Wm84tRUZefU8.syhIslAkbIsah8kSBTpH::after{border-color:#fff}.MpVn8yf2Wm84tRUZefU8.RYjCwhlxnNnSiSeyEY6E::after,.MpVn8yf2Wm84tRUZefU8.WQUEZUHYYMTSbkZ53fZF::after,.MpVn8yf2Wm84tRUZefU8.JkWSF3XhNqmWVvx0DrFQ::after{border-color:#16cdd6}.FjpH_w0No4iabCYcK5nS{user-select:none;transform:scale(1);transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1)}.FjpH_w0No4iabCYcK5nS.WHv902NcbEvPdjlMaLdS{opacity:0;transform:scale(0.9)}.cLRbw5pnjo4DSJlY5iLH .tsSUib8pm3MCO2J47ixx{display:flex;align-items:center;transform:scale(1);transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1)}.cLRbw5pnjo4DSJlY5iLH .tsSUib8pm3MCO2J47ixx.WHv902NcbEvPdjlMaLdS{opacity:0;transform:scale(0.9)}.cLRbw5pnjo4DSJlY5iLH .EX9b4YpodYAgvhuCGJIR{margin-left:12px}.cLRbw5pnjo4DSJlY5iLH .tsSUib8pm3MCO2J47ixx.pE4zfDJEzovfNgEUF0m6 img{height:24px}',"",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/assets/styles/_variables.scss","webpack://./src/ui-kit/assets/styles/_global-classes.scss","webpack://./src/ui-kit/components/atoms/buttons/Button/Button.module.scss"],names:[],mappings:"AAGA,sBACI,YAAA,CAEA,4BAHJ,sBAIQ,YAAA,CAAA,CAQR,sBACI,eCuBQ,CDtBR,gBAAA,CACA,mBC2BY,CDwEhB,sBACI,SAAA,CACA,2BAAA,CACA,+BAAA,CACA,uBAAA,CAEA,qBACI,4BACI,yBAAA,CACA,UAAA,CACA,wBAAA,CAAA,CAIR,6BACI,wBAAA,CACA,UAAA,CEjIR,sBACI,gBAAA,CACA,aAAA,CAIJ,sBACI,iBAAA,CACA,WAAA,CACA,UAAA,CACA,UAAA,CAEA,4BANJ,sBAOQ,WAAA,CACA,UAAA,CACA,WAAA,CAAA,CAIR,sBACI,UAAA,CACA,UAAA,CACA,+BAAA,CAGJ,sBACI,UAAA,CACA,UAAA,CACA,gCAAA,CAGJ,sBACI,kBAAA,CACA,yDAAA,CAGJ,sBACI,kBAAA,CACA,yDAAA,CAGJ,sBACI,+BAAA,CACA,yDAAA,CAGJ,sBACI,UAAA,CAGJ,gCACI,GACI,kBAAA,CAEJ,IACI,kBAAA,CAEJ,KACI,kBAAA,CAAA,CAIR,gCACI,GACI,kBAAA,CAEJ,IACI,kBAAA,CAEJ,KACI,kBAAA,CAAA,CAIR,gCACI,GACI,+BAAA,CAEJ,IACI,+BAAA,CAEJ,KACI,+BAAA,CAAA,CFnFR,sBACI,YAAA,CAEA,4BAHJ,sBAIQ,YAAA,CAAA,CAQR,sBACI,eCuBQ,CDtBR,gBAAA,CACA,mBC2BY,CDwEhB,sBACI,SAAA,CACA,2BAAA,CACA,+BAAA,CACA,uBAAA,CAEA,qBACI,4BACI,yBAAA,CACA,UAAA,CACA,wBAAA,CAAA,CAIR,6BACI,wBAAA,CACA,UAAA,CGnIR,sBAGI,uBAAA,CACA,uBAAA,CACA,cAAA,CACA,2BAAA,CACA,wBAAA,CACA,mBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CACA,gBAAA,CAGI,8IAGI,mCAAA,CACA,wBAAA,CACA,yBAAA,CACA,0BAAA,CAIR,4BACI,2CACI,cAAA,CACA,UAAA,CAAA,CAIR,4BAnCJ,sBAoCQ,cAAA,CACA,2CACI,cAAA,CACA,UAAA,CAAA,CAIR,2CACI,WAAA,CACA,cAAA,CACA,4BAHJ,2CAIQ,WAAA,CACA,SAAA,CAAA,CAIR,2CACI,cAAA,CACA,WAAA,CACA,cAAA,CACA,4BAJJ,2CAKQ,WAAA,CAAA,CAGR,2CACI,WAAA,CACA,cAAA,CACA,cAAA,CAEJ,2CACI,WAAA,CACA,cAAA,CACA,cAAA,CAII,yBADJ,gEAEQ,cAAA,CAAA,CAKZ,2CACI,6CAAA,CACA,kBAAA,CACA,UFtEA,CEyEJ,2CACI,wBFvEO,CEwEP,aAAA,CACA,iDACI,wBAAA,CACA,wBAAA,CACA,SAAA,CAIR,2CACI,kBAAA,CACA,aAAA,CAGJ,2CACI,+BAAA,CACA,UF1FA,CE2FA,4CAAA,CAGJ,2CACI,qBF3FY,CE4FZ,UFhGA,CEmGJ,2CACI,wBAAA,CACA,0BAAA,CACA,aAAA,CAGJ,2CACI,eF1GA,CE2GA,aAAA,CACA,wCAAA,CAGJ,2CACI,eFhHA,CEiHA,aAAA,CAGJ,sBACI,iBAAA,CACA,OAAA,CACA,QAAA,CACA,2CAAA,CACA,oDAAA,CACA,SAAA,CAEA,2CACI,SAAA,CACA,wCAAA,CAIR,sBACI,iBAAA,CACA,OAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CACA,0CAAA,CACA,oDAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,2CACI,SAAA,CACA,wCAAA,CAGJ,6BACI,WAAA,CACA,oBAAA,CACA,uBAAA,CACA,WAAA,CACA,SAAA,CACA,+BAAA,CACA,8BAAA,CACA,eAAA,CAGJ,sJAGI,iBFlKJ,CEqKA,sJAGI,oBAAA,CAIR,sBACI,gBAAA,CACA,kBAAA,CACA,oDAAA,CACA,2CACI,SAAA,CACA,oBAAA,CAIR,4CACI,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,oDAAA,CAEA,iEACI,SAAA,CACA,oBAAA,CAGJ,4CACI,gBAAA,CAIA,qEACI,WAAA",sourcesContent:['@import "variables";\n@import "functions";\n\n%container-padding {\n    padding: Padding("50");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%font {\n    // font-family: NunitoSans;\n}\n\n%text-very-bold {\n    font-weight: $very-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-bold {\n    font-weight: $bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-semibold {\n    font-weight: $semi-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-medium {\n    font-weight: $medium;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%fiat-amount-grey {\n    color: SolidColor("grey");\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%fiat-amount-white {\n    color: $white;\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%seperator-border {\n    position: relative;\n\n    &amp;:before {\n        content: "";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: calc(100% - 40px);\n        height: 1px;\n        border-top: $separatorBorder;\n    }\n}\n\n%skeleton-text {\n    height: 16px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-big-text {\n    height: 20px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-text-h3 {\n    height: 30px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n}\n\n%skeleton-icon-h3 {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n}\n\n%white-box {\n    border-radius: $borderRadius;\n    background-color: $white;\n    padding: Padding("7");\n}\n\n%white-box-big-padding {\n    border-radius: $borderRadius;\n    background-color: $white;\n\n    padding: Padding("10");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%hover-state {\n    opacity: 1;\n    transition-property: opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.3s;\n\n    @media (hover: hover) {\n        &amp;:hover {\n            cursor: pointer !important;\n            opacity: 0.6;\n            transition-duration: 0.03s;\n        }\n    }\n\n    &amp;:active {\n        transition-duration: 0.03s;\n        opacity: 0.6;\n    }\n}\n\n%black-window {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(#0d1e3c, 0.5);\n    z-index: -1;\n}\n','@import "colors/solid-colors";\n@import "colors/light-colors";\n@import "size/margin-size";\n@import "size/padding-size";\n\n$borderRadius: 16px;\n$background: linear-gradient(\n    39deg,\n    #6fdfa0 0%,\n    #405db0 81%,\n    #405db0 81%,\n    #3b5bb6 81%\n);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic: 0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover: 0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive: 0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError: 0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n','@import "functions";\n@import "placeholder";\n@import "variables";\n\n.container {\n    max-width: 1260px;\n    margin: 0 auto;\n    @extend %container-padding;\n}\n\n.background-shine {\n    position: absolute;\n    left: -165px;\n    top: -300px;\n    z-index: -1;\n\n    @media (max-width: $phone-width) {\n        left: -165px;\n        top: -103px;\n        width: 648px;\n    }\n}\n\n.path {\n    width: 100%;\n    height: 1px;\n    background: LightColor("white-20");\n}\n\n.line {\n    width: 100%;\n    height: 1px;\n    border-bottom: 0.5px solid SolidColor("smoke");\n}\n\n.skeleton {\n    background: SolidColor("lightsmoke");\n    animation: skeleton-animate 1s 1s infinite ease-in-out;\n}\n\n.skeleton-dark {\n    background: LightColor("dark-20");\n    animation: skeleton-dark-animate 1s 1s infinite ease-in-out;\n}\n\n.skeleton-transparent {\n    background: rgba($white, 0.2);\n    animation: skeleton-transparent-animate 1s 1s infinite ease-in-out;\n}\n\n.semi-transparent {\n    opacity: 0.5;\n}\n\n@keyframes skeleton-animate {\n    0% {\n        background: #eaeaea;\n    }\n    50% {\n        background: SolidColor("lightsmoke");\n    }\n    100% {\n        background: #eaeaea;\n    }\n}\n\n@keyframes skeleton-dark-animate {\n    0% {\n        background: LightColor("dark-20");\n    }\n    50% {\n        background: LightColor("grey-20");\n    }\n    100% {\n        background: LightColor("dark-20");\n    }\n}\n\n@keyframes skeleton-transparent-animate {\n    0% {\n        background: rgba($white, 0.2);\n    }\n    50% {\n        background: rgba($white, 0.1);\n    }\n    100% {\n        background: rgba($white, 0.2);\n    }\n}\n','@import "../../../../assets/styles/index";\n\n.button {\n    @extend %text-very-bold;\n    @extend %hover-state;\n    transition-property: all;\n    transition-duration: 0.1s;\n    font-size: 16px;\n    -webkit-border-radius: 200px;\n    -moz-border-radius: 200px;\n    border-radius: 200px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    white-space: nowrap;\n    position: relative;\n    user-select: none;\n\n    &amp;.disable {\n        &amp;,\n        &amp;:hover,\n        &amp;:active {\n            background-color: LightColor("grey-20") !important;\n            color: SolidColor("grey") !important;\n            cursor: default !important;\n            box-shadow: none !important;\n        }\n    }\n\n    @media (max-width: $tablet-width) {\n        &amp;.full-width-on-tablets {\n            max-width: 100%;\n            width: 100%;\n        }\n    }\n\n    @media (max-width: $phone-width) {\n        font-size: 14px;\n        &amp;.full-width-on-mobiles {\n            max-width: 100%;\n            width: 100%;\n        }\n    }\n\n    &amp;.xl {\n        height: 66px;\n        padding: 0 64px;\n        @media (max-width: $phone-width) {\n            height: 48px;\n            padding: 0;\n        }\n    }\n\n    &amp;.lg {\n        font-size: 14px;\n        height: 48px;\n        padding: 0 48px;\n        @media (max-width: $phone-width) {\n            height: 40px;\n        }\n    }\n    &amp;.md {\n        height: 40px;\n        font-size: 14px;\n        padding: 0 32px;\n    }\n    &amp;.sm {\n        height: 35px;\n        font-size: 12px;\n        padding: 0 24px;\n\n        // This is somewhat of a hack, which should absolutely be refactored with a better layout\n        &amp;.small-padding-on-small-mobiles {\n            @media (max-width: 415px) {\n                padding: 0 18px;\n            }\n        }\n    }\n\n    &amp;.primary {\n        box-shadow: 0 20px 40px 0 rgba(11, 137, 143, 0.39);\n        background: SolidColor(tosca);\n        color: $white;\n    }\n\n    &amp;.primary-bordered {\n        border: $buttonBorder;\n        color: SolidColor(tosca);\n        &amp;:hover {\n            background-color: LightColor("tosca-20");\n            transition-duration: 0.02s;\n            opacity: 1;\n        }\n    }\n\n    &amp;.primary-transparent {\n        background: LightColor(army-20);\n        color: SolidColor(tosca);\n    }\n\n    &amp;.transparent {\n        background: LightColor(white-20);\n        color: $white;\n        box-shadow: 0 23px 30px 0 rgba(0, 102, 107, 0.39);\n    }\n\n    &amp;.transparent-bordered {\n        border: $buttonBorderWhite;\n        color: $white;\n    }\n\n    &amp;.transparent-without-shadow {\n        background: transparent;\n        border-color: transparent;\n        color: SolidColor(tosca);\n    }\n\n    &amp;.white {\n        background: $white;\n        color: #39448e;\n        box-shadow: 0 20px 20px rgba(15, 24, 75, 0.2);\n    }\n\n    &amp;.white-flat {\n        background: $white;\n        color: SolidColor("dark");\n    }\n\n    &amp;-primary-dots-wrapper {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%) scale(1.15);\n        transition: all 0.1s $transitionEaseOut;\n        opacity: 0;\n\n        &amp;.show {\n            opacity: 1;\n            transform: translate(-50%, -50%) scale(1);\n        }\n    }\n\n    &amp;-success-icon {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        opacity: 0;\n        width: 20px;\n        height: 20px;\n        transform: translate(-50%, -50%) scale(1.4);\n        transition: all 0.1s $transitionEaseOut;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &amp;.show {\n            opacity: 1;\n            transform: translate(-50%, -50%) scale(1);\n        }\n\n        &amp;::after {\n            content: " ";\n            display: inline-block;\n            transform: rotate(45deg);\n            height: 10px;\n            width: 5px;\n            border-bottom: 3px solid SolidColor(tosca);\n            border-right: 3px solid SolidColor(tosca);\n            margin-top: -4px;\n        }\n\n        &amp;.transparent-bordered::after,\n        &amp;.transparent::after,\n        &amp;.primary::after {\n            border-color: $white;\n        }\n\n        &amp;.primary-bordered::after,\n        &amp;.primary-transparent::after,\n        &amp;.transparent-without-shadow::after {\n            border-color: SolidColor(tosca);\n        }\n    }\n\n    &amp;-text {\n        user-select: none;\n        transform: scale(1);\n        transition: all 0.1s $transitionEaseOut;\n        &amp;.hide {\n            opacity: 0;\n            transform: scale(0.9);\n        }\n    }\n\n    .button-with-icon {\n        display: flex;\n        align-items: center;\n        transform: scale(1);\n        transition: all 0.1s $transitionEaseOut;\n\n        &amp;.hide {\n            opacity: 0;\n            transform: scale(0.9);\n        }\n\n        &amp;-text {\n            margin-left: Margin("3");\n        }\n\n        &amp;.big-icon {\n            img {\n                height: 24px;\n            }\n        }\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"An2i05Q281T3HQiYU0wS",button:"cLRbw5pnjo4DSJlY5iLH","background-shine":"YYBGRwHA2Ie7w7L8_Koh",path:"AHkU_iyakTtCAs0VcYA5",line:"lEzSymgB21bouVxdFMOo",skeleton:"ATinTvv3D8pw1QvbUGl0","skeleton-animate":"IBtpEZchux5zhPraQ4uF","skeleton-dark":"fKK3ZAIeFYhirK5Rc2FE","skeleton-dark-animate":"KEXFY1P0wTEH0VK9sEIZ","skeleton-transparent":"QMRyTctnINxySIN1DoRl","skeleton-transparent-animate":"FcHEmd5f1HzzLfv2JNA6","semi-transparent":"Ny5WAFlcD5WF51oL4UWL",disable:"B1PjkFkpP8eim0MFBa7W","full-width-on-tablets":"mmOYdcymZyOA7ujQHEO1","full-width-on-mobiles":"RaNP_mzYlu9qxLULyEWf",xl:"f5KSgVgh2Kn5opNln3gu",lg:"h1e2yQcWEeMVc6NKn7TQ",md:"_PxXV_zwyUeCKIaV8fEf",sm:"r_FC1vz6ty4HONWzvt6g","small-padding-on-small-mobiles":"XQyi9T6W4FnapBLfdVFl",primary:"syhIslAkbIsah8kSBTpH","primary-bordered":"RYjCwhlxnNnSiSeyEY6E","primary-transparent":"WQUEZUHYYMTSbkZ53fZF",transparent:"WCBGbLnaRzSxZnTLvB3g","transparent-bordered":"t_6y_HLJK8TYXsSTYPbp","transparent-without-shadow":"JkWSF3XhNqmWVvx0DrFQ",white:"PGwBH3dEJmXxcPN2K1Dc","white-flat":"A300STDCIxqsENRMha75","button-primary-dots-wrapper":"PpxN9gK1xml8_tCR4PfB",show:"cHYzP_MezOxbz6iIp_Et","button-success-icon":"MpVn8yf2Wm84tRUZefU8","button-text":"FjpH_w0No4iabCYcK5nS",hide:"WHv902NcbEvPdjlMaLdS","button-with-icon":"tsSUib8pm3MCO2J47ixx","button-with-icon-text":"EX9b4YpodYAgvhuCGJIR","big-icon":"pE4zfDJEzovfNgEUF0m6"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/ui-kit/components/atoms/buttons/Button/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{z:()=&gt;Button});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/buttons/Button/Button.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(Button_module.Z,options);let Button_Button_module=Button_module.Z&amp;&amp;Button_module.Z.locals?Button_module.Z.locals:void 0;var LoadingDots=__webpack_require__("./src/ui-kit/components/atoms/LoadingDots/LoadingDots.jsx");function _array_like_to_array(arr,len){(null==len||len&gt;arr.length)&amp;&amp;(len=arr.length);for(var i=0,arr2=Array(len);i&lt;len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&amp;&amp;arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&amp;&amp;(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&amp;&amp;o.constructor&amp;&amp;(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}var Button=function(param){var _param_size=param.size,_param_className=param.className,_param_mode=param.mode,mode=void 0===_param_mode?"transparent":_param_mode,_param_onClick=param.onClick,onClick=void 0===_param_onClick?function(resetButtonLoader,event){}:_param_onClick,_param_loader=param.loader,loader=void 0===_param_loader||_param_loader,_param_loading=param.loading,loading=void 0!==_param_loading&amp;&amp;_param_loading,_param_to=param.to,to=void 0===_param_to?"":_param_to,_param_fullWidthOnMobiles=param.fullWidthOnMobiles,_param_fullWidthOnTablets=param.fullWidthOnTablets,_param_icon=param.icon,icon=void 0===_param_icon?"":_param_icon,_param_content=param.content,content=void 0===_param_content?"":_param_content,_param_isDisabled=param.isDisabled,isDisabled=void 0!==_param_isDisabled&amp;&amp;_param_isDisabled,_param_setClickTrigger=param.setClickTrigger,setClickTrigger=void 0===_param_setClickTrigger?function(p){}:_param_setClickTrigger,_param_isFormSubmittingButton=param.isFormSubmittingButton,_param_bigIcon=param.bigIcon,bigIcon=void 0!==_param_bigIcon&amp;&amp;_param_bigIcon,_param_checkmarkOnClick=param.checkmarkOnClick,checkmarkOnClick=void 0!==_param_checkmarkOnClick&amp;&amp;_param_checkmarkOnClick,_param_propagatePrimaryButtonClick=param.propagatePrimaryButtonClick,propagatePrimaryButtonClick=void 0===_param_propagatePrimaryButtonClick||_param_propagatePrimaryButtonClick,_param_smallPaddingOnSmallMobiles=param.smallPaddingOnSmallMobiles,_param_handleError=param.handleError,handleError=void 0===_param_handleError?function(func,event){return func(event)}:_param_handleError,_useState=_sliced_to_array((0,react.useState)(loading),2),isLoading=_useState[0],setIsLoading=_useState[1],_useState1=_sliced_to_array((0,react.useState)(!1),2),isCheckShown=_useState1[0],setIsCheckShown=_useState1[1],_useState2=_sliced_to_array((0,react.useState)(null),2),event=_useState2[0],setEvent=_useState2[1],buttonRef=(0,react.useRef)();(0,react.useEffect)(function(){setClickTrigger(function(){return buttonRef.current.click()})},[buttonRef]),(0,react.useEffect)(function(){isLoading&amp;&amp;onClick(function(){return setIsLoading(!1)},event)},[isLoading]);var buttonClick=function(e){if(isLoading||isDisabled)return!1;!checkmarkOnClick||isCheckShown||loader||loading||(setIsCheckShown(!0),setTimeout(function(){setIsCheckShown(!1)},2e3)),(null==e?void 0:e.persist)&amp;&amp;e.persist(),propagatePrimaryButtonClick||e.stopPropagation(),loader?(setIsLoading(!0),setEvent(e)):onClick(function(){return setIsLoading(!1)},e)},classNames="".concat(Button_Button_module.button," ").concat(Button_Button_module[void 0===_param_size?"xl":_param_size]," ").concat(Button_Button_module[void 0===_param_className?"":_param_className]," ").concat(Button_Button_module[mode])+(void 0!==_param_fullWidthOnMobiles&amp;&amp;_param_fullWidthOnMobiles?" ".concat(Button_Button_module["full-width-on-mobiles"]):"")+(void 0!==_param_fullWidthOnTablets&amp;&amp;_param_fullWidthOnTablets?" ".concat(Button_Button_module["full-width-on-tablets"]):"")+(isDisabled?" ".concat(Button_Button_module.disable):"")+(void 0!==_param_smallPaddingOnSmallMobiles&amp;&amp;_param_smallPaddingOnSmallMobiles?" ".concat(Button_Button_module["small-padding-on-small-mobiles"]):"");return react.createElement(react.Fragment,null,void 0!==_param_isFormSubmittingButton&amp;&amp;_param_isFormSubmittingButton?react.createElement("input",{type:"submit",hidden:!0}):null,to?react.createElement("a",{className:classNames,onClick:function(e){return handleError(buttonClick,e)},href:to,ref:buttonRef},icon?react.createElement("div",{className:Button_Button_module["button-with-icon"]+(bigIcon?" ".concat(Button_Button_module["big-icon"]):"")},react.createElement("img",{src:icon,alt:"button icon",loading:"lazy"}),react.createElement("span",{className:Button_Button_module["button-with-icon-text"]},content)):content):react.createElement("div",{className:classNames,onClick:function(e){return handleError(buttonClick,e)},ref:buttonRef},react.createElement("div",{className:"".concat(Button_Button_module["button-primary-dots-wrapper"]," ").concat(isLoading&amp;&amp;loader?Button_Button_module.show:"")},loader&amp;&amp;isLoading?react.createElement(LoadingDots.x,{isColored:"white"===mode}):null),react.createElement("div",{className:"".concat(Button_Button_module["button-success-icon"]," ").concat(Button_Button_module[mode]," ").concat(isCheckShown?Button_Button_module.show:"")}),icon?react.createElement("div",{className:"".concat(Button_Button_module["button-with-icon"]," ").concat(isLoading&amp;&amp;loader||checkmarkOnClick&amp;&amp;isCheckShown?Button_Button_module.hide:""," ").concat(bigIcon?Button_Button_module["big-icon"]:"")},react.createElement("img",{src:icon,alt:"button icon",loading:"lazy"}),react.createElement("span",{className:Button_Button_module["button-with-icon-text"]},content)):react.createElement("span",{className:"".concat(Button_Button_module["button-text"]," ").concat(isLoading&amp;&amp;loader||checkmarkOnClick&amp;&amp;isCheckShown?Button_Button_module.hide:"")},content)))};Button.propTypes={size:prop_types_default().oneOf(["xl","lg","md","sm"]),className:prop_types_default().string,mode:prop_types_default().oneOf(["transparent","white","white-flat","primary","primary-bordered","primary-transparent","transparent-bordered","transparent-without-shadow"]),onClick:prop_types_default().func,loader:prop_types_default().bool,loading:prop_types_default().bool,to:prop_types_default().string,fullWidthOnMobiles:prop_types_default().bool,fullWidthOnTablets:prop_types_default().bool,icon:prop_types_default().string,content:prop_types_default().node,isDisabled:prop_types_default().bool,setClickTrigger:prop_types_default().func,isFormSubmittingButton:prop_types_default().bool,bigIcon:prop_types_default().bool,checkmarkOnClick:prop_types_default().bool,propagatePrimaryButtonClick:prop_types_default().bool,smallPaddingOnSmallMobiles:prop_types_default().bool,handleError:prop_types_default().func},Button.defaultProps={size:"xl",className:"",mode:"transparent",onClick:function(resetButtonLoader,event){},loader:!0,loading:!1,to:"",fullWidthOnMobiles:!1,fullWidthOnTablets:!1,icon:"",content:"",isDisabled:!1,setClickTrigger:function(p){},isFormSubmittingButton:!1,bigIcon:!1,checkmarkOnClick:!1,propagatePrimaryButtonClick:!0,smallPaddingOnSmallMobiles:!1,handleError:function(func){return func()}},Button.__docgenInfo={description:"Button component - A versatile and customizable button for React applications.\nIt supports various sizes, styles, and functionalities, including loaders, icons, and handling of click events.\nThis component can also be used as a link if \"to\" is provided.\n\n@component\n@param {Object} props\n@param {('xl'|'lg'|'md'|'sm')} [props.size='xl'] - Sets the size of the button.\n@param {string} [props.className=''] - An optional custom CSS class name for additional styling.\n@param {string} [props.mode='transparent'] - Determines the button's visual style.\n@param {Function} [props.onClick=(resetButtonLoader, event) =&gt; {}] - Callback function that triggers on button click.\n@param {boolean} [props.loader=true] - If true, displays a loader animation on the button when clicked.\n@param {boolean} [props.loading=false] - Controls the actual display of the loader if `loader` is true.\n@param {string} [props.to=''] - The path for the button to act as a link.\n@param {boolean} [props.fullWidthOnMobiles=false] - Expands the button to full width on mobiles.\n@param {boolean} [props.fullWidthOnTablets=false] - Expands the button to full width on tablets.\n@param {string} [props.icon=''] - The path to the button's icon.\n@param {React.ReactNode} [props.content=''] - The text or content displayed inside the button.\n@param {boolean} [props.isDisabled=false] - Disables the button if true.\n@param {Function} [props.setClickTrigger=(p) =&gt; {}] - Function to programmatically trigger a button click.\n@param {boolean} [props.isFormSubmittingButton=false] - If true, adds a hidden `&lt;input type=\"submit\"&gt;`.\n@param {boolean} [props.bigIcon=false] - If true, displays a larger icon on the button.\n@param {boolean} [props.checkmarkOnClick=false] - Shows a checkmark instead of content for a few seconds after click.\n@param {boolean} [props.propagatePrimaryButtonClick=true] - Propagates the primary button click event if true.\n@param {boolean} [props.smallPaddingOnSmallMobiles=false] - Enables smaller paddings for extra-small screen sizes.\n@param {Function} [props.handleError=(func) =&gt; func()] - Function to handle errors during button click events.\n@returns {React.ReactElement}",methods:[],displayName:"Button",props:{size:{defaultValue:{value:'"xl"',computed:!1},description:"",type:{name:"enum",value:[{value:'"xl"',computed:!1},{value:'"lg"',computed:!1},{value:'"md"',computed:!1},{value:'"sm"',computed:!1}]},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},mode:{defaultValue:{value:'"transparent"',computed:!1},description:"",type:{name:"enum",value:[{value:'"transparent"',computed:!1},{value:'"white"',computed:!1},{value:'"white-flat"',computed:!1},{value:'"primary"',computed:!1},{value:'"primary-bordered"',computed:!1},{value:'"primary-transparent"',computed:!1},{value:'"transparent-bordered"',computed:!1},{value:'"transparent-without-shadow"',computed:!1}]},required:!1},onClick:{defaultValue:{value:"(resetButtonLoader, event) =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},loader:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},loading:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},to:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},fullWidthOnMobiles:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},fullWidthOnTablets:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"node"},required:!1},isDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},setClickTrigger:{defaultValue:{value:"p =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},isFormSubmittingButton:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},bigIcon:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkOnClick:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},propagatePrimaryButtonClick:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},smallPaddingOnSmallMobiles:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},handleError:{defaultValue:{value:"func =&gt; func()",computed:!1},description:"",type:{name:"func"},required:!1}}}}}]);</span></span></span></pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2024-07-05T22:41:43.517Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>