@zohodesk/components 1.2.14 → 1.2.16
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 +4 -0
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +318 -29
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -1
- package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +43 -19
- package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -1
- package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +43 -19
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -1
- package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +43 -19
- package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -1
- package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +43 -19
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -1
- package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +43 -19
- package/assets/Appearance/light/mode/Component_LightMode.module.css +318 -29
- package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -1
- package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +43 -19
- package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -1
- package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +43 -19
- package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -1
- package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +43 -19
- package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -1
- package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +43 -19
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -1
- package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +43 -19
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +318 -29
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -1
- package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +43 -19
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -1
- package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +43 -19
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -1
- package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +43 -19
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -1
- package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +43 -19
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -1
- package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +43 -19
- package/package.json +5 -5
- package/result.json +1 -1
- package/coverage/Avatar/Avatar.js.html +0 -649
- package/coverage/Avatar/Avatar.module.css.html +0 -556
- package/coverage/Avatar/index.html +0 -131
- package/coverage/Avatar/props/defaultProps.js.html +0 -136
- package/coverage/Avatar/props/index.html +0 -131
- package/coverage/Avatar/props/propTypes.js.html +0 -166
- package/coverage/AvatarTeam/AvatarTeam.js.html +0 -340
- package/coverage/AvatarTeam/AvatarTeam.module.css.html +0 -610
- package/coverage/AvatarTeam/index.html +0 -131
- package/coverage/AvatarTeam/props/defaultProps.js.html +0 -136
- package/coverage/AvatarTeam/props/index.html +0 -131
- package/coverage/AvatarTeam/props/propTypes.js.html +0 -169
- package/coverage/Button/Button.js.html +0 -313
- package/coverage/Button/css/Button.module.css.html +0 -1441
- package/coverage/Button/css/cssJSLogic.js.html +0 -214
- package/coverage/Button/css/index.html +0 -131
- package/coverage/Button/index.html +0 -116
- package/coverage/Button/props/defaultProps.js.html +0 -142
- package/coverage/Button/props/index.html +0 -131
- package/coverage/Button/props/propTypes.js.html +0 -208
- package/coverage/Buttongroup/Buttongroup.js.html +0 -220
- package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
- package/coverage/Buttongroup/index.html +0 -131
- package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
- package/coverage/Buttongroup/props/index.html +0 -131
- package/coverage/Buttongroup/props/propTypes.js.html +0 -115
- package/coverage/Label/Label.js.html +0 -253
- package/coverage/Label/Label.module.css.html +0 -241
- package/coverage/Label/LabelColors.module.css.html +0 -145
- package/coverage/Label/index.html +0 -146
- package/coverage/Label/props/defaultProps.js.html +0 -118
- package/coverage/Label/props/index.html +0 -131
- package/coverage/Label/props/propTypes.js.html +0 -145
- package/coverage/Layout/Box.js.html +0 -367
- package/coverage/Layout/Container.js.html +0 -439
- package/coverage/Layout/Layout.module.css.html +0 -1090
- package/coverage/Layout/index.html +0 -176
- package/coverage/Layout/index.js.html +0 -118
- package/coverage/Layout/props/defaultProps.js.html +0 -136
- package/coverage/Layout/props/index.html +0 -131
- package/coverage/Layout/props/propTypes.js.html +0 -262
- package/coverage/Layout/utils.js.html +0 -199
- package/coverage/Provider/AvatarSize.js.html +0 -124
- package/coverage/Provider/CssProvider.js.html +0 -133
- package/coverage/Provider/index.html +0 -131
- package/coverage/Radio/Radio.js.html +0 -415
- package/coverage/Radio/Radio.module.css.html +0 -403
- package/coverage/Radio/index.html +0 -131
- package/coverage/Radio/props/defaultProps.js.html +0 -127
- package/coverage/Radio/props/index.html +0 -131
- package/coverage/Radio/props/propTypes.js.html +0 -187
- package/coverage/Ribbon/Ribbon.js.html +0 -229
- package/coverage/Ribbon/Ribbon.module.css.html +0 -1210
- package/coverage/Ribbon/index.html +0 -131
- package/coverage/Ribbon/props/defaultProps.js.html +0 -112
- package/coverage/Ribbon/props/index.html +0 -131
- package/coverage/Ribbon/props/propTypes.js.html +0 -121
- package/coverage/RippleEffect/RippleEffect.js.html +0 -172
- package/coverage/RippleEffect/RippleEffect.module.css.html +0 -415
- package/coverage/RippleEffect/index.html +0 -131
- package/coverage/RippleEffect/props/defaultProps.js.html +0 -112
- package/coverage/RippleEffect/props/index.html +0 -131
- package/coverage/RippleEffect/props/propTypes.js.html +0 -121
- package/coverage/Stencils/Stencils.js.html +0 -163
- package/coverage/Stencils/Stencils.module.css.html +0 -319
- package/coverage/Stencils/index.html +0 -131
- package/coverage/Stencils/props/defaultProps.js.html +0 -103
- package/coverage/Stencils/props/index.html +0 -131
- package/coverage/Stencils/props/propTypes.js.html +0 -109
- package/coverage/Switch/Switch.js.html +0 -379
- package/coverage/Switch/Switch.module.css.html +0 -481
- package/coverage/Switch/index.html +0 -131
- package/coverage/Switch/props/defaultProps.js.html +0 -118
- package/coverage/Switch/props/index.html +0 -131
- package/coverage/Switch/props/propTypes.js.html +0 -172
- package/coverage/base.css +0 -224
- package/coverage/block-navigation.js +0 -87
- package/coverage/common/avatarsizes.module.css.html +0 -229
- package/coverage/common/common.module.css.html +0 -1519
- package/coverage/common/index.html +0 -131
- package/coverage/coverage-final.json +0 -56
- package/coverage/coverage-summary.json +0 -57
- package/coverage/favicon.png +0 -0
- package/coverage/index.html +0 -491
- package/coverage/prettify.css +0 -1
- package/coverage/prettify.js +0 -2
- package/coverage/sort-arrow-sprite.png +0 -0
- package/coverage/sorter.js +0 -196
- package/coverage/utils/dummyFunction.js.html +0 -88
- package/coverage/utils/getInitial.js.html +0 -139
- package/coverage/utils/index.html +0 -131
- package/unittest/index.html +0 -37
|
@@ -1,3 +1,35 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
2
|
-
/* CTA variables */
|
|
2
|
+
/* CTA variables */
|
|
3
|
+
--zdt_cta_primary_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdt_cta_primary_hover_text: hsla(37, 66.48%, calc(64.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_cta_primary_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdt_cta_primary_hover_bg: hsla(39, 90.18%, calc(31.96% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
7
|
+
--zdt_cta_primary_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
8
|
+
--zdt_cta_primary_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_cta_primary_box_shadow: rgba(232, 185, 35, 0.2);
|
|
10
|
+
--zdt_cta_primary_hover_box_shadow: rgba(181, 145, 0, 0.25);
|
|
11
|
+
--zdt_cta_primary_light_bg: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdt_cta_primary_light_hover_bg: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdt_cta_primary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_cta_secondary_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
15
|
+
--zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
|
|
16
|
+
--zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
|
|
17
|
+
--zdt_cta_secondary_light_border: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
18
|
+
--zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
19
|
+
--zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
21
|
+
--zdt_cta_alpha_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
22
|
+
--zdt_cta_alpha_bg: hsla(220, 2.75%, calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_cta_beta_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
24
|
+
--zdt_cta_grey_10_bg: hsla(0, 0.00%, calc(14.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_cta_grey_10_border: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
26
|
+
--zdt_cta_grey_15_bg: hsla(0, 2.33%, calc(8.43% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
27
|
+
--zdt_cta_grey_15_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
28
|
+
--zdt_cta_grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_cta_grey_35_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
30
|
+
--zdt_cta_grey_35_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_cta_grey_35_border: hsla(0, 0.00%, calc(21.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
32
|
+
--zdt_cta_grey_40_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_cta_grey_40_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_cta_grey_40_border: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
3
35
|
}
|
package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css
CHANGED
|
@@ -1,21 +1,45 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
2
|
-
/* stencil */
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/*
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/*
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
2
|
+
/* stencil */
|
|
3
|
+
--zdt_stencil_dark_bg: rgb(33,33,33);
|
|
4
|
+
--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #212121 0%, #262626 33.33%, #262626 66.66%, #212121 100%);
|
|
5
|
+
|
|
6
|
+
/* dropbox */
|
|
7
|
+
--zdt_dropbox_dark_bg: rgb(33,33,33);
|
|
8
|
+
|
|
9
|
+
/* listitem */
|
|
10
|
+
--zdt_listitem_dark_bg: rgb(33,33,33);
|
|
11
|
+
--zdt_listitem_dark_text: rgb(226,228,230);
|
|
12
|
+
--zdt_listitem_dark_effect_bg: rgb(43,43,43);
|
|
13
|
+
--zdt_listitem_dark_active_bg: rgb(59,77,109);
|
|
14
|
+
--zdt_listitem_dark_tickicon: rgb(215,152,53);
|
|
15
|
+
|
|
16
|
+
/* tag */
|
|
17
|
+
--zdt_tag_dark_text: rgb(208,208,212);
|
|
18
|
+
--zdt_tag_dark_bg: rgb(38,38,38);
|
|
19
|
+
--zdt_tag_dark_hover_text: rgb(208,208,212);
|
|
20
|
+
--zdt_tag_dark_hover_bg: rgb(80,51,72);
|
|
21
|
+
--zdt_tag_dark_close_bg: rgb(134,70,84);
|
|
22
|
+
--zdt_tag_dark_close_text: rgb(222,53,53);
|
|
23
|
+
|
|
24
|
+
/* multiselect */
|
|
25
|
+
--zdt_multiselect_dark_border: rgb(88,88,88);
|
|
26
|
+
--zdt_multiselect_darkmsg_bg: rgb(33,33,33);
|
|
27
|
+
--zdt_multiselect_darkmsg_text: rgb(208,208,212);
|
|
28
|
+
--zdt_multiselect_darkdelete_hover_text: rgb(226,228,230);
|
|
29
|
+
|
|
30
|
+
/* avatar */
|
|
31
|
+
--zdt_avatar_white_border: rgb(153,153,153);
|
|
32
|
+
--zdt_avatar_white_text: rgb(255,255,255);
|
|
33
|
+
|
|
34
|
+
/* label */
|
|
35
|
+
--zdt_label_dark_text: rgb(208,208,212);
|
|
36
|
+
|
|
37
|
+
/* textbox */
|
|
38
|
+
--zdt_textbox_light_text: rgb(255,255,255);
|
|
39
|
+
|
|
40
|
+
/* dropdown */
|
|
41
|
+
--zdt_dropdown_darkheading_text: rgb(153,153,153);
|
|
42
|
+
|
|
43
|
+
/* focusscope */
|
|
44
|
+
--zdt_a11y_focusScope_focus_border: rgb(215,152,53);
|
|
21
45
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.16",
|
|
4
4
|
"main": "es/index.js",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
|
|
39
39
|
"coverage": "react-cli coverage",
|
|
40
40
|
"prepare": "npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
|
|
41
|
-
"prepublishOnly": "node prePublish.js && npm run test && npm run review:props",
|
|
41
|
+
"prepublishOnly": "node prePublish.js && npm run test && npm run download && npm run review:props",
|
|
42
42
|
"postpublish": "node postPublish.js",
|
|
43
43
|
"report": "react-cli publish:report",
|
|
44
44
|
"test": "react-cli test",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
67
67
|
"@zohodesk/hooks": "2.0.2",
|
|
68
68
|
"@zohodesk/icons": "1.0.19",
|
|
69
|
-
"@zohodesk/svg": "1.1.
|
|
69
|
+
"@zohodesk/svg": "1.1.6",
|
|
70
70
|
"@zohodesk/utils": "1.3.13",
|
|
71
71
|
"@zohodesk/variables": "1.0.0",
|
|
72
72
|
"@zohodesk/virtualizer": "1.0.3",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"peerDependencies": {
|
|
83
83
|
"@zohodesk/icons": "1.0.19",
|
|
84
84
|
"@zohodesk/variables": "1.0.0",
|
|
85
|
-
"@zohodesk/svg": "1.1.
|
|
85
|
+
"@zohodesk/svg": "1.1.6",
|
|
86
86
|
"@zohodesk/virtualizer": "1.0.3",
|
|
87
87
|
"velocity-react": "1.4.3",
|
|
88
88
|
"react-sortable-hoc": "^0.8.3",
|
|
@@ -90,4 +90,4 @@
|
|
|
90
90
|
"@zohodesk/utils": "1.3.13",
|
|
91
91
|
"@zohodesk/a11y": "2.1.0"
|
|
92
92
|
}
|
|
93
|
-
}
|
|
93
|
+
}
|