@zohodesk/dot 1.4.6 → 1.4.7

package/coverage/coverage-summary.json

@@ -1,18 +1,18 @@
-{"total": {"lines":{"total":55,"covered":43,"skipped":0,"pct":78.18},"statements":{"total":55,"covered":43,"skipped":0,"pct":78.18},"functions":{"total":11,"covered":6,"skipped":0,"pct":54.54},"branches":{"total":59,"covered":37,"skipped":0,"pct":62.71},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/ExternalLink.js": {"lines":{"total":9,"covered":9,"skipped":0,"pct":100},"functions":{"total":2,"covered":2,"skipped":0,"pct":100},"statements":{"total":9,"covered":9,"skipped":0,"pct":100},"branches":{"total":8,"covered":7,"skipped":0,"pct":87.5}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/ExternalLink.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/IconButton.js": {"lines":{"total":25,"covered":13,"skipped":0,"pct":52},"functions":{"total":7,"covered":2,"skipped":0,"pct":28.57},"statements":{"total":25,"covered":13,"skipped":0,"pct":52},"branches":{"total":31,"covered":12,"skipped":0,"pct":38.7}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/IconButton.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/Image.js": {"lines":{"total":4,"covered":4,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":4,"covered":4,"skipped":0,"pct":100},"branches":{"total":2,"covered":2,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/Image.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/AvatarWithTeam.js": {"lines":{"total":5,"covered":5,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":5,"covered":5,"skipped":0,"pct":100},"branches":{"total":18,"covered":16,"skipped":0,"pct":88.88}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/AvatarWithTeam.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+{"total": {"lines":{"total":54,"covered":43,"skipped":0,"pct":79.62},"statements":{"total":54,"covered":43,"skipped":0,"pct":79.62},"functions":{"total":11,"covered":6,"skipped":0,"pct":54.54},"branches":{"total":59,"covered":37,"skipped":0,"pct":62.71},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/ExternalLink/ExternalLink.js": {"lines":{"total":9,"covered":9,"skipped":0,"pct":100},"functions":{"total":2,"covered":2,"skipped":0,"pct":100},"statements":{"total":9,"covered":9,"skipped":0,"pct":100},"branches":{"total":8,"covered":7,"skipped":0,"pct":87.5}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/ExternalLink/ExternalLink.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/ExternalLink/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/ExternalLink/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/IconButton/IconButton.js": {"lines":{"total":24,"covered":13,"skipped":0,"pct":54.16},"functions":{"total":7,"covered":2,"skipped":0,"pct":28.57},"statements":{"total":24,"covered":13,"skipped":0,"pct":54.16},"branches":{"total":31,"covered":12,"skipped":0,"pct":38.7}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/IconButton/IconButton.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/IconButton/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/IconButton/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/Image/Image.js": {"lines":{"total":4,"covered":4,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":4,"covered":4,"skipped":0,"pct":100},"branches":{"total":2,"covered":2,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/Image/Image.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/Image/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/Image/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/avatar/AvatarWithTeam/AvatarWithTeam.js": {"lines":{"total":5,"covered":5,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":5,"covered":5,"skipped":0,"pct":100},"branches":{"total":18,"covered":16,"skipped":0,"pct":88.88}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/avatar/AvatarWithTeam/AvatarWithTeam.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/avatar/AvatarWithTeam/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-19917/Documents/Git/LibraryCheck/jsapps/dot/dot/src/avatar/AvatarWithTeam/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
 }

package/coverage/index.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.18% </span>
+                <span class="strong">79.62% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>43/55</span>
+                <span class='fraction'>43/54</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.18% </span>
+                <span class="strong">79.62% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>43/55</span>
+                <span class='fraction'>43/54</span>
             </div>
         
             
@@ -110,17 +110,17 @@
 
 <tr>
 	<td class="file medium" data-value="IconButton"><a href="IconButton/index.html">IconButton</a></td>
-	<td data-value="53.84" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 53%"></div><div class="cover-empty" style="width: 47%"></div></div>
+	<td data-value="56" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 56%"></div><div class="cover-empty" style="width: 44%"></div></div>
 	</td>
-	<td data-value="53.84" class="pct medium">53.84%</td>
-	<td data-value="26" class="abs medium">14/26</td>
+	<td data-value="56" class="pct medium">56%</td>
+	<td data-value="25" class="abs medium">14/25</td>
 	<td data-value="38.7" class="pct low">38.7%</td>
 	<td data-value="31" class="abs low">12/31</td>
 	<td data-value="28.57" class="pct low">28.57%</td>
 	<td data-value="7" class="abs low">2/7</td>
-	<td data-value="53.84" class="pct medium">53.84%</td>
-	<td data-value="26" class="abs medium">14/26</td>
+	<td data-value="56" class="pct medium">56%</td>
+	<td data-value="25" class="abs medium">14/25</td>
 	</tr>
 
 <tr>
@@ -206,7 +206,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-02-01T09:03:57.975Z
+                at 2024-02-09T12:23:49.925Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/ActionButton/ActionButton.js

@@ -15,7 +15,6 @@ export class ActionButton extends React.Component {
     this.handleTogglePopup = this.handleTogglePopup.bind(this);
     this.handlePopupOpen = this.handlePopupOpen.bind(this);
   }
-
   handlePopupOpen(e) {
     let {
       openPopupOnly,
@@ -23,7 +22,6 @@ export class ActionButton extends React.Component {
     } = this.props;
     openPopupOnly(e, defaultPosition);
   }
-
   handleTogglePopup(e) {
     let {
       togglePopup,
@@ -31,7 +29,6 @@ export class ActionButton extends React.Component {
     } = this.props;
     togglePopup(e, defaultPosition);
   }
-
   render() {
     let {
       isLoading,
@@ -143,14 +140,13 @@ export class ActionButton extends React.Component {
       scroll: "vertical"
     }, children)) : null) : null));
   }
-
 }
 ActionButton.defaultProps = defaultProps;
 ActionButton.propTypes = propTypes;
 const ActionButtonComponent = Popup(ActionButton);
 ActionButtonComponent.defaultProps = ActionButton.defaultProps;
-ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
+ActionButtonComponent.propTypes = ActionButton.propTypes;
+// ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
-
 export default ActionButtonComponent;

package/es/ActionButton/ActionButton.module.css

@@ -34,7 +34,7 @@
   transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
 }
 .contentBox, .arrowWrapper {
-  margin: 0 ;
+  margin: 0;
 }
 .clickable {
   cursor: pointer;
@@ -49,36 +49,36 @@
   border-radius: var(--zd_size4);
 }
 .small {
-  height: var(--zd_size28) ;
+  height: 28px;
 }
 .medium,
 .large {
-  height: var(--zd_size30) ;
+  height: 30px;
 }
 .medium {
-  min-width: var(--zd_size115) ;
+  min-width: 115px;
 }
 .large {
-  min-width: var(--zd_size135) ;
+  min-width: 135px;
 }
 .small_btnBox {
-  padding: 0 var(--zd_size8) ;
+  padding: 0 8px;
 }
 .medium_btnBox, .large_btnBox {
-  padding: 0 var(--zd_size10) ;
+  padding: 0 10px;
 }
 .txt {
-  font-size: var(--zd_font_size13) ;
+  font-size: 13px;
   font-family: var(--zd_semibold);
   text-transform: capitalize;
 }
 .subTxt {
-  font-size: var(--zd_font_size10) ;
+  font-size: 10px;
 }
 .contentwrapper,
 .txt,
 .subTxt {
-  max-width: 100% ;
+  max-width: 100%;
 }
 .txt,
 .subTxt {
@@ -107,10 +107,10 @@
     border-right: 1px solid var(--buttonSeparatorBorder);
 }
 .small_arrowBox {
-  width: var(--zd_size20) ;
+  width: 20px;
 }
 .medium_arrowBox {
-  width: var(--zd_size26) ;
+  width: 26px;
 }
 .primaryFilledArw:hover,
 .primaryFilledArw.arrowActive,
@@ -126,12 +126,12 @@
   --buttonText: var(--zdt_actionButton_primary_hover_text);
 }
 .btn {
-  height: 100% ;
-  width: 100% ;
+  height: 100%;
+  width: 100%;
 }
 .popupWrapper {
-  padding: var(--zd_size10) 0 ;
-  margin: var(--zd_size5) 0 ;
+  padding: 10px 0;
+  margin: 5px 0;
 }
 .arrow,
 .iconClr {
@@ -139,8 +139,8 @@
   color: var(--buttonText);
 }
 [dir=ltr] .iconMrgn {
-  margin-right: var(--zd_size6) ;
+  margin-right: 6px;
 }
 [dir=rtl] .iconMrgn {
-  margin-left: var(--zd_size6) ;
+  margin-left: 6px;
 }

package/es/AlphabeticList/AlphabeticList.js

@@ -4,7 +4,6 @@ import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './
 import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
