@zohodesk/components 1.0.0-temp-131 → 1.0.0-temp-132

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 (7) hide show
  1. package/assets/Appearance/dark/mode/darkMode.module.css +3 -3
  2. package/assets/Appearance/default/mode/defaultMode.module.css +3 -3
  3. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +3 -3
  4. package/assets/Contrast/darkContrastLightness.module.css +8 -8
  5. package/assets/Contrast/defaultContrastLightness.module.css +8 -8
  6. package/assets/Contrast/pureDarkContrastLightness.module.css +8 -8
  7. package/package.json +1 -1
package/assets/Appearance/dark/mode/darkMode.module.css CHANGED
@@ -50,13 +50,13 @@
50
50
  --zdt_button_danger_hover_text: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
51
51
  --zdt_button_danger_box_shadow: rgba(238, 47, 62, 0.3);
52
52
  --zdt_button_primaryfill_text: var(--zdt_m_cta_secondary_text_text);
53
- --zdt_button_primaryfill_bg: var(--zdt_m_cta_primary_bg_bg);
53
+ --zdt_button_primaryfill_bg: var(--zdt_cta_primary_bg);
54
54
  --zdt_button_primaryfill_border: var(--dot_mirror);
55
- --zdt_button_primaryfill_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
55
+ --zdt_button_primaryfill_hover_bg: var(--zdt_cta_primary_hover_bg);
56
56
  --zdt_button_secondaryfill_bg: var(--zdt_m_cta_grey_10_bg_bg);
