@zohodesk/dot 1.0.0-temp-181.7 → 1.0.0-temp-182

package/lib/avatar/AvatarUser/AvatarUser.module.css

@@ -3,11 +3,13 @@
   composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
 }
+
 .paid,
 .portal,
 .delete {
   font-size: var(--zd_font_size10) ;
 }
+
 .paid,
 .portal,
 .delete,
@@ -15,22 +17,28 @@
   position: absolute;
   line-height: 0;
 }
+
 .paid {
   composes: middle from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .paid {
   left: 50% ;
 }
+
 [dir=rtl] .paid {
   right: 50% ;
 }
+
 .paid {
   top: calc( var(--zd_size2) * -1 ) ;
 }
+
 .portal, .lock {
-  background-color: var(--zdt_avataruser_default_bg);
+  background-color: var(--zdt_base_bg);
   border-radius: 50%;
 }
+
 .delete {
   top: 0 ;
   width: 100% ;
@@ -43,66 +51,87 @@
   border-radius: 50%;
   background-color: var(--zdt_avataruser_delete_bg);
 }
+
 [dir=ltr] .delete {
   left: 0 ;
 }
+
 [dir=rtl] .delete {
   right: 0 ;
 }
+
 .container:hover .delete {
   opacity: 1;
 }
+
 .small .portal {
   top: 0 ;
 }
+
 [dir=ltr] .small .portal {
   right: calc( var(--zd_size4) * -1 ) ;
 }
+
 [dir=rtl] .small .portal {
   left: calc( var(--zd_size4) * -1 ) ;
 }
+
 .xsmall .portal {
   top: var(--zd_size1) ;
 }
+
 [dir=ltr] .xsmall .portal {
   right: calc( var(--zd_size2) * -1 ) ;
 }
+
 [dir=rtl] .xsmall .portal {
   left: calc( var(--zd_size2) * -1 ) ;
 }
+
 .medium .portal {
   top: var(--zd_size1) ;
 }
+
 [dir=ltr] .medium .portal {
   right: calc( var(--zd_size1) * -1 ) ;
 }
+
 [dir=rtl] .medium .portal {
   left: calc( var(--zd_size1) * -1 ) ;
 }
+
 .xmedium .portal {
   top: var(--zd_size3) ;
 }
+
 [dir=ltr] .xmedium .portal {
   right: 0 ;
 }
+
 [dir=rtl] .xmedium .portal {
   left: 0 ;
 }
+
 .large .portal {
   top: var(--zd_size8) ;
 }
+
 [dir=ltr] .large .portal {
   right: var(--zd_size1) ;
 }
+
 [dir=rtl] .large .portal {
   left: var(--zd_size1) ;
 }
+
 .xlarge .portal {
   top: var(--zd_size15) ;
 }
+
 [dir=ltr] .xlarge .portal {
   right: var(--zd_size2) ;
 }
+
 [dir=rtl] .xlarge .portal {
   left: var(--zd_size2) ;
 }
@@ -119,53 +148,68 @@
 [dir=rtl] .small .lock {
   left: calc( var(--zd_size5) * -1 ) ;
 }
+
 .xsmall .lock {
   top: var(--zd_size1) ;
   font-size: var(--zd_font_size12) ;
 }
+
 [dir=ltr] .xsmall .lock {
   right: calc( var(--zd_size4) * -1 ) ;
 }
+
 [dir=rtl] .xsmall .lock {
   left: calc( var(--zd_size4) * -1 ) ;
 }
+
 .medium .lock {
   top: var(--zd_size2) ;
   font-size: var(--zd_font_size13) ;
 }
+
 [dir=ltr] .medium .lock {
   right: calc( var(--zd_size5) * -1 ) ;
 }
+
 [dir=rtl] .medium .lock {
   left: calc( var(--zd_size5) * -1 ) ;
 }
+
 .xmedium .lock {
   top: var(--zd_size4) ;
   font-size: var(--zd_font_size14) ;
 }
+
 [dir=ltr] .xmedium .lock {
   right: calc( var(--zd_size6) * -1 ) ;
 }
+
 [dir=rtl] .xmedium .lock {
   left: calc( var(--zd_size6) * -1 ) ;
 }
+
 .large .lock {
   top: var(--zd_size6) ;
   font-size: var(--zd_font_size18) ;
 }
+
 [dir=ltr] .large .lock {
   right: calc( var(--zd_size6) * -1 ) ;
 }
+
 [dir=rtl] .large .lock {
   left: calc( var(--zd_size6) * -1 ) ;
 }
+
 .xlarge .lock {
   top: var(--zd_size12) ;
   font-size: var(--zd_font_size22) ;
 }
+
 [dir=ltr] .xlarge .lock {
   right: calc( var(--zd_size8) * -1 ) ;
 }
+
 [dir=rtl] .xlarge .lock {
   left: calc( var(--zd_size8) * -1 ) ;
-}
+}

package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -11,7 +11,7 @@
   padding: var(--zd_size2) ;
   border-radius: 50%;
   transform: scale(0.8);
-  background-color: var(--zdt_avatarwithteam_default_bg);
+  background-color: var(--zdt_base_bg);
 }
 
 [dir=ltr] .teamAvatar {
@@ -20,4 +20,4 @@
 
 [dir=rtl] .teamAvatar {
   left: calc( var(--zd_size10) * -1 ) ;
-}
+}