-
 import style from './AlphabeticList.module.css';
 export default class AlphabeticList extends React.PureComponent {
   constructor(props) {
@@ -12,7 +11,6 @@ export default class AlphabeticList extends React.PureComponent {
     this.handleSelectAll = this.handleSelectAll.bind(this);
     this.handleSelect = this.handleSelect.bind(this);
   }
-
   handleSelectAll() {
     let {
       onSelect,
@@ -20,7 +18,6 @@ export default class AlphabeticList extends React.PureComponent {
     } = this.props;
     onSelect && selectedCharacter != 'ALL' && onSelect('ALL');
   }
-
   handleSelect(id) {
     let {
       onSelect,
@@ -28,7 +25,6 @@ export default class AlphabeticList extends React.PureComponent {
     } = this.props;
     onSelect && selectedCharacter !== id && onSelect(id);
   }
-
   render() {
     let {
       selectedCharacter,
@@ -68,20 +64,17 @@ export default class AlphabeticList extends React.PureComponent {
       dataId: dataId
     })));
   }
-
 }
 AlphabeticList.propTypes = AlphabeticList_propTypes;
 AlphabeticList.defaultProps = AlphabeticList_defaultProps;
 AlphabeticList.docs = {
   componentGroup: 'Atom'
 };
-
 class AlphabeticListItem extends React.PureComponent {
   constructor(props) {
     super(props);
     this.handleClick = this.handleClick.bind(this);
   }
-
   handleClick() {
     let {
       onClick,
@@ -89,7 +82,6 @@ class AlphabeticListItem extends React.PureComponent {
     } = this.props;
     onClick && onClick(id);
   }
-
   render() {
     let {
       isActive,
@@ -106,8 +98,6 @@ class AlphabeticListItem extends React.PureComponent {
       className: style.letter
     }, text));
   }
-
 }
-
 AlphabeticListItem.propTypes = AlphabeticListItem_propTypes;
 AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;

package/es/AlphabeticList/AlphabeticList.module.css

@@ -8,45 +8,45 @@
   composes: h100 from '~@zohodesk/components/lib/common/common.module.css';
   list-style: none;
   pointer-events: initial;
-  margin: 0 ;
-  padding: 0 ;
+  margin: 0;
+  padding: 0;
 }
 .column .title {
-  margin-bottom: var(--zd_size3) ;
+  margin-bottom: 3px;
 }
 [dir=ltr] .row .title {
-  margin-right: var(--zd_size3) ;
+  margin-right: 3px;
 }
 [dir=rtl] .row .title {
-  margin-left: var(--zd_size3) ;
+  margin-left: 3px;
 }
 .row  .letter {
-  padding: 0 var(--zd_size3) ;
+  padding: 0 3px;
 }
 .column .letter {
-  padding: var(--zd_size3) 0 ;
+  padding: 3px 0;
 }
 .heading {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100% ;
+  max-width: 100%;
 }
 .list {
-  font-size: var(--zd_font_size11) ;
-  flex-basis: var(--zd_size12) ;
+  font-size: 11px;
+  flex-basis: 12px;
   /* css:theme-validation:ignore */
   color: var(--textColor);
   text-align: center;
   cursor: pointer;
 }
 .title {
-  flex-basis: var(--zd_size15) ;
+  flex-basis: 15px;
 }
 .letter {
   text-transform: uppercase;
   display: inline-block;
 }
 .numbers .list {
-  max-height: var(--zd_size35) ;
+  max-height: 35px;
 }
 .list :hover,
 .selected {
@@ -54,6 +54,6 @@
   color: var(--textHoverColor);
 }
 .title {
-  font-size: var(--zd_font_size11) ;
+  font-size: 11px;
   font-family: var(--zd_semibold);
 }

package/es/Attachment/Attachment.js

@@ -82,10 +82,11 @@ export default class Attachment extends React.Component {
       className: style.disableLayer
     }) : null);
   }
-
 }
 Attachment.propTypes = propTypes;
