@zohodesk/dot 1.3.3 → 1.4.1

package/README.md

@@ -2,6 +2,20 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.4.1
+
+- **Setup => Header, Helptips folder** components are converted to functional inside v1 folder
+- **Desktop Notification and Header** Responsive Handled
+- **Provider**  desktopNotificationResponsiveId key supported
+
+# 1.4.0
+
+- `@zohodesk/i18n` package dependency removed.
+- **UserTime** component deprecated.
+- **Comment** component title prop added.
+- **v1/AlertHeader** children shrink issue fix.
+- **DesktopNotification, DesktopNotificationHeader** renderAlertIcon prop added inside v1 folder.
+
 # 1.3.3
 
 - color-variable-preprocessor version issue solved

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

@@ -273,13 +273,6 @@
 	--zdt_thread_iconText: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* usertime */
-	--zdt_usertime_timeText: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_usertime_icon_red: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_green: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_orange: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_gray: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
 	/* loader */
 	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
 	
@@ -523,6 +516,9 @@
 	--zdt_desktopnotification_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
+	--zdt_desktopnotification_message_hover_bg: hsla(0, 0.00%, calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_message_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_message_border: hsla(0, 0.00%, calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* tagsmultiselect field */
 	--zdt_tagsmultiselectField_count_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/light/mode/Dot_LightMode.module.css

@@ -273,13 +273,6 @@
 	--zdt_thread_iconText: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* usertime */
-	--zdt_usertime_timeText: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_usertime_icon_red: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_green: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_orange: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_gray: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
 	/* loader */
 	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
 	
@@ -523,6 +516,9 @@
 	--zdt_desktopnotification_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_box_shadow: rgba(55, 84, 170, 0.25);
+	--zdt_desktopnotification_message_hover_bg: hsla(0, 0.00%, calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_message_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_message_border: hsla(0, 0.00%, calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* tagsmultiselect field */
 	--zdt_tagsmultiselectField_count_text: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));

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

@@ -273,13 +273,6 @@
 	--zdt_thread_iconText: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* usertime */
-	--zdt_usertime_timeText: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_usertime_icon_red: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_green: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_orange: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_usertime_icon_gray: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
 	/* loader */
 	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
 	
@@ -523,6 +516,9 @@
 	--zdt_desktopnotification_bg: hsla(0, 0.00%, calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
+	--zdt_desktopnotification_message_hover_bg: hsla(0, 0.00%, calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_message_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_message_border: hsla(0, 0.00%, calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* tagsmultiselect field */
 	--zdt_tagsmultiselectField_count_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));

package/coverage/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.js.html

@@ -451,7 +451,7 @@ IconButton.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.module.css.html

@@ -85,7 +85,9 @@
 <a name='L20'></a><a href='#L20'>20</a>
 <a name='L21'></a><a href='#L21'>21</a>
 <a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -116,6 +118,7 @@
   width: 28px;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   composes: varClass;
+  /* css:theme-validation:ignore */
   color: var(--iconColor);
 }
 .primary {
@@ -136,7 +139,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/props/defaultProps.js.html

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/propTypes.js.html

@@ -172,7 +172,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/Image.js.html

@@ -169,7 +169,7 @@ Image.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/Image.module.css.html

@@ -103,7 +103,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/props/defaultProps.js.html

@@ -82,7 +82,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/propTypes.js.html

@@ -112,7 +112,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html

@@ -433,7 +433,7 @@ AvatarWithTeam.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html

@@ -118,7 +118,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html

@@ -148,7 +148,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/index.html

@@ -206,7 +206,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-24T09:15:39.527Z
+                at 2023-11-29T14:57:32.158Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/ActionButton/ActionButton.module.css

@@ -13,12 +13,14 @@
   --buttonText: var(--zdt_actionButton_primaryFilled_text);
 }
 .primaryFilledBtn, .primaryFilledArw {
+  /* css:theme-validation:ignore */
   background-color: var(--buttonBg);
 }
 .primaryBox {
   --buttonText: var(--zdt_actionButton_primary_text);
 }
 .primaryBtn, .primaryArw {
+  /* css:theme-validation:ignore */
   border: 1px solid var(--buttonBorder);
 }
 [dir=ltr] .primaryBtn {
@@ -81,6 +83,7 @@
 .txt,
 .subTxt {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
 .arrowWrapper {
@@ -94,6 +97,9 @@
 [dir=rtl] .arrowWrapper {
   border-radius: var(--zd_size4) 0 0 var(--zd_size4);
 }
+.primaryFilledArw {
+  /* css:theme-validation:ignore */
+}
 [dir=ltr] .primaryFilledArw {
   border-left: 1px solid var(--buttonSeparatorBorder);
 }
@@ -129,6 +135,7 @@
 }
 .arrow,
 .iconClr {
+  /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
 [dir=ltr] .iconMrgn {

package/es/AlphabeticList/AlphabeticList.module.css

@@ -33,6 +33,7 @@
 .list {
   font-size: var(--zd_font_size11) ;
   flex-basis: var(--zd_size12) ;
+  /* css:theme-validation:ignore */
   color: var(--textColor);
   text-align: center;
   cursor: pointer;
@@ -49,6 +50,7 @@
 }
 .list :hover,
 .selected {
+  /* css:theme-validation:ignore */
   color: var(--textHoverColor);
 }
 .title {

package/es/AttachmentViewer/AttachmentViewer.module.css

@@ -154,6 +154,7 @@
 .imgItem {
     height: var(--zd_size60) ;
     min-width: var(--zd_size40) ;
+  /* css:theme-validation:ignore */
     position: relative;
     transition: border var(--zd_transition3);
     border-width: 2px;
@@ -345,6 +346,7 @@
 }
 
 .btn {
+  /* css:theme-validation:ignore */
     height: 100% ;
     width: 100% ;
     background-color: var(--dot_mirror);

package/es/ChannelIcon/ChannelIcon.module.css

@@ -16,6 +16,7 @@
   top: calc( var(--zd_size4) * -1 ) ;
   height: var(--zd_size15) ;
   width: var(--zd_size15) ;
+  /* css:theme-validation:ignore */
   background-color: var(--topIconBg);
 }
 [dir=ltr] .thread {
@@ -25,10 +26,12 @@
   left: calc( var(--zd_size1) * -1 ) ;
 }
 .threadBorder {
+  /* css:theme-validation:ignore */
   border: 1px solid var(--topIconBorderColor);
 }
 .iconStyle {
   position: relative;
+  /* css:theme-validation:ignore */
   color: var(--iconColor);
 }
 
@@ -213,5 +216,6 @@
   --topIconColor: var(--zdt_channelIcon_topIcon_iconYellow);
 }
 .topicIcon {
+  /* css:theme-validation:ignore */
   color: var(--topIconColor);
 }

package/es/FormAction/FormAction.module.css

@@ -9,6 +9,8 @@
 }
 .footerParent {
   position: relative;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
   background-color: var(--footerBg);
   border-top: solid 1px var(--footerBorder);
 }

package/es/IconButton/IconButton.module.css

@@ -6,6 +6,7 @@
   width: var(--zd_size28) ;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   composes: varClass;
+  /* css:theme-validation:ignore */
   color: var(--iconColor);
   cursor: pointer;
 }

package/es/Provider/Config.js

@@ -9,7 +9,8 @@ let config = {
     left: 0,
     right: 0,
     bottom: 0
-  }
+  },
+  desktopNotificationResponsiveId: 'Helmet'
 };
 export function getDotLibraryConfig(key) {
   return config[key];

package/es/TagWithIcon/TagWithIcon.module.css

@@ -5,52 +5,66 @@
   --tag_small_fontSize: var(--zd_font_size10);
   --tag_large_fontSize: var(--zd_font_size12);
 }
+
 .wrapper {
   composes: varClass;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
   color: var(--tag_text_color);
   background-color: var(--tag_bg_color);
 }
+
 .small,
 .large {
+  /* css:theme-validation:ignore */
   max-width: 100% ;
   height: var(--zd_size18) ;
 }
+
 .small, .large {
-  border: 1px solid;
-  border-color: var(--tag_border_color);
+  border: 1px solid var(--tag_border_color);
   border-radius: var(--zd_size4);
   padding: 0 var(--zd_size6) ;
 }
+
 .bold {
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .small_text {
   font-size: var(--tag_small_fontSize);
 }
+
 .large_text {
   font-size: var(--tag_large_fontSize);
 }
+
 .text {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .iconSpace{
+
+[dir=ltr] .iconSpace {
   margin-right: var(--zd_size4) ;
 }
-[dir=rtl] .iconSpace{
+
+[dir=rtl] .iconSpace {
   margin-left: var(--zd_size4) ;
 }
+
 .yellow {
   --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
   --tag_text_color: var(--zdt_tagWithIconYellow_text);
   --tag_border_color: var(--zdt_tagWithIconYellow_border);
 }
+
 .grey {
   --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
   --tag_text_color: var(--zdt_tagWithIconGrey_text);
   --tag_border_color: var(--zdt_tagWithIconGrey_border);
 }
+
 .blue {
   --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
   --tag_text_color: var(--zdt_tagWithIconBlue_text);
   --tag_border_color: var(--zdt_tagWithIconBlue_border);
-}
+}

package/es/avatar/AvatarIcon/AvatarIcon.module.css

@@ -6,11 +6,16 @@
 .container {
   vertical-align: middle;
   composes: varClass;
+  /* css:theme-validation:ignore */
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
   border-color: var(--border_color)
 }
+.borderOnHover:hover,
+.borderOnActive {
+  /* css:theme-validation:ignore */
+}
 .borderOnHover:hover, .borderOnActive {
   border-color: var(--border_hoverColor)
 }
@@ -35,6 +40,7 @@
   --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
 }
 .iconColor {
+  /* css:theme-validation:ignore */
   color: var(--icon_color);
 }
 .icon_danger {

package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css

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

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

@@ -5,6 +5,7 @@
   display: inline;
 }
 .icon{
+  /* css:theme-validation:ignore */
   color:var(--label_text_color);
   display: inline-block;
   margin: 0 var(--zd_size5) ;