@zohodesk/components 1.0.0-temp-197 → 1.0.0-temp-199

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 (140) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/es/AppContainer/AppContainer.js +1 -0
  3. package/es/AppContainer/AppContainer.module.css +18 -18
  4. package/es/Avatar/Avatar.js +9 -9
  5. package/es/Avatar/Avatar.module.css +2 -2
  6. package/es/AvatarTeam/AvatarTeam.js +7 -7
  7. package/es/Button/Button.js +4 -4
  8. package/es/Button/css/Button.module.css +6 -22
  9. package/es/Buttongroup/Buttongroup.js +1 -1
  10. package/es/Buttongroup/Buttongroup.module.css +1 -1
  11. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  12. package/es/Card/Card.js +4 -4
  13. package/es/Card/Card.module.css +20 -20
  14. package/es/DateTime/DateTime.module.css +8 -11
  15. package/es/DateTime/DateWidget.module.css +38 -38
  16. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +7 -11
  17. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  18. package/es/DropBox/css/DropBox.module.css +1 -1
  19. package/es/DropDown/DropDown.module.css +5 -5
  20. package/es/DropDown/DropDownSearch.module.css +14 -14
  21. package/es/DropDown/DropDownSeparator.module.css +7 -7
  22. package/es/Heading/Heading.module.css +4 -4
  23. package/es/Label/Label.js +2 -2
  24. package/es/Layout/Layout.module.css +335 -335
  25. package/es/ListItem/ListItem.js +2 -2
  26. package/es/ListItem/ListItem.module.css +85 -18
  27. package/es/ListItem/ListItemWithAvatar.js +3 -3
  28. package/es/ListItem/ListItemWithIcon.js +2 -2
  29. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -2
  30. package/es/MultiSelect/AdvancedMultiSelect.js +2 -1
  31. package/es/MultiSelect/MultiSelect.js +12 -7
  32. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  33. package/es/MultiSelect/Suggestions.js +8 -4
  34. package/es/MultiSelect/props/defaultProps.js +8 -5
  35. package/es/MultiSelect/props/propTypes.js +6 -3
  36. package/es/Popup/PositionMapping.json +73 -73
  37. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  38. package/es/Ribbon/Ribbon.module.css +6 -6
  39. package/es/RippleEffect/RippleEffect.module.css +92 -92
  40. package/es/Select/GroupSelect.js +7 -2
  41. package/es/Select/Select.module.css +134 -134
  42. package/es/Select/SelectWithAvatar.js +7 -2
  43. package/es/Select/SelectWithIcon.js +7 -2
  44. package/es/Select/props/defaultProps.js +6 -3
  45. package/es/Select/props/propTypes.js +6 -3
  46. package/es/Stencils/Stencils.module.css +96 -96
  47. package/es/Switch/Switch.module.css +1 -2
  48. package/es/Tab/TabContent.module.css +4 -4
  49. package/es/Tab/Tabs.js +17 -17
  50. package/es/Tab/Tabs.module.css +3 -3
  51. package/es/Tooltip/Tooltip.module.css +140 -143
  52. package/es/common/a11y.module.css +3 -3
  53. package/es/common/animation.module.css +624 -624
  54. package/es/common/avatarsizes.module.css +48 -48
  55. package/es/common/basic.module.css +33 -33
  56. package/es/common/basicReset.module.css +40 -40
  57. package/es/{deprecated → common}/boxShadow.module.css +33 -33
  58. package/es/common/common.module.css +524 -524
  59. package/es/common/reset.module.css +13 -13
  60. package/es/common/transition.module.css +146 -146
  61. package/es/semantic/Button/semanticButton.module.css +9 -9
  62. package/es/v1/AppContainer/AppContainer.js +1 -0
  63. package/es/v1/Card/Card.js +4 -4
  64. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  65. package/es/v1/Tab/Tabs.js +11 -11
  66. package/es/v1/Tab/v1TabContent.module.css +4 -4
  67. package/es/v1/Tab/v1Tabs.module.css +3 -3
  68. package/es/v1/Typography/css/Typography.module.css +380 -380
  69. package/install.md +10 -10
  70. package/lib/AppContainer/AppContainer.js +2 -0
  71. package/lib/AppContainer/AppContainer.module.css +18 -18
  72. package/lib/Avatar/Avatar.js +9 -9
  73. package/lib/Avatar/Avatar.module.css +2 -2
  74. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  75. package/lib/Button/Button.js +4 -4
  76. package/lib/Button/css/Button.module.css +6 -22
  77. package/lib/Buttongroup/Buttongroup.js +1 -1
  78. package/lib/Buttongroup/Buttongroup.module.css +1 -1
  79. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  80. package/lib/Card/Card.js +4 -4
  81. package/lib/Card/Card.module.css +20 -20
  82. package/lib/DateTime/DateTime.module.css +8 -11
  83. package/lib/DateTime/DateWidget.module.css +38 -38
  84. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +7 -11
  85. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  86. package/lib/DropBox/css/DropBox.module.css +1 -1
  87. package/lib/DropDown/DropDown.module.css +5 -5
  88. package/lib/DropDown/DropDownSearch.module.css +14 -14
  89. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  90. package/lib/Heading/Heading.module.css +4 -4
  91. package/lib/Layout/Layout.module.css +335 -335
  92. package/lib/ListItem/ListItem.js +2 -2
  93. package/lib/ListItem/ListItem.module.css +85 -18
  94. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  95. package/lib/ListItem/ListItemWithIcon.js +2 -2
  96. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -3
  97. package/lib/MultiSelect/AdvancedMultiSelect.js +3 -1
  98. package/lib/MultiSelect/MultiSelect.js +13 -8
  99. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  100. package/lib/MultiSelect/Suggestions.js +8 -4
  101. package/lib/MultiSelect/props/defaultProps.js +8 -5
  102. package/lib/MultiSelect/props/propTypes.js +8 -6
  103. package/lib/Popup/PositionMapping.json +73 -73
  104. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  105. package/lib/Ribbon/Ribbon.module.css +6 -6
  106. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  107. package/lib/Select/GroupSelect.js +8 -3
  108. package/lib/Select/Select.module.css +134 -134
  109. package/lib/Select/SelectWithAvatar.js +8 -3
  110. package/lib/Select/SelectWithIcon.js +8 -3
  111. package/lib/Select/props/defaultProps.js +5 -3
  112. package/lib/Select/props/propTypes.js +6 -3
  113. package/lib/Stencils/Stencils.module.css +96 -96
  114. package/lib/Switch/Switch.module.css +1 -2
  115. package/lib/Tab/TabContent.module.css +4 -4
  116. package/lib/Tab/Tabs.js +11 -11
  117. package/lib/Tab/Tabs.module.css +3 -3
  118. package/lib/Tooltip/Tooltip.module.css +140 -143
  119. package/lib/common/a11y.module.css +3 -3
  120. package/lib/common/animation.module.css +624 -624
  121. package/lib/common/avatarsizes.module.css +48 -48
  122. package/lib/common/basic.module.css +33 -33
  123. package/lib/common/basicReset.module.css +40 -40
  124. package/lib/{deprecated → common}/boxShadow.module.css +33 -33
  125. package/lib/common/common.module.css +524 -524
  126. package/lib/common/reset.module.css +13 -13
  127. package/lib/common/transition.module.css +146 -146
  128. package/lib/semantic/Button/semanticButton.module.css +9 -9
  129. package/lib/v1/AppContainer/AppContainer.js +2 -0
  130. package/lib/v1/Card/Card.js +4 -4
  131. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  132. package/lib/v1/Tab/Tabs.js +11 -11
  133. package/lib/v1/Tab/v1TabContent.module.css +4 -4
  134. package/lib/v1/Tab/v1Tabs.module.css +3 -3
  135. package/lib/v1/Typography/css/Typography.module.css +380 -380
  136. package/package.json +7 -11
  137. package/postPublish.js +8 -8
  138. package/prePublish.js +70 -70
  139. package/react-cli.config.js +23 -23
  140. package/result.json +1 -1
