@zohodesk/components 1.0.0-temp-142 → 1.0.0-temp-143

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 (5) hide show
  1. package/assets/Appearance/dark/mode/darkMode.module.css +4 -4
  2. package/assets/Appearance/default/mode/defaultMode.module.css +4 -4
  3. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +4 -4
  4. package/assets/Contrast/defaultContrastLightness.module.css +1 -1
  5. package/package.json +1 -1
package/assets/Appearance/dark/mode/darkMode.module.css CHANGED
@@ -15,10 +15,10 @@
15
15
  /* avatar */
16
16
  --zdt_avatar_default_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
17
  --zdt_avatar_default_bg: hsla(217, 23%, calc(18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
18
- --zdt_avatar_default_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
18
+ --zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
19
19
  --zdt_avatar_default_borderHover: hsla(217, 8%, calc(55% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
  --zdt_avatar_default_boxshadow: rgba(255, 255, 255, 0.14);
21
- --zdt_avatar_white_borderHover: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
21
+ --zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
22
22
  --zdt_avatar_white_boxshadow: rgba(0, 0, 0, 0.11);
23
23
  --zdt_avatar_secondary_bg: hsla(210, 7%, calc(89% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
24
24
  --zdt_avatar_info_bg: var(--dot_mirror);
@@ -29,7 +29,7 @@
29
29
  --zdt_avatarteam_primary_bg: var(--zdt_m_cta_grey_40_bg_default);
30
30
  --zdt_avatarteam_primary_hover_bg: hsla(217, 8%, calc(55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
31
31
  --zdt_avatarteam_secondary_bg: hsla(217, 23%, calc(18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
32
- --zdt_avatarteam_nofill_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
32
+ --zdt_avatarteam_nofill_border: var(--zdt_cta_grey_40_border);
33
33
  --zdt_avatarteam_nofill_hover_border: hsla(217, 8%, calc(55% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
34
34
  --zdt_avatarteam_innerCircle: hsla(217, 23%, calc(18% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
35
35
 
@@ -281,7 +281,7 @@
281
281
  --zdt_rippleeffect_green_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
282
282
  --zdt_rippleeffect_green_bg: hsla(143, 44%, calc(96% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
283
283
  --zdt_rippleeffect_slate_border: hsla(217, 8%, calc(55% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
284
- --zdt_rippleeffect_navy_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
284
+ --zdt_rippleeffect_navy_border: var(--zdt_cta_grey_40_border);
285
285
  --zdt_rippleeffect_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
286
286
  --zdt_rippleeffect_danger_bg: hsla(0, 100%, calc(71% + var(--zd_dark_default_lValue)), calc( 0.05 + var(--zd_alpha_high)));
287
287
 
package/assets/Appearance/default/mode/defaultMode.module.css CHANGED
@@ -15,10 +15,10 @@
15
15
  /* avatar */
16
16
  --zdt_avatar_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
17
  --zdt_avatar_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
18
- --zdt_avatar_default_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
18
+ --zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
19
19
  --zdt_avatar_default_borderHover: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
  --zdt_avatar_default_boxshadow: rgba(0, 0, 0, 0.11);
21
- --zdt_avatar_white_borderHover: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
21
+ --zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
22
22
  --zdt_avatar_white_boxshadow: rgba(255, 255, 255, 0.14);
23
23
  --zdt_avatar_secondary_bg: hsla(0, 0%, calc(0% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
24
24
  --zdt_avatar_info_bg: var(--dot_mirror);
@@ -29,7 +29,7 @@
29
29
  --zdt_avatarteam_primary_bg: var(--zdt_m_cta_grey_40_bg_default);
30
30
  --zdt_avatarteam_primary_hover_bg: hsla(218, 10%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
31
31
  --zdt_avatarteam_secondary_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
32
- --zdt_avatarteam_nofill_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
32
+ --zdt_avatarteam_nofill_border: var(--zdt_cta_grey_40_border);
33
33
  --zdt_avatarteam_nofill_hover_border: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
34
34
  --zdt_avatarteam_innerCircle: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
35
35
 
@@ -281,7 +281,7 @@
281
281
  --zdt_rippleeffect_green_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
282
282
  --zdt_rippleeffect_green_bg: hsla(143, 44%, calc(96% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
283
283
  --zdt_rippleeffect_slate_border: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
284
- --zdt_rippleeffect_navy_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
284
+ --zdt_rippleeffect_navy_border: var(--zdt_cta_grey_40_border);
285
285
  --zdt_rippleeffect_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
286
286
  --zdt_rippleeffect_danger_bg: hsla(0, 71%, calc(97% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
287
287
 
package/assets/Appearance/pureDark/mode/pureDarkMode.module.css CHANGED
@@ -15,10 +15,10 @@
15
15
  /* avatar */
16
16
  --zdt_avatar_default_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
17
  --zdt_avatar_default_bg: hsla(0, 0%, calc(13% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
18
- --zdt_avatar_default_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
18
+ --zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
19
19
  --zdt_avatar_default_borderHover: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
  --zdt_avatar_default_boxshadow: rgba(255, 255, 255, 0.14);
21
- --zdt_avatar_white_borderHover: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
21
+ --zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
22
22
  --zdt_avatar_white_boxshadow: rgba(0, 0, 0, 0.11);
23
23
  --zdt_avatar_secondary_bg: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
24
24
  --zdt_avatar_info_bg: var(--dot_mirror);
@@ -29,7 +29,7 @@
29
29
  --zdt_avatarteam_primary_bg: var(--zdt_m_cta_grey_40_bg_default);
30
30
  --zdt_avatarteam_primary_hover_bg: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
31
31
  --zdt_avatarteam_secondary_bg: hsla(0, 0%, calc(13% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
32
- --zdt_avatarteam_nofill_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
32
+ --zdt_avatarteam_nofill_border: var(--zdt_cta_grey_40_border);
33
33
  --zdt_avatarteam_nofill_hover_border: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
34
34
  --zdt_avatarteam_innerCircle: hsla(0, 0%, calc(13% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
35
35
 
@@ -281,7 +281,7 @@
281
281
  --zdt_rippleeffect_green_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
282
282
  --zdt_rippleeffect_green_bg: hsla(143, 44%, calc(96% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
283
283
  --zdt_rippleeffect_slate_border: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
284
- --zdt_rippleeffect_navy_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
284
+ --zdt_rippleeffect_navy_border: var(--zdt_cta_grey_40_border);
285
285
  --zdt_rippleeffect_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
286
286
  --zdt_rippleeffect_danger_bg: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_lValue)), calc( 0.05 + var(--zd_alpha_high)));
287
287
 
package/assets/Contrast/defaultContrastLightness.module.css CHANGED
@@ -21,7 +21,7 @@
21
21
  --zd_default_default_inverse_low_lValue: calc(var(--zd_contrastLevel) * -0.25%);
22
22
  --zd_default_default_inverse_medium_lValue: calc(var(--zd_contrastLevel) * -1.5%);
23
23
  --zd_default_darker_lValue: calc(var(--zd_contrastLevel) * -1%);
24
- --zd_default_darker_low_lValue: calc(var(--zd_contrastLevel) * -0.25%);
24
+ --zd_default_darker_low_lValue: calc(var(--zd_contrastLevel) * -0%);
25
25
  --zd_default_lighter_lValue: calc(var(--zd_contrastLevel) * 1%);
26
26
  --zd_default_lighter_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
27
27
  --zd_default_lighter_high_lValue: calc(var(--zd_contrastLevel) * 20%);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-142",
3
+ "version": "1.0.0-temp-143",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,