@zohodesk/svg 1.0.0-temp.60 → 1.0.0-temp.60.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/assets/Appearance/dark/mode/SVG_DarkMode.module.css +4 -0
  2. package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css +2 -2
  3. package/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css +2 -2
  4. package/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css +2 -2
  5. package/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css +2 -2
  6. package/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css +2 -2
  7. package/assets/Appearance/light/mode/SVG_LightMode.module.css +4 -0
  8. package/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css +2 -2
  9. package/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css +2 -2
  10. package/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css +2 -2
  11. package/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css +2 -2
  12. package/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css +2 -2
  13. package/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css +4 -0
  14. package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css +2 -2
  15. package/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css +2 -2
  16. package/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css +2 -2
  17. package/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css +2 -2
  18. package/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css +2 -2
  19. package/es/Loader/Loader.js +2 -2
  20. package/lib/Loader/Loader.js +2 -2
  21. package/package.json +3 -3
package/assets/Appearance/dark/mode/SVG_DarkMode.module.css CHANGED
@@ -35,5 +35,9 @@
35
35
  --zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
36
  --zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
37
  --zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
+
39
+ /* loader */
40
+ --zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation) * 90.06%), 31.57%, 1);
41
+ --zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation) * 79.19%), 43.33%, 1);
38
42
  }
39
43
  }
package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='dark'][data-theme='blue'] {
3
- --zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51, 1);
3
+ --zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='dark'][data-theme='green'] {
3
- --zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 1);
3
+ --zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='dark'][data-theme='orange'] {
3
- --zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 1);
3
+ --zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='dark'][data-theme='red'] {
3
- --zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18, 1);
3
+ --zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='dark'][data-theme='yellow'] {
3
- --zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 1);
3
+ --zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/mode/SVG_LightMode.module.css CHANGED
@@ -35,5 +35,9 @@
35
35
  --zdt_svg_danger_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
36
  --zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
37
  --zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
+
39
+ /* loader */
40
+ --zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation) * 90.06%), 31.57%, 1);
41
+ --zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation) * 79.19%), 43.33%, 1);
38
42
  }
39
43
  }
package/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='light'][data-theme='blue'] {
3
- --zdt_svgcta_primary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 1);
3
+ --zdt_svgcta_primary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 4.62%), calc(12.75% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(212, calc(var(--zd-saturation) * 91.84%), calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(231, calc(var(--zd-saturation) * 37.98%), calc(74.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='light'][data-theme='green'] {
3
- --zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59, 1);
3
+ --zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='light'][data-theme='orange'] {
3
- --zdt_svgcta_primary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41, 1);
3
+ --zdt_svgcta_primary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='light'][data-theme='red'] {
3
- --zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92, 1);
3
+ --zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='light'][data-theme='yellow'] {
3
- --zdt_svgcta_primary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35, 1);
3
+ --zdt_svgcta_primary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css CHANGED
@@ -35,5 +35,9 @@
35
35
  --zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
36
  --zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
37
  --zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
+
39
+ /* loader */
40
+ --zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation) * 90.06%), 31.57%, 1);
41
+ --zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation) * 79.19%), 43.33%, 1);
38
42
  }
39
43
  }
package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='pureDark'][data-theme='blue'] {
3
- --zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51, 1);
3
+ --zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='pureDark'][data-theme='green'] {
3
- --zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 1);
3
+ --zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(134, calc(var(--zd-saturation) * 78.63%), calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='pureDark'][data-theme='orange'] {
3
- --zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 1);
3
+ --zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(29, calc(var(--zd-saturation) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(29, calc(var(--zd-saturation) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='pureDark'][data-theme='red'] {
3
- --zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 81.62%), 36.27, 1);
3
+ --zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 81.62%), 36.27%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 81.62%), calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer dot-svg.theme {
2
2
  [data-mode='pureDark'][data-theme='yellow'] {
3
- --zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 1);
3
+ --zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
4
4
  --zdt_svgcta_primary_stroke: hsla(39, calc(var(--zd-saturation) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 0.25);
5
+ --zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 0.25);
6
6
  --zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
7
  --zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
8
  --zdt_svgcta_primary_dark_stroke: hsla(39, calc(var(--zd-saturation) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/es/Loader/Loader.js CHANGED
@@ -22,7 +22,7 @@ export default class Loader extends React.PureComponent {
22
22
  dataId: dataId
23
23
  }, /*#__PURE__*/React.createElement("circle", {
24
24
  fill: "none",
25
- stroke: "#089949",
25
+ stroke: "var(--zdt_svg_loader_outer_stroke)",
26
26
  strokeWidth: 2,
27
27
  strokeLinecap: "round",
28
28
  strokeLinejoin: "round",
@@ -34,7 +34,7 @@ export default class Loader extends React.PureComponent {
34
34
  strokeDashoffset: 82
35
35
  }), /*#__PURE__*/React.createElement("circle", {
36
36
  fill: "none",
37
- stroke: "#17c662",
37
+ stroke: "var(--zdt_svg_loader_inner_stroke)",
38
38
  strokeLinecap: "round",
39
39
  strokeLinejoin: "round",
40
40
  cx: 20,
package/lib/Loader/Loader.js CHANGED
@@ -65,7 +65,7 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
65
65
  dataId: dataId
66
66
  }, /*#__PURE__*/_react["default"].createElement("circle", {
67
67
  fill: "none",
68
- stroke: "#089949",
68
+ stroke: "var(--zdt_svg_loader_outer_stroke)",
69
69
  strokeWidth: 2,
70
70
  strokeLinecap: "round",
71
71
  strokeLinejoin: "round",
@@ -77,7 +77,7 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
77
77
  strokeDashoffset: 82
78
78
  }), /*#__PURE__*/_react["default"].createElement("circle", {
79
79
  fill: "none",
80
- stroke: "#17c662",
80
+ stroke: "var(--zdt_svg_loader_inner_stroke)",
81
81
  strokeLinecap: "round",
82
82
  strokeLinejoin: "round",
83
83
  cx: 20,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/svg",
3
- "version": "1.0.0-temp.60",
3
+ "version": "1.0.0-temp.60.2",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -32,7 +32,7 @@
32
32
  "lint": "react-cli lint",
33
33
  "common_package_build": "cd ../common && npm run build && cd ../svg",
34
34
  "docs": "react-cli docs",
35
- "prepublishOnly": "node prePublish.js && npm run customTest && npm run download",
35
+ "prepublishOnly": "node prePublish.js && npm run download",
36
36
  "postpublish": "node postPublish.js",
37
37
  "download": "react-cli clean ./node_modules ./package-lock.json && npm install && cd ../ && npm run download",
38
38
  "test": "react-cli test",
@@ -56,7 +56,7 @@
56
56
  "dependencies": {},
57
57
  "devDependencies": {
58
58
  "@zohodesk/variables": "1.2.0",
59
- "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.1",
59
+ "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.3",
60
60
  "@svgr/cli": "6.2.1",
61
61
  "@zohodesk-private/css-variable-migrator": "1.0.9",
62
62
  "@testing-library/jest-dom": "^5.11.9",