57
57
  --zdt_button_dangerfill_bg: hsl(0, 100%, calc(71% + var(--zd_dark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
58
58
  --zdt_button_dangerfill_text: hsl(0, 0%, calc(100% + var(--zd_dark_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
59
- --zdt_button_dangerfill_hover_bg: hsl(1, 64%, calc(49% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
59
+ --zdt_button_dangerfill_hover_bg: hsl(1, 64%, calc(49% + var(--zd_dark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
60
60
  --zdt_button_successfill_border: hsl(133, 48%, calc(52% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
61
61
  --zdt_button_successfill_bg: hsl(133, 48%, calc(52% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
62
62
  --zdt_button_successfill_hover_border: hsl(134, 68%, calc(33% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
package/assets/Appearance/default/mode/defaultMode.module.css CHANGED
@@ -50,13 +50,13 @@
50
50
  --zdt_button_danger_hover_text: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
51
51
  --zdt_button_danger_box_shadow: rgba(238, 47, 62, 0.3);
52
52
  --zdt_button_primaryfill_text: var(--zdt_m_cta_secondary_text_text);
53
- --zdt_button_primaryfill_bg: var(--zdt_m_cta_primary_bg_bg);
53
+ --zdt_button_primaryfill_bg: var(--zdt_cta_primary_bg);
54
54
  --zdt_button_primaryfill_border: var(--dot_mirror);
55
- --zdt_button_primaryfill_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
55
+ --zdt_button_primaryfill_hover_bg: var(--zdt_cta_primary_hover_bg);
56
56
  --zdt_button_secondaryfill_bg: var(--zdt_m_cta_grey_10_bg_bg);
57
57
  --zdt_button_dangerfill_bg: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
58
58
  --zdt_button_dangerfill_text: hsl(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
59
- --zdt_button_dangerfill_hover_bg: hsl(1, 75%, calc(38% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
59
+ --zdt_button_dangerfill_hover_bg: hsl(1, 75%, calc(38% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
60
60
  --zdt_button_successfill_border: hsl(133, 63%, calc(41% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
61
61
  --zdt_button_successfill_bg: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
62
62
  --zdt_button_successfill_hover_border: hsl(134, 79%, calc(26% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
package/assets/Appearance/pureDark/mode/pureDarkMode.module.css CHANGED
@@ -50,13 +50,13 @@
50
50
  --zdt_button_danger_hover_text: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
51
51
  --zdt_button_danger_box_shadow: rgba(238, 47, 62, 0.3);
52
52
  --zdt_button_primaryfill_text: var(--zdt_m_cta_secondary_text_text);
53
- --zdt_button_primaryfill_bg: var(--zdt_m_cta_primary_bg_bg);
53
+ --zdt_button_primaryfill_bg: var(--zdt_cta_primary_bg);
54
54
  --zdt_button_primaryfill_border: var(--dot_mirror);
55
- --zdt_button_primaryfill_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
55
+ --zdt_button_primaryfill_hover_bg: var(--zdt_cta_primary_hover_bg);
56
56
  --zdt_button_secondaryfill_bg: var(--zdt_m_cta_grey_10_bg_bg);
57
57
  --zdt_button_dangerfill_bg: hsl(0, 100%, calc(71% + var(--zd_pureDark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
58
58
  --zdt_button_dangerfill_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
59
- --zdt_button_dangerfill_hover_bg: hsl(1, 64%, calc(49% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
59
+ --zdt_button_dangerfill_hover_bg: hsl(1, 64%, calc(49% + var(--zd_pureDark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
60
60
  --zdt_button_successfill_border: hsl(133, 48%, calc(52% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
61
61
  --zdt_button_successfill_bg: hsl(133, 48%, calc(52% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
62
62
  --zdt_button_successfill_hover_border: hsl(134, 68%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
package/assets/Contrast/darkContrastLightness.module.css CHANGED
@@ -12,14 +12,14 @@
12
12
  }
13
13
 
14
14
  [data-mode='dark']:global(.contrast) {
15
- --zd_dark_bg_lValue: -10%;
16
- --zd_dark_bgDarkerBoth_lValue: -10%;
17
- --zd_dark_bgDarkerLighter_lValue: 10%;
18
- --zd_dark_text_lValue: 10%;
19
- --zd_dark_textLighterBoth_lValue: 10%;
20
- --zd_dark_textLighterDarker_lValue: -10%;
21
- --zd_dark_border_lValue: 30%;
22
- --zd_dark_borderLighterBoth_lValue: 30%;
15
+ --zd_dark_bg_lValue: calc(var(--zd_contrastLevel) * -1%);
16
+ --zd_dark_bgDarkerBoth_lValue: calc(var(--zd_contrastLevel) * -1%);
17
+ --zd_dark_bgDarkerLighter_lValue: calc(var(--zd_contrastLevel) * 1%);
18
+ --zd_dark_text_lValue: calc(var(--zd_contrastLevel) * 1%);
19
+ --zd_dark_textLighterBoth_lValue: calc(var(--zd_contrastLevel) * 1%);
20
+ --zd_dark_textLighterDarker_lValue: calc(var(--zd_contrastLevel) * -1%);
21
+ --zd_dark_border_lValue: calc(var(--zd_contrastLevel) * 1%);
22
+ --zd_dark_borderLighterBoth_lValue: calc(var(--zd_contrastLevel) * 1%);
23
23
  --zd_alpha: 1;
24
24
  --zd_bg_alpha: 0;
25
25
  }
package/assets/Contrast/defaultContrastLightness.module.css CHANGED
@@ -12,14 +12,14 @@
12
12
  }
13
13
 
14
14
  [data-mode='default']:global(.contrast) {
15
- --zd_default_bg_lValue: 10%;
16
- --zd_default_bgDarkerBoth_lValue: -10%;
17
- --zd_default_bgDarkerLighter_lValue: -10%;
18
- --zd_default_text_lValue: -10%;
19
- --zd_default_textLighterBoth_lValue: 10%;
20
- --zd_default_textLighterDarker_lValue: 10%;
21
- --zd_default_border_lValue: -30%;
22
- --zd_default_borderLighterBoth_lValue: 30%;
15
+ --zd_default_bg_lValue: calc(var(--zd_contrastLevel) * 1%);
16
+ --zd_default_bgDarkerBoth_lValue: calc(var(--zd_contrastLevel) * -1%);
17
+ --zd_default_bgDarkerLighter_lValue: calc(var(--zd_contrastLevel) * -1%);
18
+ --zd_default_text_lValue: calc(var(--zd_contrastLevel) * -1%);
19
+ --zd_default_textLighterBoth_lValue: calc(var(--zd_contrastLevel) * 1%);
20
+ --zd_default_textLighterDarker_lValue: calc(var(--zd_contrastLevel) * 1%);
21
+ --zd_default_border_lValue: calc(var(--zd_contrastLevel) * -1%);
22
+ --zd_default_borderLighterBoth_lValue: calc(var(--zd_contrastLevel) * 1%);
23
23
  --zd_alpha: 1;
24
24
  --zd_bg_alpha: 0;
25
25
  }
package/assets/Contrast/pureDarkContrastLightness.module.css CHANGED
@@ -12,14 +12,14 @@
12
12
  }
13
13
 
14
14
  [data-mode='pureDark']:global(.contrast) {
15
- --zd_pureDark_bg_lValue: -10%;
16
- --zd_pureDark_bgDarkerBoth_lValue: -10%;
17
- --zd_pureDark_bgDarkerLighter_lValue: 10%;
18
- --zd_pureDark_text_lValue: 10%;
19
- --zd_pureDark_textLighterBoth_lValue: 10%;
20
- --zd_pureDark_textLighterDarker_lValue: -10%;
21
- --zd_pureDark_border_lValue: 30%;
22
- --zd_pureDark_borderLighterBoth_lValue: 30%;
15
+ --zd_pureDark_bg_lValue: calc(var(--zd_contrastLevel) * -1%);
16
+ --zd_pureDark_bgDarkerBoth_lValue: calc(var(--zd_contrastLevel) * -1%);
17
+ --zd_pureDark_bgDarkerLighter_lValue: calc(var(--zd_contrastLevel) * 1%);
18
+ --zd_pureDark_text_lValue: calc(var(--zd_contrastLevel) * 1%);
19
+ --zd_pureDark_textLighterBoth_lValue: calc(var(--zd_contrastLevel) * 1%);
20
+ --zd_pureDark_textLighterDarker_lValue: calc(var(--zd_contrastLevel) * -1%);
21
+ --zd_pureDark_border_lValue: calc(var(--zd_contrastLevel) * 1%);
22
+ --zd_pureDark_borderLighterBoth_lValue: calc(var(--zd_contrastLevel) * 1%);
23
23
  --zd_alpha: 1;
24
24
  --zd_bg_alpha: 0;
25
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-131",
3
+ "version": "1.0.0-temp-132",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,