@zohodesk/components 1.6.4 → 1.6.6
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.
- package/README.md +14 -0
- package/es/Select/GroupSelect.js +11 -3
- package/es/Select/Select.js +12 -3
- package/es/Select/SelectWithAvatar.js +11 -3
- package/es/Select/SelectWithIcon.js +3 -2
- package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +22 -22
- package/es/Select/props/defaultProps.js +6 -3
- package/es/Select/props/propTypes.js +16 -3
- package/lib/Select/GroupSelect.js +11 -3
- package/lib/Select/Select.js +11 -3
- package/lib/Select/SelectWithAvatar.js +11 -3
- package/lib/Select/SelectWithIcon.js +5 -3
- package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +22 -22
- package/lib/Select/props/defaultProps.js +7 -7
- package/lib/Select/props/propTypes.js +16 -3
- package/package.json +9 -9
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +0 -467
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +0 -36
- package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +0 -467
- package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +0 -36
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +0 -467
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +0 -36
- package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +0 -467
- package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +0 -36
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +0 -467
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +0 -36
- package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +0 -467
- package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +0 -36
- package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +0 -467
- package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +0 -36
- package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +0 -467
- package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +0 -36
- package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +0 -467
- package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +0 -36
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +0 -467
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +0 -36
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +0 -467
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +0 -36
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +0 -467
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +0 -36
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +0 -467
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +0 -36
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +0 -467
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +0 -36
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +0 -467
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +0 -36
- package/assets/Contrast/darkContrastLightness.module.css +0 -39
- package/assets/Contrast/lightContrastLightness.module.css +0 -39
- package/assets/Contrast/pureDarkContrastLightness.module.css +0 -39
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
[data-mode='dark']:global:not(.zd-contrast){
|
|
2
|
-
--zdc_default:calc(0 * 1%);
|
|
3
|
-
--zdc_default_low:calc(0 * 1%);
|
|
4
|
-
--zdc_default_inverse:calc(0 * 1%);
|
|
5
|
-
--zdc_default_inverse_low:calc(0 * 1%);
|
|
6
|
-
--zdc_default_inverse_lower:calc(0 * 1%);
|
|
7
|
-
--zdc_default_inverse_medium:calc(0 * 1%);
|
|
8
|
-
--zdc_darker:calc(0 * 1%);
|
|
9
|
-
--zdc_darker_low:calc(0 * 1%);
|
|
10
|
-
--zdc_darker_lower:calc(0 * 1%);
|
|
11
|
-
--zdc_darker_lowest:calc(0 * 1%);
|
|
12
|
-
--zdc_lighter:calc(0 * 1%);
|
|
13
|
-
--zdc_lighter_low:calc(0 * 1%);
|
|
14
|
-
--zdc_lighter_lower:calc(0 * 1%);
|
|
15
|
-
--zdc_lighter_medium:calc(0 * 1%);
|
|
16
|
-
--zdc_lighter_high:calc(0 * 1%);
|
|
17
|
-
--zdc_alpha_high:0;
|
|
18
|
-
--zdc_alpha_low:0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[data-mode='dark']:global(.zd-contrast){
|
|
22
|
-
--zdc_default:calc(var(--zd_contrastLevel) * -1%);
|
|
23
|
-
--zdc_default_low:calc(var(--zd_contrastLevel) * -1%);
|
|
24
|
-
--zdc_default_inverse:calc(var(--zd_contrastLevel) * 1%);
|
|
25
|
-
--zdc_default_inverse_low:calc(var(--zd_contrastLevel) * 0.25%);
|
|
26
|
-
--zdc_default_inverse_lower:calc(var(--zd_contrastLevel) * 0.10%);
|
|
27
|
-
--zdc_default_inverse_medium:calc(var(--zd_contrastLevel) * 1.5%);
|
|
28
|
-
--zdc_darker:calc(var(--zd_contrastLevel) * -1%);
|
|
29
|
-
--zdc_darker_low:calc(var(--zd_contrastLevel) * -0.50%);
|
|
30
|
-
--zdc_darker_lower:calc(var(--zd_contrastLevel) * -1%);
|
|
31
|
-
--zdc_darker_lowest:calc(var(--zd_contrastLevel) * -1%);
|
|
32
|
-
--zdc_lighter:calc(var(--zd_contrastLevel) * 1%);
|
|
33
|
-
--zdc_lighter_low:calc(var(--zd_contrastLevel) * 0.50%);
|
|
34
|
-
--zdc_lighter_lower:calc(var(--zd_contrastLevel) * 0.25%);
|
|
35
|
-
--zdc_lighter_medium:calc(var(--zd_contrastLevel) * 1.5%);
|
|
36
|
-
--zdc_lighter_high:calc(var(--zd_contrastLevel) * 1%);
|
|
37
|
-
--zdc_alpha_high:1;
|
|
38
|
-
--zdc_alpha_low:calc(var(--zd_contrastLevel) * 0.02);
|
|
39
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
[data-mode='light']:global:not(.zd-contrast){
|
|
2
|
-
--zdc_default:calc(0 * 1%);
|
|
3
|
-
--zdc_default_low:calc(0 * 1%);
|
|
4
|
-
--zdc_default_inverse:calc(0 * 1%);
|
|
5
|
-
--zdc_default_inverse_low:calc(0 * 1%);
|
|
6
|
-
--zdc_default_inverse_lower:calc(0 * 1%);
|
|
7
|
-
--zdc_default_inverse_medium:calc(0 * 1%);
|
|
8
|
-
--zdc_darker:calc(0 * 1%);
|
|
9
|
-
--zdc_darker_low:calc(0 * 1%);
|
|
10
|
-
--zdc_darker_lower:calc(0 * 1%);
|
|
11
|
-
--zdc_darker_lowest:calc(0 * 1%);
|
|
12
|
-
--zdc_lighter:calc(0 * 1%);
|
|
13
|
-
--zdc_lighter_low:calc(0 * 1%);
|
|
14
|
-
--zdc_lighter_lower:calc(0 * 1%);
|
|
15
|
-
--zdc_lighter_medium:calc(0 * 1%);
|
|
16
|
-
--zdc_lighter_high:calc(0 * 1%);
|
|
17
|
-
--zdc_alpha_high:0;
|
|
18
|
-
--zdc_alpha_low:0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[data-mode='light']:global(.zd-contrast){
|
|
22
|
-
--zdc_default:calc(var(--zd_contrastLevel) * 1%);
|
|
23
|
-
--zdc_default_low:calc(var(--zd_contrastLevel) * 1%);
|
|
24
|
-
--zdc_default_inverse:calc(var(--zd_contrastLevel) * -1%);
|
|
25
|
-
--zdc_default_inverse_low:calc(var(--zd_contrastLevel) * -0.25%);
|
|
26
|
-
--zdc_default_inverse_lower:calc(var(--zd_contrastLevel) * -0.10%);
|
|
27
|
-
--zdc_default_inverse_medium:calc(var(--zd_contrastLevel) * -1.5%);
|
|
28
|
-
--zdc_darker:calc(var(--zd_contrastLevel) * -1%);
|
|
29
|
-
--zdc_darker_low:calc(var(--zd_contrastLevel) * -0.50%);
|
|
30
|
-
--zdc_darker_lower:calc(var(--zd_contrastLevel) * -0.25%);
|
|
31
|
-
--zdc_darker_lowest:calc(var(--zd_contrastLevel) * var(--zd_lightmode_grey_bg));
|
|
32
|
-
--zdc_lighter:calc(var(--zd_contrastLevel) * 1%);
|
|
33
|
-
--zdc_lighter_low:calc(var(--zd_contrastLevel) * 0.50%);
|
|
34
|
-
--zdc_lighter_lower:calc(var(--zd_contrastLevel) * 0.25%);
|
|
35
|
-
--zdc_lighter_medium:calc(var(--zd_contrastLevel) * 1.5%);
|
|
36
|
-
--zdc_lighter_high:calc(var(--zd_contrastLevel) * 20%);
|
|
37
|
-
--zdc_alpha_high:1;
|
|
38
|
-
--zdc_alpha_low:calc(var(--zd_contrastLevel) * 0.02);
|
|
39
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark']:global:not(.zd-contrast){
|
|
2
|
-
--zdc_default:calc(0 * 1%);
|
|
3
|
-
--zdc_default_low:calc(0 * 1%);
|
|
4
|
-
--zdc_default_inverse:calc(0 * 1%);
|
|
5
|
-
--zdc_default_inverse_low:calc(0 * 1%);
|
|
6
|
-
--zdc_default_inverse_lower:calc(0 * 1%);
|
|
7
|
-
--zdc_default_inverse_medium:calc(0 * 1%);
|
|
8
|
-
--zdc_darker:calc(0 * 1%);
|
|
9
|
-
--zdc_darker_low:calc(0 * 1%);
|
|
10
|
-
--zdc_darker_lower:calc(0 * 1%);
|
|
11
|
-
--zdc_darker_lowest:calc(0 * 1%);
|
|
12
|
-
--zdc_lighter:calc(0 * 1%);
|
|
13
|
-
--zdc_lighter_low:calc(0 * 1%);
|
|
14
|
-
--zdc_lighter_lower:calc(0 * 1%);
|
|
15
|
-
--zdc_lighter_medium:calc(0 * 1%);
|
|
16
|
-
--zdc_lighter_high:calc(0 * 1%);
|
|
17
|
-
--zdc_alpha_high:0;
|
|
18
|
-
--zdc_alpha_low:0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[data-mode='pureDark']:global(.zd-contrast){
|
|
22
|
-
--zdc_default:calc(var(--zd_contrastLevel) * -1%);
|
|
23
|
-
--zdc_default_low:calc(var(--zd_contrastLevel) * -1%);
|
|
24
|
-
--zdc_default_inverse:calc(var(--zd_contrastLevel) * 1%);
|
|
25
|
-
--zdc_default_inverse_low:calc(var(--zd_contrastLevel) * 0.25%);
|
|
26
|
-
--zdc_default_inverse_lower:calc(var(--zd_contrastLevel) * 0.10%);
|
|
27
|
-
--zdc_default_inverse_medium:calc(var(--zd_contrastLevel) * 1.5%);
|
|
28
|
-
--zdc_darker:calc(var(--zd_contrastLevel) * -1%);
|
|
29
|
-
--zdc_darker_low:calc(var(--zd_contrastLevel) * -0.50%);
|
|
30
|
-
--zdc_darker_lower:calc(var(--zd_contrastLevel) * -1%);
|
|
31
|
-
--zdc_darker_lowest:calc(var(--zd_contrastLevel) * -1%);
|
|
32
|
-
--zdc_lighter:calc(var(--zd_contrastLevel) * 1%);
|
|
33
|
-
--zdc_lighter_low:calc(var(--zd_contrastLevel) * 0.50%);
|
|
34
|
-
--zdc_lighter_lower:calc(var(--zd_contrastLevel) * 0.25%);
|
|
35
|
-
--zdc_lighter_medium:calc(var(--zd_contrastLevel) * 1.5%);
|
|
36
|
-
--zdc_lighter_high:calc(var(--zd_contrastLevel) * 1%);
|
|
37
|
-
--zdc_alpha_high:1;
|
|
38
|
-
--zdc_alpha_low:calc(var(--zd_contrastLevel) * 0.02);
|
|
39
|
-
}
|