@zohodesk/dot 1.0.0-temp-59 → 1.0.0-temp-62

package/README.md

@@ -2,6 +2,24 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.209
+
+- ActionButton => removeChildrenTooltip prop added , Loader Bg Fixed for Primary Palette
+- AlertLookup,AlertLookup v2 => onEsc Prop added
+
+# 1.0.0-beta.208
+
+- Read-only and disable class and style added in All Fields like TextBoxField, MultiSelect Field etc..
+- isCopyTextEnabled prop added in Ripple Effect component.
+
+# 1.0.0-beta.207
+- Linear Gradient - to Left direction fixed
+- TicketHeader/ViewDropdown ->  block layout fix
+- Appearance css moved to assets
+
+# 1.0.0-beta.206
+
+- css color variables updated.
 # 1.0.0-beta.205
 
 - TagsMultiSelect => placeholderText key added in i18nKeys

package/es/ActionButton/ActionButton.js

@@ -46,7 +46,8 @@ export class ActionButton extends React.Component {
       dropBoxClass,
       isBoxPaddingNeed,
       getContainerRef,
-      getTargetRef
+      getTargetRef,
+      removeChildrenTooltip
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -64,7 +65,8 @@ export class ActionButton extends React.Component {
       size: "medium",
       customClass: {
         customButton: style.btn
-      }
+      },
+      text: text
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       onClick: onClick,
@@ -86,9 +88,9 @@ export class ActionButton extends React.Component {
     }) : null, text ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       className: style.txt,
-      "data-title": text
+      "data-title": removeChildrenTooltip ? null : text
     }, text) : null)), subText ? /*#__PURE__*/React.createElement(Box, {
-      "data-title": subText,
+      "data-title": removeChildrenTooltip ? null : subText,
       className: style.subTxt
     }, subText) : null)), children ? /*#__PURE__*/React.createElement(Box, {
       onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
@@ -130,7 +132,8 @@ ActionButton.defaultProps = {
   dropBoxClass: '',
   arrowBoxSize: 'medium',
   isBoxPaddingNeed: true,
-  palette: 'primaryFilled'
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false
 };
 ActionButton.propTypes = {
   arrowBoxDataId: PropTypes.string,
@@ -157,7 +160,8 @@ ActionButton.propTypes = {
   subText: PropTypes.string,
   text: PropTypes.string,
   getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func
+  getTargetRef: PropTypes.func,
+  removeChildrenTooltip: PropTypes.bool
 };
 ActionButton.docs = {
   componentGroup: 'Atom'

package/es/ActionButton/ActionButton.module.css

@@ -21,12 +21,9 @@
 .primaryBtn, .primaryArw {
   border: 1px solid var(--buttonBorder);
 }
-[dir=ltr] .primaryBtn {
+.primaryBtn {
   border-right: none;
 }
-[dir=rtl] .primaryBtn {
-  border-left: none;
-}
 .contentBox,
 .arrowWrapper {
   transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
@@ -34,12 +31,9 @@
 .clickable {
   cursor: pointer;
 }
-[dir=ltr] .contentBoxBdr {
+.contentBoxBdr {
   border-radius: var(--zd_size4) 0 0 var(--zd_size4);
 }
-[dir=rtl] .contentBoxBdr {
-  border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
-}
 .contentBoxBdrRds {
   border-radius: var(--zd_size4);
 }
@@ -59,7 +53,8 @@
 .small_btnBox {
   padding: 0 var(--zd_size8);
 }
-.medium_btnBox, .large_btnBox {
+.medium_btnBox,
+.large_btnBox {
   padding: 0 var(--zd_size10);
 }
 .txt {
@@ -82,20 +77,12 @@
 }
 .arrowWrapper {
   position: relative;
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  cursor: pointer;
-}
-[dir=ltr] .arrowWrapper {
   border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
+  cursor: pointer;
+  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=rtl] .arrowWrapper {
-  border-radius: var(--zd_size4) 0 0 var(--zd_size4);
-}
-[dir=ltr] .primaryFilledArw {
-  border-left: 1px solid var(--buttonSeparatorBorder);
-}
-[dir=rtl] .primaryFilledArw {
-    border-right: 1px solid var(--buttonSeparatorBorder);
+.primaryFilledArw {
+    border-left: 1px solid var(--buttonSeparatorBorder);
 }
 .small_arrowBox {
   width: var(--zd_size20);
@@ -119,6 +106,7 @@
 .btn {
   height: 100%;
   width: 100%;
+  color:var(--dot_mirror)
 }
 .popupWrapper {
   padding: var(--zd_size10) 0;
@@ -128,9 +116,6 @@
 .iconClr {
   color: var(--buttonText);
 }
-[dir=ltr] .iconMrgn {
+.iconMrgn {
   margin-right: var(--zd_size6);
 }
-[dir=rtl] .iconMrgn {
-  margin-left: var(--zd_size6);
-}

package/es/AlphabeticList/AlphabeticList.module.css

@@ -7,19 +7,16 @@
   composes: varClass;
   composes: h100 from '~@zohodesk/components/lib/common/common.module.css';
   list-style: none;
-  pointer-events: initial;
   margin: 0;
   padding: 0;
+  pointer-events: initial;
 }
 .column .title {
   margin-bottom: var(--zd_size3);
 }
-[dir=ltr] .row .title {
+.row .title {
   margin-right: var(--zd_size3);
 }
-[dir=rtl] .row .title {
-  margin-left: var(--zd_size3);
-}
 .row  .letter {
   padding: 0 var(--zd_size3);
 }
@@ -32,10 +29,10 @@
 }
 .list {
   font-size: var(--zd_font_size11);
-  flex-basis: var(--zd_size12);
-  color: var(--textColor);
   text-align: center;
+  flex-basis: var(--zd_size12);
   cursor: pointer;
+  color: var(--textColor);
 }
 .title {
   flex-basis: var(--zd_size15);