package/lib/DropBox/DropBoxPositionMapping.json CHANGED
@@ -1,145 +1,145 @@
1
- {
2
- "positionMapping": {
3
- "bottomCenter": {
4
- "direction": "bottom",
5
- "arrowPosition": "mid",
6
- "positionStyle": "bottomMid"
7
- },
8
- "bottomLeftToRight": {
9
- "direction": "bottom",
10
- "arrowPosition": "start",
11
- "positionStyle": "bottomEnd"
12
- },
13
- "bottomCenterToRight": {
14
- "direction": "bottom",
15
- "arrowPosition": "start",
16
- "positionStyle": "bottomEnd"
17
- },
18
- "bottomRightToLeft": {
19
- "direction": "bottom",
20
- "arrowPosition": "end",
21
- "positionStyle": "bottomStart"
22
- },
23
- "bottomCenterToLeft": {
24
- "direction": "bottom",
25
- "arrowPosition": "end",
26
- "positionStyle": "bottomStart"
27
- },
28
- "topCenter": {
29
- "direction": "top",
30
- "arrowPosition": "mid",
31
- "positionStyle": "topMid"
32
- },
33
- "topLeftToRight": {
34
- "direction": "top",
35
- "arrowPosition": "start",
36
- "positionStyle": "topEnd"
37
- },
38
- "topCenterToRight": {
39
- "direction": "top",
40
- "arrowPosition": "start",
41
- "positionStyle": "topEnd"
42
- },
43
- "topRightToLeft": {
44
- "direction": "top",
45
- "arrowPosition": "end",
46
- "positionStyle": "topStart"
47
- },
48
- "topCenterToLeft": {
49
- "direction": "top",
50
- "arrowPosition": "end",
51
- "positionStyle": "topStart"
52
- },
53
- "rightCenter": {
54
- "direction": "right",
55
- "arrowPosition": "mid",
56
- "positionStyle": "rightMid"
57
- },
58
- "rightTopToBottom": {
59
- "direction": "right",
60
- "arrowPosition": "start",
61
- "positionStyle": "rightEnd"
62
- },
63
- "rightCenterToBottom": {
64
- "direction": "right",
65
- "arrowPosition": "start",
66
- "positionStyle": "rightEnd"
67
- },
68
- "rightBottomToTop": {
69
- "direction": "right",
70
- "arrowPosition": "end",
71
- "positionStyle": "rightStart"
72
- },
73
- "rightCenterToTop": {
74
- "direction": "right",
75
- "arrowPosition": "end",
76
- "positionStyle": "rightStart"
77
- },
78
- "leftCenter": {
79
- "direction": "left",
80
- "arrowPosition": "mid",
81
- "positionStyle": "leftMid"
82
- },
83
- "leftTopToBottom": {
84
- "direction": "left",
85
- "arrowPosition": "start",
86
- "positionStyle": "leftEnd"
87
- },
88
- "leftCenterToBottom": {
89
- "direction": "left",
90
- "arrowPosition": "start",
91
- "positionStyle": "leftEnd"
92
- },
93
- "leftBottomToTop": {
94
- "direction": "left",
95
- "arrowPosition": "end",
96
- "positionStyle": "leftStart"
97
- },
98
- "leftCenterToTop": {
99
- "direction": "left",
100
- "arrowPosition": "end",
101
- "positionStyle": "leftStart"
102
- },
103
- "bottomRight": {
104
- "direction": "bottom",
105
- "arrowPosition": "start",
106
- "positionStyle": "bottomEnd"
107
- },
108
- "bottomLeft": {
109
- "direction": "bottom",
110
- "arrowPosition": "end",
111
- "positionStyle": "bottomStart"
112
- },
113
- "topRight": {
114
- "direction": "top",
115
- "arrowPosition": "start",
116
- "positionStyle": "topEnd"
117
- },
118
- "topLeft": {
119
- "direction": "top",
120
- "arrowPosition": "end",
121
- "positionStyle": "topStart"
122
- },
123
- "rightBottom": {
124
- "direction": "right",
125
- "arrowPosition": "start",
126
- "positionStyle": "rightEnd"
127
- },
128
- "rightTop": {
129
- "direction": "right",
130
- "arrowPosition": "end",
131
- "positionStyle": "rightStart"
132
- },
133
- "leftBottom": {
134
- "direction": "left",
135
- "arrowPosition": "start",
136
- "positionStyle": "leftEnd"
137
- },
138
- "leftTop": {
139
- "direction": "left",
140
- "arrowPosition": "end",
141
- "positionStyle": "leftStart"
142
- }
143
- }
144
- }
1
+ {
2
+ "positionMapping": {
3
+ "bottomCenter": {
4
+ "direction": "bottom",
5
+ "arrowPosition": "mid",
6
+ "positionStyle": "bottomMid"
7
+ },
8
+ "bottomLeftToRight": {
9
+ "direction": "bottom",
10
+ "arrowPosition": "start",
11
+ "positionStyle": "bottomEnd"
12
+ },
13
+ "bottomCenterToRight": {
14
+ "direction": "bottom",
15
+ "arrowPosition": "start",
16
+ "positionStyle": "bottomEnd"
17
+ },
18
+ "bottomRightToLeft": {
19
+ "direction": "bottom",
20
+ "arrowPosition": "end",
21
+ "positionStyle": "bottomStart"
22
+ },
23
+ "bottomCenterToLeft": {
24
+ "direction": "bottom",
25
+ "arrowPosition": "end",
26
+ "positionStyle": "bottomStart"
27
+ },
28
+ "topCenter": {
29
+ "direction": "top",
30
+ "arrowPosition": "mid",
31
+ "positionStyle": "topMid"
32
+ },
33
+ "topLeftToRight": {
34
+ "direction": "top",
35
+ "arrowPosition": "start",
36
+ "positionStyle": "topEnd"
37
+ },
38
+ "topCenterToRight": {
39
+ "direction": "top",
40
+ "arrowPosition": "start",
41
+ "positionStyle": "topEnd"
42
+ },
43
+ "topRightToLeft": {
44
+ "direction": "top",
45
+ "arrowPosition": "end",
46
+ "positionStyle": "topStart"
47
+ },
48
+ "topCenterToLeft": {
49
+ "direction": "top",
50
+ "arrowPosition": "end",
51
+ "positionStyle": "topStart"
52
+ },
53
+ "rightCenter": {
54
+ "direction": "right",
55
+ "arrowPosition": "mid",
56
+ "positionStyle": "rightMid"
57
+ },
58
+ "rightTopToBottom": {
59
+ "direction": "right",
60
+ "arrowPosition": "start",
61
+ "positionStyle": "rightEnd"
62
+ },
63
+ "rightCenterToBottom": {
64
+ "direction": "right",
65
+ "arrowPosition": "start",
66
+ "positionStyle": "rightEnd"
67
+ },
68
+ "rightBottomToTop": {
69
+ "direction": "right",
70
+ "arrowPosition": "end",
71
+ "positionStyle": "rightStart"
72
+ },
73
+ "rightCenterToTop": {
74
+ "direction": "right",
75
+ "arrowPosition": "end",
76
+ "positionStyle": "rightStart"
77
+ },
78
+ "leftCenter": {
79
+ "direction": "left",
80
+ "arrowPosition": "mid",
81
+ "positionStyle": "leftMid"
82
+ },
83
+ "leftTopToBottom": {
84
+ "direction": "left",
85
+ "arrowPosition": "start",
86
+ "positionStyle": "leftEnd"
87
+ },
88
+ "leftCenterToBottom": {
89
+ "direction": "left",
90
+ "arrowPosition": "start",
91
+ "positionStyle": "leftEnd"
92
+ },
93
+ "leftBottomToTop": {
94
+ "direction": "left",
95
+ "arrowPosition": "end",
96
+ "positionStyle": "leftStart"
97
+ },
98
+ "leftCenterToTop": {
99
+ "direction": "left",
100
+ "arrowPosition": "end",
101
+ "positionStyle": "leftStart"
102
+ },
103
+ "bottomRight": {
104
+ "direction": "bottom",
105
+ "arrowPosition": "start",
106
+ "positionStyle": "bottomEnd"
107
+ },
108
+ "bottomLeft": {
109
+ "direction": "bottom",
110
+ "arrowPosition": "end",
111
+ "positionStyle": "bottomStart"
112
+ },
113
+ "topRight": {
114
+ "direction": "top",
115
+ "arrowPosition": "start",
116
+ "positionStyle": "topEnd"
117
+ },
118
+ "topLeft": {
119
+ "direction": "top",
120
+ "arrowPosition": "end",
121
+ "positionStyle": "topStart"
122
+ },
123
+ "rightBottom": {
124
+ "direction": "right",
125
+ "arrowPosition": "start",
126
+ "positionStyle": "rightEnd"
127
+ },
128
+ "rightTop": {
129
+ "direction": "right",
130
+ "arrowPosition": "end",
131
+ "positionStyle": "rightStart"
132
+ },
133
+ "leftBottom": {
134
+ "direction": "left",
135
+ "arrowPosition": "start",
136
+ "positionStyle": "leftEnd"
137
+ },
138
+ "leftTop": {
139
+ "direction": "left",
140
+ "arrowPosition": "end",
141
+ "positionStyle": "leftStart"
142
+ }
143
+ }
144
+ }
145
145
 
