npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.70 → 1.0.0-beta.72 - Mend

@rabbitio/ui-kit 1.0.0-beta.70 → 1.0.0-beta.72

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

package/coverage/rabbit-ui-kit/src/{components → ui-kit}/utils/textUtils.js.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/utils/textUtils.js</title>
+    <title>Code coverage report for rabbit-ui-kit/src/ui-kit/utils/textUtils.js</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/utils</a> textUtils.js</h1>
+        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/ui-kit/utils</a> textUtils.js</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -101,7 +101,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&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" >import copy from "clipboard-copy";</span></span></span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { improveAndRethrow } from "../../common/errorUtils.js";</span>
+<span class="cstat-no" title="statement not covered" >import { improveAndRethrow } from "../../common-apis/errorUtils.js";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >/**</span>
 <span class="cstat-no" title="statement not covered" > * Copies given text to clipboard inside browser.</span>
@@ -124,7 +124,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/{components → ui-kit}/utils/uiUtils.js.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/utils/uiUtils.js</title>
+    <title>Code coverage report for rabbit-ui-kit/src/ui-kit/utils/uiUtils.js</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/utils</a> uiUtils.js</h1>
+        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/ui-kit/utils</a> uiUtils.js</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -106,7 +106,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/{components → ui-kit}/utils/urlQueryUtils.js.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/utils/urlQueryUtils.js</title>
+    <title>Code coverage report for rabbit-ui-kit/src/ui-kit/utils/urlQueryUtils.js</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/utils</a> urlQueryUtils.js</h1>
+        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/ui-kit/utils</a> urlQueryUtils.js</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -256,7 +256,7 @@ export <span class="fstat-no" title="function not covered" >function getQueryPar
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/BackgroundTitle.stories.jsx.html CHANGED Viewed

@@ -154,7 +154,7 @@
 <span class="cstat-no" title="statement not covered" >    tags: ["autodocs"],</span>
 <span class="cstat-no" title="statement not covered" >};</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;div style={{ width: "400px", border: "1px solid #eee" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;BackgroundTitle {...args} /&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h2</span>
@@ -187,7 +187,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/LinesOfText.stories.jsx.html CHANGED Viewed

@@ -197,8 +197,8 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" >import React from "react";<span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" ></span></span></span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { LinesOfText } from "../../src/components/atoms/TwoLinesOfText/LinesOfText.jsx";</span>
-<span class="cstat-no" title="statement not covered" >import { TitleBox } from "../../src/components/atoms/TitleBox/TitleBox.jsx";</span>
+<span class="cstat-no" title="statement not covered" >import { LinesOfText } from "../../src/ui-kit/components/atoms/TwoLinesOfText/LinesOfText.jsx";</span>
+<span class="cstat-no" title="statement not covered" >import { TitleBox } from "../../src/ui-kit/components/atoms/TitleBox/TitleBox.jsx";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export default {</span>
 <span class="cstat-no" title="statement not covered" >    title: "Components/LinesOfText",</span>
@@ -217,7 +217,7 @@
 <span class="cstat-no" title="statement not covered" >    tags: ["autodocs"],</span>
 <span class="cstat-no" title="statement not covered" >};</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;LinesOfText {...args} /&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;TitleBox title={"Something!"} titleNoticeText={"THis is it."} /&gt;</span>
@@ -268,7 +268,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/LoadingDots.stories.jsx.html CHANGED Viewed

@@ -159,7 +159,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&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" >import React from "react";</span></span></span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { LoadingDots } from "../../src/components/atoms/LoadingDots/LoadingDots.jsx";</span>
+<span class="cstat-no" title="statement not covered" >import { LoadingDots } from "../../src/ui-kit/components/atoms/LoadingDots/LoadingDots.jsx";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export default {</span>
 <span class="cstat-no" title="statement not covered" >    title: "LoadingDots",</span>
@@ -185,7 +185,7 @@
 <span class="cstat-no" title="statement not covered" >    tags: ["autodocs"],</span>
 <span class="cstat-no" title="statement not covered" >};</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; &lt;LoadingDots {...args} /&gt;;</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; &lt;LoadingDots {...args} /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export const Default = Template.bind({});</span>
 <span class="cstat-no" title="statement not covered" >Default.args = {};</span>
@@ -211,7 +211,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/QrCode.stories.jsx.html CHANGED Viewed

@@ -125,7 +125,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&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" >import React from "react";</span></span></span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { QrCode } from "../../src/components/atoms/QrCode/QrCode";</span>
+<span class="cstat-no" title="statement not covered" >import { QrCode } from "../../src/ui-kit/components/atoms/QrCode/QrCode";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export default {</span>
 <span class="cstat-no" title="statement not covered" >    title: "Components/QrCode",</span>
@@ -136,7 +136,7 @@
 <span class="cstat-no" title="statement not covered" >    tags: ["autodocs"],</span>
 <span class="cstat-no" title="statement not covered" >};</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; &lt;QrCode {...args} /&gt;;</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; &lt;QrCode {...args} /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export const Default = Template.bind({});</span>
 <span class="cstat-no" title="statement not covered" >Default.args = {</span>
@@ -160,7 +160,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/RateSelector.stories.jsx.html CHANGED Viewed

@@ -98,7 +98,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&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" >import React, { useState } from "react";</span></span></span>
-<span class="cstat-no" title="statement not covered" >import { RateSelector } from "../../src/components/atoms/RateSelector/RateSelector";</span>
+<span class="cstat-no" title="statement not covered" >import { RateSelector } from "../../src/ui-kit/components/atoms/RateSelector/RateSelector";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export default {</span>
 <span class="cstat-no" title="statement not covered" >    title: "Components/RateSelector",</span>
@@ -121,7 +121,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/Validation.stories.jsx.html CHANGED Viewed

@@ -141,7 +141,7 @@
 <span class="cstat-no" title="statement not covered" >};</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >// Template for creating stories</span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; &lt;Validation {...args} /&gt;;</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; &lt;Validation {...args} /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >// Story for success validation</span>
 <span class="cstat-no" title="statement not covered" >export const SuccessValidation = Template.bind({});</span>
@@ -163,7 +163,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/Button.stories.jsx.html CHANGED Viewed

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/287</span>
+                <span class='fraction'>0/266</span>
             </div>
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/287</span>
+                <span class='fraction'>0/266</span>
             </div>
@@ -329,49 +329,7 @@
 <a name='L264'></a><a href='#L264'>264</a>
 <a name='L265'></a><a href='#L265'>265</a>
 <a name='L266'></a><a href='#L266'>266</a>
-<a name='L267'></a><a href='#L267'>267</a>
-<a name='L268'></a><a href='#L268'>268</a>
-<a name='L269'></a><a href='#L269'>269</a>
-<a name='L270'></a><a href='#L270'>270</a>
-<a name='L271'></a><a href='#L271'>271</a>
-<a name='L272'></a><a href='#L272'>272</a>
-<a name='L273'></a><a href='#L273'>273</a>
-<a name='L274'></a><a href='#L274'>274</a>
-<a name='L275'></a><a href='#L275'>275</a>
-<a name='L276'></a><a href='#L276'>276</a>
-<a name='L277'></a><a href='#L277'>277</a>
-<a name='L278'></a><a href='#L278'>278</a>
-<a name='L279'></a><a href='#L279'>279</a>
-<a name='L280'></a><a href='#L280'>280</a>
-<a name='L281'></a><a href='#L281'>281</a>
-<a name='L282'></a><a href='#L282'>282</a>
-<a name='L283'></a><a href='#L283'>283</a>
-<a name='L284'></a><a href='#L284'>284</a>
-<a name='L285'></a><a href='#L285'>285</a>
-<a name='L286'></a><a href='#L286'>286</a>
-<a name='L287'></a><a href='#L287'>287</a>
-<a name='L288'></a><a href='#L288'>288</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<a name='L267'></a><a href='#L267'>267</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -639,7 +597,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&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" >import React from "react";</span></span></span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { Button } from "../../../src/components/atoms/buttons/Button/Button.jsx";</span>
+<span class="cstat-no" title="statement not covered" >import { Button } from "../../../src/ui-kit/components/atoms/buttons/Button/Button.jsx";</span>
 <span class="cstat-no" title="statement not covered" >import icon from "../../assets/icons/transactions-icon.svg";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >const sizes = ["xl", "lg", "md", "sm"];</span>
@@ -683,21 +641,19 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >const ModeStory = ({ mode }) =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {sizes.map((size) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {sizes.map(size =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={size} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                    size={size}</span>
 <span class="cstat-no" title="statement not covered" >                    mode={mode}</span>
-<span class="cstat-no" title="statement not covered" >                    content={`${</span>
-<span class="cstat-no" title="statement not covered" >                        mode.charAt(0).toUpperCase() + mode.slice(1)</span>
-<span class="cstat-no" title="statement not covered" >                    } ${size.toUpperCase()} Button`}</span>
+<span class="cstat-no" title="statement not covered" >                    content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} ${size.toUpperCase()} Button`}</span>
 <span class="cstat-no" title="statement not covered" >                /&gt;</span>
 <span class="cstat-no" title="statement not covered" >            &lt;/div&gt;</span>
 <span class="cstat-no" title="statement not covered" >        ))}</span>
 <span class="cstat-no" title="statement not covered" >    &lt;/&gt;</span>
 <span class="cstat-no" title="statement not covered" >);</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; &lt;Button {...args} /&gt;;</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; &lt;Button {...args} /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export const Default = Template.bind({});</span>
 <span class="cstat-no" title="statement not covered" >Default.args = { content: "Button" };</span>
@@ -710,17 +666,11 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export const PrimaryBordered = () =&gt; &lt;ModeStory mode="primary-bordered" /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >export const PrimaryTransparent = () =&gt; (</span>
-<span class="cstat-no" title="statement not covered" >    &lt;ModeStory mode="primary-transparent" /&gt;</span>
-<span class="cstat-no" title="statement not covered" >);</span>
+<span class="cstat-no" title="statement not covered" >export const PrimaryTransparent = () =&gt; &lt;ModeStory mode="primary-transparent" /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >export const TransparentBordered = () =&gt; (</span>
-<span class="cstat-no" title="statement not covered" >    &lt;ModeStory mode="transparent-bordered" /&gt;</span>
-<span class="cstat-no" title="statement not covered" >);</span>
+<span class="cstat-no" title="statement not covered" >export const TransparentBordered = () =&gt; &lt;ModeStory mode="transparent-bordered" /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >export const TransparentWithoutShadow = () =&gt; (</span>
-<span class="cstat-no" title="statement not covered" >    &lt;ModeStory mode="transparent-without-shadow" /&gt;</span>
-<span class="cstat-no" title="statement not covered" >);</span>
+<span class="cstat-no" title="statement not covered" >export const TransparentWithoutShadow = () =&gt; &lt;ModeStory mode="transparent-without-shadow" /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >// TODO: [dev] requires fix</span>
 <span class="cstat-no" title="statement not covered" >// export const LinkButton = () =&gt; (</span>
@@ -742,7 +692,7 @@
 <span class="cstat-no" title="statement not covered" >export const LoadingButton = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Loading Button&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {sizes.map((size) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {sizes.map(size =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={size} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                    size={size}</span>
@@ -759,10 +709,10 @@
 <span class="cstat-no" title="statement not covered" >export const IconButton = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Button with Icon&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {modes.map((mode) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {modes.map(mode =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={mode} style={{ marginBottom: "20px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;h4&gt;Mode: {mode.charAt(0).toUpperCase() + mode.slice(1)}&lt;/h4&gt;</span>
-<span class="cstat-no" title="statement not covered" >                {sizes.map((size) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >                {sizes.map(size =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;div key={size} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                            size={size}</span>
@@ -782,7 +732,7 @@
 <span class="cstat-no" title="statement not covered" >export const DisabledButton = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Disabled Button&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {sizes.map((size) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {sizes.map(size =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div</span>
 <span class="cstat-no" title="statement not covered" >                key={size}</span>
 <span class="cstat-no" title="statement not covered" >                style={{</span>
@@ -791,12 +741,7 @@
 <span class="cstat-no" title="statement not covered" >                    justifyContent: "space-between",</span>
 <span class="cstat-no" title="statement not covered" >                }}</span>
 <span class="cstat-no" title="statement not covered" >            &gt;</span>
-<span class="cstat-no" title="statement not covered" >                &lt;Button</span>
-<span class="cstat-no" title="statement not covered" >                    size={size}</span>
-<span class="cstat-no" title="statement not covered" >                    mode={"primary"}</span>
-<span class="cstat-no" title="statement not covered" >                    content={`${size.toUpperCase()} Button`}</span>
-<span class="cstat-no" title="statement not covered" >                    isDisabled={true}</span>
-<span class="cstat-no" title="statement not covered" >                /&gt;</span>
+<span class="cstat-no" title="statement not covered" >                &lt;Button size={size} mode={"primary"} content={`${size.toUpperCase()} Button`} isDisabled={true} /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;div style={{ marginRight: "10px" }} /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                    size={size}</span>
@@ -813,14 +758,12 @@
 <span class="cstat-no" title="statement not covered" >export const CheckmarkOnClickButton = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Button with Checkmark on Click&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {modes.map((mode) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {modes.map(mode =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={mode} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                    size={"xl"}</span>
 <span class="cstat-no" title="statement not covered" >                    mode={mode}</span>
-<span class="cstat-no" title="statement not covered" >                    content={`${</span>
-<span class="cstat-no" title="statement not covered" >                        mode.charAt(0).toUpperCase() + mode.slice(1)</span>
-<span class="cstat-no" title="statement not covered" >                    } XL Button`}</span>
+<span class="cstat-no" title="statement not covered" >                    content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} XL Button`}</span>
 <span class="cstat-no" title="statement not covered" >                    checkmarkOnClick={true}</span>
 <span class="cstat-no" title="statement not covered" >                    loader={false}</span>
 <span class="cstat-no" title="statement not covered" >                /&gt;</span>
@@ -832,10 +775,10 @@
 <span class="cstat-no" title="statement not covered" >export const BigIconButton = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Button with Big Icon&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {modes.map((mode) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {modes.map(mode =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={mode} style={{ marginBottom: "20px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;h4&gt;Mode: {mode.charAt(0).toUpperCase() + mode.slice(1)}&lt;/h4&gt;</span>
-<span class="cstat-no" title="statement not covered" >                {sizes.map((size) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >                {sizes.map(size =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;div key={size} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                            size={size}</span>
@@ -856,13 +799,11 @@
 <span class="cstat-no" title="statement not covered" >export const FullWidthOnMobiles = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Full Width on Mobiles&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {modes.map((mode) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {modes.map(mode =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={mode} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                    mode={mode}</span>
-<span class="cstat-no" title="statement not covered" >                    content={`Full Width Mobile ${</span>
-<span class="cstat-no" title="statement not covered" >                        mode.charAt(0).toUpperCase() + mode.slice(1)</span>
-<span class="cstat-no" title="statement not covered" >                    } Button`}</span>
+<span class="cstat-no" title="statement not covered" >                    content={`Full Width Mobile ${mode.charAt(0).toUpperCase() + mode.slice(1)} Button`}</span>
 <span class="cstat-no" title="statement not covered" >                    fullWidthOnMobiles={true}</span>
 <span class="cstat-no" title="statement not covered" >                /&gt;</span>
 <span class="cstat-no" title="statement not covered" >            &lt;/div&gt;</span>
@@ -878,13 +819,11 @@
 <span class="cstat-no" title="statement not covered" >export const FullWidthOnTablets = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Full Width on Tablets&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {modes.map((mode) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {modes.map(mode =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={mode} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                    mode={mode}</span>
-<span class="cstat-no" title="statement not covered" >                    content={`Full Width Tablet ${</span>
-<span class="cstat-no" title="statement not covered" >                        mode.charAt(0).toUpperCase() + mode.slice(1)</span>
-<span class="cstat-no" title="statement not covered" >                    } Button`}</span>
+<span class="cstat-no" title="statement not covered" >                    content={`Full Width Tablet ${mode.charAt(0).toUpperCase() + mode.slice(1)} Button`}</span>
 <span class="cstat-no" title="statement not covered" >                    fullWidthOnTablets={true}</span>
 <span class="cstat-no" title="statement not covered" >                /&gt;</span>
 <span class="cstat-no" title="statement not covered" >            &lt;/div&gt;</span>
@@ -900,17 +839,15 @@
 <span class="cstat-no" title="statement not covered" >export const SmallPaddingOnSmallMobilesButton = () =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >    &lt;&gt;</span>
 <span class="cstat-no" title="statement not covered" >        &lt;h3&gt;Button with Small Padding on Small Mobiles&lt;/h3&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {modes.map((mode) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >        {modes.map(mode =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >            &lt;div key={mode} style={{ marginBottom: "20px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;h4&gt;Mode: {mode.charAt(0).toUpperCase() + mode.slice(1)}&lt;/h4&gt;</span>
-<span class="cstat-no" title="statement not covered" >                {sizes.map((size) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >                {sizes.map(size =&gt; (</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;div key={size} style={{ marginBottom: "10px" }}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;Button</span>
 <span class="cstat-no" title="statement not covered" >                            size={size}</span>
 <span class="cstat-no" title="statement not covered" >                            mode={mode}</span>
-<span class="cstat-no" title="statement not covered" >                            content={`${</span>
-<span class="cstat-no" title="statement not covered" >                                mode.charAt(0).toUpperCase() + mode.slice(1)</span>
-<span class="cstat-no" title="statement not covered" >                            } ${size.toUpperCase()} Button`}</span>
+<span class="cstat-no" title="statement not covered" >                            content={`${mode.charAt(0).toUpperCase() + mode.slice(1)} ${size.toUpperCase()} Button`}</span>
 <span class="cstat-no" title="statement not covered" >                            smallPaddingOnSmallMobiles={true}</span>
 <span class="cstat-no" title="statement not covered" >                        /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;/div&gt;</span>
@@ -931,7 +868,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/Close.stories.jsx.html CHANGED Viewed

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/43</span>
+                <span class='fraction'>0/42</span>
             </div>
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/43</span>
+                <span class='fraction'>0/42</span>
             </div>
@@ -105,8 +105,7 @@
 <a name='L40'></a><a href='#L40'>40</a>
 <a name='L41'></a><a href='#L41'>41</a>
 <a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L43'></a><a href='#L43'>43</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -148,10 +147,8 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" >import React from "react";<span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" ></span></span></span>
-<span class="cstat-no" title="statement not covered" >import { Close } from "../../../src";</span>
-<span class="cstat-no" title="statement not covered" >import { CLOSE_COLORS } from "../../../src/constants/atoms/Close/close";</span>
+<span class="cline-any cline-neutral">&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" >import React from "react";</span></span></span>
+<span class="cstat-no" title="statement not covered" >import { Close, CLOSE_COLORS } from "../../../src";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export default {</span>
 <span class="cstat-no" title="statement not covered" >    title: "Components/Close",</span>
@@ -167,7 +164,7 @@
 <span class="cstat-no" title="statement not covered" >    tags: ["autodocs"],</span>
 <span class="cstat-no" title="statement not covered" >};</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const Template = (args) =&gt; &lt;Close {...args} /&gt;;</span>
+<span class="cstat-no" title="statement not covered" >const Template = args =&gt; &lt;Close {...args} /&gt;;</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >export const Default = Template.bind({});</span>
 <span class="cstat-no" title="statement not covered" >Default.args = {</span>
@@ -199,7 +196,7 @@
             <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-05-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>