@zohodesk/components 1.0.0-temp-182 → 1.0.0-temp-183

package/es/DateTime/DateTime.module.css

@@ -3,24 +3,24 @@
 }
 
 [dir=ltr] .boxPadding {
-  padding-right: var(--zd_size19) ;
-  padding-left: var(--zd_size19) ;
+  padding-right: 19px;
+  padding-left: 19px;
 }
 
 [dir=rtl] .boxPadding {
-  padding-left: var(--zd_size19) ;
-  padding-right: var(--zd_size19) ;
+  padding-left: 19px;
+  padding-right: 19px;
 }
 
 .container {
-  font-size: var(--zd_font_size16) ;
+  font-size: 16px;
   composes: offSelection from '../common/common.module.css';
   border-radius: 3px;
   background-color: var(--zdt_datetime_default_bg);
 }
 
 .header {
-  min-height: var(--zd_size36) ;
+  min-height: 36px;
   composes: boxPadding;
   text-align: center;
   background-color: var(--zdt_datetime_header_bg);
@@ -33,19 +33,19 @@
 }
 
 .grid {
-  width: var(--zd_size28) ;
-  height: var(--zd_size28) ;
+  width: 28px;
+  height: 28px;
   line-height: 1.3846;
   /* css:theme-validation:ignore */
   text-align: center;
-  padding: var(--zd_size4) 0 ;
+  padding: 4px 0;
   border-radius: 50%;
   border: 1px solid transparent;
 }
 
 .thArrow,
 .datesStr {
-  font-size: var(--zd_font_size13) ;
+  font-size: 13px;
   color: var(--zdt_datetime_datestr_text);
 }
 
@@ -63,15 +63,15 @@
 }
 
 [dir=ltr] .navigation {
-  margin-left: var(--zd_size2) ;
+  margin-left: 2px;
 }
 
 [dir=rtl] .navigation {
-  margin-right: var(--zd_size2) ;
+  margin-right: 2px;
 }
 
 .thMonYear {
-  font-size: var(--zd_font_size13) ;
+  font-size: 13px;
   line-height: 1.8462;
   color: var(--zdt_datetime_datestr_text);
   composes: semibold;
@@ -79,8 +79,8 @@
 }
 
 .dateContainer {
-  margin: 0 var(--zd_size19) 0 var(--zd_size19) ;
-  padding: var(--zd_size6) 0 var(--zd_size10) 0 ;
+  margin: 0 19px 0 19px;
+  padding: 6px 0 10px 0;
 }
 
 .separator {
@@ -88,29 +88,29 @@
 }
 
 .days {
-  min-height: var(--zd_size36) ;
+  min-height: 36px;
   composes: boxPadding;
   composes: alignBetween from '../common/common.module.css';
-  padding-top: var(--zd_size7) ;
+  padding-top: 7px;
 }
 
 .daysStr {
   composes: dotted from '../common/common.module.css';
-  font-size: var(--zd_font_size10) ;
+  font-size: 10px;
   color: var(--zdt_datetime_daystr_text);
   text-transform: uppercase;
   composes: semibold;
-  width: var(--zd_size31) ;
+  width: 31px;
 }
 
 .dateRow {
-  height: var(--zd_size28) ;
+  height: 28px;
   composes: alignBetween from '../common/common.module.css';
-  margin: var(--zd_size1) 0 var(--zd_size5) ;
+  margin: 1px 0 5px;
 }
 
 .dateRow:last-child {
-  margin-bottom: 0 ;
+  margin-bottom: 0;
 }
 
 .sunday,
@@ -163,24 +163,24 @@ cursor: no-drop;
 
 
 .timesection {
-  padding-top: var(--zd_size5) ;
-  padding-bottom: var(--zd_size10) ;
+  padding-top: 5px;
+  padding-bottom: 10px;
 }
 
 .dropDownContainer {
-  padding: 0 var(--zd_size5) ;
+  padding: 0 5px;
 }
 
 .dropDown {
-  width: var(--zd_size60) ;
+  width: 60px;
   display: inline-block;
   position: relative;
-  margin: 0 var(--zd_size4) ;
+  margin: 0 4px;
 }
 
 .footer {
-  margin-top: var(--zd_size10) ;
-  padding-bottom: var(--zd_size12) ;
+  margin-top: 10px;
+  padding-bottom: 12px;
 }
 
 .timesection,
