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

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

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 (258) hide show

package/coverage/ui-kit/storybook-static/atoms-buttons-Button-stories.d336c1a5.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/atoms-buttons-Button-stories.d336c1a5.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> atoms-buttons-Button-stories.d336c1a5.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([[126],{"./stories/atoms/buttons/Button.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BigIconButton:()=&gt;BigIconButton,CheckmarkOnClickButton:()=&gt;CheckmarkOnClickButton,Default:()=&gt;Default,DisabledButton:()=&gt;DisabledButton,FullWidthOnMobiles:()=&gt;FullWidthOnMobiles,FullWidthOnTablets:()=&gt;FullWidthOnTablets,IconButton:()=&gt;IconButton,LoadingButton:()=&gt;LoadingButton,Primary:()=&gt;Primary,PrimaryBordered:()=&gt;PrimaryBordered,PrimaryTransparent:()=&gt;PrimaryTransparent,SmallPaddingOnSmallMobilesButton:()=&gt;SmallPaddingOnSmallMobilesButton,Transparent:()=&gt;Transparent,TransparentBordered:()=&gt;TransparentBordered,TransparentWithoutShadow:()=&gt;TransparentWithoutShadow,White:()=&gt;White,__namedExportsOrder:()=&gt;__namedExportsOrder,default:()=&gt;Button_stories});var react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./src/ui-kit/components/atoms/buttons/Button/Button.jsx");let transactions_icon_namespaceObject=__webpack_require__.p+"static/media/transactions-icon.a6816a88.svg";var sizes=["xl","lg","md","sm"],modes=["transparent","white","primary","primary-bordered","primary-transparent","transparent-bordered","transparent-without-shadow"];let Button_stories={title:"Button",component:Button.z,parameters:{viewport:{defaultViewport:"reset"},backgrounds:{default:"dark"}},argTypes:{size:{control:{type:"select",options:sizes}},content:{control:"text"},className:{table:{disable:!0}},onClick:{table:{disable:!0}},to:{table:{disable:!0}},icon:{table:{disable:!0}},setClickTrigger:{table:{disable:!0}},isFormSubmittingButton:{table:{disable:!0}},propagatePrimaryButtonClick:{table:{disable:!0}},handleError:{table:{disable:!0}}},tags:["autodocs"]};var ModeStory=function(param){var mode=param.mode;return react.createElement(react.Fragment,null,sizes.map(function(size){return react.createElement("div",{key:size,style:{marginBottom:"10px"}},react.createElement(Button.z,{size:size,mode:mode,content:"".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," ").concat(size.toUpperCase()," Button")}))}))},Default=(function(args){return react.createElement(Button.z,args)}).bind({});Default.args={content:"Button"};var Transparent=function(){return react.createElement(ModeStory,{mode:"transparent"})},White=function(){return react.createElement(ModeStory,{mode:"white"})},Primary=function(){return react.createElement(ModeStory,{mode:"primary"})},PrimaryBordered=function(){return react.createElement(ModeStory,{mode:"primary-bordered"})},PrimaryTransparent=function(){return react.createElement(ModeStory,{mode:"primary-transparent"})},TransparentBordered=function(){return react.createElement(ModeStory,{mode:"transparent-bordered"})},TransparentWithoutShadow=function(){return react.createElement(ModeStory,{mode:"transparent-without-shadow"})},LoadingButton=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Loading Button"),sizes.map(function(size){return react.createElement("div",{key:size,style:{marginBottom:"10px"}},react.createElement(Button.z,{size:size,mode:"primary",content:"Loading ".concat(size.toUpperCase()," Button"),loader:!0,loading:!0}))}))},IconButton=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Button with Icon"),modes.map(function(mode){return react.createElement("div",{key:mode,style:{marginBottom:"20px"}},react.createElement("h4",null,"Mode: ",mode.charAt(0).toUpperCase()+mode.slice(1)),sizes.map(function(size){return react.createElement("div",{key:size,style:{marginBottom:"10px"}},react.createElement(Button.z,{size:size,mode:mode,icon:transactions_icon_namespaceObject,content:"".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," ").concat(size.toUpperCase()," Button with Icon")}))}))}))},DisabledButton=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Disabled Button"),sizes.map(function(size){return react.createElement("div",{key:size,style:{marginBottom:"10px",display:"flex",justifyContent:"space-between"}},react.createElement(Button.z,{size:size,mode:"primary",content:"".concat(size.toUpperCase()," Button"),isDisabled:!0}),react.createElement("div",{style:{marginRight:"10px"}}),react.createElement(Button.z,{size:size,mode:"primary",icon:transactions_icon_namespaceObject,content:"".concat(size.toUpperCase()," Button with Icon"),isDisabled:!0}))}))},CheckmarkOnClickButton=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Button with Checkmark on Click"),modes.map(function(mode){return react.createElement("div",{key:mode,style:{marginBottom:"10px"}},react.createElement(Button.z,{size:"xl",mode:mode,content:"".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," XL Button"),checkmarkOnClick:!0,loader:!1}))}))},BigIconButton=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Button with Big Icon"),modes.map(function(mode){return react.createElement("div",{key:mode,style:{marginBottom:"20px"}},react.createElement("h4",null,"Mode: ",mode.charAt(0).toUpperCase()+mode.slice(1)),sizes.map(function(size){return react.createElement("div",{key:size,style:{marginBottom:"10px"}},react.createElement(Button.z,{size:size,mode:mode,icon:transactions_icon_namespaceObject,content:"".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," ").concat(size.toUpperCase()," Button with Big Icon"),bigIcon:!0}))}))}))},FullWidthOnMobiles=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Full Width on Mobiles"),modes.map(function(mode){return react.createElement("div",{key:mode,style:{marginBottom:"10px"}},react.createElement(Button.z,{mode:mode,content:"Full Width Mobile ".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," Button"),fullWidthOnMobiles:!0}))}))};FullWidthOnMobiles.parameters={viewport:{defaultViewport:"iphone14promax"}};var FullWidthOnTablets=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Full Width on Tablets"),modes.map(function(mode){return react.createElement("div",{key:mode,style:{marginBottom:"10px"}},react.createElement(Button.z,{mode:mode,content:"Full Width Tablet ".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," Button"),fullWidthOnTablets:!0}))}))};FullWidthOnTablets.parameters={viewport:{defaultViewport:"ipad"}};var SmallPaddingOnSmallMobilesButton=function(){return react.createElement(react.Fragment,null,react.createElement("h3",null,"Button with Small Padding on Small Mobiles"),modes.map(function(mode){return react.createElement("div",{key:mode,style:{marginBottom:"20px"}},react.createElement("h4",null,"Mode: ",mode.charAt(0).toUpperCase()+mode.slice(1)),sizes.map(function(size){return react.createElement("div",{key:size,style:{marginBottom:"10px"}},react.createElement(Button.z,{size:size,mode:mode,content:"".concat(mode.charAt(0).toUpperCase()+mode.slice(1)," ").concat(size.toUpperCase()," Button"),smallPaddingOnSmallMobiles:!0}))}))}))};SmallPaddingOnSmallMobilesButton.parameters={viewport:{defaultViewport:"iphone14"}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args =&gt; &lt;Button {...args} /&gt;",...Default.parameters?.docs?.source}}},Transparent.parameters={...Transparent.parameters,docs:{...Transparent.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="transparent" /&gt;',...Transparent.parameters?.docs?.source}}},White.parameters={...White.parameters,docs:{...White.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="white" /&gt;',...White.parameters?.docs?.source}}},Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="primary" /&gt;',...Primary.parameters?.docs?.source}}},PrimaryBordered.parameters={...PrimaryBordered.parameters,docs:{...PrimaryBordered.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="primary-bordered" /&gt;',...PrimaryBordered.parameters?.docs?.source}}},PrimaryTransparent.parameters={...PrimaryTransparent.parameters,docs:{...PrimaryTransparent.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="primary-transparent" /&gt;',...PrimaryTransparent.parameters?.docs?.source}}},TransparentBordered.parameters={...TransparentBordered.parameters,docs:{...TransparentBordered.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="transparent-bordered" /&gt;',...TransparentBordered.parameters?.docs?.source}}},TransparentWithoutShadow.parameters={...TransparentWithoutShadow.parameters,docs:{...TransparentWithoutShadow.parameters?.docs,source:{originalSource:'() =&gt; &lt;ModeStory mode="transparent-without-shadow" /&gt;',...TransparentWithoutShadow.parameters?.docs?.source}}},LoadingButton.parameters={...LoadingButton.parameters,docs:{...LoadingButton.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Loading Button&lt;/h3&gt;\n        {sizes.map(size =&gt; &lt;div key={size} style={{\n    marginBottom: "10px"\n  }}&gt;\n                &lt;Button size={size} mode="primary" content={`Loading ${size.toUpperCase()} Button`} loader={true} loading={true} /&gt;\n            &lt;/div&gt;)}\n    &lt;/&gt;',...LoadingButton.parameters?.docs?.source}}},IconButton.parameters={...IconButton.parameters,docs:{...IconButton.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Button with Icon&lt;/h3&gt;\n        {modes.map(mode =&gt; &lt;div key={mode} style={{\n    marginBottom: "20px"\n  }}&gt;\n                &lt;h4&gt;Mode: {mode.charAt(0).toUpperCase() + mode.slice(1)}&lt;/h4&gt;\n                {sizes.map(size =&gt; &lt;div key={size} style={{\n      marginBottom: "10px"\n    }}&gt;\n                        &lt;Button size={size} mode={mode} icon={icon} content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} ${size.toUpperCase()} Button with Icon`} /&gt;\n                    &lt;/div&gt;)}\n            &lt;/div&gt;)}\n    &lt;/&gt;',...IconButton.parameters?.docs?.source}}},DisabledButton.parameters={...DisabledButton.parameters,docs:{...DisabledButton.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Disabled Button&lt;/h3&gt;\n        {sizes.map(size =&gt; &lt;div key={size} style={{\n    marginBottom: "10px",\n    display: "flex",\n    justifyContent: "space-between"\n  }}&gt;\n                &lt;Button size={size} mode={"primary"} content={`${size.toUpperCase()} Button`} isDisabled={true} /&gt;\n                &lt;div style={{\n      marginRight: "10px"\n    }} /&gt;\n                &lt;Button size={size} mode={"primary"} icon={icon} content={`${size.toUpperCase()} Button with Icon`} isDisabled={true} /&gt;\n            &lt;/div&gt;)}\n    &lt;/&gt;',...DisabledButton.parameters?.docs?.source}}},CheckmarkOnClickButton.parameters={...CheckmarkOnClickButton.parameters,docs:{...CheckmarkOnClickButton.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Button with Checkmark on Click&lt;/h3&gt;\n        {modes.map(mode =&gt; &lt;div key={mode} style={{\n    marginBottom: "10px"\n  }}&gt;\n                &lt;Button size={"xl"} mode={mode} content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} XL Button`} checkmarkOnClick={true} loader={false} /&gt;\n            &lt;/div&gt;)}\n    &lt;/&gt;',...CheckmarkOnClickButton.parameters?.docs?.source}}},BigIconButton.parameters={...BigIconButton.parameters,docs:{...BigIconButton.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Button with Big Icon&lt;/h3&gt;\n        {modes.map(mode =&gt; &lt;div key={mode} style={{\n    marginBottom: "20px"\n  }}&gt;\n                &lt;h4&gt;Mode: {mode.charAt(0).toUpperCase() + mode.slice(1)}&lt;/h4&gt;\n                {sizes.map(size =&gt; &lt;div key={size} style={{\n      marginBottom: "10px"\n    }}&gt;\n                        &lt;Button size={size} mode={mode} icon={icon} content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} ${size.toUpperCase()} Button with Big Icon`} bigIcon={true} /&gt;\n                    &lt;/div&gt;)}\n            &lt;/div&gt;)}\n    &lt;/&gt;',...BigIconButton.parameters?.docs?.source}}},FullWidthOnMobiles.parameters={...FullWidthOnMobiles.parameters,docs:{...FullWidthOnMobiles.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Full Width on Mobiles&lt;/h3&gt;\n        {modes.map(mode =&gt; &lt;div key={mode} style={{\n    marginBottom: "10px"\n  }}&gt;\n                &lt;Button mode={mode} content={`Full Width Mobile ${mode.charAt(0).toUpperCase() + mode.slice(1)} Button`} fullWidthOnMobiles={true} /&gt;\n            &lt;/div&gt;)}\n    &lt;/&gt;',...FullWidthOnMobiles.parameters?.docs?.source}}},FullWidthOnTablets.parameters={...FullWidthOnTablets.parameters,docs:{...FullWidthOnTablets.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Full Width on Tablets&lt;/h3&gt;\n        {modes.map(mode =&gt; &lt;div key={mode} style={{\n    marginBottom: "10px"\n  }}&gt;\n                &lt;Button mode={mode} content={`Full Width Tablet ${mode.charAt(0).toUpperCase() + mode.slice(1)} Button`} fullWidthOnTablets={true} /&gt;\n            &lt;/div&gt;)}\n    &lt;/&gt;',...FullWidthOnTablets.parameters?.docs?.source}}},SmallPaddingOnSmallMobilesButton.parameters={...SmallPaddingOnSmallMobilesButton.parameters,docs:{...SmallPaddingOnSmallMobilesButton.parameters?.docs,source:{originalSource:'() =&gt; &lt;&gt;\n        &lt;h3&gt;Button with Small Padding on Small Mobiles&lt;/h3&gt;\n        {modes.map(mode =&gt; &lt;div key={mode} style={{\n    marginBottom: "20px"\n  }}&gt;\n                &lt;h4&gt;Mode: {mode.charAt(0).toUpperCase() + mode.slice(1)}&lt;/h4&gt;\n                {sizes.map(size =&gt; &lt;div key={size} style={{\n      marginBottom: "10px"\n    }}&gt;\n                        &lt;Button size={size} mode={mode} content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} ${size.toUpperCase()} Button`} smallPaddingOnSmallMobiles={true} /&gt;\n                    &lt;/div&gt;)}\n            &lt;/div&gt;)}\n    &lt;/&gt;',...SmallPaddingOnSmallMobilesButton.parameters?.docs?.source}}};let __namedExportsOrder=["Default","Transparent","White","Primary","PrimaryBordered","PrimaryTransparent","TransparentBordered","TransparentWithoutShadow","LoadingButton","IconButton","DisabledButton","CheckmarkOnClickButton","BigIconButton","FullWidthOnMobiles","FullWidthOnTablets","SmallPaddingOnSmallMobilesButton"]},"./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/LoadingDots/LoadingDots.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,".Fk8JBUhUvnmW5Aivdhbw{padding:50px}@media(max-width: 575.98px){.Fk8JBUhUvnmW5Aivdhbw{padding:20px}}.Fk8JBUhUvnmW5Aivdhbw{max-width:1260px;margin:0 auto}.DrBWAqvdoNgtcSKaHflF{position:absolute;left:-165px;top:-300px;z-index:-1}@media(max-width: 575.98px){.DrBWAqvdoNgtcSKaHflF{left:-165px;top:-103px;width:648px}}.tb_0EtNY2Np_YHraMHhi{width:100%;height:1px;background:rgba(255,255,255,.2)}.s3LGZM7mgO6A8YZHVv4_{width:100%;height:1px;border-bottom:.5px solid #e0e2eb}.uNo5vcArxGeRsDxFj2c1{background:#f1f5f7;animation:k8VxRSXkzJuEHdD80CBg 1s 1s infinite ease-in-out}.fiS2TWcYdVjyFGrRlbdg{background:#d3d5d9;animation:_6z1Lac_QzxwpfgTzjPZj 1s 1s infinite ease-in-out}.EPjoMYE6NNJpZ9_8T5XA{background:rgba(255,255,255,.2);animation:uN8kY5fQBgXUvH9Wg5qM 1s 1s infinite ease-in-out}.hmiuepNeoiWQzbAkXoVe{opacity:.5}@keyframes k8VxRSXkzJuEHdD80CBg{0%{background:#eaeaea}50%{background:#f1f5f7}100%{background:#eaeaea}}@keyframes _6z1Lac_QzxwpfgTzjPZj{0%{background:#d3d5d9}50%{background:#e9eaec}100%{background:#d3d5d9}}@keyframes uN8kY5fQBgXUvH9Wg5qM{0%{background:rgba(255,255,255,.2)}50%{background:rgba(255,255,255,.1)}100%{background:rgba(255,255,255,.2)}}.Fk8JBUhUvnmW5Aivdhbw{padding:50px}@media(max-width: 575.98px){.Fk8JBUhUvnmW5Aivdhbw{padding:20px}}.k51q6ksvawpifU3tUOFw{display:flex;align-items:center;justify-content:center;margin:0 auto}.k51q6ksvawpifU3tUOFw.LINis2976y1WvBvV2UsT{margin:0 !important}.k51q6ksvawpifU3tUOFw .tw7tJv2KZ_fQaUeFMz7k{border-radius:50%;background:#fff;animation:.5s ease-in-out 0s alternate infinite nf8PSx_YYKrcg47fl0Rn}.k51q6ksvawpifU3tUOFw .tw7tJv2KZ_fQaUeFMz7k.NGfTW9GIKzAVMfpH_sVQ{background:#16cdd6}.k51q6ksvawpifU3tUOFw .tw7tJv2KZ_fQaUeFMz7k:nth-child(2){animation-delay:.2s}.k51q6ksvawpifU3tUOFw .tw7tJv2KZ_fQaUeFMz7k:nth-child(3){animation-delay:.4s}.k51q6ksvawpifU3tUOFw.FIOWEx86FRuXvVzM_gnz .tw7tJv2KZ_fQaUeFMz7k{width:24px;height:24px}@media(max-width: 575.98px){.k51q6ksvawpifU3tUOFw.FIOWEx86FRuXvVzM_gnz .tw7tJv2KZ_fQaUeFMz7k{width:14px;height:14px}}.k51q6ksvawpifU3tUOFw.FIOWEx86FRuXvVzM_gnz .tw7tJv2KZ_fQaUeFMz7k:nth-child(2){margin-right:12px;margin-left:12px}.k51q6ksvawpifU3tUOFw.wwDT8B2xGmQRbnEMaAQs .tw7tJv2KZ_fQaUeFMz7k{width:14px;height:14px}.k51q6ksvawpifU3tUOFw.pHAQSxA5GvnHMgpwLIgG .tw7tJv2KZ_fQaUeFMz7k{width:8px;height:8px}.k51q6ksvawpifU3tUOFw.IlsuSHcSsmIzHiCElmKB{justify-content:flex-start;margin:0}.k51q6ksvawpifU3tUOFw.DBZ7C92NEoHaRZz3utsn{justify-content:flex-end;margin:0}@keyframes nf8PSx_YYKrcg47fl0Rn{0%{transform:scale(1);opacity:1}100%{transform:scale(0.45);opacity:.6}}","",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/assets/styles/_global-classes.scss","webpack://./src/ui-kit/components/atoms/LoadingDots/LoadingDots.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAGA,sBACI,YAAA,CAEA,4BAHJ,sBAIQ,YAAA,CAAA,CCHR,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,0DAAA,CAGJ,sBACI,+BAAA,CACA,yDAAA,CAGJ,sBACI,UAAA,CAGJ,gCACI,GACI,kBAAA,CAEJ,IACI,kBAAA,CAEJ,KACI,kBAAA,CAAA,CAIR,iCACI,GACI,kBAAA,CAEJ,IACI,kBAAA,CAEJ,KACI,kBAAA,CAAA,CAIR,gCACI,GACI,+BAAA,CAEJ,IACI,+BAAA,CAEJ,KACI,+BAAA,CAAA,CDnFR,sBACI,YAAA,CAEA,4BAHJ,sBAIQ,YAAA,CAAA,CELR,sBACI,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CAEA,2CACI,mBAAA,CAGJ,4CACI,iBAAA,CACA,eCDA,CDOA,oEAAA,CAJA,iEACI,kBAAA,CAKJ,yDACI,mBAAA,CAGJ,yDACI,mBAAA,CAKJ,iEACI,UAAA,CACA,WAAA,CAEA,4BAJJ,iEAKQ,UAAA,CACA,WAAA,CAAA,CAGJ,8EACI,iBAAA,CACA,gBAAA,CAMR,iEACI,UAAA,CACA,WAAA,CAKJ,iEACI,SAAA,CACA,UAAA,CAIR,2CACI,0BAAA,CACA,QAAA,CAGJ,2CACI,wBAAA,CACA,QAAA,CAIR,gCACI,GACI,kBAAA,CACA,SAAA,CAGJ,KACI,qBAAA,CACA,UAAA,CAAA",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 "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.loading-dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto;\n\n    &amp;.no-margins {\n        margin: 0 !important;\n    }\n\n    .dot {\n        border-radius: 50%;\n        background: $white;\n\n        &amp;.colored {\n            background: SolidColor(tosca);\n        }\n\n        animation: 0.5s ease-in-out 0s alternate infinite dots;\n\n        &amp;:nth-child(2) {\n            animation-delay: 0.2s;\n        }\n\n        &amp;:nth-child(3) {\n            animation-delay: 0.4s;\n        }\n    }\n\n    &amp;.big {\n        .dot {\n            width: 24px;\n            height: 24px;\n\n            @media (max-width: $phone-width) {\n                width: 14px;\n                height: 14px;\n            }\n\n            &amp;:nth-child(2) {\n                margin-right: Margin("3");\n                margin-left: Margin("3");\n            }\n        }\n    }\n\n    &amp;.small {\n        .dot {\n            width: 14px;\n            height: 14px;\n        }\n    }\n\n    &amp;.extra-small {\n        .dot {\n            width: 8px;\n            height: 8px;\n        }\n    }\n\n    &amp;.align-left {\n        justify-content: flex-start;\n        margin: 0;\n    }\n\n    &amp;.align-right {\n        justify-content: flex-end;\n        margin: 0;\n    }\n}\n\n@keyframes dots {\n    0% {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    100% {\n        transform: scale(0.45);\n        opacity: 0.6;\n    }\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'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"Fk8JBUhUvnmW5Aivdhbw","background-shine":"DrBWAqvdoNgtcSKaHflF",path:"tb_0EtNY2Np_YHraMHhi",line:"s3LGZM7mgO6A8YZHVv4_",skeleton:"uNo5vcArxGeRsDxFj2c1","skeleton-animate":"k8VxRSXkzJuEHdD80CBg","skeleton-dark":"fiS2TWcYdVjyFGrRlbdg","skeleton-dark-animate":"_6z1Lac_QzxwpfgTzjPZj","skeleton-transparent":"EPjoMYE6NNJpZ9_8T5XA","skeleton-transparent-animate":"uN8kY5fQBgXUvH9Wg5qM","semi-transparent":"hmiuepNeoiWQzbAkXoVe","loading-dots":"k51q6ksvawpifU3tUOFw","no-margins":"LINis2976y1WvBvV2UsT",dot:"tw7tJv2KZ_fQaUeFMz7k",dots:"nf8PSx_YYKrcg47fl0Rn",colored:"NGfTW9GIKzAVMfpH_sVQ",big:"FIOWEx86FRuXvVzM_gnz",small:"wwDT8B2xGmQRbnEMaAQs","extra-small":"pHAQSxA5GvnHMgpwLIgG","align-left":"IlsuSHcSsmIzHiCElmKB","align-right":"DBZ7C92NEoHaRZz3utsn"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=&gt;{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map(function(item){var content="",needLayer=void 0!==item[5];return item[4]&amp;&amp;(content+="@supports (".concat(item[4],") {")),item[2]&amp;&amp;(content+="@media ".concat(item[2]," {")),needLayer&amp;&amp;(content+="@layer".concat(item[5].length&gt;0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&amp;&amp;(content+="}"),item[2]&amp;&amp;(content+="}"),item[4]&amp;&amp;(content+="}"),content}).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&amp;&amp;(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k&lt;this.length;k++){var id=this[k][0];null!=id&amp;&amp;(alreadyImportedModules[id]=!0)}for(var _k=0;_k&lt;modules.length;_k++){var item=[].concat(modules[_k]);dedupe&amp;&amp;alreadyImportedModules[item[0]]||(void 0!==layer&amp;&amp;(void 0===item[5]||(item[1]="@layer".concat(item[5].length&gt;0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&amp;&amp;(item[2]&amp;&amp;(item[1]="@media ".concat(item[2]," {").concat(item[1],"}")),item[2]=media),supports&amp;&amp;(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=&gt;{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));return[content].concat(["/*# ".concat("sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64)," */")]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=&gt;{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i&lt;stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i&lt;list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier:identifier,updater:updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);return api.update(obj),function(newObj){newObj?(newObj.css!==obj.css||newObj.media!==obj.media||newObj.sourceMap!==obj.sourceMap||newObj.supports!==obj.supports||newObj.layer!==obj.layer)&amp;&amp;api.update(obj=newObj):api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i&lt;lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i&lt;lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&amp;&amp;(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=&gt;{var memo={};function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&amp;&amp;styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}function insertBySelector(insert,style){var target=getTarget(insert);if(!target)throw Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}module.exports=insertBySelector},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=&gt;{function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}module.exports=insertStyleElement},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&amp;&amp;styleElement.setAttribute("nonce",nonce)}module.exports=setAttributesWithoutAttributes},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=&gt;{function apply(styleElement,options,obj){var css="";obj.supports&amp;&amp;(css+="@supports (".concat(obj.supports,") {")),obj.media&amp;&amp;(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&amp;&amp;(css+="@layer".concat(obj.layer.length&gt;0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&amp;&amp;(css+="}"),obj.media&amp;&amp;(css+="}"),obj.supports&amp;&amp;(css+="}");var sourceMap=obj.sourceMap;sourceMap&amp;&amp;"undefined"!=typeof btoa&amp;&amp;(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){apply(styleElement,options,obj)},remove:function remove(){removeStyleElement(styleElement)}}}module.exports=domAPI},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=&gt;{function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}module.exports=styleTagTransform},"./src/ui-kit/components/atoms/LoadingDots/LoadingDots.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{x:()=&gt;LoadingDots});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),LoadingDots_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/LoadingDots/LoadingDots.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()(LoadingDots_module.Z,options);let LoadingDots_LoadingDots_module=LoadingDots_module.Z&amp;&amp;LoadingDots_module.Z.locals?LoadingDots_module.Z.locals:void 0;var LoadingDots=function(param){var _param_size=param.size,_param_isColored=param.isColored,isColored=void 0!==_param_isColored&amp;&amp;_param_isColored,_param_noMargins=param.noMargins,_param_align=param.align,align=void 0!==_param_align&amp;&amp;_param_align;return react.createElement("div",{className:"".concat(LoadingDots_LoadingDots_module["loading-dots"]," ").concat(LoadingDots_LoadingDots_module[void 0===_param_size?"small":_param_size]," ").concat(void 0!==_param_noMargins&amp;&amp;_param_noMargins?" ".concat(LoadingDots_LoadingDots_module["no-margins"]):""," ").concat(align?LoadingDots_LoadingDots_module["align-"+align]:"")},react.createElement("div",{className:"".concat(LoadingDots_LoadingDots_module.dot," ").concat(isColored?" ".concat(LoadingDots_LoadingDots_module.colored):"")}),react.createElement("div",{className:"".concat(LoadingDots_LoadingDots_module.dot," ").concat(isColored?" ".concat(LoadingDots_LoadingDots_module.colored):"")}),react.createElement("div",{className:"".concat(LoadingDots_LoadingDots_module.dot," ").concat(isColored?" ".concat(LoadingDots_LoadingDots_module.colored):"")}))};LoadingDots.propTypes={size:prop_types_default().oneOf(["big","small","extra-small"]),isColored:prop_types_default().bool,noMargins:prop_types_default().bool,align:prop_types_default().oneOfType([prop_types_default().oneOf(["left","right"]),prop_types_default().bool])},LoadingDots.__docgenInfo={description:"LoadingDots Component - Displays a loading animation with dots.\nThis component allows customization of size, color, margins, and alignment.\n\n@component\n@param {Object} props - The props of the component.\n@param {('big'|'small'|'extra-small')} [props.size='small'] - Sets the size of the loading dots.\n@param {boolean} [props.isColored=false] - If true, the dots will be colored, otherwise they will be monochrome.\n@param {boolean} [props.noMargins=false] - If true, removes the margins around the loading dots.\n@param {(boolean|'left'|'right')} [props.align=false] - Aligns the loading dots to the left or right if specified, otherwise centered.\n@returns {React.ReactElement} A React component that renders the loading dots animation.",methods:[],displayName:"LoadingDots",props:{size:{defaultValue:{value:'"small"',computed:!1},description:"",type:{name:"enum",value:[{value:'"big"',computed:!1},{value:'"small"',computed:!1},{value:'"extra-small"',computed:!1}]},required:!1},isColored:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noMargins:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},align:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"union",value:[{name:"enum",value:[{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},{name:"bool"}]},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>

package/coverage/ui-kit/storybook-static/atoms-buttons-Close-stories.0a902a7c.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/atoms-buttons-Close-stories.0a902a7c.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> atoms-buttons-Close-stories.0a902a7c.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([[277],{"./stories/atoms/buttons/Close.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Dark:()=&gt;Dark,DarkInvert:()=&gt;DarkInvert,Default:()=&gt;Default,Large:()=&gt;Large,__namedExportsOrder:()=&gt;__namedExportsOrder,default:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_src__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/index.js");let __WEBPACK_DEFAULT_EXPORT__={title:"Components/Close",component:_src__WEBPACK_IMPORTED_MODULE_1__.x8,argTypes:{color:{control:"select",options:Object.values(_src__WEBPACK_IMPORTED_MODULE_1__.q0)},onClick:{action:"clicked"},large:{control:"boolean"}},tags:["autodocs"]};var Template=function(args){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src__WEBPACK_IMPORTED_MODULE_1__.x8,args)},Default=Template.bind({});Default.args={color:_src__WEBPACK_IMPORTED_MODULE_1__.q0.WHITE,large:!1};var Large=Template.bind({});Large.args={color:_src__WEBPACK_IMPORTED_MODULE_1__.q0.WHITE,large:!0};var Dark=Template.bind({});Dark.args={color:_src__WEBPACK_IMPORTED_MODULE_1__.q0.DARK,large:!1};var DarkInvert=Template.bind({});DarkInvert.args={color:_src__WEBPACK_IMPORTED_MODULE_1__.q0.DARK_INVERT,large:!1},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args =&gt; &lt;Close {...args} /&gt;",...Default.parameters?.docs?.source}}},Large.parameters={...Large.parameters,docs:{...Large.parameters?.docs,source:{originalSource:"args =&gt; &lt;Close {...args} /&gt;",...Large.parameters?.docs?.source}}},Dark.parameters={...Dark.parameters,docs:{...Dark.parameters?.docs,source:{originalSource:"args =&gt; &lt;Close {...args} /&gt;",...Dark.parameters?.docs?.source}}},DarkInvert.parameters={...DarkInvert.parameters,docs:{...DarkInvert.parameters?.docs,source:{originalSource:"args =&gt; &lt;Close {...args} /&gt;",...DarkInvert.parameters?.docs?.source}}};let __namedExportsOrder=["Default","Large","Dark","DarkInvert"]}}]);</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/atoms-buttons-LinkButton-stories.ca93ab6b.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/atoms-buttons-LinkButton-stories.ca93ab6b.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> atoms-buttons-LinkButton-stories.ca93ab6b.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([[257],{"./stories/atoms/buttons/LinkButton.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=&gt;Basic,Colored:()=&gt;Colored,Disabled:()=&gt;Disabled,Loading:()=&gt;Loading,NonColored:()=&gt;NonColored,WithIconExternal:()=&gt;WithIconExternal,WithIconInternal:()=&gt;WithIconInternal,__namedExportsOrder:()=&gt;__namedExportsOrder,default:()=&gt;LinkButton_stories});var react=__webpack_require__("./node_modules/react/index.js");let arrow_tosca_namespaceObject=__webpack_require__.p+"static/media/arrow-tosca.408a0d18.svg";var LinkButton=__webpack_require__("./src/ui-kit/components/atoms/buttons/LinkButton/LinkButton.jsx");let LinkButton_stories={title:"Components/LinkButton",component:LinkButton.Q,argTypes:{onClick:{action:"clicked"},iconRotate:{control:{type:"select",options:Object.values(LinkButton.e)}}},tags:["autodocs"]};var Template=function(args){return react.createElement(LinkButton.Q,args)},Basic=Template.bind({});Basic.args={content:"Click Me"};var Disabled=Template.bind({});Disabled.args={content:"Disabled",isDisabled:!0};var Loading=Template.bind({});Loading.args={content:"Loading",isLoadable:!0};var WithIconExternal=Template.bind({});WithIconExternal.args={content:"With Icon",icon:"https://rabbit.io/landing/images/import-wallet-icon.svg"};var WithIconInternal=Template.bind({});WithIconInternal.args={content:"With Icon",icon:arrow_tosca_namespaceObject};var Colored=Template.bind({});Colored.args={content:"Colored",isColored:!0};var NonColored=Template.bind({});NonColored.args={content:"Non Colored",isColored:!1},NonColored.parameters={backgrounds:{default:"dark"}},Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...Basic.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...Disabled.parameters?.docs?.source}}},Loading.parameters={...Loading.parameters,docs:{...Loading.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...Loading.parameters?.docs?.source}}},WithIconExternal.parameters={...WithIconExternal.parameters,docs:{...WithIconExternal.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...WithIconExternal.parameters?.docs?.source}}},WithIconInternal.parameters={...WithIconInternal.parameters,docs:{...WithIconInternal.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...WithIconInternal.parameters?.docs?.source}}},Colored.parameters={...Colored.parameters,docs:{...Colored.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...Colored.parameters?.docs?.source}}},NonColored.parameters={...NonColored.parameters,docs:{...NonColored.parameters?.docs,source:{originalSource:"args =&gt; &lt;LinkButton {...args} /&gt;",...NonColored.parameters?.docs?.source}}};let __namedExportsOrder=["Basic","Disabled","Loading","WithIconExternal","WithIconInternal","Colored","NonColored"]},"./node_modules/css-loader/dist/runtime/api.js":module=&gt;{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map(function(item){var content="",needLayer=void 0!==item[5];return item[4]&amp;&amp;(content+="@supports (".concat(item[4],") {")),item[2]&amp;&amp;(content+="@media ".concat(item[2]," {")),needLayer&amp;&amp;(content+="@layer".concat(item[5].length&gt;0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&amp;&amp;(content+="}"),item[2]&amp;&amp;(content+="}"),item[4]&amp;&amp;(content+="}"),content}).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&amp;&amp;(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k&lt;this.length;k++){var id=this[k][0];null!=id&amp;&amp;(alreadyImportedModules[id]=!0)}for(var _k=0;_k&lt;modules.length;_k++){var item=[].concat(modules[_k]);dedupe&amp;&amp;alreadyImportedModules[item[0]]||(void 0!==layer&amp;&amp;(void 0===item[5]||(item[1]="@layer".concat(item[5].length&gt;0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&amp;&amp;(item[2]&amp;&amp;(item[1]="@media ".concat(item[2]," {").concat(item[1],"}")),item[2]=media),supports&amp;&amp;(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=&gt;{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));return[content].concat(["/*# ".concat("sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64)," */")]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=&gt;{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i&lt;stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i&lt;list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier:identifier,updater:updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);return api.update(obj),function(newObj){newObj?(newObj.css!==obj.css||newObj.media!==obj.media||newObj.sourceMap!==obj.sourceMap||newObj.supports!==obj.supports||newObj.layer!==obj.layer)&amp;&amp;api.update(obj=newObj):api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i&lt;lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i&lt;lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&amp;&amp;(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=&gt;{var memo={};function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&amp;&amp;styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}function insertBySelector(insert,style){var target=getTarget(insert);if(!target)throw Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}module.exports=insertBySelector},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=&gt;{function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}module.exports=insertStyleElement},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&amp;&amp;styleElement.setAttribute("nonce",nonce)}module.exports=setAttributesWithoutAttributes},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=&gt;{function apply(styleElement,options,obj){var css="";obj.supports&amp;&amp;(css+="@supports (".concat(obj.supports,") {")),obj.media&amp;&amp;(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&amp;&amp;(css+="@layer".concat(obj.layer.length&gt;0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&amp;&amp;(css+="}"),obj.media&amp;&amp;(css+="}"),obj.supports&amp;&amp;(css+="}");var sourceMap=obj.sourceMap;sourceMap&amp;&amp;"undefined"!=typeof btoa&amp;&amp;(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){apply(styleElement,options,obj)},remove:function remove(){removeStyleElement(styleElement)}}}module.exports=domAPI},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=&gt;{function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}module.exports=styleTagTransform}}]);</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>