-Attachment.defaultProps = defaultProps; // if (__DOCS__) {
+Attachment.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   Attachment.docs = {
 //     componentGroup: 'Attachment'
 //   };

package/es/Attachment/Attachment.module.css

@@ -11,18 +11,18 @@
 }
 
 .disableLayer {
-  height: 100% ;
-  width: 100% ;
+  height: 100%;
+  width: 100%;
   position: absolute;
-  top:0 
+  top:0
 }
 
 [dir=ltr] .disableLayer {
-  left:0 
+  left:0
 }
 
 [dir=rtl] .disableLayer {
-  right:0 
+  right:0
 }
 
 .attachmentHover {
@@ -57,13 +57,13 @@
 }
 
 .medium {
-  width: var(--zd_size210) ;
-  height: var(--zd_size60) ;
+  width: 210px;
+  height: 60px;
 }
 
 .small {
-  width: var(--zd_size145) ;
-  height: var(--zd_size40) ;
+  width: 145px;
+  height: 40px;
 }
 
 [dir=ltr] .attachleft {
@@ -75,37 +75,37 @@
 }
 
 .medium .attachleft {
-  width: var(--zd_size50) ;
+  width: 50px;
 }
 
 .small .attachleft {
-  width: var(--zd_size40) ;
+  width: 40px;
 }
 
 [dir=ltr] .medium .attachright {
-  padding: var(--zd_size5) var(--zd_size25) var(--zd_size5) var(--zd_size10) ;
+  padding: 5px 25px 5px 10px;
 }
 
 [dir=rtl] .medium .attachright {
-  padding: var(--zd_size5) var(--zd_size10) var(--zd_size5) var(--zd_size25) ;
+  padding: 5px 10px 5px 25px;
 }
 
 .small .attachright {
-  padding: 0 var(--zd_size10) 0 var(--zd_size10) ;
+  padding: 0 10px 0 10px;
 }
 
 .footer {
-  font-size: 0 ;
-  margin-top: var(--zd_size3) ;
+  font-size: 0;
+  margin-top: 3px;
 }
 
 .medium .atatchName {
-  font-size: var(--zd_font_size14) ;
+  font-size: 14px;
   line-height: 1.4286;
 }
 
 .small .atatchName {
-  font-size: var(--zd_font_size12) ;
+  font-size: 12px;
   line-height: 1.25;
 }
 
@@ -119,40 +119,40 @@
 }
 
 .medium .attachSize {
-  font-size: var(--zd_font_size11) ;
+  font-size: 11px;
 }
 
 .small .attachSize {
-  font-size: var(--zd_font_size10) ;
+  font-size: 10px;
 }
 
 .attachDownload {
   position: absolute;
-  top: calc( var(--zd_size1) * -1 ) ;
+  top: -1px;
   display: none;
   background-color: var(--zdt_attachment_download_bg);
   text-align: center;
 }
 
 [dir=ltr] .attachDownload {
-  right: calc( var(--zd_size1) * -1 ) ;
+  right: -1px;
 }
 
 [dir=rtl] .attachDownload {
-  left: calc( var(--zd_size1) * -1 ) ;
+  left: -1px;
 }
 
 /* css:lineheight-validation:ignore */
 .medium .attachDownload {
-  height: var(--zd_size25) ;
-  width: var(--zd_size25) ;
+  height: 25px;
+  width: 25px;
   line-height: var(--zd_size23);
 }
 
 /* css:lineheight-validation:ignore */
 .small .attachDownload {
-  height: var(--zd_size20) ;
-  width: var(--zd_size20) ;
+  height: 20px;
+  width: 20px;
   line-height: var(--zd_size18);
 }
 
@@ -161,11 +161,11 @@
 }
 
 .attachIcon {
-  font-size: var(--zd_font_size20) ;
+  font-size: 20px;
 }
 
 .downIcon {
-  font-size: var(--zd_font_size14) ;
+  font-size: 14px;
   color: var(--zdt_attachment_size_text);
 }
 
@@ -181,5 +181,5 @@
   width: 2px;
   background-color: var(--zdt_dot_text);
   border-radius: 50%;
-  margin: 0 var(--zd_size6) ;
+  margin: 0 6px;
 }

package/es/AttachmentViewer/Attachment.js

@@ -8,7 +8,6 @@ export function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf(".") !== -1) {
     return fileName.substring(fileName.lastIndexOf(".") + 1, fileName.length).toLowerCase();
   }
-
   return "";
 }
 export function isBrowserSupportedFile(fileName) {

package/es/AttachmentViewer/AttachmentImage.js

@@ -6,7 +6,6 @@ import { AttachmentImage_defaultProps } from './props/defaultProps';
 import { AttachmentImage_propTypes } from './props/propTypes';
 import Image from '../Image/Image';
 /** * CSS ** */
-
 import style from './AttachmentViewer.module.css';
 export default class AttachmentImage extends Component {
   constructor(props) {
@@ -17,12 +16,10 @@ export default class AttachmentImage extends Component {
     };
     this.imgLoad = this.imgLoad.bind(this);
   }
-
   componentDidMount() {
     const {
       isImage
     } = this.props;
-
     if (isImage) {
       const image = this.imageEle.current;
       image.addEventListener('load', this.imgLoad);
@@ -32,7 +29,6 @@ export default class AttachmentImage extends Component {
       });
     }
   }
-
   imgLoad() {
     this.setState({
       isLoading: false
@@ -42,7 +38,6 @@ export default class AttachmentImage extends Component {
     } = this.props;
     onLoad && onLoad();
   }
-
   render() {
     const {
       src,
@@ -73,7 +68,6 @@ export default class AttachmentImage extends Component {
       isCover: isCover
     }));
   }
-
 }
 AttachmentImage.propTypes = AttachmentImage_propTypes;
 AttachmentImage.defaultProps = AttachmentImage_defaultProps;