@@ -190,7 +190,7 @@ cursor: no-drop;
 
 .space {
   display: inline-block;
-  width: var(--zd_size15) ;
+  width: 15px;
 }
 
 .downArrow {
@@ -198,11 +198,11 @@ cursor: no-drop;
 }
 
 [dir=ltr] .downArrow {
-  margin-left: var(--zd_size2) ;
+  margin-left: 2px;
 }
 
 [dir=rtl] .downArrow {
-  margin-right: var(--zd_size2) ;
+  margin-right: 2px;
 }
 
 .dateText {
@@ -215,27 +215,27 @@ cursor: no-drop;
 
 .text {
   composes: boxPadding;
-  font-size: var(--zd_font_size11) ;
+  font-size: 11px;
   text-transform: uppercase;
   color: var(--zdt_datetime_text);
   composes: semibold;
   display: block;
-  margin-top: var(--zd_size14) ;
+  margin-top: 14px;
 }
 
 .yearContainer {
   position: absolute;
-  top: 0 ;
-  width: 100% ;
-  height: 100% ;
+  top: 0;
+  width: 100%;
+  height: 100%;
 }
 
 [dir=ltr] .yearContainer {
-  left: 0 ;
+  left: 0;
 }
 
 [dir=rtl] .yearContainer {
-  right: 0 ;
+  right: 0;
 }
 
 .subContainer {
@@ -243,7 +243,7 @@ cursor: no-drop;
 }
 
 .dropBox {
-  width: 100% ;
+  width: 100%;
   border-radius: 3px;
   box-shadow: var(--zd_bs_dropbox_bottom);
   background-color: var(--zdt_dropbox_default_bg);

package/es/DateTime/DateTimePopupFooter.js

@@ -1,15 +1,13 @@
 /* eslint-disable react/forbid-component-props */
-
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
 import { DateTimePopupFooter_propTypes } from './props/propTypes';
 import { DateTimePopupFooter_defaultProps } from './props/defaultProps';
 /** ** Components *** */
-
 import { Container } from '../Layout';
 import Button from '../Button/Button';
-/** ** CSS *** */
 
+/** ** CSS *** */
 import style from './DateTime.module.css';
 export default class DateTimePopupFooter extends PureComponent {
   render() {
@@ -41,7 +39,6 @@ export default class DateTimePopupFooter extends PureComponent {
       dataId: `${dataId}_clearBtn`
     }));
   }
-
 }
 DateTimePopupFooter.propTypes = DateTimePopupFooter_propTypes;
 DateTimePopupFooter.defaultProps = DateTimePopupFooter_defaultProps;

package/es/DateTime/DateTimePopupHeader.js

@@ -3,21 +3,19 @@
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
 import { DateTimePopupHeader_propTypes } from './props/propTypes';
-/** ** Components *** */
 
+/** ** Components *** */
 import { Container, Box } from '../Layout';
 import { Icon } from '@zohodesk/icons';
 import Heading from '../Heading/Heading';
-/** ** CSS *** */
 
+/** ** CSS *** */
 import style from './DateTime.module.css';
-
 class Span extends React.PureComponent {
   constructor(props) {
     super(props);
     this.modifyCalendarChild = this.modifyCalendarChild.bind(this);
   }
-
   modifyCalendarChild() {
     const {
       modifyCalendar,
@@ -25,7 +23,6 @@ class Span extends React.PureComponent {
     } = this.props;
     modifyCalendar(type);
   }
-
   render() {
     const {
       dataTitle,
@@ -43,9 +40,7 @@ class Span extends React.PureComponent {
       tabindex: "0"
     }, children);
   }
-
 }
-
 export default class DateTimePopupHeader extends PureComponent {
   render() {
     const {
@@ -100,6 +95,5 @@ export default class DateTimePopupHeader extends PureComponent {
       isBold: true
     }))) : null);
   }
-
 }
 DateTimePopupHeader.propTypes = DateTimePopupHeader_propTypes;