@zohodesk/components 1.0.0-temp-198 → 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 (136) 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/DropBox/DropBoxPositionMapping.json +144 -144
  16. package/es/DropDown/DropDown.module.css +5 -5
  17. package/es/DropDown/DropDownSearch.module.css +14 -14
  18. package/es/DropDown/DropDownSeparator.module.css +7 -7
  19. package/es/Heading/Heading.module.css +4 -4
  20. package/es/Label/Label.js +2 -2
  21. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  22. package/es/Layout/Layout.module.css +335 -335
  23. package/es/ListItem/ListItem.js +2 -2
  24. package/es/ListItem/ListItem.module.css +85 -18
  25. package/es/ListItem/ListItemWithAvatar.js +3 -3
  26. package/es/ListItem/ListItemWithIcon.js +2 -2
  27. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -2
  28. package/es/MultiSelect/AdvancedMultiSelect.js +2 -1
  29. package/es/MultiSelect/MultiSelect.js +8 -4
  30. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  31. package/es/MultiSelect/Suggestions.js +8 -4
  32. package/es/MultiSelect/props/defaultProps.js +8 -5
  33. package/es/MultiSelect/props/propTypes.js +6 -3
  34. package/es/Popup/PositionMapping.json +73 -73
  35. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  36. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  37. package/es/RippleEffect/RippleEffect.module.css +92 -92
  38. package/es/Select/GroupSelect.js +7 -2
  39. package/es/Select/Select.module.css +134 -134
  40. package/es/Select/SelectWithAvatar.js +7 -2
  41. package/es/Select/SelectWithIcon.js +7 -2
  42. package/es/Select/props/defaultProps.js +6 -3
  43. package/es/Select/props/propTypes.js +6 -3
  44. package/es/Stencils/Stencils.module.css +96 -96
  45. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  46. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  47. package/es/Tab/TabContent.module.css +4 -4
  48. package/es/Tab/Tabs.js +17 -17
  49. package/es/Tag/Tag.js +8 -8
  50. package/es/Tooltip/Tooltip.module.css +140 -140
  51. package/es/common/a11y.module.css +3 -3
  52. package/es/common/animation.module.css +624 -624
  53. package/es/common/avatarsizes.module.css +48 -48
  54. package/es/common/basic.module.css +33 -33
  55. package/es/common/basicReset.module.css +40 -40
  56. package/es/common/boxShadow.module.css +33 -33
  57. package/es/common/common.module.css +524 -524
  58. package/es/common/reset.module.css +13 -13
  59. package/es/common/transition.module.css +146 -146
  60. package/es/semantic/Button/semanticButton.module.css +9 -9
  61. package/es/v1/Avatar/Avatar.js +5 -5
  62. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  63. package/es/v1/Button/Button.js +4 -4
  64. package/es/v1/MultiSelect/MultiSelect.js +6 -7
  65. package/es/v1/Tab/v1TabContent.module.css +4 -4
  66. package/es/v1/Tag/Tag.js +8 -8
  67. package/es/v1/Typography/css/Typography.module.css +380 -380
  68. package/install.md +10 -10
  69. package/lib/AppContainer/AppContainer.module.css +18 -18
  70. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  71. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  72. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  73. package/lib/Button/Button.js +4 -4
  74. package/lib/Buttongroup/Buttongroup.js +1 -1
  75. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  76. package/lib/Card/Card.js +4 -4
  77. package/lib/Card/Card.module.css +20 -20
  78. package/lib/DateTime/DateWidget.module.css +38 -38
  79. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  80. package/lib/DropDown/DropDown.module.css +5 -5
  81. package/lib/DropDown/DropDownSearch.module.css +14 -14
  82. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  83. package/lib/Heading/Heading.module.css +4 -4
  84. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  85. package/lib/Layout/Layout.module.css +335 -335
  86. package/lib/ListItem/ListItem.js +2 -2
  87. package/lib/ListItem/ListItem.module.css +85 -18
  88. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  89. package/lib/ListItem/ListItemWithIcon.js +2 -2
  90. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -3
  91. package/lib/MultiSelect/AdvancedMultiSelect.js +3 -1
  92. package/lib/MultiSelect/MultiSelect.js +9 -5
  93. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  94. package/lib/MultiSelect/Suggestions.js +8 -4
  95. package/lib/MultiSelect/props/defaultProps.js +8 -5
  96. package/lib/MultiSelect/props/propTypes.js +8 -6
  97. package/lib/Popup/PositionMapping.json +73 -73
  98. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  99. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  100. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  101. package/lib/Select/GroupSelect.js +8 -3
  102. package/lib/Select/Select.module.css +134 -134
  103. package/lib/Select/SelectWithAvatar.js +8 -3
  104. package/lib/Select/SelectWithIcon.js +8 -3
  105. package/lib/Select/props/defaultProps.js +5 -3
  106. package/lib/Select/props/propTypes.js +6 -3
  107. package/lib/Stencils/Stencils.module.css +96 -96
  108. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  109. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  110. package/lib/Tab/TabContent.module.css +4 -4
  111. package/lib/Tab/Tabs.js +11 -11
  112. package/lib/Tag/Tag.js +8 -8
  113. package/lib/Tooltip/Tooltip.module.css +140 -140
  114. package/lib/common/a11y.module.css +3 -3
  115. package/lib/common/animation.module.css +624 -624
  116. package/lib/common/avatarsizes.module.css +48 -48
  117. package/lib/common/basic.module.css +33 -33
  118. package/lib/common/basicReset.module.css +40 -40
  119. package/lib/common/boxShadow.module.css +33 -33
  120. package/lib/common/common.module.css +524 -524
  121. package/lib/common/reset.module.css +13 -13
  122. package/lib/common/transition.module.css +146 -146
  123. package/lib/semantic/Button/semanticButton.module.css +9 -9
  124. package/lib/v1/Avatar/Avatar.js +5 -5
  125. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  126. package/lib/v1/Button/Button.js +4 -4
  127. package/lib/v1/MultiSelect/MultiSelect.js +6 -7
  128. package/lib/v1/Tab/v1TabContent.module.css +4 -4
  129. package/lib/v1/Tag/Tag.js +8 -8
  130. package/lib/v1/Typography/css/Typography.module.css +380 -380
  131. package/package.json +3 -3
  132. package/postPublish.js +8 -8
  133. package/prePublish.js +70 -70
  134. package/propValidationArg.json +11 -11
  135. package/react-cli.config.js +23 -23
  136. package/result.json +1 -1
