@zohodesk/dot 1.0.0-temp-200.3 → 1.0.0-temp-200.4

package/README.md

@@ -2,6 +2,10 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.7.4
+
+- **Loader** - Theme-based adaptation in loader, removed existing multi-color gradient loader.
+
 # 1.7.3
 
 - **RadioField**

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

@@ -276,9 +276,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)));
 	
-	/* 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%);
-	
 	/* 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)));

package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(71,157,255);
 }

package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(69,161,89);
 }

package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(255,128,31);
 }

package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(233,79,79);
 }

package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(215,152,53);
 }

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

@@ -276,9 +276,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)));
 	
-	/* 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%);
-	
 	/* 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)));

package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(71,157,255);
 }

package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(69,161,89);
 }

package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(255,128,31);
 }

package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(233,79,79);
 }

package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc( 0.08 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(215,152,53);
 }

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

@@ -276,9 +276,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)));
 	
-	/* 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%);
-	
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_lookupheader_white_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(71,157,255);
 }

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

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(69,161,89);
 }

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

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(255,128,31);
 }

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

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(233,79,79);
 }

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

@@ -13,4 +13,7 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_bg: rgb(215,152,53);
 }

package/es/Loader/Loader.module.css

@@ -11,19 +11,20 @@
 .loader {
   width: 100% ;
   /*  Variable:Ignore  */
-  height: 3px;
-  background-image: var(--zdt_loader_gradient_bg);
-  background-size: 200% auto;
+  height: 5px;
+  background-size: 50% auto;
 }
 [dir=ltr] .loader {
+  background-image: linear-gradient(to right, var(--zdt_loader_bg) 30%, var(--dot_solitude) 50%, var(--zdt_loader_bg) 90%);
   background-position: 0 100%;
-  animation:  loading-ltr 3s infinite;
+  animation:  loading-ltr 2s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
 }
 [dir=rtl] .loader {
+  background-image: linear-gradient(to left, var(--zdt_loader_bg) 30%, var(--dot_solitude) 50%, var(--zdt_loader_bg) 90%);
   background-position: 100% 100%;
-  animation:  loading-rtl 3s infinite;
+  animation:  loading-rtl 2s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
 }
@@ -33,7 +34,7 @@
     background-position: 0 0;
   }
   100% {
-    background-position: -200% 0;
+    background-position: 200% 0;
   }
 }
 
@@ -42,6 +43,6 @@
     background-position: 100% 0;
   }
   100% {
-    background-position: 300% 0;
+    background-position: -100% 0;
   }
 }

package/lib/Loader/Loader.module.css

@@ -11,19 +11,20 @@
 .loader {
   width: 100% ;
   /*  Variable:Ignore  */
-  height: 3px;
-  background-image: var(--zdt_loader_gradient_bg);
-  background-size: 200% auto;
+  height: 5px;
+  background-size: 50% auto;
 }
 [dir=ltr] .loader {
+  background-image: linear-gradient(to right, var(--zdt_loader_bg) 30%, var(--dot_solitude) 50%, var(--zdt_loader_bg) 90%);
   background-position: 0 100%;
-  animation:  loading-ltr 3s infinite;
+  animation:  loading-ltr 2s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
 }
 [dir=rtl] .loader {
+  background-image: linear-gradient(to left, var(--zdt_loader_bg) 30%, var(--dot_solitude) 50%, var(--zdt_loader_bg) 90%);
   background-position: 100% 100%;
-  animation:  loading-rtl 3s infinite;
+  animation:  loading-rtl 2s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
 }
@@ -33,7 +34,7 @@
     background-position: 0 0;
   }
   100% {
-    background-position: -200% 0;
+    background-position: 200% 0;
   }
 }
 
@@ -42,6 +43,6 @@
     background-position: 100% 0;
   }
   100% {
-    background-position: 300% 0;
+    background-position: -100% 0;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-200.3",
+  "version": "1.0.0-temp-200.4",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -62,7 +62,7 @@
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.2.6",
+    "@zohodesk/a11y": "2.2.7",
     "@zohodesk/components": "1.2.54",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.70",
@@ -83,6 +83,6 @@
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.2.6"
+    "@zohodesk/a11y": "2.2.7"
   }
 }