package/lib/common/dot_boxShadow.module.css

@@ -35,4 +35,6 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
+
+
 }

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -590,6 +590,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           getFooter = _this$props9.getFooter,
           customProps = _this$props9.customProps,
           needMultiLineText = _this$props9.needMultiLineText,
+          isAbsolutePositioningNeeded = _this$props9.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props9.positionsOffset,
+          targetOffset = _this$props9.targetOffset,
+          isRestrictScroll = _this$props9.isRestrictScroll,
           customClass = _this$props9.customClass;
       var _customProps$ToggleDr = customProps.ToggleDropDownProps,
           ToggleDropDownProps = _customProps$ToggleDr === void 0 ? {} : _customProps$ToggleDr,
@@ -691,6 +695,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           palette: palette,
           isResponsivePadding: true,
           needFocusScope: true,
+          isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset,
+          isRestrictScroll: isRestrictScroll,
           customProps: {
             focusScopeProps: {
               loadNextOptions: _this5.handleGetNextOptions,

package/lib/dropdown/ToggleDropDown/props/defaultProps.js

@@ -29,6 +29,8 @@ var defaultProps = {
   preventPopupClose: false,
   dataSelectorId: 'toggleDropdown',
   needMultiLineText: false,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   customClass: {}
 };
 exports.defaultProps = defaultProps;

package/lib/dropdown/ToggleDropDown/props/propTypes.js

@@ -84,6 +84,10 @@ var propTypes = {
     customListBox: _propTypes["default"].string
   }),
   onSelectLabel: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object,
   from: _propTypes["default"].string,
   top: _propTypes["default"].number
 };

package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -21,7 +21,6 @@
 }
 .title {
   font-family: var(--zd_semibold);
-  /* css:theme-validation:ignore */
   color: var(--titleColor);
   word-wrap: break-word;
 }
@@ -33,7 +32,6 @@
 }
 .linkWrapper,
 .linkDescWrapper {
-  /* css:theme-validation:ignore */
   color: var(--descriptionColor);
 }
 .small .linkWrapper,
@@ -69,13 +67,11 @@
   line-height: 1.358;
 }
 .link {
-  /* css:theme-validation:ignore */
   color: var(--linkColor);
   display: inline-block;
   cursor: pointer;
 }
 .link:hover {
-  /* css:theme-validation:ignore */
   color: var(--linkHoverColor);
 }
 .children {

package/lib/errorstate/EmptyStates.module.css

@@ -1,57 +1,72 @@
 .container, .tabletContainer {
   text-align: center;
-  background-color: var(--zdt_emptystate_default_bg);
+  background-color: var(--zdt_base_bg);
 }
+
 .container {
   padding-top: var(--zd_size80) ;
 }
+
 .tabletContainer {
   padding-top: var(--zd_size50) ;
 }
+
 .top {
   position: relative;
 }
+
 .header {
   min-width: var(--zd_size400) ;
   display: inline-block;
   margin: 0 auto ;
 }
+
 [dir=ltr] .header {
   text-align: left;
 }
+
 [dir=rtl] .header {
   text-align: right;
 }
+
 .title,
 .tabletTitle,
 .mobileTitle {
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
   letter-spacing: var(--zd_size1);
 }
+
 .title, .tabletTitle, .mobileTitle {
   margin-bottom: var(--zd_size5) ;
 }
+
 .title {
   font-size: var(--zd_font_size50) ;
   line-height: 1.4;
 }
+
 .tabletTitle {
   font-size: var(--zd_font_size24) ;
   line-height: 2.0833;
 }
+
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
   line-height: 1.3636;
 }
+
 .subtitle {
   font-size: var(--zd_font_size30) ;
 }
+
 .tabletSubTitle {
   font-size: var(--zd_font_size18) ;
 }
+
 .mobileSubTitle {
   font-size: var(--zd_font_size16) ;
 }
+
 .title,
 .subtitle {
   color: var(--zdt_emptystate_title_text);
@@ -62,27 +77,35 @@
   text-align: center;
   margin: 0 auto ;
 }
+
 .footerWidth {
   min-width: var(--zd_size400) ;
 }
+
 .btmText, .tabletBtmText {
   margin-bottom: var(--zd_size10) ;
 }
+
 .btmText {
   font-size: var(--zd_font_size14) ;
 }
+
 .tabletBtmText {
   font-size: var(--zd_font_size12) ;
 }
+
 .imageContainer, .tabletImageContainer, .mobileImageContainer {
   margin-bottom: var(--zd_size30) ;
 }
+
 .imageContainer {
   height: var(--zd_size400) ;
 }
+
 .mobileImageContainer {
   height: var(--zd_size300) ;
 }
+
 .tabletImageContainer {
   height: var(--zd_size350) ;
 }

package/lib/form/fields/RadioField/RadioField.js

@@ -129,6 +129,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
             value = option.value,
             _option$disabled = option.disabled,
             disabled = _option$disabled === void 0 ? false : _option$disabled,
+            tooltip = option.tooltip,
             infoTooltip = option.infoTooltip;
         return /*#__PURE__*/_react["default"].createElement("span", {
           key: index,
@@ -142,6 +143,8 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
           labelSize: labelSize,
           active: isActive,
           disabled: disabled || isDisabled,
+          disabledTitle: tooltip,
+          title: tooltip,
           onChange: _this2.handleChange,
           size: size,
           checked: selectedValue == value,