@zohodesk/components 1.0.0-temp-117 → 1.0.0-temp-119

package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css

@@ -1,34 +1,34 @@
 [data-mode='pureDark'][data-theme='green'] {
-	--zdt_cta_primary_text: hsl(133, 40%, calc(45% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_text: hsl(133, 40%, calc(55% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_bg: hsl(133, 40%, calc(45% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_bg: hsl(128, 80%, calc(27% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_border: hsl(133, 40%, calc(45% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_border: hsl(128, 80%, calc(27% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_box_shadow: hsl(133, 63%, calc(41% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_box_shadow: hsl(134, 79%, calc(26% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_bg: hsl(133, 11%, calc(16% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_light_hover_bg: hsl(158, 27%, calc(24% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_border: hsl(158, 27%, calc(24% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_bg: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_buttonText_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_border: hsl(0, 0%, calc(100% + var(--zd_pureDark_border_lValue)), calc( 0.15 + var(--zd_alpha)));
-	--zdt_cta_secondary_light_border: hsl(133, 23%, calc(23% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_text: hsl(133, 40%, calc(45% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_text: hsl(128, 80%, calc(27% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_border: hsl(133, 40%, calc(45% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_border: hsl(128, 80%, calc(27% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_bg: hsl(170, 23%, calc(21% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_beta_border: hsl(133, 40%, calc(45% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_10_bg: hsl(0, 0%, calc(15% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_10_border: hsl(0, 0%, calc(15% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_bg: hsl(0, 2%, calc(8% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_20_bg: hsl(217, 23%, calc(11% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_border: hsl(0, 0%, calc(22% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_40_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)))
+	--zdt_cta_primary_text: #45a159;
+	--zdt_cta_primary_hover_text: #5eba72;
+	--zdt_cta_primary_bg: #45a159;
+	--zdt_cta_primary_hover_bg: #0e7c1c;
+	--zdt_cta_primary_border: #45a159;
+	--zdt_cta_primary_hover_border: #0e7c1c;
+	--zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
+	--zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
+	--zdt_cta_primary_light_bg: #252e27;
+	--zdt_cta_primary_light_hover_bg: #2d4e42;
+	--zdt_cta_primary_light_border: #2d4e42;
+	--zdt_cta_secondary_bg: #45a159;
+	--zdt_cta_secondary_text: var(--dot_white);
+	--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
+	--zdt_cta_secondary_light_border: #2c4732;
+	--zdt_cta_alpha_text: #45a159;
+	--zdt_cta_alpha_hover_text: #0e7c1c;
+	--zdt_cta_alpha_border: #45a159;
+	--zdt_cta_alpha_hover_border: #0e7c1c;
+	--zdt_cta_alpha_bg: #2a433f;
+	--zdt_cta_beta_border: #45a159;
+	--zdt_cta_grey_10_bg: #262626;
+	--zdt_cta_grey_10_border: #262626;
+	--zdt_cta_grey_15_bg: #161515;
+	--zdt_cta_grey_15_border: #161515;
+	--zdt_cta_grey_20_bg: #161b23;
+	--zdt_cta_grey_35_bg: #585858;
+	--zdt_cta_grey_35_text: #585858;
+	--zdt_cta_grey_35_border: #383838;
+	--zdt_cta_grey_40_bg: #585858;
+	--zdt_cta_grey_40_text: #585858;
+	--zdt_cta_grey_40_border: #585858
 }

package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css

@@ -1,34 +1,34 @@
 [data-mode='pureDark'][data-theme='orange'] {
-	--zdt_cta_primary_text: hsl(26, 100%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_text: hsl(26, 100%, calc(70% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_bg: hsl(26, 100%, calc(56% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_bg: hsl(29, 100%, calc(33% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_border: hsl(26, 100%, calc(56% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_border: hsl(29, 100%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_box_shadow: hsl(28, 82%, calc(49% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_box_shadow: hsl(30, 100%, calc(35% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_bg: hsl(26, 20%, calc(16% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_light_hover_bg: hsl(19, 22%, calc(25% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_border: hsl(19, 22%, calc(25% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_bg: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_buttonText_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_border: hsl(0, 0%, calc(100% + var(--zd_pureDark_border_lValue)), calc( 0.15 + var(--zd_alpha)));
-	--zdt_cta_secondary_light_border: hsl(26, 40%, calc(22% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_text: hsl(26, 100%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_text: hsl(29, 100%, calc(33% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_border: hsl(26, 100%, calc(56% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_border: hsl(29, 100%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_bg: hsl(340, 6%, calc(21% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_beta_border: hsl(26, 100%, calc(56% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_10_bg: hsl(0, 0%, calc(15% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_10_border: hsl(0, 0%, calc(15% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_bg: hsl(0, 2%, calc(8% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_20_bg: hsl(217, 23%, calc(11% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_border: hsl(0, 0%, calc(22% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_40_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)))
+	--zdt_cta_primary_text: #ff801f;
+	--zdt_cta_primary_hover_text: #ffa866;
+	--zdt_cta_primary_bg: #ff801f;
+	--zdt_cta_primary_hover_bg: #a85100;
+	--zdt_cta_primary_border: #ff801f;
+	--zdt_cta_primary_hover_border: #a85100;
+	--zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
+	--zdt_cta_primary_hover_box_shadow: rgba(178, 89, 0, 0.25);
+	--zdt_cta_primary_light_bg: #312821;
+	--zdt_cta_primary_light_hover_bg: #4f3c33;
+	--zdt_cta_primary_light_border: #4f3c33;
+	--zdt_cta_secondary_bg: #ff801f;
+	--zdt_cta_secondary_text: var(--dot_white);
+	--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
+	--zdt_cta_secondary_light_border: #4d3421;
+	--zdt_cta_alpha_text: #ff801f;
+	--zdt_cta_alpha_hover_text: #a85100;
+	--zdt_cta_alpha_border: #ff801f;
+	--zdt_cta_alpha_hover_border: #a85100;
+	--zdt_cta_alpha_bg: #393335;
+	--zdt_cta_beta_border: #ff801f;
+	--zdt_cta_grey_10_bg: #262626;
+	--zdt_cta_grey_10_border: #262626;
+	--zdt_cta_grey_15_bg: #161515;
+	--zdt_cta_grey_15_border: #161515;
+	--zdt_cta_grey_20_bg: #161b23;
+	--zdt_cta_grey_35_bg: #585858;
+	--zdt_cta_grey_35_text: #585858;
+	--zdt_cta_grey_35_border: #383838;
+	--zdt_cta_grey_40_bg: #585858;
+	--zdt_cta_grey_40_text: #585858;
+	--zdt_cta_grey_40_border: #585858
 }

package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css

@@ -1,34 +1,34 @@
 [data-mode='pureDark'][data-theme='red'] {
-	--zdt_cta_primary_text: hsl(0, 78%, calc(61% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_text: hsl(0, 77%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_bg: hsl(0, 78%, calc(61% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_bg: hsl(0, 82%, calc(36% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_border: hsl(0, 78%, calc(61% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_border: hsl(0, 82%, calc(36% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_box_shadow: hsl(0, 72%, calc(54% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_box_shadow: hsl(1, 75%, calc(38% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_bg: hsl(0, 13%, calc(16% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_light_hover_bg: hsl(334, 20%, calc(25% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_border: hsl(334, 20%, calc(25% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_bg: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_buttonText_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_border: hsl(0, 0%, calc(100% + var(--zd_pureDark_border_lValue)), calc( 0.15 + var(--zd_alpha)));
-	--zdt_cta_secondary_light_border: hsl(0, 27%, calc(23% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_text: hsl(0, 78%, calc(61% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_text: hsl(0, 82%, calc(36% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_border: hsl(0, 78%, calc(61% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_border: hsl(0, 82%, calc(36% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_bg: hsl(284, 10%, calc(21% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_beta_border: hsl(0, 78%, calc(61% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_10_bg: hsl(0, 0%, calc(15% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_10_border: hsl(0, 0%, calc(15% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_bg: hsl(0, 2%, calc(8% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_20_bg: hsl(217, 23%, calc(11% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_border: hsl(0, 0%, calc(22% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_40_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)))
+	--zdt_cta_primary_text: #e94f4f;
+	--zdt_cta_primary_hover_text: #ee7c7c;
+	--zdt_cta_primary_bg: #e94f4f;
+	--zdt_cta_primary_hover_bg: #a81111;
+	--zdt_cta_primary_border: #e94f4f;
+	--zdt_cta_primary_hover_border: #a81111;
+	--zdt_cta_primary_box_shadow: rgba(222, 53, 53, 0.2);
+	--zdt_cta_primary_hover_box_shadow: rgba(171, 26, 24, 0.25);
+	--zdt_cta_primary_light_bg: #2f2424;
+	--zdt_cta_primary_light_hover_bg: #4b323d;
+	--zdt_cta_primary_light_border: #4b323d;
+	--zdt_cta_secondary_bg: #e94f4f;
+	--zdt_cta_secondary_text: var(--dot_white);
+	--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
+	--zdt_cta_secondary_light_border: #492a2a;
+	--zdt_cta_alpha_text: #e94f4f;
+	--zdt_cta_alpha_hover_text: #a81111;
+	--zdt_cta_alpha_border: #e94f4f;
+	--zdt_cta_alpha_hover_border: #a81111;
+	--zdt_cta_alpha_bg: #372f3a;
+	--zdt_cta_beta_border: #e94f4f;
+	--zdt_cta_grey_10_bg: #262626;
+	--zdt_cta_grey_10_border: #262626;
+	--zdt_cta_grey_15_bg: #161515;
+	--zdt_cta_grey_15_border: #161515;
+	--zdt_cta_grey_20_bg: #161b23;
+	--zdt_cta_grey_35_bg: #585858;
+	--zdt_cta_grey_35_text: #585858;
+	--zdt_cta_grey_35_border: #383838;
+	--zdt_cta_grey_40_bg: #585858;
+	--zdt_cta_grey_40_text: #585858;
+	--zdt_cta_grey_40_border: #585858
 }

package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css

@@ -1,34 +1,34 @@
 [data-mode='pureDark'][data-theme='yellow'] {
-	--zdt_cta_primary_text: hsl(37, 67%, calc(53% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_text: hsl(37, 66%, calc(65% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_bg: hsl(37, 67%, calc(53% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_bg: hsl(39, 90%, calc(32% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_border: hsl(37, 67%, calc(53% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_hover_border: hsl(39, 90%, calc(32% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_box_shadow: hsl(46, 81%, calc(52% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_hover_box_shadow: hsl(48, 100%, calc(35% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_bg: hsl(35, 15%, calc(16% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_light_hover_bg: hsl(37, 13%, calc(25% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_light_border: hsl(37, 13%, calc(25% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_bg: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_buttonText_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_border: hsl(0, 0%, calc(100% + var(--zd_pureDark_border_lValue)), calc( 0.15 + var(--zd_alpha)));
-	--zdt_cta_secondary_light_border: hsl(38, 30%, calc(21% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_text: hsl(37, 67%, calc(53% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_text: hsl(39, 90%, calc(32% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_border: hsl(37, 67%, calc(53% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_hover_border: hsl(39, 90%, calc(32% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_alpha_bg: hsl(220, 3%, calc(21% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_beta_border: hsl(37, 67%, calc(53% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_10_bg: hsl(0, 0%, calc(15% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_10_border: hsl(0, 0%, calc(15% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_bg: hsl(0, 2%, calc(8% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_15_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_20_bg: hsl(217, 23%, calc(11% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_35_border: hsl(0, 0%, calc(22% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_bg: hsl(0, 0%, calc(35% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_grey_40_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_grey_40_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)))
+	--zdt_cta_primary_text: #d79835;
+	--zdt_cta_primary_hover_text: #e1b36a;
+	--zdt_cta_primary_bg: #d79835;
+	--zdt_cta_primary_hover_bg: #9b6808;
+	--zdt_cta_primary_border: #d79835;
+	--zdt_cta_primary_hover_border: #9b6808;
+	--zdt_cta_primary_box_shadow: rgba(232, 185, 35, 0.2);
+	--zdt_cta_primary_hover_box_shadow: rgba(181, 145, 0, 0.25);
+	--zdt_cta_primary_light_bg: #2e2922;
+	--zdt_cta_primary_light_hover_bg: #474137;
+	--zdt_cta_primary_light_border: #474137;
+	--zdt_cta_secondary_bg: #d79835;
+	--zdt_cta_secondary_text: var(--dot_white);
+	--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
+	--zdt_cta_secondary_light_border: #453925;
+	--zdt_cta_alpha_text: #d79835;
+	--zdt_cta_alpha_hover_text: #9b6808;
+	--zdt_cta_alpha_border: #d79835;
+	--zdt_cta_alpha_hover_border: #9b6808;
+	--zdt_cta_alpha_bg: #353638;
+	--zdt_cta_beta_border: #d79835;
+	--zdt_cta_grey_10_bg: #262626;
+	--zdt_cta_grey_10_border: #262626;
+	--zdt_cta_grey_15_bg: #161515;
+	--zdt_cta_grey_15_border: #161515;
+	--zdt_cta_grey_20_bg: #161b23;
+	--zdt_cta_grey_35_bg: #585858;
+	--zdt_cta_grey_35_text: #585858;
+	--zdt_cta_grey_35_border: #383838;
+	--zdt_cta_grey_40_bg: #585858;
+	--zdt_cta_grey_40_text: #585858;
+	--zdt_cta_grey_40_border: #585858
 }

package/css_error.log

@@ -1,5 +0,0 @@
-Component Package error log:
-
-wrong category name => `undefined`, variable name => `zdt_datetime_today_border`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\components\preprocess`
-wrong category name => `undefined`, variable name => `zdt_datetime_today_border`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\components\preprocess`
-wrong category name => `undefined`, variable name => `zdt_datetime_today_border`, error folder path => `D:\git\client\desklibrary\BugFix\jsapps\dot\components\preprocess`

package/docs/external/active-line.js

@@ -1,72 +1,72 @@
-// CodeMirror, copyright (c) by Marijn Haverbeke and others
-// Distributed under an MIT license: http://codemirror.net/LICENSE
-
-(function(mod) {
-  if (typeof exports == "object" && typeof module == "object") // CommonJS
-    mod(require("../../lib/codemirror"));
-  else if (typeof define == "function" && define.amd) // AMD
-    define(["../../lib/codemirror"], mod);
-  else // Plain browser env
-    mod(CodeMirror);
-})(function(CodeMirror) {
-  "use strict";
-  var WRAP_CLASS = "CodeMirror-activeline";
-  var BACK_CLASS = "CodeMirror-activeline-background";
-  var GUTT_CLASS = "CodeMirror-activeline-gutter";
-
-  CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
-    var prev = old == CodeMirror.Init ? false : old;
-    if (val == prev) return
-    if (prev) {
-      cm.off("beforeSelectionChange", selectionChange);
-      clearActiveLines(cm);
-      delete cm.state.activeLines;
-    }
-    if (val) {
-      cm.state.activeLines = [];
-      updateActiveLines(cm, cm.listSelections());
-      cm.on("beforeSelectionChange", selectionChange);
-    }
-  });
-
-  function clearActiveLines(cm) {
-    for (var i = 0; i < cm.state.activeLines.length; i++) {
-      cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
-      cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
-      cm.removeLineClass(cm.state.activeLines[i], "gutter", GUTT_CLASS);
-    }
-  }
-
-  function sameArray(a, b) {
-    if (a.length != b.length) return false;
-    for (var i = 0; i < a.length; i++)
-      if (a[i] != b[i]) return false;
-    return true;
-  }
-
-  function updateActiveLines(cm, ranges) {
-    var active = [];
-    for (var i = 0; i < ranges.length; i++) {
-      var range = ranges[i];
-      var option = cm.getOption("styleActiveLine");
-      if (typeof option == "object" && option.nonEmpty ? range.anchor.line != range.head.line : !range.empty())
-        continue
-      var line = cm.getLineHandleVisualStart(range.head.line);
-      if (active[active.length - 1] != line) active.push(line);
-    }
-    if (sameArray(cm.state.activeLines, active)) return;
-    cm.operation(function() {
-      clearActiveLines(cm);
-      for (var i = 0; i < active.length; i++) {
-        cm.addLineClass(active[i], "wrap", WRAP_CLASS);
-        cm.addLineClass(active[i], "background", BACK_CLASS);
-        cm.addLineClass(active[i], "gutter", GUTT_CLASS);
-      }
-      cm.state.activeLines = active;
-    });
-  }
-
-  function selectionChange(cm, sel) {
-    updateActiveLines(cm, sel.ranges);
-  }
-});
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+(function(mod) {
+  if (typeof exports == "object" && typeof module == "object") // CommonJS
+    mod(require("../../lib/codemirror"));
+  else if (typeof define == "function" && define.amd) // AMD
+    define(["../../lib/codemirror"], mod);
+  else // Plain browser env
+    mod(CodeMirror);
+})(function(CodeMirror) {
+  "use strict";
+  var WRAP_CLASS = "CodeMirror-activeline";
+  var BACK_CLASS = "CodeMirror-activeline-background";
+  var GUTT_CLASS = "CodeMirror-activeline-gutter";
+
+  CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
+    var prev = old == CodeMirror.Init ? false : old;
+    if (val == prev) return
+    if (prev) {
+      cm.off("beforeSelectionChange", selectionChange);
+      clearActiveLines(cm);
+      delete cm.state.activeLines;
+    }
+    if (val) {
+      cm.state.activeLines = [];
+      updateActiveLines(cm, cm.listSelections());
+      cm.on("beforeSelectionChange", selectionChange);
+    }
+  });
+
+  function clearActiveLines(cm) {
+    for (var i = 0; i < cm.state.activeLines.length; i++) {
+      cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
+      cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
+      cm.removeLineClass(cm.state.activeLines[i], "gutter", GUTT_CLASS);
+    }
+  }
+
+  function sameArray(a, b) {
+    if (a.length != b.length) return false;
+    for (var i = 0; i < a.length; i++)
+      if (a[i] != b[i]) return false;
+    return true;
+  }
+
+  function updateActiveLines(cm, ranges) {
+    var active = [];
+    for (var i = 0; i < ranges.length; i++) {
+      var range = ranges[i];
+      var option = cm.getOption("styleActiveLine");
+      if (typeof option == "object" && option.nonEmpty ? range.anchor.line != range.head.line : !range.empty())
+        continue
+      var line = cm.getLineHandleVisualStart(range.head.line);
+      if (active[active.length - 1] != line) active.push(line);
+    }
+    if (sameArray(cm.state.activeLines, active)) return;
+    cm.operation(function() {
+      clearActiveLines(cm);
+      for (var i = 0; i < active.length; i++) {
+        cm.addLineClass(active[i], "wrap", WRAP_CLASS);
+        cm.addLineClass(active[i], "background", BACK_CLASS);
+        cm.addLineClass(active[i], "gutter", GUTT_CLASS);
+      }
+      cm.state.activeLines = active;
+    });
+  }
+
+  function selectionChange(cm, sel) {
+    updateActiveLines(cm, sel.ranges);
+  }
+});

package/docs/external/autorefresh.js

@@ -1,47 +1,47 @@
-// CodeMirror, copyright (c) by Marijn Haverbeke and others
-// Distributed under an MIT license: https://codemirror.net/LICENSE
-
-(function(mod) {
-  if (typeof exports == "object" && typeof module == "object") // CommonJS
-    mod(require("../../lib/codemirror"))
-  else if (typeof define == "function" && define.amd) // AMD
-    define(["../../lib/codemirror"], mod)
-  else // Plain browser env
-    mod(CodeMirror)
-})(function(CodeMirror) {
-  "use strict"
-
-  CodeMirror.defineOption("autoRefresh", false, function(cm, val) {
-    if (cm.state.autoRefresh) {
-      stopListening(cm, cm.state.autoRefresh)
-      cm.state.autoRefresh = null
-    }
-    if (val && cm.display.wrapper.offsetHeight == 0)
-      startListening(cm, cm.state.autoRefresh = {delay: val.delay || 250})
-  })
-
-  function startListening(cm, state) {
-    function check() {
-      if (cm.display.wrapper.offsetHeight) {
-        stopListening(cm, state)
-        if (cm.display.lastWrapHeight != cm.display.wrapper.clientHeight)
-          cm.refresh()
-      } else {
-        state.timeout = setTimeout(check, state.delay)
-      }
-    }
-    state.timeout = setTimeout(check, state.delay)
-    state.hurry = function() {
-      clearTimeout(state.timeout)
-      state.timeout = setTimeout(check, 50)
-    }
-    CodeMirror.on(window, "mouseup", state.hurry)
-    CodeMirror.on(window, "keyup", state.hurry)
-  }
-
-  function stopListening(_cm, state) {
-    clearTimeout(state.timeout)
-    CodeMirror.off(window, "mouseup", state.hurry)
-    CodeMirror.off(window, "keyup", state.hurry)
-  }
-});
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: https://codemirror.net/LICENSE
+
+(function(mod) {
+  if (typeof exports == "object" && typeof module == "object") // CommonJS
+    mod(require("../../lib/codemirror"))
+  else if (typeof define == "function" && define.amd) // AMD
+    define(["../../lib/codemirror"], mod)
+  else // Plain browser env
+    mod(CodeMirror)
+})(function(CodeMirror) {
+  "use strict"
+
+  CodeMirror.defineOption("autoRefresh", false, function(cm, val) {
+    if (cm.state.autoRefresh) {
+      stopListening(cm, cm.state.autoRefresh)
+      cm.state.autoRefresh = null
+    }
+    if (val && cm.display.wrapper.offsetHeight == 0)
+      startListening(cm, cm.state.autoRefresh = {delay: val.delay || 250})
+  })
+
+  function startListening(cm, state) {
+    function check() {
+      if (cm.display.wrapper.offsetHeight) {
+        stopListening(cm, state)
+        if (cm.display.lastWrapHeight != cm.display.wrapper.clientHeight)
+          cm.refresh()
+      } else {
+        state.timeout = setTimeout(check, state.delay)
+      }
+    }
+    state.timeout = setTimeout(check, state.delay)
+    state.hurry = function() {
+      clearTimeout(state.timeout)
+      state.timeout = setTimeout(check, 50)
+    }
+    CodeMirror.on(window, "mouseup", state.hurry)
+    CodeMirror.on(window, "keyup", state.hurry)
+  }
+
+  function stopListening(_cm, state) {
+    clearTimeout(state.timeout)
+    CodeMirror.off(window, "mouseup", state.hurry)
+    CodeMirror.off(window, "keyup", state.hurry)
+  }
+});