npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.86 → 1.0.0-beta.87 - Mend

@rabbitio/ui-kit 1.0.0-beta.86 → 1.0.0-beta.87

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

package/coverage/ui-kit/storybook-static/607.3ea32459.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/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-08-16T01:54:57.375Z
-            </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.097df435.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/609.097df435.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.097df435.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/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,".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/components/atoms/LoadingDots/LoadingDots.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAEA,sBACI,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CAEA,2CACI,mBAAA,CAGJ,4CACI,iBAAA,CACA,eCNA,CDYA,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:['@use "../../../assets/styles/index" as *;\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','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\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:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    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\n// SSR landings width\n$landingMaxWidth: 1172px;\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"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/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,'.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/components/atoms/buttons/Button/Button.module.scss"],names:[],mappings:"AAeA,sBACI,eCsBQ,CDrBR,gBAAA,CACA,mBC0BY,CDyEhB,sBACI,SAAA,CACA,2BAAA,CACA,+BAAA,CACA,uBAAA,CAEA,qBACI,4BACI,yBAAA,CACA,UAAA,CACA,wBAAA,CAAA,CAIR,6BACI,wBAAA,CACA,UAAA,CEnIR,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,UD3EA,CC8EJ,2CACI,wBD5EO,CC6EP,aAAA,CACA,iDACI,wBAAA,CACA,wBAAA,CACA,SAAA,CAIR,2CACI,kBAAA,CACA,aAAA,CAGJ,2CACI,+BAAA,CACA,UD/FA,CCgGA,4CAAA,CAGJ,2CACI,qBDhGY,CCiGZ,UDrGA,CCwGJ,2CACI,wBAAA,CACA,0BAAA,CACA,aAAA,CAGJ,2CACI,eD/GA,CCgHA,aAAA,CACA,wCAAA,CAGJ,2CACI,eDrHA,CCsHA,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,iBDvKJ,CC0KA,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:['@use "variables" as *;\n@use "functions" as *;\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','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\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:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    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\n// SSR landings width\n$landingMaxWidth: 1172px;\n','@use "../../../../assets/styles/index" as *;\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={button:"cLRbw5pnjo4DSJlY5iLH",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/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}}}},"./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-08-16T01:54:57.375Z
-            </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/797.c87cdf19.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/797.c87cdf19.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> 797.c87cdf19.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([[797],{"./node_modules/@storybook/components/dist/syntaxhighlighter-V7JZZA35.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SyntaxHighlighter:()=&gt;_chunk_ELLS3HSY_mjs__WEBPACK_IMPORTED_MODULE_0__.d3,createCopyToClipboardFunction:()=&gt;_chunk_ELLS3HSY_mjs__WEBPACK_IMPORTED_MODULE_0__.xV,default:()=&gt;_chunk_ELLS3HSY_mjs__WEBPACK_IMPORTED_MODULE_0__.qG});var _chunk_ELLS3HSY_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/components/dist/chunk-ELLS3HSY.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-08-16T01:54:57.375Z
-            </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/889.a357fd2d.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/889.a357fd2d.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> 889.a357fd2d.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([[889],{"./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/NoticeIcon/notice-icon.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,".JnCmBfPGTU5dupNZG7Yg{opacity:1;transition-property:opacity;transition-timing-function:ease;transition-duration:.3s}@media(hover: hover){.JnCmBfPGTU5dupNZG7Yg:hover{cursor:pointer !important;opacity:.6;transition-duration:.03s}}.JnCmBfPGTU5dupNZG7Yg:active{transition-duration:.03s;opacity:.6}.fKQjLXIzNzq5rhhpMi3m{position:relative;display:flex}.VAiYsNRnFXC5bj5TrdNm{left:50%}","",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/components/atoms/NoticeIcon/notice-icon.module.scss"],names:[],mappings:"AAqHA,sBACI,SAAA,CACA,2BAAA,CACA,+BAAA,CACA,uBAAA,CAEA,qBACI,4BACI,yBAAA,CACA,UAAA,CACA,wBAAA,CAAA,CAIR,6BACI,wBAAA,CACA,UAAA,CCnIR,sBACI,iBAAA,CACA,YAAA,CAMA,sBACI,QAAA",sourcesContent:['@use "variables" as *;\n@use "functions" as *;\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','@use "../../../assets/styles/index" as *;\n\n.notice-icon {\n    position: relative;\n    display: flex;\n\n    &amp;-image {\n        @extend %hover-state;\n    }\n\n    &amp;-tooltip {\n        left: 50%;\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"notice-icon-image":"JnCmBfPGTU5dupNZG7Yg","notice-icon":"fKQjLXIzNzq5rhhpMi3m","notice-icon-tooltip":"VAiYsNRnFXC5bj5TrdNm"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./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/TitleBox/title-box.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,".wGd2DNm9tOXRwQ1Fvl5S.s5KkAREwWrn004JNjn7B{width:100%}.HIr14baO4jWwziLNCliR{width:100%;display:flex;align-items:center;justify-content:space-between;flex-grow:1;margin-bottom:4px;gap:8px;min-height:26px}.FEmVe8ZrfUEe_dqaortp{color:#8f95a2;font-weight:600;text-align:left}.FEmVe8ZrfUEe_dqaortp._Kry9RtQpqQM1N4qOgwJ{color:rgba(255,255,255,.2)}.lNaiR9wtA4PPnC33_CGC{position:relative}","",{version:3,sources:["webpack://./src/ui-kit/components/atoms/TitleBox/title-box.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAGI,2CACI,UAAA,CAGJ,sBACI,UAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,iBAAA,CACA,OAAA,CACA,eAAA,CAEA,sBACI,aAAA,CACA,eCqBA,CDpBA,eAAA,CAEA,2CACI,0BAAA,CAIR,sBACI,iBAAA",sourcesContent:['@use "../../../assets/styles/index" as *;\n\n.title-box {\n    &amp;.full-width {\n        width: 100%;\n    }\n\n    &amp;-wrapper {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-grow: 1;\n        margin-bottom: Margin("1");\n        gap: Margin("2");\n        min-height: 26px;\n\n        &amp;-title {\n            color: SolidColor("grey");\n            font-weight: $semi-bold;\n            text-align: left;\n\n            &amp;.transparent-title {\n                color: rgba($white, 0.2);\n            }\n        }\n\n        &amp;-link-button {\n            position: relative;\n        }\n    }\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\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:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    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\n// SSR landings width\n$landingMaxWidth: 1172px;\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"title-box":"wGd2DNm9tOXRwQ1Fvl5S","full-width":"s5KkAREwWrn004JNjn7B","title-box-wrapper":"HIr14baO4jWwziLNCliR","title-box-wrapper-title":"FEmVe8ZrfUEe_dqaortp","transparent-title":"_Kry9RtQpqQM1N4qOgwJ","title-box-wrapper-link-button":"lNaiR9wtA4PPnC33_CGC"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/ui-kit/components/atoms/NoticeIcon/NoticeIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Q:()=&gt;NoticeIcon});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),notice_icon_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/NoticeIcon/notice-icon.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()(notice_icon_module.Z,options);let NoticeIcon_notice_icon_module=notice_icon_module.Z&amp;&amp;notice_icon_module.Z.locals?notice_icon_module.Z.locals:void 0;var handleClickOutside=function(exceptionsRefs,callback){var handleClick=function(event){exceptionsRefs.find(function(ref){return(null==ref?void 0:ref.current)&amp;&amp;ref.current.contains(event.target)})||callback()};return document.addEventListener("click",handleClick),function(){return document.removeEventListener("click",handleClick)}},Tooltip=__webpack_require__("./src/ui-kit/components/atoms/Tooltip/Tooltip.jsx");function noticeQuestionIcon(){return react.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("rect",{x:"0.5",y:"0.25",width:"16",height:"16",rx:"8",fill:"#DAF1FE"}),react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.44968 9.62287C8.0213 9.62287 7.67264 9.24008 7.815 8.83604C7.84547 8.74956 7.87999 8.67275 7.91856 8.61686C8.10216 8.35084 8.37005 8.06047 8.72224 7.74574C8.99201 7.50594 9.19246 7.298 9.3236 7.1219C9.45474 6.9458 9.52031 6.74535 9.52031 6.52054C9.52031 6.20581 9.39292 5.95103 9.13814 5.7562C8.88335 5.56137 8.5424 5.46395 8.11527 5.46395C7.62404 5.46395 7.05412 5.78283 6.68203 6.03347C6.43716 6.19842 6.11362 6.21939 5.86602 6.05857C5.51562 5.83099 5.45796 5.34121 5.77515 5.06925C5.99176 4.88352 6.23474 4.69937 6.44046 4.60407C6.95003 4.36802 7.5495 4.25 8.23891 4.25C9.07819 4.25 9.74698 4.43172 10.2453 4.79516C10.7436 5.15859 10.9928 5.65878 10.9928 6.29574C10.9928 6.60297 10.9422 6.87274 10.841 7.10504C10.7399 7.33734 10.6181 7.53404 10.4757 7.69516C10.3334 7.85627 10.146 8.04173 9.91372 8.25155C9.62896 8.50633 9.41727 8.73114 9.27864 8.92597C9.25936 8.95306 9.24143 8.98609 9.22483 9.02289C9.0785 9.34733 8.8056 9.62287 8.44968 9.62287Z",fill:"url(#paint1_linear)"}),react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.3626 12.3094C8.10033 12.3094 7.88489 12.2251 7.71629 12.0565C7.54768 11.8879 7.46338 11.6799 7.46338 11.4326C7.46338 11.1854 7.54768 10.9793 7.71629 10.8144C7.88489 10.6496 8.10033 10.5671 8.3626 10.5671C8.61739 10.5671 8.82908 10.6496 8.99768 10.8144C9.16629 10.9793 9.25059 11.1854 9.25059 11.4326C9.25059 11.6799 9.16629 11.8879 8.99768 12.0565C8.82908 12.2251 8.61739 12.3094 8.3626 12.3094Z",fill:"url(#paint2_linear)"}),react.createElement("defs",null,react.createElement("linearGradient",{id:"paint0_linear",x1:"25.862",y1:"18.5044",x2:"12.7031",y2:"-2.23444",gradientUnits:"userSpaceOnUse"},react.createElement("stop",{"stop-color":"#FCE2F0"}),react.createElement("stop",{offset:"1","stop-color":"#F7EAFD"})),react.createElement("linearGradient",{id:"paint1_linear",x1:"14.2067",y1:"10.3799",x2:"9.83017",y2:"3.3283",gradientUnits:"userSpaceOnUse"},react.createElement("stop",{"stop-color":"#55E7D9"}),react.createElement("stop",{offset:"1","stop-color":"#54B4FF"})),react.createElement("linearGradient",{id:"paint2_linear",x1:"10.2963",y1:"12.5549",x2:"8.87929",y2:"10.2639",gradientUnits:"userSpaceOnUse"},react.createElement("stop",{"stop-color":"#55E7D9"}),react.createElement("stop",{offset:"1","stop-color":"#54B4FF"}))))}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 NoticeIcon=function(param){var noticeText=param.noticeText,_param_titleNoticeIcon=param.titleNoticeIcon,titleNoticeIcon=void 0===_param_titleNoticeIcon?"":_param_titleNoticeIcon,_param_tooltipPosition=param.tooltipPosition,tooltipPosition=void 0===_param_tooltipPosition?Tooltip.c.TOP:_param_tooltipPosition,_useState=_sliced_to_array((0,react.useState)(!1),2),showTooltip=_useState[0],setShowTooltip=_useState[1],noticeRef=(0,react.useRef)();return(0,react.useEffect)(function(){return handleClickOutside([noticeRef],function(){return setShowTooltip(!1)})},[]),react.createElement("div",{ref:noticeRef,className:NoticeIcon_notice_icon_module["notice-icon"]},titleNoticeIcon?react.createElement("img",{src:titleNoticeIcon,alt:"title icon",onClick:function(){return setShowTooltip(function(prev){return!prev})},className:NoticeIcon_notice_icon_module["notice-icon-image"],loading:"lazy"}):react.createElement("div",{className:NoticeIcon_notice_icon_module["notice-icon-image"],onClick:function(){return setShowTooltip(function(prev){return!prev})}},react.createElement(noticeQuestionIcon,null)),react.createElement("div",{className:NoticeIcon_notice_icon_module["notice-icon-tooltip"]},react.createElement(Tooltip.u,{showTooltip:showTooltip,handleClick:function(){return setShowTooltip(!1)},wide:!0,position:tooltipPosition},noticeText)))};NoticeIcon.propTypes={noticeText:prop_types_default().string.isRequired,titleNoticeIcon:prop_types_default().string,tooltipPosition:prop_types_default().oneOf(Object.values(Tooltip.c))},NoticeIcon.defaultProps={titleNoticeIcon:"",tooltipPosition:Tooltip.c.TOP},NoticeIcon.__docgenInfo={description:"A component that displays a notice icon with optional tooltip.\n\n@component\n@param {Object} props - The props object.\n@param {string} props.noticeText - The text to display inside the tooltip.\n@param {string} [props.titleNoticeIcon] - The source URL for the icon displayed on the notice.\n@param {string} props.tooltipPosition - Position for the tooltip relative to the icon.",methods:[],displayName:"NoticeIcon",props:{titleNoticeIcon:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},tooltipPosition:{defaultValue:{value:'"top"',computed:!1},description:"",type:{name:"enum",value:[{value:'"top"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1},{value:'"bottom"',computed:!1},{value:'"top-left"',computed:!1},{value:'"top-right"',computed:!1}]},required:!1},noticeText:{description:"",type:{name:"string"},required:!0}}}},"./src/ui-kit/components/atoms/TitleBox/TitleBox.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{k:()=&gt;TitleBox});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),title_box_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/TitleBox/title-box.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()(title_box_module.Z,options);let TitleBox_title_box_module=title_box_module.Z&amp;&amp;title_box_module.Z.locals?title_box_module.Z.locals:void 0;var useCallHandlingErrors=__webpack_require__("./src/ui-kit/hooks/useCallHandlingErrors.js"),textUtils=__webpack_require__("./src/ui-kit/utils/textUtils.js"),NoticeIcon=__webpack_require__("./src/ui-kit/components/atoms/NoticeIcon/NoticeIcon.jsx"),LinkButton=__webpack_require__("./src/ui-kit/components/atoms/buttons/LinkButton/LinkButton.jsx"),Tooltip=__webpack_require__("./src/ui-kit/components/atoms/Tooltip/Tooltip.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 TitleBox=function(param){var _param_title=param.title,title=void 0===_param_title?"":_param_title,_param_linkText=param.linkText,linkText=void 0===_param_linkText?"":_param_linkText,_param_linkButtonClick=param.linkButtonClick,_param_isLinkButtonDisabled=param.isLinkButtonDisabled,children=param.children,_param_linkButtonLoader=param.linkButtonLoader,_param_fullWidth=param.fullWidth,_param_titleNoticeText=param.titleNoticeText,titleNoticeText=void 0===_param_titleNoticeText?"":_param_titleNoticeText,titleNoticeIcon=param.titleNoticeIcon,titleNoticePosition=param.titleNoticePosition,_param_bigTitle=param.bigTitle,_param_transparentTitle=param.transparentTitle,copyButtonText=param.copyButtonText,copyButtonContent=param.copyButtonContent,copyButtonTooltipContent=param.copyButtonTooltipContent,handleError=(0,useCallHandlingErrors.d)(),transparentTitleClass=void 0!==_param_transparentTitle&amp;&amp;_param_transparentTitle?TitleBox_title_box_module["transparent-title"]:"",_useState=_sliced_to_array((0,react.useState)(!1),2),showCopyNotice=_useState[0],setShowCopyNotice=_useState[1];return react.createElement("div",{className:"".concat(TitleBox_title_box_module["title-box"]," ").concat(void 0===_param_fullWidth||_param_fullWidth?TitleBox_title_box_module["full-width"]:"")},title||titleNoticeText||linkText?react.createElement("div",{className:TitleBox_title_box_module["title-box-wrapper"]},void 0!==_param_bigTitle&amp;&amp;_param_bigTitle?react.createElement("h5",{className:TitleBox_title_box_module["title-box-wrapper-title"]+" "+transparentTitleClass},title):react.createElement("h6",{className:TitleBox_title_box_module["title-box-wrapper-title"]+" "+transparentTitleClass},title),titleNoticeText?react.createElement(NoticeIcon.Q,{noticeText:titleNoticeText,titleNoticeIcon:titleNoticeIcon,tooltipPosition:titleNoticePosition}):null,copyButtonContent&amp;&amp;copyButtonText?react.createElement("div",{className:TitleBox_title_box_module["title-box-wrapper-link-button"]},react.createElement(LinkButton.Q,{content:copyButtonText,onClick:function(e){handleError(function(){setShowCopyNotice(!0),(0,textUtils.q)(copyButtonContent),setTimeout(function(){setShowCopyNotice(!1)},1500)},e)},isLoadable:!1,isDisabled:!1}),react.createElement(Tooltip.u,{position:Tooltip.c.TOP_LEFT,showTooltip:showCopyNotice},copyButtonTooltipContent)):linkText?react.createElement("div",{className:TitleBox_title_box_module["title-box-wrapper-link-button"]},react.createElement(LinkButton.Q,{content:linkText,onClick:void 0===_param_linkButtonClick?function(resetButtonLoader){}:_param_linkButtonClick,isLoadable:void 0!==_param_linkButtonLoader&amp;&amp;_param_linkButtonLoader,isDisabled:void 0!==_param_isLinkButtonDisabled&amp;&amp;_param_isLinkButtonDisabled})):null):null,children)};TitleBox.propTypes={title:prop_types_default().string,linkText:prop_types_default().string,linkButtonClick:prop_types_default().func,isLinkButtonDisabled:prop_types_default().bool,children:prop_types_default().node,linkButtonLoader:prop_types_default().bool,fullWidth:prop_types_default().bool,titleNoticeText:prop_types_default().string,titleNoticeIcon:prop_types_default().string,titleNoticePosition:prop_types_default().string,bigTitle:prop_types_default().bool,transparentTitle:prop_types_default().bool,copyButtonText:prop_types_default().string,copyButtonContent:prop_types_default().string,copyButtonTooltipContent:prop_types_default().string},TitleBox.defaultProps={title:"",linkText:"",linkButtonClick:function(){},isLinkButtonDisabled:!1,linkButtonLoader:!1,fullWidth:!0,titleNoticeText:"",titleNoticePosition:Tooltip.c.TOP,bigTitle:!1,transparentTitle:!1},TitleBox.__docgenInfo={description:"A box component for displaying a title with optional controls like buttons or icons and any children inside.\n\n@component\n@param {Object} props - The props object.\n@param {string} props.title - The main title text.\n@param {string} [props.linkText] - The text for the link button, if any.\n@param {Function} [props.linkButtonClick] - The function to execute when the link button is clicked.\n@param {boolean} [props.isLinkButtonDisabled] - Determines if the link button is disabled.\n@param {React.ReactNode} props.children - Child components to be rendered.\n@param {boolean} [props.linkButtonLoader] - Displays a loader animation on the link button if true.\n@param {boolean} [props.fullWidth] - If true, the title box will take full width of its container.\n@param {string} [props.titleNoticeText] - The text for a notice icon tooltip.\n@param {string} [props.titleNoticeIcon] - The icon for the notice tooltip.\n@param {string} [props.titleNoticePosition] - Tooltip position for the notice icon.\n@param {boolean} [props.bigTitle] - If true, uses a larger font size for the title.\n@param {boolean} [props.transparentTitle] - If true, the title has a transparent background.\n@param {string} [props.copyButtonText] - The text for the copy button.\n@param {string} [props.copyButtonContent] - The content to be copied to the clipboard.\n@param {string} [props.copyButtonTooltipContent] - Tooltip content displayed after copying.",methods:[],displayName:"TitleBox",props:{title:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},linkText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},linkButtonClick:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},isLinkButtonDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},linkButtonLoader:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},fullWidth:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},titleNoticeText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},bigTitle:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},transparentTitle:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},titleNoticePosition:{defaultValue:{value:'"top"',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1},titleNoticeIcon:{description:"",type:{name:"string"},required:!1},copyButtonText:{description:"",type:{name:"string"},required:!1},copyButtonContent:{description:"",type:{name:"string"},required:!1},copyButtonTooltipContent:{description:"",type:{name:"string"},required:!1}}}},"./src/ui-kit/utils/textUtils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{q:()=&gt;copyBrowserTextToClipboard});var clipboard_copy__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/clipboard-copy/index.js"),clipboard_copy__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(clipboard_copy__WEBPACK_IMPORTED_MODULE_0__),_common_apis_errorUtils_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/common-apis/errorUtils.js");function copyBrowserTextToClipboard(text){try{if(!clipboard_copy__WEBPACK_IMPORTED_MODULE_0___default()(text))throw Error("Failed to execute copy command.")}catch(e){(0,_common_apis_errorUtils_js__WEBPACK_IMPORTED_MODULE_1__.M)(e,"saveTextToFile")}}}}]);</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-08-16T01:54:57.375Z
-            </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>