@zohodesk/dot 1.0.0-temp-219 → 1.0.0-temp-221

package/README.md

@@ -2,11 +2,6 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
-# 1.7.x
-
-- Updated `@zohodesk-private/color-variable-preprocessor` package version - CTA category overridden variables are now generated only for the necessary CTA variables using the `buildOverriddenCTACategories` function.
-- Imports newly generated Dot entry theme-related files within the specific chunk.
-
 # 1.7.26
 
 - `list/SecondaryText/PhoneNumber.js`
@@ -41,12 +36,6 @@ In this Library, we Provide Some Basic Components to Build Your Application
 - lib imports migrated to es  
 
 
-# 1.7.x
-
-- Necessary variables are generated only for overridden contrast categories, handled through a Node.js preprocess script.
-- **DotProvider**
-  - Imports newly generated Dot entry theme-related files within the specific chunk.
-
 # 1.7.19
 
 - **AttachmentViewer**

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

@@ -27,7 +27,7 @@
 	
 	/* attachment */
 	--zdt_attachment_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
+	--zdt_attachment_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachment_default_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachment_default_hover_border: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
@@ -67,7 +67,7 @@
 	--zdt_avatarIcon_grey_icon: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_avatarIcon_success_icon: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_smoke_icon: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_avatarIcon_default_border: var(--zdt_cta_grey_40_border);
