@zohodesk/dot 1.7.4 → 1.7.5

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -1,165 +1,165 @@
-.varClass {
-  --borderColor: var(--zdt_subtablayout_border);
-}
-
-.tabHead,
-.shadowStyle {
-  position: relative;
-  composes: varClass;
-}
-
-.tabHead, .shadowStyle {
-  background: var(--zdt_subtablayout_tabhead_bg);
-}
-
-[dir=ltr] .left {
-  margin-right: var(--zd_size15) ;
-}
-
-[dir=rtl] .left {
-  margin-left: var(--zd_size15) ;
-}
-
-.plusIconLine {
-  position: relative;
-  z-index: 2;
-}
-
-.plusIconLine::before {
-  position: absolute;
-  content: '';
-  width: var(--zd_size1) ;
-  height: var(--zd_size28) ;
-  top: var(--zd_size38) ;
-  z-index: -1;
-  background: var(--zdt_subtablayout_plusicon_bg);
-}
-
-[dir=ltr] .plusIconLine::before {
-  left: var(--zd_size20) ;
-}
-
-[dir=rtl] .plusIconLine::before {
-  right: var(--zd_size20) ;
-}
-
-.primary_borderStyle, .secondary_borderStyle {
-  border-bottom: 1px solid var(--zdt_subtablayout_primary_border);
-}
-
-.tertiary_borderStyle {
-  border-bottom: 1px solid var(--borderColor);
-}
-
-.shadowStyle::before {
-  bottom: 0 ;
-  content: '';
-  position: absolute;
-  top: var(--zd_size20) ;
-  z-index: -1;
-  box-shadow: var(--zd_bs_subtablayout_shadow);
-  border-radius: 100px/10px;
-}
-
-[dir=ltr] .shadowStyle::before {
-  left: var(--zd_size50) ;
-  right: var(--zd_size50) ;
-}
-
-[dir=rtl] .shadowStyle::before {
-  right: var(--zd_size50) ;
-  left: var(--zd_size50) ;
-}
-
-.aside {
-  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.title {
-  color: var(--zdt_subtablayout_title_text);
-  font-size: var(--zd_font_size15) ;
-}
-
-.label {
-  font-size: var(--zd_font_size12) ;
-  color: var(--zdt_subtablayout_label_text);
-}
-
-.primary, .primary_peek, .secondary, .secondary_peek, .primary_detailFooter, .primary_peekFooter, .secondary_detailFooter, .secondary_peekFooter {
-  padding-top: var(--zd_size27) ;
-  padding-bottom: var(--zd_size26) ;
-}
-
-[dir=ltr] .primary, [dir=ltr] .primary_peek, [dir=ltr] .secondary, [dir=ltr] .secondary_peek, [dir=ltr] .primary_detailFooter, [dir=ltr] .primary_peekFooter, [dir=ltr] .secondary_detailFooter, [dir=ltr] .secondary_peekFooter {
-  padding-left: var(--zd_size25) ;
-}
-
-[dir=rtl] .primary, [dir=rtl] .primary_peek, [dir=rtl] .secondary, [dir=rtl] .secondary_peek, [dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter, [dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
-  padding-right: var(--zd_size25) ;
-}
-
-[dir=ltr] .primary, [dir=ltr] .primary_peek {
-  padding-right: var(--zd_size25) ;
-}
-
-[dir=rtl] .primary, [dir=rtl] .primary_peek {
-  padding-left: var(--zd_size25) ;
-}
-
-[dir=ltr] .secondary, [dir=ltr] .secondary_peek {
-  padding-right: var(--zd_size115) ;
-}
-
-[dir=rtl] .secondary, [dir=rtl] .secondary_peek {
-  padding-left: var(--zd_size115) ;
-}
-
-[dir=ltr] .primary_detailFooter, [dir=ltr] .primary_peekFooter {
-  padding-right: var(--zd_size25) ;
-}
-
-[dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter {
-  padding-left: var(--zd_size25) ;
-}
-
-[dir=ltr] .secondary_detailFooter, [dir=ltr] .secondary_peekFooter {
-  padding-right: var(--zd_size115) ;
-}
-
-[dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
-  padding-left: var(--zd_size115) ;
-}
-
-.tertiary,
-.tertiary_peek {
-  height: var(--zd_size50) ;
-}
-
-.tertiary, .tertiary_detailFooter {
-  padding: 0 var(--zd_size65) ;
-}
-
-.tertiary_peek, .tertiary_peekFooter {
-  padding: 0 var(--zd_size42) ;
-}
-
-.cursor {
-  cursor: pointer;
-}
-
-.footer {
-  composes: varClass;
-  border-top: 1px solid var(--borderColor);
-}
-
-.medium {
-  height: var(--zd_size40) ;
-}
-
-.large {
-  height: var(--zd_size45) ;
-}
-
-.xlarge {
-  height: var(--zd_size50) ;
+.varClass {
+  --borderColor: var(--zdt_subtablayout_border);
+}
+
+.tabHead,
+.shadowStyle {
+  position: relative;
+  composes: varClass;
+}
+
+.tabHead, .shadowStyle {
+  background: var(--zdt_subtablayout_tabhead_bg);
+}
+
+[dir=ltr] .left {
+  margin-right: var(--zd_size15) ;
+}
+
+[dir=rtl] .left {
+  margin-left: var(--zd_size15) ;
+}
+
+.plusIconLine {
+  position: relative;
+  z-index: 2;
+}
+
+.plusIconLine::before {
+  position: absolute;
+  content: '';
+  width: var(--zd_size1) ;
+  height: var(--zd_size28) ;
+  top: var(--zd_size38) ;
+  z-index: -1;
+  background: var(--zdt_subtablayout_plusicon_bg);
+}
+
+[dir=ltr] .plusIconLine::before {
+  left: var(--zd_size20) ;
+}
+
+[dir=rtl] .plusIconLine::before {
+  right: var(--zd_size20) ;
+}
+
+.primary_borderStyle, .secondary_borderStyle {
+  border-bottom: 1px solid var(--zdt_subtablayout_primary_border);
+}
+
+.tertiary_borderStyle {
+  border-bottom: 1px solid var(--borderColor);
+}
+
+.shadowStyle::before {
+  bottom: 0 ;
+  content: '';
+  position: absolute;
+  top: var(--zd_size20) ;
+  z-index: -1;
+  box-shadow: var(--zd_bs_subtablayout_shadow);
+  border-radius: 100px/10px;
+}
+
+[dir=ltr] .shadowStyle::before {
+  left: var(--zd_size50) ;
+  right: var(--zd_size50) ;
+}
+
+[dir=rtl] .shadowStyle::before {
+  right: var(--zd_size50) ;
+  left: var(--zd_size50) ;
+}
+
+.aside {
+  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.title {
+  color: var(--zdt_subtablayout_title_text);
+  font-size: var(--zd_font_size15) ;
+}
+
+.label {
+  font-size: var(--zd_font_size12) ;
+  color: var(--zdt_subtablayout_label_text);
+}
+
+.primary, .primary_peek, .secondary, .secondary_peek, .primary_detailFooter, .primary_peekFooter, .secondary_detailFooter, .secondary_peekFooter {
+  padding-top: var(--zd_size27) ;
+  padding-bottom: var(--zd_size26) ;
+}
+
+[dir=ltr] .primary, [dir=ltr] .primary_peek, [dir=ltr] .secondary, [dir=ltr] .secondary_peek, [dir=ltr] .primary_detailFooter, [dir=ltr] .primary_peekFooter, [dir=ltr] .secondary_detailFooter, [dir=ltr] .secondary_peekFooter {
+  padding-left: var(--zd_size25) ;
+}
+
+[dir=rtl] .primary, [dir=rtl] .primary_peek, [dir=rtl] .secondary, [dir=rtl] .secondary_peek, [dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter, [dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
+  padding-right: var(--zd_size25) ;
+}
+
+[dir=ltr] .primary, [dir=ltr] .primary_peek {
+  padding-right: var(--zd_size25) ;
+}
+
+[dir=rtl] .primary, [dir=rtl] .primary_peek {
+  padding-left: var(--zd_size25) ;
+}
+
+[dir=ltr] .secondary, [dir=ltr] .secondary_peek {
+  padding-right: var(--zd_size115) ;
+}
+
+[dir=rtl] .secondary, [dir=rtl] .secondary_peek {
+  padding-left: var(--zd_size115) ;
+}
+
+[dir=ltr] .primary_detailFooter, [dir=ltr] .primary_peekFooter {
+  padding-right: var(--zd_size25) ;
+}
+
+[dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter {
+  padding-left: var(--zd_size25) ;
+}
+
+[dir=ltr] .secondary_detailFooter, [dir=ltr] .secondary_peekFooter {
+  padding-right: var(--zd_size115) ;
+}
+
+[dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
+  padding-left: var(--zd_size115) ;
+}
+
+.tertiary,
+.tertiary_peek {
+  height: var(--zd_size50) ;
+}
+
+.tertiary, .tertiary_detailFooter {
+  padding: 0 var(--zd_size65) ;
+}
+
+.tertiary_peek, .tertiary_peekFooter {
+  padding: 0 var(--zd_size42) ;
+}
+
+.cursor {
+  cursor: pointer;
+}
+
+.footer {
+  composes: varClass;
+  border-top: 1px solid var(--borderColor);
+}
+
+.medium {
+  height: var(--zd_size40) ;
+}
+
+.large {
+  height: var(--zd_size45) ;
+}
+
+.xlarge {
+  height: var(--zd_size50) ;
 }

package/es/layout/SubtabLayout/__tests__/SubtabLayout.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import SubtabLayout from "../SubtabLayout";
+import SubtabLayout from '../SubtabLayout';
 describe('SubtabLayout', () => {
   test('rendering the defult props', () => {
     const {

package/es/layout/SubtabLayout/index.js

@@ -1,4 +1,4 @@
-export { default as SubtabLayout } from "./SubtabLayout";
-export { SubtabHeader } from "./SubtabLayout";
-export { SubtabContent } from "./SubtabLayout";
-export { SubtabFooter } from "./SubtabLayout";
+export { default as SubtabLayout } from './SubtabLayout';
+export { SubtabHeader } from './SubtabLayout';
+export { SubtabContent } from './SubtabLayout';
+export { SubtabFooter } from './SubtabLayout';

package/es/list/AvatarFlip/AvatarFlip.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import FlipCard from "../../FlipCard/FlipCard";
-import style from "./AvatarFlip.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import FlipCard from '../../FlipCard/FlipCard';
+import style from './AvatarFlip.module.css';
 export default class AvatarFlip extends Component {
   render() {
     let {

package/es/list/AvatarFlip/__tests__/AvatarFlip.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarFlip from "../AvatarFlip";
+import AvatarFlip from '../AvatarFlip';
 describe('AvatarFlip', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/BluePrintStatus/BluePrintStatus.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "./BluePrintStatus.module.css";
+import { propTypes } from './props/propTypes';
+import style from './BluePrintStatus.module.css';
 import { Icon } from '@zohodesk/icons';
 export default class BluePrintStatus extends React.Component {
   constructor(props) {

package/es/list/BluePrintStatus/__tests__/BluePrintStatus.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import BluePrintStatus from "../BluePrintStatus";
+import BluePrintStatus from '../BluePrintStatus';
 describe('BluePrintStatus', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/Comment/Comment.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/lib/semantic/Button/Button';
-import style from "./Comment.module.css";
+import style from './Comment.module.css';
 export default class Comment extends Component {
   constructor(props) {
     super(props);

package/es/list/Comment/Comment.module.css

@@ -1,29 +1,29 @@
-.varClass {
-  --icon_color: var(--zdt_comment_iconText);
-}
-.container {
-  composes: varClass;
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-  position: relative;
-  color: var(--icon_color);
-  padding: 0 var(--zd_size2) ;
-  cursor: pointer;
-}
-.container:hover {
-  --icon_color: var(--zdt_comment_hover_iconText);
-}
-.count {
-  position: absolute;
-  top: var(--zd_size1) ;
-  font-size: var(--zd_font_size9) ;
-  text-align: center;
-}
-[dir=ltr] .count {
-  left: 100% ;
-}
-[dir=rtl] .count {
-  right: 100% ;
-}
-.commentIcon {
-  font-size: var(--zd_font_size13) ;
-}
+.varClass {
+  --icon_color: var(--zdt_comment_iconText);
+}
+.container {
+  composes: varClass;
+  composes: inlineBlockMiddle from '../listCommon.module.css';
+  position: relative;
+  color: var(--icon_color);
+  padding: 0 var(--zd_size2) ;
+  cursor: pointer;
+}
+.container:hover {
+  --icon_color: var(--zdt_comment_hover_iconText);
+}
+.count {
+  position: absolute;
+  top: var(--zd_size1) ;
+  font-size: var(--zd_font_size9) ;
+  text-align: center;
+}
+[dir=ltr] .count {
+  left: 100% ;
+}
+[dir=rtl] .count {
+  right: 100% ;
+}
+.commentIcon {
+  font-size: var(--zd_font_size13) ;
+}

package/es/list/Comment/__tests__/Comment.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Comment from "../Comment";
+import Comment from '../Comment';
 describe('Comment', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import ToggleDropDown from "../../dropdown/ToggleDropDown/ToggleDropDown";
-import { DepartmentText } from "../SecondaryText";
-import style from "./DepartmentDropDown.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import ToggleDropDown from '../../dropdown/ToggleDropDown/ToggleDropDown';
+import { DepartmentText } from '../SecondaryText';
+import style from './DepartmentDropDown.module.css';
 
 class DepartmentDropDown extends Component {
   constructor(props) {

package/es/list/DepartmentDropDown/__tests__/DepartmentDropDown.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DepartmentDropDown from "../DepartmentDropDown";
+import DepartmentDropDown from '../DepartmentDropDown';
 describe('DepartmentDropDown', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/Dot/Dot.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "./Dot.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './Dot.module.css';
 export default class Dot extends Component {
   constructor(props) {
     super(props);

package/es/list/Dot/Dot.module.css

@@ -1,15 +1,15 @@
-.varClass {
-  --dotColor: var(--zdt_dot_text)
-}
-.dot {
-  composes: varClass;
-  font-size: var(--zd_font_size16) ;
-  color: var(--dotColor);
-  transform: perspective(1px);
-}
-.list {
-  margin: 0 var(--zd_size6) ;
-}
-.minimalList {
-  margin: 0 var(--zd_size6) ;
-}
+.varClass {
+  --dotColor: var(--zdt_dot_text)
+}
+.dot {
+  composes: varClass;
+  font-size: var(--zd_font_size16) ;
+  color: var(--dotColor);
+  transform: perspective(1px);
+}
+.list {
+  margin: 0 var(--zd_size6) ;
+}
+.minimalList {
+  margin: 0 var(--zd_size6) ;
+}

package/es/list/Dot/__tests__/Dot.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Dot from "../Dot";
+import Dot from '../Dot';
 describe('Dot', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/DotNew/DotNew.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "./DotNew.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './DotNew.module.css';
 export default class DotNew extends Component {
   constructor(props) {
     super(props);

package/es/list/DotNew/__tests__/DotNew.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DotNew from "../DotNew";
+import DotNew from '../DotNew';
 describe('DotNew', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/GridStencils/GridStencils.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "./GridStencils.module.css";
+import { propTypes } from './props/propTypes';
+import style from './GridStencils.module.css';
 export default class GridStencils extends React.Component {
   render() {
     let {

package/es/list/GridStencils/__tests__/GridStencils.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import GridStencils from "../GridStencils";
+import GridStencils from '../GridStencils';
 describe('GridStencils', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/Icons/AddNewIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AddNewIcon_propTypes } from "./props/propTypes";
+import { AddNewIcon_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import style from "./Icons.module.css";
+import style from './Icons.module.css';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class AddNewIcon extends React.Component {
   render() {

package/es/list/Icons/CompleteIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CompleteIcon_propTypes } from "./props/propTypes";
+import { CompleteIcon_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import style from "./Icons.module.css";
+import style from './Icons.module.css';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class CompleteIcon extends React.Component {
   render() {

package/es/list/Icons/DeleteIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DeleteComponent_propTypes } from "./props/propTypes";
-import style from "./Icons.module.css";
+import { DeleteComponent_propTypes } from './props/propTypes';
+import style from './Icons.module.css';
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class DeleteComponent extends React.Component {

package/es/list/Icons/EditIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { EditIcon_propTypes } from "./props/propTypes";
-import style from "./Icons.module.css";
+import { EditIcon_propTypes } from './props/propTypes';
+import style from './Icons.module.css';
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class EditIcon extends React.Component {

package/es/list/Icons/FloatingIcons.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { FloatingIcons_defaultProps } from "./props/defaultProps";
-import { FloatingIcons_propTypes } from "./props/propTypes";
-import style from "./Icons.module.css";
+import { FloatingIcons_defaultProps } from './props/defaultProps';
+import { FloatingIcons_propTypes } from './props/propTypes';
+import style from './Icons.module.css';
 export default class FloatingIcons extends Component {
   constructor(props) {
     super(props);

package/es/list/Icons/ReadUnreadIcon.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { ReadUnreadIcon_defaultProps } from "./props/defaultProps";
-import { ReadUnreadIcon_propTypes } from "./props/propTypes";
+import { ReadUnreadIcon_defaultProps } from './props/defaultProps';
+import { ReadUnreadIcon_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import style from "./Icons.module.css";
+import style from './Icons.module.css';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class ReadUnreadIcon extends React.Component {
   render() {