@zohodesk/components 1.0.0-temp-201 → 1.0.0-temp-202

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 (122) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/css_error.log +1 -1
  5. package/es/AppContainer/AppContainer.module.css +18 -18
  6. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  7. package/es/AvatarTeam/AvatarTeam.js +7 -7
  8. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  9. package/es/Button/Button.js +4 -4
  10. package/es/Buttongroup/Buttongroup.js +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/DateWidget.module.css +38 -38
  15. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +1 -1
  16. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  17. package/es/DropDown/DropDown.module.css +5 -5
  18. package/es/DropDown/DropDownSearch.module.css +14 -14
  19. package/es/DropDown/DropDownSeparator.module.css +7 -7
  20. package/es/Heading/Heading.js +1 -3
  21. package/es/Heading/Heading.module.css +4 -4
  22. package/es/Heading/props/defaultProps.js +1 -2
  23. package/es/Heading/props/propTypes.js +1 -2
  24. package/es/Label/Label.js +2 -2
  25. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  26. package/es/Layout/Layout.module.css +335 -335
  27. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  28. package/es/Popup/PositionMapping.json +73 -73
  29. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  30. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  31. package/es/RippleEffect/RippleEffect.module.css +92 -92
  32. package/es/Select/Select.module.css +134 -134
  33. package/es/Stencils/Stencils.module.css +96 -96
  34. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  35. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  36. package/es/Tab/TabContent.module.css +4 -4
  37. package/es/Tab/Tabs.js +17 -17
  38. package/es/Tag/Tag.js +8 -8
  39. package/es/Tooltip/Tooltip.js +47 -2
  40. package/es/Tooltip/Tooltip.module.css +140 -140
  41. package/es/common/a11y.module.css +3 -3
  42. package/es/common/animation.module.css +624 -624
  43. package/es/common/avatarsizes.module.css +48 -48
  44. package/es/common/basic.module.css +33 -33
  45. package/es/common/basicReset.module.css +40 -40
  46. package/es/common/boxShadow.module.css +33 -33
  47. package/es/common/common.module.css +524 -524
  48. package/es/common/reset.module.css +13 -13
  49. package/es/common/transition.module.css +146 -146
  50. package/es/semantic/Button/semanticButton.module.css +9 -9
  51. package/es/v1/Avatar/Avatar.js +5 -5
  52. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  53. package/es/v1/Button/Button.js +4 -4
  54. package/es/v1/Heading/Heading.js +1 -3
  55. package/es/v1/Heading/props/defaultProps.js +1 -2
  56. package/es/v1/Heading/props/propTypes.js +1 -2
  57. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  58. package/es/v1/Tab/v1TabContent.module.css +4 -4
  59. package/es/v1/Tag/Tag.js +8 -8
  60. package/es/v1/Typography/css/Typography.module.css +380 -380
  61. package/install.md +10 -10
  62. package/lib/AppContainer/AppContainer.module.css +18 -18
  63. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  64. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  65. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  66. package/lib/Button/Button.js +4 -4
  67. package/lib/Buttongroup/Buttongroup.js +1 -1
  68. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  69. package/lib/Card/Card.js +4 -4
  70. package/lib/Card/Card.module.css +20 -20
  71. package/lib/DateTime/DateWidget.module.css +38 -38
  72. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +1 -1
  73. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  74. package/lib/DropDown/DropDown.module.css +5 -5
  75. package/lib/DropDown/DropDownSearch.module.css +14 -14
  76. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  77. package/lib/Heading/Heading.js +3 -4
  78. package/lib/Heading/Heading.module.css +4 -4
  79. package/lib/Heading/props/defaultProps.js +1 -2
  80. package/lib/Heading/props/propTypes.js +1 -2
  81. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  82. package/lib/Layout/Layout.module.css +335 -335
  83. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  84. package/lib/Popup/PositionMapping.json +73 -73
  85. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  86. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  87. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  88. package/lib/Select/Select.module.css +134 -134
  89. package/lib/Stencils/Stencils.module.css +96 -96
  90. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  91. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  92. package/lib/Tab/TabContent.module.css +4 -4
  93. package/lib/Tab/Tabs.js +11 -11
  94. package/lib/Tag/Tag.js +8 -8
  95. package/lib/Tooltip/Tooltip.js +61 -16
  96. package/lib/Tooltip/Tooltip.module.css +140 -140
  97. package/lib/common/a11y.module.css +3 -3
  98. package/lib/common/animation.module.css +624 -624
  99. package/lib/common/avatarsizes.module.css +48 -48
  100. package/lib/common/basic.module.css +33 -33
  101. package/lib/common/basicReset.module.css +40 -40
  102. package/lib/common/boxShadow.module.css +33 -33
  103. package/lib/common/common.module.css +524 -524
  104. package/lib/common/reset.module.css +13 -13
  105. package/lib/common/transition.module.css +146 -146
  106. package/lib/semantic/Button/semanticButton.module.css +9 -9
  107. package/lib/v1/Avatar/Avatar.js +5 -5
  108. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  109. package/lib/v1/Button/Button.js +4 -4
  110. package/lib/v1/Heading/Heading.js +3 -4
  111. package/lib/v1/Heading/props/defaultProps.js +1 -2
  112. package/lib/v1/Heading/props/propTypes.js +1 -2
  113. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  114. package/lib/v1/Tab/v1TabContent.module.css +4 -4
  115. package/lib/v1/Tag/Tag.js +8 -8
  116. package/lib/v1/Typography/css/Typography.module.css +380 -380
  117. package/package.json +1 -1
  118. package/postPublish.js +8 -8
  119. package/prePublish.js +70 -70
  120. package/propValidationArg.json +11 -11
  121. package/react-cli.config.js +23 -23
  122. 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/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.js CHANGED
@@ -65,16 +65,15 @@ var Heading = /*#__PURE__*/function (_React$Component) {
65
65
  title = _this$props.title,
66
66
  dataTitle = _this$props.dataTitle,
67
67
  dataId = _this$props.dataId,
68
- a11y = _this$props.a11y,
69
- customAttributes = _this$props.customAttributes;
70
- return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread(_objectSpread({
68
+ a11y = _this$props.a11y;
69
+ return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread({
71
70
  className: "".concat(_HeadingModule["default"].reset, " ").concat(className),
72
71
  onClick: onClick,
73
72
  onDoubleClick: onDoubleClick,
74
73
  'data-title': dataTitle || title,
75
74
  'data-id': dataId,
76
75
  'data-test-id': dataId
77
- }, customAttributes), a11y), title);
76
+ }, a11y), title);
78
77
  }
79
78
  }]);
80
79
 
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
  }
package/lib/Heading/props/defaultProps.js CHANGED
@@ -7,7 +7,6 @@ exports.defaultProps = void 0;
7
7
  var defaultProps = {
8
8
  tagName: 'h1',
9
9
  a11y: {},
10
- className: '',
11
- customAttributes: {}
10
+ className: ''
12
11
  };
13
12
  exports.defaultProps = defaultProps;
package/lib/Heading/props/propTypes.js CHANGED
@@ -17,7 +17,6 @@ var propTypes = {
17
17
  dataTitle: _propTypes["default"].string,
18
18
  onClick: _propTypes["default"].func,
19
19
  onDoubleClick: _propTypes["default"].func,
20
- a11y: _propTypes["default"].object,
21
- customAttributes: _propTypes["default"].object
20
+ a11y: _propTypes["default"].object
22
21
  };
23
22
  exports.propTypes = propTypes;