+	--zdt_avatarIcon_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_avatarIcon_default_hover_border: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_primary_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_primary_hover_border: hsla(213, 85.45%, calc(43.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -116,7 +116,7 @@
 	--zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
 	--zdt_drawer_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
-	--zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
+	--zdt_drawer_header_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
 	--zdt_drawer_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* toggle dropdown */
@@ -253,7 +253,7 @@
 	--zdt_secondaryText_orage_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_green_text: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_red_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
+	--zdt_secondaryText_blue_text: var(--zdtm_cta_primary_text_default_inverse_low);
 	--zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
 	--zdt_secondaryText_black_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_secondaryText_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -289,7 +289,7 @@
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_lookupheader_white_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
+	--zdt_lookupheader_default_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
 	--zdt_lookupheader_white_border: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_lookupheader_para_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_lookupheader_input_border: hsla(0, 0.00%, calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -535,7 +535,7 @@
 	/* attachment viewer */
 	--zdt_attachmentviewer_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_button_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
+	--zdt_attachmentviewer_hover_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
 	--zdt_attachmentviewer_selected_after_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);

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

@@ -27,7 +27,7 @@
 	
 	/* attachment */
 	--zdt_attachment_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
+	--zdt_attachment_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachment_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachment_default_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
@@ -67,7 +67,7 @@
 	--zdt_avatarIcon_grey_icon: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_avatarIcon_success_icon: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_smoke_icon: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_avatarIcon_default_border: var(--zdt_cta_grey_40_border);
+	--zdt_avatarIcon_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_avatarIcon_default_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_primary_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_primary_hover_border: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -116,7 +116,7 @@
 	--zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.176);
 	--zdt_drawer_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
-	--zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
+	--zdt_drawer_header_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
 	--zdt_drawer_title_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* toggle dropdown */
@@ -165,7 +165,7 @@
 	
 	/* form action */
 	--zdt_formAction_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_formAction_border: var(--zdt_cta_grey_15_border);
+	--zdt_formAction_border: var(--zdtm_cta_grey_15_border_default_inverse_medium);
 	
 	/* freezelayer */
 	--zdt_freezelayer_default_bg: rgba(0, 0, 0, 0.45);
@@ -253,7 +253,7 @@
 	--zdt_secondaryText_orage_text: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_green_text: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_red_text: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
+	--zdt_secondaryText_blue_text: var(--zdtm_cta_primary_text_default_inverse_low);
 	--zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
 	--zdt_secondaryText_black_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_secondaryText_text: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -289,8 +289,8 @@
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_lookupheader_white_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
-	--zdt_lookupheader_white_border: var(--zdt_cta_grey_15_border);
+	--zdt_lookupheader_default_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
+	--zdt_lookupheader_white_border: var(--zdtm_cta_grey_15_border_default_inverse_medium);
 	--zdt_lookupheader_para_text: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_lookupheader_input_border: hsla(0, 0.00%, calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	
@@ -457,7 +457,7 @@
 	--zdt_commonalert_plaininfo_hover_bg: hsla(212, 80.95%, calc(95.88% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_warning_hover_bg: hsla(26, 100.00%, calc(95.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonalert_light_hover_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_commonalert_light_hover_bg: var(--zdtm_cta_grey_10_bg_darker_lowest);
 	--zdt_commonalert_secondlayer_bg: rgb(246,248,251);
 	--zdt_commonalert_default_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
@@ -534,8 +534,8 @@
 	
 	/* attachment viewer */
 	--zdt_attachmentviewer_title_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_button_border: var(--zdt_cta_grey_35_border);
-	--zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
+	--zdt_attachmentviewer_button_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
+	--zdt_attachmentviewer_hover_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
 	--zdt_attachmentviewer_selected_after_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
@@ -549,8 +549,8 @@
 	--zdt_separator_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* tag with icon */
-	--zdt_tagWithIconGrey_bg: var(--zdt_cta_grey_20_bg);
-	--zdt_tagWithIconGrey_border: var(--zdt_cta_grey_35_border);
+	--zdt_tagWithIconGrey_bg: var(--zdtm_cta_grey_20_bg_darker_lowest);
+	--zdt_tagWithIconGrey_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
 	--zdt_tagWithIconGrey_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tagWithIconBlue_bg: hsla(213, 84.62%, calc(94.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tagWithIconBlue_border: hsla(212, 83.33%, calc(85.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));

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

@@ -27,7 +27,7 @@
 	
 	/* attachment */
 	--zdt_attachment_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
+	--zdt_attachment_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachment_default_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachment_default_hover_border: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
@@ -67,7 +67,7 @@
 	--zdt_avatarIcon_grey_icon: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_avatarIcon_success_icon: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_smoke_icon: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_avatarIcon_default_border: var(--zdt_cta_grey_40_border);
+	--zdt_avatarIcon_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_avatarIcon_default_hover_border: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_primary_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_avatarIcon_primary_hover_border: hsla(213, 85.45%, calc(43.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -253,7 +253,7 @@
 	--zdt_secondaryText_orage_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_green_text: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_red_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
+	--zdt_secondaryText_blue_text: var(--zdtm_cta_primary_text_default_inverse_low);
 	--zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
 	--zdt_secondaryText_black_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_secondaryText_secondaryText_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -535,7 +535,7 @@
 	/* attachment viewer */
 	--zdt_attachmentviewer_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_button_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
+	--zdt_attachmentviewer_hover_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
 	--zdt_attachmentviewer_selected_after_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

@@ -1,2 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css";

package/es/form/fields/CheckBoxField/CheckBoxField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import CheckBox from '@zohodesk/components/es/CheckBox/CheckBox';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { Container, Box } from '@zohodesk/components/es/Layout';
@@ -87,15 +88,11 @@ export default class CheckBoxField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      id: id,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-      infoText: infoText,
-      customClass: `${!isDirectCol ? style.checkboxText : ''} ${!isDirectCol ? style[`lineClamp_${lineClamp}`] : ''} ${isReadOnly || isDisabled ? style.cbTextReadonly : style.cbTextPointer} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-      title: labelName,
+      isRequired: isMandatory,
+      customStyle: labelCustomClass,
+      testId: id,
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       onClick: !removeEvent ? this.handleLabelClick : null,
-      variant: isDirectCol ? 'default' : 'primary',
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps
     }));
     return /*#__PURE__*/React.createElement("div", {

package/es/form/fields/CurrencyField/CurrencyField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -129,11 +130,10 @@ export default class CurrencyField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
+      isRequired: isMandatory,
+      customStyle: labelCustomClass,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`

package/es/form/fields/DateField/DateField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import DateWidget from '@zohodesk/components/es/DateTime/DateWidget';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -133,14 +134,12 @@ export default class DateField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
+      isRequired: isMandatory,
+      customStyle: labelCustomClass,
       htmlFor: getAriaId,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-      onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
-      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-      ...LabelProps,
-      id: labelName
+      testId: labelName,
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
     }, isLocked && lockedValueText ? /*#__PURE__*/React.createElement("div", {

package/es/form/fields/MultiSelectField/MultiSelectField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import MultiSelect from '@zohodesk/components/es/MultiSelect/MultiSelect';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -145,13 +146,11 @@ export default class MultiSelectField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      id: id,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
+      isRequired: isMandatory // customStyle={style.fieldLabel}
       ,
-      customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       htmlFor: uniqueId,
+      testId: id,
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps
     })), /*#__PURE__*/React.createElement(MultiSelect, {
       options: options,

package/es/form/fields/SelectField/SelectField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import Select from '@zohodesk/components/es/Select/Select';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -115,13 +116,11 @@ export default class SelectField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
+      isRequired: isMandatory,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps,
-      id: uniqueId
+      testId: uniqueId,
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
     }, /*#__PURE__*/React.createElement(Select, {

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,8 +1,9 @@
 import React, { useState, useEffect } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Box } from '@zohodesk/components/es/Layout';
-import Label from '@zohodesk/components/es/Label/Label';
+import { Box } from '@zohodesk/components/es/Layout'; // import Label from '@zohodesk/components/es/Label/Label';
+
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import Popup from '@zohodesk/components/es/Popup/Popup';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
@@ -206,13 +207,10 @@ const TagsMultiSelectField = props => {
     }
   }, /*#__PURE__*/React.createElement(Label, {
     text: labelName,
-    title: labelName,
-    id: id,
-    size: labelSize,
-    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-    customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
-    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+    isRequired: isMandatory,
     htmlFor: htmlId,
+    testId: id,
+    customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
     ...LabelProps
   }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
     dataId: `${dataId}_tagCount`,

package/es/form/fields/TextBoxField/TextBoxField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -103,13 +104,12 @@ export default class TextBoxField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
+      isRequired: isMandatory,
+      customStyle: labelCustomClass,
+      testId: labelName,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-      ...LabelProps,
-      id: labelName
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
     }, /*#__PURE__*/React.createElement(TextBoxIcon, {

package/es/form/fields/TextareaField/TextareaField.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
+// import Label from '@zohodesk/components/es/Label/Label';
 
-import Label from '@zohodesk/components/es/Label/Label';
+import Label from '@zohodesk/components/es/v1/Label/Label';
 import Textarea from '@zohodesk/components/es/Textarea/Textarea';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -131,12 +132,11 @@ export default class TextareaField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      id: id,
-      size: fieldSize === 'small' ? 'small' : 'medium',
-      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
+      isRequired: isMandatory,
+      customStyle: labelCustomClass,
+      testId: id,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css");