package/lib/DropBox/css/DropBox.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --dropbox_bg_color: var(--zdt_dropbox_default_bg);
4
4
  --dropbox_border_radius: 0;
5
5
  --dropbox_padding: 0;
6
- --dropbox_box_shadow: var(--zd_bs_contrast_outline, 0 3px 30px var(--zdt_dropbox_default_box_shadow));
6
+ --dropbox_box_shadow: var(--zd_bs_dropbox_bottom);
7
7
 
8
8
  /* dropbox arrow default variables */
9
9
  --dropbox_arrow_box_shadow_color: var(--zdt_dropbox_arrow_shadow);
package/lib/DropDown/DropDown.module.css CHANGED
@@ -1,5 +1,5 @@
1
- .listGroup {
2
- max-height: var(--zd_size220) ;
3
- composes: oflowy from '../common/common.module.css';
4
- margin: var(--zd_size8) 0 var(--zd_size4) ;
5
- }
1
+ .listGroup {
2
+ max-height: var(--zd_size220) ;
3
+ composes: oflowy from '../common/common.module.css';
4
+ margin: var(--zd_size8) 0 var(--zd_size4) ;
5
+ }
package/lib/DropDown/DropDownSearch.module.css CHANGED
@@ -1,14 +1,14 @@
1
- .varClass {
2
- /* dropdownsearch default variables */
3
- --dropdownsearch-padding: 0 var(--zd_size15) 0;
4
- }
5
- .search {
6
- composes: varClass;
7
- padding: var(--dropdownsearch-padding);
8
- }
9
- .smallSearch {
10
- --dropdownsearch-padding: 0 var(--zd_size5) 0;
11
- }
12
- .mediumSearch {
13
- --dropdownsearch-padding: 0 var(--zd_size15) 0;
14
- }
1
+ .varClass {
2
+ /* dropdownsearch default variables */
3
+ --dropdownsearch-padding: 0 var(--zd_size15) 0;
4
+ }
5
+ .search {
6
+ composes: varClass;
7
+ padding: var(--dropdownsearch-padding);
8
+ }
9
+ .smallSearch {
10
+ --dropdownsearch-padding: 0 var(--zd_size5) 0;
11
+ }
12
+ .mediumSearch {
13
+ --dropdownsearch-padding: 0 var(--zd_size15) 0;
14
+ }
package/lib/DropDown/DropDownSeparator.module.css CHANGED
@@ -1,7 +1,7 @@
1
- .separator {
2
- height: var(--zd_size1) ;
3
- border-width: 0 0 1px 0;
4
- border-style: solid;
5
- border-color: var(--zdt_dropdown_user_default_border);
6
- margin: var(--zd_size5) 0 ;
7
- }
1
+ .separator {
2
+ height: var(--zd_size1) ;
3
+ border-width: 0 0 1px 0;
4
+ border-style: solid;
5
+ border-color: var(--zdt_dropdown_user_default_border);
6
+ margin: var(--zd_size5) 0 ;
7
+ }
package/lib/Heading/Heading.module.css CHANGED
@@ -1,5 +1,5 @@
1
- .reset {
2
- font-size: inherit ;
3
- font-weight: initial;
4
- margin: initial ;
1
+ .reset {
2
+ font-size: inherit ;
3
+ font-weight: initial;
4
+ margin: initial ;
5
5
  }