@zohodesk/components 1.6.5 → 1.6.7
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 +10 -1
- package/es/Avatar/Avatar.module.css +8 -8
- package/es/AvatarTeam/AvatarTeam.module.css +30 -30
- package/es/Button/css/Button.module.css +19 -19
- package/es/Buttongroup/Buttongroup.module.css +3 -5
- package/es/Card/Card.module.css +6 -4
- package/es/DateTime/DateWidget.module.css +1 -1
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +2 -2
- package/es/DropDown/DropDownHeading.module.css +4 -4
- package/es/DropDown/DropDownItem.module.css +4 -4
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/Label/Label.module.css +5 -5
- package/es/ListItem/ListItem.module.css +19 -30
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +1 -1
- package/es/Radio/Radio.module.css +8 -9
- package/es/Ribbon/Ribbon.module.css +16 -19
- package/es/RippleEffect/RippleEffect.module.css +55 -17
- package/es/Stencils/Stencils.module.css +30 -14
- package/es/Tag/Tag.module.css +17 -18
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBoxIcon/TextBoxIcon.module.css +1 -1
- package/es/Textarea/Textarea.module.css +18 -18
- package/es/Tooltip/Tooltip.module.css +2 -2
- package/es/common/avatarsizes.module.css +16 -16
- package/es/shared/InputFieldLine/InputFieldLine.module.css +2 -2
- package/es/v1/Switch/css/Switch_v1.module.css +28 -28
- package/lib/Avatar/Avatar.module.css +8 -8
- package/lib/AvatarTeam/AvatarTeam.module.css +30 -30
- package/lib/Button/css/Button.module.css +19 -19
- package/lib/Buttongroup/Buttongroup.module.css +3 -5
- package/lib/Card/Card.module.css +6 -4
- package/lib/DateTime/DateWidget.module.css +1 -1
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +2 -2
- package/lib/DropDown/DropDownHeading.module.css +4 -4
- package/lib/DropDown/DropDownItem.module.css +4 -4
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/Label/Label.module.css +5 -5
- package/lib/ListItem/ListItem.module.css +19 -30
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +1 -1
- package/lib/Radio/Radio.module.css +8 -9
- package/lib/Ribbon/Ribbon.module.css +16 -19
- package/lib/RippleEffect/RippleEffect.module.css +55 -17
- package/lib/Stencils/Stencils.module.css +30 -14
- package/lib/Tag/Tag.module.css +17 -18
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBoxIcon/TextBoxIcon.module.css +1 -1
- package/lib/Textarea/Textarea.module.css +18 -18
- package/lib/Tooltip/Tooltip.module.css +2 -2
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/shared/InputFieldLine/InputFieldLine.module.css +2 -2
- package/lib/v1/Switch/css/Switch_v1.module.css +28 -28
- package/package.json +12 -9
- package/_react-cli.config.js +0 -24
- 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
|
-
}
|