package/es/Stencils/Stencils.module.css CHANGED
@@ -1,96 +1,96 @@
1
- .varClass {
2
- /* stencils default variables */
3
- --stencil_height: var(--zd_size9);
4
- --stencil_width: 100%;
5
- --stencil_border_radius: 5px;
6
- }
7
- .container {
8
- composes: varClass;
9
- height: var(--stencil_height);
10
- width: var(--stencil_width);
11
- border-radius: var(--stencil_border_radius);
12
- }
13
- .stencil {
14
- background-size: 800px 1px;
15
- }
16
- [dir=ltr] .stencil {
17
- animation-name: placeHolderShimmer-ltr ;
18
- animation-fill-mode: forwards;
19
- animation-iteration-count: infinite;
20
- animation-duration: var(--zd_transition10);
21
- animation-timing-function: linear;
22
- }
23
- [dir=rtl] .stencil {
24
- animation-name: placeHolderShimmer-rtl ;
25
- animation-fill-mode: forwards;
26
- animation-iteration-count: infinite;
27
- animation-duration: var(--zd_transition10);
28
- animation-timing-function: linear;
29
- }
30
- @keyframes placeHolderShimmer-ltr {
31
- 0% {
32
- background-position: calc(var(--zd_size468) * -1) 0;
33
- }
34
-
35
- 100% {
36
- background-position: var(--zd_size468) 0;
37
- }
38
- }
39
- @keyframes placeHolderShimmer-rtl {
40
- 0% {
41
- background-position: calc(100% - (var(--zd_size468) * -1)) 0;
42
- }
43
-
44
- 100% {
45
- background-position: var(--zd_size468) 100%;
46
- }
47
- }
48
-
49
- .rectangular {
50
- composes: stencil;
51
- --stencil_height: var(--zd_size9);
52
- --stencil_border_radius: 5px;
53
- }
54
- .primary {
55
- background-color: var(--zdt_stencil_primary_bg);
56
- background-image: var(--zdt_stencil_primary_gradient_bg);
57
- }
58
- .secondary {
59
- background-color: var(--zdt_stencil_secondary_bg);
60
- background-image: var(--zdt_stencil_secondary_gradient_bg);
61
- }
62
- .dark {
63
- background-color: var(--zdt_stencil_dark_bg);
64
- background-image: var(--zdt_stencil_dark_gradient_bg);
65
- }
66
-
67
- .small {
68
- --stencil_width: var(--zd_size110);
69
- }
70
- .default {
71
- --stencil_width: 100%;
72
- }
73
- .medium {
74
- --stencil_width: var(--zd_size170);
75
- }
76
- .large {
77
- --stencil_width: var(--zd_size220);
78
- }
79
-
80
- .circle {
81
- composes: stencil;
82
- --stencil_border_radius: 50%;
83
- }
84
- .clarge {
85
- --stencil_width: var(--zd_size42);
86
- --stencil_height: var(--zd_size42);
87
- }
88
- .cmedium,
89
- .cdefault {
90
- --stencil_width: var(--zd_size30);
91
- --stencil_height: var(--zd_size30);
92
- }
93
- .csmall {
94
- --stencil_width: var(--zd_size20);
95
- --stencil_height: var(--zd_size20);
96
- }
1
+ .varClass {
2
+ /* stencils default variables */
3
+ --stencil_height: var(--zd_size9);
4
+ --stencil_width: 100%;
5
+ --stencil_border_radius: 5px;
6
+ }
7
+ .container {
8
+ composes: varClass;
9
+ height: var(--stencil_height);
10
+ width: var(--stencil_width);
11
+ border-radius: var(--stencil_border_radius);
12
+ }
13
+ .stencil {
14
+ background-size: 800px 1px;
15
+ }
16
+ [dir=ltr] .stencil {
17
+ animation-name: placeHolderShimmer-ltr ;
18
+ animation-fill-mode: forwards;
19
+ animation-iteration-count: infinite;
20
+ animation-duration: var(--zd_transition10);
21
+ animation-timing-function: linear;
22
+ }
23
+ [dir=rtl] .stencil {
24
+ animation-name: placeHolderShimmer-rtl ;
25
+ animation-fill-mode: forwards;
26
+ animation-iteration-count: infinite;
27
+ animation-duration: var(--zd_transition10);
28
+ animation-timing-function: linear;
29
+ }
30
+ @keyframes placeHolderShimmer-ltr {
31
+ 0% {
32
+ background-position: calc(var(--zd_size468) * -1) 0;
33
+ }
34
+
35
+ 100% {
36
+ background-position: var(--zd_size468) 0;
37
+ }
38
+ }
39
+ @keyframes placeHolderShimmer-rtl {
40
+ 0% {
41
+ background-position: calc(100% - (var(--zd_size468) * -1)) 0;
42
+ }
43
+
44
+ 100% {
45
+ background-position: var(--zd_size468) 100%;
46
+ }
47
+ }
48
+
49
+ .rectangular {
50
+ composes: stencil;
51
+ --stencil_height: var(--zd_size9);
52
+ --stencil_border_radius: 5px;
53
+ }
54
+ .primary {
55
+ background-color: var(--zdt_stencil_primary_bg);
56
+ background-image: var(--zdt_stencil_primary_gradient_bg);
57
+ }
58
+ .secondary {
59
+ background-color: var(--zdt_stencil_secondary_bg);
60
+ background-image: var(--zdt_stencil_secondary_gradient_bg);
61
+ }
62
+ .dark {
63
+ background-color: var(--zdt_stencil_dark_bg);
64
+ background-image: var(--zdt_stencil_dark_gradient_bg);
65
+ }
66
+
67
+ .small {
68
+ --stencil_width: var(--zd_size110);
69
+ }
70
+ .default {
71
+ --stencil_width: 100%;
72
+ }
73
+ .medium {
74
+ --stencil_width: var(--zd_size170);
75
+ }
76
+ .large {
77
+ --stencil_width: var(--zd_size220);
78
+ }
79
+
80
+ .circle {
81
+ composes: stencil;
82
+ --stencil_border_radius: 50%;
83
+ }
84
+ .clarge {
85
+ --stencil_width: var(--zd_size42);
86
+ --stencil_height: var(--zd_size42);
87
+ }
88
+ .cmedium,
89
+ .cdefault {
90
+ --stencil_width: var(--zd_size30);
91
+ --stencil_height: var(--zd_size30);
92
+ }
93
+ .csmall {
94
+ --stencil_width: var(--zd_size20);
95
+ --stencil_height: var(--zd_size20);
96
+ }
package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap CHANGED
@@ -1,89 +1,89 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Stencils rendering the customClass 1`] = `
4
- <DocumentFragment>
5
- <div
6
- class="container rectangular medium primary StencilsCustomClass"
7
- />
8
- </DocumentFragment>
9
- `;
10
-
11
- exports[`Stencils rendering the defult props 1`] = `
12
- <DocumentFragment>
13
- <div
14
- class="container rectangular medium primary "
15
- />
16
- </DocumentFragment>
17
- `;
18
-
19
- exports[`Stencils rendering the palette of- dark 1`] = `
20
- <DocumentFragment>
21
- <div
22
- class="container rectangular medium dark "
23
- />
24
- </DocumentFragment>
25
- `;
26
-
27
- exports[`Stencils rendering the palette of- primary 1`] = `
28
- <DocumentFragment>
29
- <div
30
- class="container rectangular medium primary "
31
- />
32
- </DocumentFragment>
33
- `;
34
-
35
- exports[`Stencils rendering the palette of- secondary 1`] = `
36
- <DocumentFragment>
37
- <div
38
- class="container rectangular medium secondary "
39
- />
40
- </DocumentFragment>
41
- `;
42
-
43
- exports[`Stencils rendering the shape of- circle 1`] = `
44
- <DocumentFragment>
45
- <div
46
- class="container circle cmedium primary "
47
- />
48
- </DocumentFragment>
49
- `;
50
-
51
- exports[`Stencils rendering the shape of- rect 1`] = `
52
- <DocumentFragment>
53
- <div
54
- class="container rectangular medium primary "
55
- />
56
- </DocumentFragment>
57
- `;
58
-
59
- exports[`Stencils rendering the size of- default 1`] = `
60
- <DocumentFragment>
61
- <div
62
- class="container rectangular default primary "
63
- />
64
- </DocumentFragment>
65
- `;
66
-
67
- exports[`Stencils rendering the size of- large 1`] = `
68
- <DocumentFragment>
69
- <div
70
- class="container rectangular large primary "
71
- />
72
- </DocumentFragment>
73
- `;
74
-
75
- exports[`Stencils rendering the size of- medium 1`] = `
76
- <DocumentFragment>
77
- <div
78
- class="container rectangular medium primary "
79
- />
80
- </DocumentFragment>
81
- `;
82
-
83
- exports[`Stencils rendering the size of- small 1`] = `
84
- <DocumentFragment>
85
- <div
86
- class="container rectangular small primary "
87
- />
88
- </DocumentFragment>
89
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Stencils rendering the customClass 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="container rectangular medium primary StencilsCustomClass"
7
+ />
8
+ </DocumentFragment>
9
+ `;
10
+
11
+ exports[`Stencils rendering the defult props 1`] = `
12
+ <DocumentFragment>
13
+ <div
14
+ class="container rectangular medium primary "
15
+ />
16
+ </DocumentFragment>
17
+ `;
18
+
19
+ exports[`Stencils rendering the palette of- dark 1`] = `
20
+ <DocumentFragment>
21
+ <div
22
+ class="container rectangular medium dark "
23
+ />
24
+ </DocumentFragment>
25
+ `;
26
+
27
+ exports[`Stencils rendering the palette of- primary 1`] = `
28
+ <DocumentFragment>
29
+ <div
30
+ class="container rectangular medium primary "
31
+ />
32
+ </DocumentFragment>
33
+ `;
34
+
35
+ exports[`Stencils rendering the palette of- secondary 1`] = `
36
+ <DocumentFragment>
37
+ <div
38
+ class="container rectangular medium secondary "
39
+ />
40
+ </DocumentFragment>
41
+ `;
42
+
43
+ exports[`Stencils rendering the shape of- circle 1`] = `
44
+ <DocumentFragment>
45
+ <div
46
+ class="container circle cmedium primary "
47
+ />
48
+ </DocumentFragment>
49
+ `;
50
+
51
+ exports[`Stencils rendering the shape of- rect 1`] = `
52
+ <DocumentFragment>
53
+ <div
54
+ class="container rectangular medium primary "
55
+ />
56
+ </DocumentFragment>
57
+ `;
58
+
59
+ exports[`Stencils rendering the size of- default 1`] = `
60
+ <DocumentFragment>
61
+ <div
62
+ class="container rectangular default primary "
63
+ />
64
+ </DocumentFragment>
65
+ `;
66
+
67
+ exports[`Stencils rendering the size of- large 1`] = `
68
+ <DocumentFragment>
69
+ <div
70
+ class="container rectangular large primary "
71
+ />
72
+ </DocumentFragment>
73
+ `;
74
+
75
+ exports[`Stencils rendering the size of- medium 1`] = `
76
+ <DocumentFragment>
77
+ <div
78
+ class="container rectangular medium primary "
79
+ />
80
+ </DocumentFragment>
81
+ `;
82
+
83
+ exports[`Stencils rendering the size of- small 1`] = `
84
+ <DocumentFragment>
85
+ <div
86
+ class="container rectangular small primary "
87
+ />
88
+ </DocumentFragment>
89
+ `;