@zohodesk/dot 1.7.2 → 1.7.3

package/coverage/src/form/fields/MultiSelectField/props/defaultProps.js.html

@@ -124,7 +124,7 @@ export const 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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/MultiSelectField/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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/MultiSelectField/props/propTypes.js.html

@@ -226,7 +226,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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/PhoneField/PhoneField.js.html

@@ -240,8 +240,7 @@
 <a name='L175'></a><a href='#L175'>175</a>
 <a name='L176'></a><a href='#L176'>176</a>
 <a name='L177'></a><a href='#L177'>177</a>
-<a name='L178'></a><a href='#L178'>178</a>
-<a name='L179'></a><a href='#L179'>179</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L178'></a><a href='#L178'>178</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>
@@ -328,7 +327,6 @@
 <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-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -488,7 +486,6 @@ export default class PhoneField extends PureComponent {
       errorType,
       isDisabled,
       title,
-      onBlur,
       dataId,
       dataSelectorId,
       onKeyDown,
@@ -604,7 +601,7 @@ PhoneField.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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/PhoneField/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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/PhoneField/props/defaultProps.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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/PhoneField/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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/PhoneField/props/propTypes.js.html

@@ -214,7 +214,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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/RadioField/RadioField.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">65.51% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/11</span>
+                <span class='fraction'>19/29</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.33% </span>
+                <span class="strong">52.3% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/36</span>
+                <span class='fraction'>34/65</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/4</span>
+                <span class='fraction'>6/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">65.51% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/11</span>
+                <span class='fraction'>19/29</span>
             </div>
         
             
@@ -199,7 +199,56 @@
 <a name='L134'></a><a href='#L134'>134</a>
 <a name='L135'></a><a href='#L135'>135</a>
 <a name='L136'></a><a href='#L136'>136</a>
-<a name='L137'></a><a href='#L137'>137</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</a>
+<a name='L142'></a><a href='#L142'>142</a>
+<a name='L143'></a><a href='#L143'>143</a>
+<a name='L144'></a><a href='#L144'>144</a>
+<a name='L145'></a><a href='#L145'>145</a>
+<a name='L146'></a><a href='#L146'>146</a>
+<a name='L147'></a><a href='#L147'>147</a>
+<a name='L148'></a><a href='#L148'>148</a>
+<a name='L149'></a><a href='#L149'>149</a>
+<a name='L150'></a><a href='#L150'>150</a>
+<a name='L151'></a><a href='#L151'>151</a>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</a>
+<a name='L156'></a><a href='#L156'>156</a>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</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>
@@ -215,8 +264,31 @@
 <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">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</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-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</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-yes">3x</span>
+<span class="cline-any cline-yes">3x</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-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>
+<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">3x</span>
+<span class="cline-any cline-yes">3x</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>
@@ -225,10 +297,16 @@
 <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">16x</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-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>
+<span class="cline-any cline-no">&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>
@@ -247,24 +325,24 @@
 <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">1x</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-yes">1x</span>
-<span class="cline-any cline-yes">1x</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-yes">3x</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-yes">3x</span>
+<span class="cline-any cline-yes">3x</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>
@@ -276,8 +354,28 @@
 <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-no">&nbsp;</span>
-<span class="cline-any cline-no">&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-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<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>
@@ -352,13 +450,50 @@ import style from '../Fields.module.css';
 export default class RadioField extends PureComponent {
   constructor(props) {
     super(props);
+    this.data = {
+      radios: {},
+      focus: this.handleFocus
+    }
     this.handleChange = this.handleChange.bind(this);
+    this.updateData = this.updateData.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+  }
+&nbsp;
+  componentDidMount() {
+    const { getRef, id } = this.props;
+    getRef &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >getRef(this.data, id);</span>
+  }
+&nbsp;
+<span class="fstat-no" title="function not covered" >  co</span>mponentDidUpdate(prevProps) {
+    const { getRef, id } = <span class="cstat-no" title="statement not covered" >this.props;</span>
+<span class="cstat-no" title="statement not covered" >    if (getRef !== prevProps.getRef) {</span>
+<span class="cstat-no" title="statement not covered" >      getRef &amp;&amp; getRef(this.data, id);</span>
+    }
+  }
+&nbsp;
+  componentWillUnmount() {
+    const { getRef, id } = this.props;
+    getRef &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >getRef(null, id);</span>
   }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  ha</span>ndleChange(value) {
     let { id, onChange } = <span class="cstat-no" title="statement not covered" >this.props;</span>
 <span class="cstat-no" title="statement not covered" >    onChange &amp;&amp; onChange(id, value);</span>
   }
+&nbsp;
+  updateData(ele, val) {
+    this.data.radios[val] = ele;
+  }
+&nbsp;
+<span class="fstat-no" title="function not covered" >  ha</span>ndleFocus() {
+    const { selectedValue, options } = <span class="cstat-no" title="statement not covered" >this.props;</span>
+    const firstRadioValue = <span class="cstat-no" title="statement not covered" >options[0].value;</span>
+<span class="cstat-no" title="statement not covered" >    if (selectedValue) {</span>
+<span class="cstat-no" title="statement not covered" >      this.data.radios[selectedValue].focus();</span>
+    } else {
+<span class="cstat-no" title="statement not covered" >      this.data.radios[firstRadioValue].focus();</span>
+    }
+  }
 &nbsp;
   render() {
     let {
@@ -381,6 +516,7 @@ export default class RadioField extends PureComponent {
       validationRuleMessage,
       validationRulePalette,
       isReadOnly,
+      isBoxStyle,
       variant,
       customProps
     } = this.props;
@@ -410,11 +546,13 @@ export default class RadioField extends PureComponent {
             {...LabelProps}
           /&gt;
         )}
-        &lt;div className={`${style.fieldContainer} ${labelName ? <span class="branch-0 cbranch-no" title="branch not covered" >style.fieldMargin_medium </span>: ''} ${style.radioContainer}`}&gt;
-          {options.map(<span class="fstat-no" title="function not covered" >(o</span>ption, index) =&gt; {
-            let { text, value, disabled = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span> tooltip, infoTooltip } = <span class="cstat-no" title="statement not covered" >option;</span>
-<span class="cstat-no" title="statement not covered" >            return (</span>
-              &lt;span key={index} className={`${style.radio}`}&gt;
+        &lt;div className={`${style.fieldContainer} ${isBoxStyle ? style.radiosWrapper : ''} ${labelName ? <span class="branch-0 cbranch-no" title="branch not covered" >style.fieldMargin_medium </span>: ''} ${style.radioContainer}`}&gt;
+          {options.map((option, index) =&gt; {
+            let { text, value, disabled = false, tooltip, infoTooltip } = option;
+            let isDisabledState = disabled || isDisabled;
+            let isChecked = selectedValue == value;
+            return (
+              &lt;span key={index} className={`${!isBoxStyle ? style.radio : ''} ${style.radioWrap}`}&gt;
                 &lt;Radio
                   id={index}
                   value={value}
@@ -422,17 +560,26 @@ export default class RadioField extends PureComponent {
                   text={text}
                   labelPalette={labelPalette}
                   labelSize={labelSize}
-                  active={isActive}
-                  disabled={disabled || isDisabled}
+                  active={isActive || (isBoxStyle &amp;&amp; isChecked)}
+                  disabled={isDisabledState}
                   disabledTitle={tooltip}
                   title={tooltip}
                   onChange={this.handleChange}
+                  getRef={this.updateData}
                   size={size}
-                  checked={selectedValue == value}
+                  checked={isChecked}
                   dataId={dataId}
                   isReadOnly={isReadOnly}
                   variant={variant}
                   {...RadioProps}
+                  a11y={{
+                    tabIndex: (!!selectedValue ? (<span class="branch-0 cbranch-no" title="branch not covered" >isChecked? '0' : '-1')</span> : (index === 0 ? '0' : '-1')),
+                    ...RadioProps.a11y
+                  }}
+                  customClass={{
+                    customRadioWrap: isBoxStyle ? `${style.radioBox} ${!isDisabledState ? style.hoverableRadioBox : '' } ${isChecked ? <span class="branch-0 cbranch-no" title="branch not covered" >style.radioBoxActive </span>: ''}` : '',
+                    ...RadioProps.customClass
+                  }}
                 &gt;
                   { !!infoTooltip ? &lt;Icon name='ZD-GN-info' size='16' title={infoTooltip} iconClass={style.infoIcon} {...InfoIconProps} /&gt; : null }
                 &lt;/Radio&gt;
@@ -478,7 +625,7 @@ RadioField.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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/RadioField/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">65.51% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/11</span>
+                <span class='fraction'>19/29</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.33% </span>
+                <span class="strong">52.3% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/36</span>
+                <span class='fraction'>34/65</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/4</span>
+                <span class='fraction'>6/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">65.51% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/11</span>
+                <span class='fraction'>19/29</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="RadioField.js"><a href="RadioField.js.html">RadioField.js</a></td>
-	<td data-value="63.63" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 63%"></div><div class="cover-empty" style="width: 37%"></div></div>
+	<td data-value="65.51" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
 	</td>
-	<td data-value="63.63" class="pct medium">63.63%</td>
-	<td data-value="11" class="abs medium">7/11</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="36" class="abs low">12/36</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="4" class="abs medium">2/4</td>
-	<td data-value="63.63" class="pct medium">63.63%</td>
-	<td data-value="11" class="abs medium">7/11</td>
+	<td data-value="65.51" class="pct medium">65.51%</td>
+	<td data-value="29" class="abs medium">19/29</td>
+	<td data-value="52.3" class="pct medium">52.3%</td>
+	<td data-value="65" class="abs medium">34/65</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="9" class="abs medium">6/9</td>
+	<td data-value="65.51" class="pct medium">65.51%</td>
+	<td data-value="29" class="abs medium">19/29</td>
 	</tr>
 
 </tbody>
@@ -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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/RadioField/props/defaultProps.js.html

@@ -75,7 +75,9 @@
 <a name='L10'></a><a href='#L10'>10</a>
 <a name='L11'></a><a href='#L11'>11</a>
 <a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</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>
@@ -89,6 +91,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const defaultProps = {
   errorType: 'primary',
+  isBoxStyle: false,
   isMandatory: false,
   isDisabled: false,
   isReadOnly: false,
@@ -106,7 +109,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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/RadioField/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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/RadioField/props/propTypes.js.html

@@ -100,7 +100,10 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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></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-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -137,13 +140,18 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import PropTypes from 'prop-types';
 &nbsp;
 export const propTypes = {
   dataId: PropTypes.string,
   errorType: PropTypes.oneOf(['primary', 'secondary']),
+  getRef: PropTypes.func,
   id: PropTypes.string,
   isActive: PropTypes.bool,
+  isBoxStyle: PropTypes.bool,
   isDisabled: PropTypes.bool,
   isMandatory: PropTypes.bool,
   isReadOnly: PropTypes.bool,
@@ -169,6 +177,7 @@ export const propTypes = {
   customProps: PropTypes.shape({
     LabelProps: PropTypes.object,
     RadioProps: PropTypes.object,
+    InfoIconProps: PropTypes.object,
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
@@ -181,7 +190,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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/SelectField/SelectField.js.html

@@ -682,7 +682,7 @@ SelectField.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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/SelectField/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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/form/fields/SelectField/props/defaultProps.js.html

@@ -127,7 +127,7 @@ export const 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-01-24T09:31:43.009Z
+                at 2025-02-26T10:35:45.893Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>