@zohodesk/dot 1.7.7 → 1.7.8

package/coverage/src/Drawer/props/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Drawer/props/propTypes.js.html

@@ -271,7 +271,7 @@ export const Drawer_propTypes = {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/ExternalLink/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/ExternalLink/props/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FlipCard/FlipCard.js.html

@@ -508,7 +508,7 @@ FlipCard.defaultProps = defaultProps;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FlipCard/FlipCard.module.css.html

@@ -175,7 +175,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FlipCard/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FlipCard/props/defaultProps.js.html

@@ -85,7 +85,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FlipCard/props/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FlipCard/props/propTypes.js.html

@@ -184,7 +184,7 @@ export const propTypes = {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FormAction/FormAction.js.html

@@ -376,7 +376,7 @@ FormAction.defaultProps = defaultProps;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FormAction/FormAction.module.css.html

@@ -277,7 +277,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FormAction/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FormAction/props/defaultProps.js.html

@@ -85,7 +85,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FormAction/props/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FormAction/props/propTypes.js.html

@@ -97,7 +97,7 @@ export const propTypes = {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/FreezeLayer.js.html

@@ -331,7 +331,7 @@ FreezeLayer.defaultProps = defaultProps;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/css/FreezeLayer.module.css.html

@@ -184,7 +184,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/css/cssJSLogic.js.html

@@ -124,7 +124,7 @@ export default function cssJSLogic({ props, style }) {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/css/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/index.html

@@ -101,7 +101,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/props/defaultProps.js.html

@@ -97,7 +97,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/props/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/FreezeLayer/props/propTypes.js.html

@@ -136,7 +136,7 @@ export default propTypes;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/css/Dragger.module.css.html

@@ -76,7 +76,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/css/index.html

@@ -101,7 +101,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/index.html

@@ -101,7 +101,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/props/defaultProps.js.html

@@ -85,7 +85,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/props/index.html

@@ -116,7 +116,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/props/propTypes.js.html

@@ -109,7 +109,7 @@ export default {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/useDragger.js.html

@@ -424,7 +424,7 @@ useDragger.defaultProps = defaultProps;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/utils/DraggerUtil.js.html

@@ -118,7 +118,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/Dragger/utils/index.html

@@ -101,7 +101,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/index.html

@@ -101,7 +101,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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Hooks/useFreezeLayer.js.html

@@ -232,7 +232,7 @@ export default function useFreezeLayer({ isActive: propsActive, onClick }) {
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/IconButton/IconButton.js.html

@@ -190,7 +190,8 @@
 <a name='L125'></a><a href='#L125'>125</a>
 <a name='L126'></a><a href='#L126'>126</a>
 <a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -201,13 +202,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -260,10 +261,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -369,6 +371,7 @@ export default class IconButton extends React.Component {
     let {
       palette,
       iconSize,
+      size,
       iconName,
       className,
       iconClass,
@@ -409,7 +412,7 @@ export default class IconButton extends React.Component {
           tourId={tourId}
           align='both'
           isCover={false}
-          className={`${needButtonTag &amp;&amp; btnStyle.buttonReset} ${style.wrapper} ${className ? className : ''} ${
+          className={`${needButtonTag ? btnStyle.buttonReset : ''} ${style[size]} ${style.wrapper} ${className || ''} ${
             isActive ? style[`${palette}_active`] : style[palette]
           }`}
           dataId={dataId}
@@ -451,7 +454,7 @@ IconButton.defaultProps = defaultProps;
             <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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/IconButton/IconButton.module.css.html

@@ -85,7 +85,59 @@
 <a name='L20'></a><a href='#L20'>20</a>
 <a name='L21'></a><a href='#L21'>21</a>
 <a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">8x</span>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<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>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -110,33 +162,59 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">.varClass {
   --iconColor: var(--zdt_iconButton_icon_black);
 }
+&nbsp;
 .wrapper {
-  height: 28px;
   cursor: pointer;
-  width: 28px;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   composes: varClass;
   color: var(--iconColor);
 }
+&nbsp;
+.xsmall {
+  width: 16px;
+  height: 16px;
+}
+&nbsp;
+.small {
+  width: 20px;
+  height: 20px;
+}
+&nbsp;
+.medium {
+  width: 24px;
+  height: 24px;
+}
+&nbsp;
+.large {
+  width: 28px;
+  height: 28px;
+}
+&nbsp;
+.xlarge {
+  width: 32px;
+  height: 32px;
+}
+&nbsp;
 .primary {
   --iconColor: var(--zdt_iconButton_icon_primary);
 }
+&nbsp;
 .primary:hover {
   --iconColor: var(--zdt_iconButton_icon_primaryHover);
 }
+&nbsp;
 .primary_active,
 .primaryFilled,
 .primaryFilled_active {
   --iconColor: var(--zdt_iconButton_icon_primaryActive);
-}
-&nbsp;</pre></td></tr></table></pre>
+}</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 2025-04-09T06:47:56.996Z
+                at 2025-05-09T12:44:21.841Z
             </div>
         <script src="../../prettify.js"></script>
         <script>