@zohodesk/dot 1.0.0-temp-117 → 1.0.0-temp-118

package/README.md

@@ -2,6 +2,10 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.245
+
+- **Separator** - New component added.
+
 # 1.0.0-beta.244
 
 - **ActionButton** - button element margin issue fix(safari browser).

package/assets/Appearance/dark/mode/dotDarkMode.module.css

@@ -158,7 +158,7 @@
 	--zdt_freezelayer_default_bg: hsl(0, 0%, calc(0% + var(--zd_dark_bg_lValue)), calc( 0.8 + var(--zd_bg_alpha)));
 	--zdt_freezelayer_dark_bg: hsl(0, 0%, calc(0% + var(--zd_dark_buttonBg_lValue)), calc( 0.8 + var(--zd_bg_alpha)));
 	--zdt_freezelayer_plain_bg: var(--dot_mirror);
-	--zdt_freezelayer_snow_bg: hsl(227, 27%, calc(24% + var(--zd_dark_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
+	--zdt_freezelayer_snow_bg: hsl(227, 27%, calc(24% + var(--zd_dark_emboseBg_lValue)), calc( 0.75 + var(--zd_alpha)));
 	
 	/* icon button */
 	--zdt_iconButton_icon_black: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -522,7 +522,7 @@
 	
 	/* text editor */
 	--zdt_texteditor_menu_bg: hsl(216, 38%, calc(97% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_texteditor_default_bg: hsl(0, 0%, calc(100% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_texteditor_default_bg: hsl(0, 0%, 100%, 1);
 	--zdt_texteditor_default_border: hsl(213, 27%, calc(87% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_texteditor_menu_li_bg: hsl(217, 37%, calc(93% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_texteditor_default_text: hsl(0, 0%, calc(0% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -551,4 +551,9 @@
 	--zdt_attachmentviewer_selected_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.34 + var(--zd_bg_alpha)));
 	--zdt_attachmentviewer_loader_border: hsl(223, 14%, calc(19% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_attachmentviewer_loader_border_top: hsl(0, 0%, calc(95% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	
+	/* separator */
+	--zdt_separator_default_text: hsl(216, 23%, calc(32% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_secondary_text: hsl(210, 7%, calc(89% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 }

package/assets/Appearance/default/mode/dotDefaultMode.module.css

@@ -158,7 +158,7 @@
 	--zdt_freezelayer_default_bg: hsl(0, 0%, calc(0% + var(--zd_default_bg_lValue)), calc( 0.45 + var(--zd_bg_alpha)));
 	--zdt_freezelayer_dark_bg: hsl(0, 0%, calc(0% + var(--zd_default_buttonBg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
 	--zdt_freezelayer_plain_bg: var(--dot_mirror);
-	--zdt_freezelayer_snow_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( 0.45 + var(--zd_bg_alpha)));
+	--zdt_freezelayer_snow_bg: hsl(227, 27%, calc(24% + var(--zd_default_emboseBg_lValue)), calc( 0.45 + var(--zd_alpha)));
 	
 	/* icon button */
 	--zdt_iconButton_icon_black: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -522,7 +522,7 @@
 	
 	/* text editor */
 	--zdt_texteditor_menu_bg: hsl(216, 38%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_texteditor_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_texteditor_default_bg: hsl(0, 0%, 100%, 1);
 	--zdt_texteditor_default_border: hsl(213, 27%, calc(87% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_texteditor_menu_li_bg: hsl(217, 37%, calc(93% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_texteditor_default_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -551,4 +551,9 @@
 	--zdt_attachmentviewer_selected_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.34 + var(--zd_bg_alpha)));
 	--zdt_attachmentviewer_loader_border: hsl(223, 14%, calc(19% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_attachmentviewer_loader_border_top: hsl(0, 0%, calc(95% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	
+	/* separator */
+	--zdt_separator_default_text: hsl(0, 0%, calc(79% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_secondary_text: hsl(0, 0%, calc(0% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
 }

package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css

@@ -158,7 +158,7 @@
 	--zdt_freezelayer_default_bg: hsl(0, 0%, calc(0% + var(--zd_pureDark_bg_lValue)), calc( 0.8 + var(--zd_bg_alpha)));
 	--zdt_freezelayer_dark_bg: hsl(0, 0%, calc(0% + var(--zd_pureDark_buttonBg_lValue)), calc( 0.8 + var(--zd_bg_alpha)));
 	--zdt_freezelayer_plain_bg: var(--dot_mirror);
-	--zdt_freezelayer_snow_bg: hsl(0, 0%, calc(0% + var(--zd_pureDark_bg_lValue)), calc( 0.8 + var(--zd_bg_alpha)));
+	--zdt_freezelayer_snow_bg: hsl(0, 0%, calc(0% + var(--zd_pureDark_emboseBg_lValue)), calc( 0.8 + var(--zd_alpha)));
 	
 	/* icon button */
 	--zdt_iconButton_icon_black: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -522,7 +522,7 @@
 	
 	/* text editor */
 	--zdt_texteditor_menu_bg: hsl(216, 38%, calc(97% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_texteditor_default_bg: hsl(0, 0%, calc(100% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_texteditor_default_bg: hsl(0, 0%, 100%, 1);
 	--zdt_texteditor_default_border: hsl(213, 27%, calc(87% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_texteditor_menu_li_bg: hsl(217, 37%, calc(93% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_texteditor_default_text: hsl(0, 0%, calc(0% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -551,4 +551,9 @@
 	--zdt_attachmentviewer_selected_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.34 + var(--zd_bg_alpha)));
 	--zdt_attachmentviewer_loader_border: hsl(223, 14%, calc(19% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_attachmentviewer_loader_border_top: hsl(0, 0%, calc(95% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	
+	/* separator */
+	--zdt_separator_default_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_secondary_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 }

package/css_error.log

@@ -14,6 +14,10 @@ wrong category name => `undefined`, variable name => `messagebanner_white_text`,
 wrong category name => `undefined`, variable name => `newstar_green_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `newstar_yellow_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `newstar_blue_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `exclude`, variable name => `texteditor_default_bg`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_default_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_primary_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_secondary_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `message_info_bg`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `message_tickicon`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `message_close_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
@@ -28,6 +32,10 @@ wrong category name => `undefined`, variable name => `messagebanner_white_text`,
 wrong category name => `undefined`, variable name => `newstar_green_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `newstar_yellow_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `newstar_blue_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `exclude`, variable name => `texteditor_default_bg`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_default_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_primary_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_secondary_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `message_info_bg`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `message_tickicon`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `message_close_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
@@ -41,4 +49,8 @@ wrong category name => `undefined`, variable name => `messagebanner_blue_bg`, er
 wrong category name => `undefined`, variable name => `messagebanner_white_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `newstar_green_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
 wrong category name => `undefined`, variable name => `newstar_yellow_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
-wrong category name => `undefined`, variable name => `newstar_blue_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `newstar_blue_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `exclude`, variable name => `texteditor_default_bg`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_default_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_primary_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`
+wrong category name => `undefined`, variable name => `separator_secondary_text`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\dot\preprocess`

package/es/AttachmentViewer/AttachmentViewer.module.css

@@ -132,11 +132,11 @@
 }
 
 [dir=ltr] .footer {
-    padding-right:var(--zd_size68)
+    padding-right: var(--zd_size68)
 }
 
 [dir=rtl] .footer {
-    padding-left:var(--zd_size68)
+    padding-left: var(--zd_size68)
 }
 
 .footerHeight {
@@ -191,7 +191,7 @@
     height: 100%;
     opacity: 0.3;
     background-color: var(--zdt_attachmentviewer_selected_after_bg);
-    box-shadow: 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset;
+    box-shadow: var(--bs_attachmentviewer_selected);
 }
 
 [dir=ltr] .selected::after {
@@ -350,5 +350,4 @@
     background-color: var(--dot_mirror);
     border: 0;
     cursor: pointer;
-}
-
+}

package/es/Drawer/Drawer.module.css

@@ -1,79 +1,100 @@
 .container {
   transition: width var(--zd_transition3);
-  box-shadow: 0 6px 12px var(--zdt_drawer_default_box_shadow);
+  box-shadow: var(--bs_drawer_shadow);
   background-color: var(--zdt_drawer_default_bg);
 }
+
 .isOverlay {
   top: 0;
   bottom: 0;
   position: absolute;
   pointer-events: none;
 }
+
 [dir=ltr] .isOverlay {
   right: 0;
 }
+
 [dir=rtl] .isOverlay {
   left: 0;
 }
+
 .columns {
   pointer-events: initial;
 }
+
 .drawerModal {
   position: relative;
 }
+
 .secondDrawer {
   background-color: var(--zdt_drawer_default_bg);
-  box-shadow: 0 6px 12px var(--zdt_drawer_default_box_shadow);
+  box-shadow: var(--bs_drawer_shadow);
 }
+
 .secondMobDrawer {
   position: absolute;
   top: 0;
   z-index: 1;
 }
+
 [dir=ltr] .secondMobDrawer {
   right: 0;
 }
+
 [dir=rtl] .secondMobDrawer {
   left: 0;
 }
+
 .mobModal {
   position: absolute;
   top: 0;
   bottom: 0;
 }
+
 [dir=ltr] .mobModal {
   right: 0;
   left: 0;
 }
+
 [dir=rtl] .mobModal {
   left: 0;
   right: 0;
 }
+
 .xsmall {
   width: var(--zd_size360);
 }
+
 .small {
   width: var(--zd_size410);
 }
+
 .medium {
   width: var(--zd_size660);
 }
+
 .xmedium {
   width: var(--zd_size730);
 }
+
 .large {
   width: var(--zd_size936);
 }
+
 .xlarge {
   width: var(--zd_size840);
 }
+
 .xxlarge {
   width: var(--zd_size1142);
 }
+
 .mbleSize,
 .default {
   width: 100%;
 }
+
 .header {
   min-height: var(--zd_size50);
   background-color: var(--zdt_drawer_header_bg);
@@ -81,71 +102,89 @@
   padding-top: var(--zd_size10);
   padding-bottom: var(--zd_size10);
 }
+
 .subheader {
   min-height: var(--zd_size28);
 }
+
 .title {
-  color: var( --zdt_drawer_title_text);
+  color: var(--zdt_drawer_title_text);
   font: var(--zd_font_size16) var(--zd_semibold);
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .title {
   padding: 0 var(--zd_size10) 0 0;
 }
+
 [dir=rtl] .title {
   padding: 0 0 0 var(--zd_size10);
 }
+
 [dir=ltr] .smallHeaderPadding {
   padding-right: var(--zd_size11);
   padding-left: var(--zd_size30);
 }
+
 [dir=rtl] .smallHeaderPadding {
   padding-left: var(--zd_size11);
   padding-right: var(--zd_size30);
 }
+
 [dir=ltr] .smallContentPadding {
   padding-left: var(--zd_size30);
   padding-right: var(--zd_size30);
 }
+
 [dir=rtl] .smallContentPadding {
   padding-right: var(--zd_size30);
   padding-left: var(--zd_size30);
 }
+
 [dir=ltr] .mediumHeaderPadding {
   padding-right: var(--zd_size15);
   padding-left: var(--zd_size30);
 }
+
 [dir=rtl] .mediumHeaderPadding {
   padding-left: var(--zd_size15);
   padding-right: var(--zd_size30);
 }
+
 [dir=ltr] .mediumContentPadding {
   padding-left: var(--zd_size30);
   padding-right: var(--zd_size30);
 }
+
 [dir=rtl] .mediumContentPadding {
   padding-right: var(--zd_size30);
   padding-left: var(--zd_size30);
 }
+
 [dir=ltr] .largeHeaderPadding {
   padding-right: var(--zd_size15);
   padding-left: var(--zd_size50);
 }
+
 [dir=rtl] .largeHeaderPadding {
   padding-left: var(--zd_size15);
   padding-right: var(--zd_size50);
 }
+
 [dir=ltr] .largeContentPadding {
   padding-left: var(--zd_size50);
   padding-right: var(--zd_size50);
 }
+
 [dir=rtl] .largeContentPadding {
   padding-right: var(--zd_size50);
   padding-left: var(--zd_size50);
 }
+
 [dir=ltr] .iconWrapper {
   margin-right: var(--zd_size10);
 }
+
 [dir=rtl] .iconWrapper {
   margin-left: var(--zd_size10);
 }

package/es/Message/Message.module.css

@@ -17,7 +17,7 @@
   position: relative;
   display: inline-block;
   pointer-events: initial;
-  box-shadow: 0 0 19px 1px var(--zdt_message_default_box_shadow);
+  box-shadow: var(--bs_message_container);
   border-radius: 0 0 5px 5px;
   background: var(--zdt_message_default_bg);
 }

package/es/PlusIcon/PlusIcon.module.css

@@ -1,16 +1,19 @@
 .container {
   composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
   border-radius: 50%;
-  box-shadow: 0 2px 3px 0 var(--zdt_plusicon_box_shadow);
+  box-shadow: var(--bs_plusicon_container);
   cursor: pointer;
   background-color: var(--zdt_plusicon_bg);
 }
+
 .plusIcon {
   border: 1px solid var(--zdt_plusicon_border);
 }
+
 .icon {
   color: var(--zdt_plusicon_text);
 }
+
 .plusIcon:hover {
   border-color: var(--zdt_plusicon_hover_border);
-}
+}

package/es/Separator/Separator.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './Separator.module.css';
+export default class Separator extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    const {
+      children,
+      type,
+      customSeparatorType,
+      palette,
+      wrap,
+      shrink,
+      aligndirection,
+      customClass
+    } = this.props;
+    const {
+      customWrapper,
+      customSeparator,
+      customChildren
+    } = customClass;
+    const data = children.filter(el => el !== null && el !== undefined && el !== false);
+    return /*#__PURE__*/React.createElement(Container, {
+      alignBox: aligndirection,
+      align: aligndirection === 'row' ? 'vertical' : '',
+      wrap: wrap,
+      isCover: false,
+      className: `${style.varClass} ${customWrapper}`
+    }, data.map((child, i) => {
+      if (child) {
+        if (data.length - 1 == i || aligndirection == 'column') {
+          return child && /*#__PURE__*/React.createElement(Box, {
+            shrink: shrink,
+            key: i,
+            className: customChildren
+          }, child);
+        }
+        return child && /*#__PURE__*/React.createElement(React.Fragment, {
+          key: i
+        }, /*#__PURE__*/React.createElement(Box, {
+          shrink: shrink,
+          key: i,
+          className: customChildren
+        }, child), /*#__PURE__*/React.createElement(Box, {
+          className: `${style.separator} ${style[palette]} ${customSeparatorType ? '' : style[type]} ${customSeparator} `,
+          key: i
+        }, customSeparatorType ? customSeparatorType : type == 'slash' ? '/' : type == 'arrow' ? '>' : type == 'comma' ? ',' : '\u2022'));
+      }
+    }));
+  }
+}
+Separator.defaultProps = defaultProps;
+Separator.propTypes = propTypes;

package/es/Separator/Separator.module.css

@@ -0,0 +1,34 @@
+.varClass {
+  --separator_fontSize: var(--zd_font_size15);
+}
+.separator {
+  font-size: var(--separator_fontSize);
+  margin: 0 var(--zd_size5);
+}
+.dot {
+  --separator_fontSize: var(--zd_font_size8);
+}
+.slash {
+  --separator_fontSize: var(--zd_font_size10);
+  /* line-height: var(--zd_size10); */
+}
+.arrow {
+  --separator_fontSize: var(--zd_font_size8);
+  /* line-height: var(--zd_size7); */
+}
+.comma {
+  --separator_fontSize: var(--zd_font_size15);
+  /* line-height: var(--zd_size13); */
+}
+.none {
+  display: none;
+}
+.default {
+  color: var(--zdt_separator_default_text);
+}
+.primary {
+  color: var(--zdt_separator_primary_text);
+}
+.secondary {
+  color: var(--zdt_separator_secondary_text);
+}

package/es/Separator/props/defaultProps.js

@@ -0,0 +1,12 @@
+export const defaultProps = {
+  palette: 'default',
+  type: 'dot',
+  wrap: false,
+  shrink: false,
+  aligndirection: 'row',
+  customClass: {
+    customWrapper: '',
+    customSeparator: '',
+    customChildren: ''
+  }
+};

package/es/Separator/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  aligndirection: PropTypes.string,
+  children: PropTypes.any,
+  palette: PropTypes.oneOf(['default', 'primary', 'secondary']),
+  shrink: PropTypes.bool,
+  type: PropTypes.oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
+  wrap: PropTypes.bool,
+  customClass: PropTypes.obj,
+  customSeparatorType: PropTypes.string
+};

package/es/ToastMessage/ToastMessage.module.css

@@ -3,7 +3,7 @@
   position: relative;
   max-height: 100%;
   border-radius: 5px;
-  box-shadow: 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow);
+  box-shadow: var(--bs_toastmessage_container);
   background-color: var(--zdt_toastmessage_default_bg);
   margin-bottom: var(--zd_size7);
 }[dir=ltr] .container {
@@ -149,6 +149,7 @@
 .alertleft {
   padding: var(--zd_size15) var(--zd_size25);
 }
+
 .alertico {
   min-width: var(--zd_size50);
 }
@@ -232,17 +233,17 @@
   background: var(--zdt_toastmessage_dropdown_bg);
 }
 
-.dropdown > i {
+.dropdown>i {
   position: absolute;
   top: 50%;
 }
 
-[dir=ltr] .dropdown > i {
+[dir=ltr] .dropdown>i {
   left: 50%;
   transform: translate(-50%, -50%);
 }
 
-[dir=rtl] .dropdown > i {
+[dir=rtl] .dropdown>i {
   right: 50%;
   transform: translate(50%, -50%);
 }
@@ -260,7 +261,7 @@
   transition: padding var(--zd_transition3), height var(--zd_transition3);
   border-top: 1px solid var(--zdt_toastmessage_message_border);
   cursor: pointer;
-  margin:0;
+  margin: 0;
 }
 
 [dir=ltr] .message {
@@ -325,4 +326,4 @@
 
 .primaryPlain {
   color: var(--zdt_toastmessage_primary_text);
-}
+}

package/es/common/boxShadow.module.css

@@ -0,0 +1,77 @@
+:global(.shadowOn) {
+    /* attachment viewer */
+    --bs_attachmentviewer_selected: 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset;
+
+    /* texteditor */
+    --bs_texteditor_menu: -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
+    --bs_texteditor_ul: 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow);
+
+    /* subtab layout */
+    --bs_subtablayout_shadow: 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow);
+
+    /* drawer */
+    --bs_drawer_shadow: 0 6px 12px var(--zdt_drawer_default_box_shadow);
+
+    /* dot new */
+    --bs_dotnew_shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
+
+    /* tag new */
+    --bs_tagnew_shadow: 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow);
+
+    /* lookup section */
+    --bs_lookupsection_shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
+
+    /* message */
+    --bs_message_container: 0 0 19px 1px var(--zdt_message_default_box_shadow);
+
+    /* plus icon */
+    --bs_plusicon_container: 0 2px 3px 0 var(--zdt_plusicon_box_shadow);
+
+    /* toast message */
+    --bs_toastmessage_container: 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow);
+
+    /* global notification */
+    --bs_globalnotification_container: 0 4px 20px var(--globalnotification_box_shadow);
+
+    /* desktop notification */
+    --bs_desktopnotification_container: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
+}
+
+:global(.shadowOffWithOutline) {
+    /* attachment viewer */
+    --bs_attachmentviewer_selected: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* texteditor */
+    --bs_texteditor_menu: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_texteditor_ul: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* subtab layout */
+    --bs_subtablayout_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* drawer */
+    --bs_drawer_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* dot new */
+    --bs_dotnew_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* tag new */
+    --bs_tagnew_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* lookup section */
+    --bs_lookupsection_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* message */
+    --bs_message_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* plus icon */
+    --bs_plusicon_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* toast message */
+    --bs_toastmessage_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* global notification */
+    --bs_globalnotification_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* desktop notification */
+    --bs_desktopnotification_container: 0 0 2px var(--zdt_contrast_shadow);
+}

package/es/form/fields/TextEditor/TextEditor.js

@@ -153,7 +153,7 @@ export default class TextEditor extends Component {
     let {
       id
     } = this.props;
-    let editorObj = editor[id] ? editor[id] : {};
+    let editorObj = global.editor[id] ? global.editor[id] : {};
     let content = getRichEditorContent(id);
     if (!editorContentValidate(editorObj)) {
       content = '';
@@ -185,8 +185,8 @@ export default class TextEditor extends Component {
       id
     } = this.props;
     global.editor = global.editor || {};
-    if (!editor[id]) {
-      editor[id] = editorObj;
+    if (!global.editor[id]) {
+      global.editor[id] = editorObj;
     }
     const css = 'blockquote {margin:0 0 0 4px; }',
       head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],