@zohodesk/dot 1.9.7 → 1.9.9

package/es/form/fields/Fields.module.css

@@ -3,138 +3,178 @@
   position: relative;
   word-break: break-word;
 }
+
 .fieldContainer {
   position: relative;
   min-height: var(--zd_size25) ;
 }
+
 .fieldMargin_large {
   margin-top: var(--zd_size10) ;
 }
+
 .fieldMargin_medium {
   margin-top: var(--zd_size5) ;
 }
+
 .fieldMargin_small {
   margin-top: 0 ;
 }
+
 .radioContainer,
 .checkbox {
   composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .checkbox {
   min-height: var(--zd_size28) ;
 }
+
 .checkboxRow {
   display: inherit;
 }
+
 .lineClamp_one,
 .lineClamp_two {
   composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .lineClamp_one {
   -webkit-line-clamp: 1;
 }
+
 .lineClamp_two {
   -webkit-line-clamp: 2;
 }
+
 .checkboxText {
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: normal;
 }
+
 [dir=ltr] .checkboxText {
   padding-left: var(--zd_size6) ;
 }
+
 [dir=rtl] .checkboxText {
   padding-right: var(--zd_size6) ;
 }
+
 .cbTextPointer {
   cursor: pointer;
 }
+
 .disabled, .readonly {
   cursor: not-allowed;
 }
+
 .cbTextReadonly,
 .disabled .fieldLabel,
 .readonly .fieldLabel {
   --label_cursor: not-allowed;
 }
+
 [dir=ltr] .radio {
   margin: var(--zd_size5) var(--zd_size32) var(--zd_size5) 0 ;
 }
+
 [dir=rtl] .radio {
   margin: var(--zd_size5) 0 var(--zd_size5) var(--zd_size32) ;
 }
-.radio, .radioWrap {
-  max-width: 100% 
+
+.radio,
+.radioWrap {
+  max-width: 100%  
 }
+
 .radiosWrapper {
   gap: var(--zd_size10) 
 }
+
 .radioBox {
   max-width: 100% ;
   transition: border var(--zd_transition3);
   border: 1px solid var(--zdt_radiofield_box_border);
   border-radius: 6px;
 }
+
 .radioBox.primaryTextOnly {
   height: var(--zd_size36) ;
   padding: 0 var(--zd_size10) ;
 }
+
 .radioBox.withSecondaryText {
   padding: var(--zd_size18) var(--zd_size16) ;
 }
+
 .hoverableRadioBox:hover, .radioBoxActive {
   border-color: var(--zdt_radiofield_box_active_border)
 }
+
 .radioBoxActive {
   background-color: var(--zdt_radiofield_box_active_bg)
 }
+
 [dir=ltr] .duration {
   margin-right: var(--zd_size15) ;
 }
+
 [dir=rtl] .duration {
   margin-left: var(--zd_size15) ;
 }
+
 .durationWidth {
   width: var(--zd_size94) ;
 }
+
 .flex {
   composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .periodContainer {
   composes: dflex flexrow flexwrap from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
-  /*margin-left: var(--zd_size15);*/
+  /*margin-left: 15px;*/
 }
+
 .phoneIcon {
   color: var(--zdt_fields_phoneicon_icon);
   display: inline-block;
   margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10) ;
   cursor: pointer;
 }
+
 .phoneIcon:hover {
   color: var(--zdt_fields_phoneicon_hover_icon);
 }
+
 .newtabIcon {
   color: var(--zdt_fields_newtabicon_icon);
   cursor: pointer;
 }
+
 .newtabIcon:hover {
-    color: var(--zdt_fields_newtabicon_hover_icon);
+  color: var(--zdt_fields_newtabicon_hover_icon);
 }
+
 .labelContainer {
   composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .lockIcon,
 .infoIcon {
   color: var(--zdt_fields_lockicon_icon);
   composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
 }
+
 [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
   margin-left: var(--zd_size5) ;
 }
+
 [dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
   margin-right: var(--zd_size5) ;
 }
+
 /* .infoIcon {
   opacity: 0;
   visibility: hidden;
@@ -149,49 +189,62 @@
 .lockIcon:hover {
   color: var(--zdt_fields_lockicon_hover_icon);
 }
+
 .timeFormat {
   font-size: var(--zd_font_size11) ;
   color: var(--zdt_fields_lockicon_icon);
 }
+
 [dir=ltr] .timeFormat {
   margin-left: var(--zd_size4) ;
 }
+
 [dir=rtl] .timeFormat {
   margin-right: var(--zd_size4) ;
 }
+
 .newTab {
   color: var(--zdt_fields_lockicon_icon);
   font-size: 0 ;
   display: none;
   cursor: pointer;
 }
+
 [dir=ltr] .newTab {
   margin-left: var(--zd_size6) ;
 }
+
 [dir=rtl] .newTab {
   margin-right: var(--zd_size6) ;
 }
+
 .newTab:hover {
   color: var(--zdt_fields_phoneicon_icon);
 }
+
 .container:hover .newTab {
   display: block;
 }
+
 .lockText {
   font-size: var(--zd_font_size13) ;
   font-style: italic;
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .labelMandatory:after {
   content: '*';
   color: var(--zdt_fields_lockicon_hover_icon);
 }
+
 [dir=ltr] .labelMandatory:after {
   padding-left: var(--zd_size2) ;
 }
+
 [dir=rtl] .labelMandatory:after {
   padding-right: var(--zd_size2) ;
 }
+
 .ePhiTag {
   composes: flexshrink from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_fields_phitag_text);
@@ -201,35 +254,38 @@
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;
-  border-radius: var(--zd_size3);
+  border-radius: 3px;
 }
+
 [dir=ltr] .ePhiTag {
   margin-left: var(--zd_size8) ;
 }
+
 [dir=rtl] .ePhiTag {
   margin-right: var(--zd_size8) ;
 }
 
-.hasChildren{
-position: relative;
+.hasChildren {
+  position: relative;
 }
 
-.rightPlaceholder{
+.rightPlaceholder {
   position: absolute;
-  bottom:var(--zd_size4) 
+  bottom: var(--zd_size4) 
 }
 
-[dir=ltr] .rightPlaceholder{
-  right:var(--zd_size15) 
+[dir=ltr] .rightPlaceholder {
+  right: var(--zd_size15) 
 }
 
-[dir=rtl] .rightPlaceholder{
-  left:var(--zd_size15) 
+[dir=rtl] .rightPlaceholder {
+  left: var(--zd_size15) 
 }
-.phoneField{
-  composes: ltr-zone  from '~@zohodesk/components/es/common/common.module.css';
+
+.phoneField {
+  composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
 }
 
-.lineClampPickListItem{
-  --line-clamp: var(--picklist-field-line-clamp,3);
+.lineClampPickListItem {
+  --line-clamp: var(--picklist-field-line-clamp, 3);
 }

package/es/form/fields/TextEditor/TextEditor.module.css

@@ -701,7 +701,7 @@
 }
 
 .textEditor :global .KB_Editor_common_DropDown {
-  padding: 0  !important;
+  padding: 0   !important;
 }
 
 .textEditor :global .KB_Editor_common_DropDown ul {

package/es/list/GridStencils/GridStencils.module.css

@@ -4,14 +4,17 @@
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15) ;
   margin-bottom: var(--zd_size10) ;
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
+
 [dir=ltr] .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
+
 [dir=rtl] .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
+
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22) ;
@@ -21,29 +24,36 @@
   border-radius: 50%;
   background-color: var(--zdt_gridstencils_after_bg);
 }
+
 [dir=ltr] .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
+
 .lineBar {
   width: 90% ;
 }
+
 .lineBar2 {
   width: 70% ;
   margin: var(--zd_size22) 0 ;
 }
+
 .lineBar3 {
   width: 50% ;
 }
+
 .lineBar,
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5) ;
 }
+
 .lineBar, .lineBar2, .lineBar3 {
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
 .stenListBAr {
   position: relative;

package/es/list/TagNew/TagNew.module.css

@@ -8,7 +8,7 @@
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;
-  border-radius: var(--zd_size14);
+  border-radius: 14px;
   background-color: var(--zdt_tagnew_default_bg);
   box-shadow: var(--zd_bs_tagnew_shadow);
   padding: 0 var(--zd_size15) ;

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -1,7 +1,7 @@
 .varClass {
   --statuslistitem_multiline_lineheight: 1.5385;
   --statuslistitem_font_size: var(--zd_font_size13);
-  --statuslistitem_min_height: 35px;
+  --statuslistitem_min_height: var(--zd_size35);
 }
 
 .list {
@@ -29,7 +29,7 @@
   padding: var(--zd_size7) var(--zd_size20) ;
 }
 .large {
-  --statuslistitem_min_height: 48px;
+  --statuslistitem_min_height: var(--zd_size48);
 }
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;

package/es/version2/AlertClose/AlertClose.module.css

@@ -2,7 +2,7 @@
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
   color: var(--zdt_commonalert_close_icon);
-  border-radius: var(--zd_size4);
+  border-radius: 4px;
   cursor: pointer;
 }
 

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -82,7 +82,7 @@
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
   box-shadow: var(--zd_bs_globalnotification_container);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
   background-color: var(--globalnotification_bg_color);
   border-style: solid;
   border-color: var(--commonalert_border_color);

package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -28,17 +28,23 @@
 
 .footer {
   overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
-.horizontalScroll, .verticalScroll, .bothScroll {
+
+.horizontalScroll,
+.verticalScroll,
+.bothScroll {
   height: 100% ;
 }
+
 .horizontalScroll {
   composes: oflowx from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .verticalScroll {
   composes: oflowy from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .bothScroll {
   composes: oflowA from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -11,7 +11,7 @@
   pointer-events: auto;
   background-color: var(--zdt_desktopnotification_bg);
   box-shadow: var(--zd_bs_desktopnotification_container);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
 
 [dir=ltr] .container {
@@ -130,5 +130,5 @@
 
 .footer {
   overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -42,7 +42,8 @@
   --commonalert_border_color: var(--zdt_commonalert_info_border);
 }
 
-.danger,.error {
+.danger,
+.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
 }
 
@@ -91,7 +92,7 @@
 /* Secondary Header */
 .secondary_header {
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
 [dir=ltr] .secondary_header {
   padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;

package/lib/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   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 {

package/lib/DotProvider/hooks/useDotProvider.js

@@ -9,11 +9,11 @@ var _react = require("react");
 
 var _useDownloadAssetsAndSetAttr = _interopRequireDefault(require("./useDownloadAssetsAndSetAttr"));
 
-require("@zohodesk/components/assets/Contrast/lightContrastLightness.module.css");
+require("@zohodesk/variables/assets/Contrast/lightContrastLightness.module.css");
 
-require("@zohodesk/components/assets/Contrast/darkContrastLightness.module.css");
+require("@zohodesk/variables/assets/Contrast/darkContrastLightness.module.css");
 
-require("@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css");
+require("@zohodesk/variables/assets/Contrast/pureDarkContrastLightness.module.css");
 
 require("@zohodesk/variables/assets/colorVariables.module.css");
 

package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/mode/globalTokens_DarkMode.module.css");

package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/mode/globalTokens_LightMode.module.css");

package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/mode/globalTokens_PureDarkMode.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkModifyCategory.module.css");