@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.
Files changed (143) hide show
  1. package/README.md +4 -0
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +318 -29
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -1
  5. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +43 -19
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -1
  8. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +43 -19
  9. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -1
  11. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +43 -19
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -1
  14. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +43 -19
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -1
  17. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +43 -19
  18. package/assets/Appearance/light/mode/Component_LightMode.module.css +318 -29
  19. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  20. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -1
  21. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +43 -19
  22. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -1
  24. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +43 -19
  25. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -1
  27. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +43 -19
  28. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -1
  30. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +43 -19
  31. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -1
  33. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +43 -19
  34. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +318 -29
  35. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  36. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -1
  37. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +43 -19
  38. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -1
  40. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +43 -19
  41. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -1
  43. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +43 -19
  44. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -1
  46. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +43 -19
  47. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -1
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +43 -19
  50. package/package.json +5 -5
  51. package/result.json +1 -1
  52. package/coverage/Avatar/Avatar.js.html +0 -649
  53. package/coverage/Avatar/Avatar.module.css.html +0 -556
  54. package/coverage/Avatar/index.html +0 -131
  55. package/coverage/Avatar/props/defaultProps.js.html +0 -136
  56. package/coverage/Avatar/props/index.html +0 -131
  57. package/coverage/Avatar/props/propTypes.js.html +0 -166
  58. package/coverage/AvatarTeam/AvatarTeam.js.html +0 -340
  59. package/coverage/AvatarTeam/AvatarTeam.module.css.html +0 -610
  60. package/coverage/AvatarTeam/index.html +0 -131
  61. package/coverage/AvatarTeam/props/defaultProps.js.html +0 -136
  62. package/coverage/AvatarTeam/props/index.html +0 -131
  63. package/coverage/AvatarTeam/props/propTypes.js.html +0 -169
  64. package/coverage/Button/Button.js.html +0 -313
  65. package/coverage/Button/css/Button.module.css.html +0 -1441
  66. package/coverage/Button/css/cssJSLogic.js.html +0 -214
  67. package/coverage/Button/css/index.html +0 -131
  68. package/coverage/Button/index.html +0 -116
  69. package/coverage/Button/props/defaultProps.js.html +0 -142
  70. package/coverage/Button/props/index.html +0 -131
  71. package/coverage/Button/props/propTypes.js.html +0 -208
  72. package/coverage/Buttongroup/Buttongroup.js.html +0 -220
  73. package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
  74. package/coverage/Buttongroup/index.html +0 -131
  75. package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
  76. package/coverage/Buttongroup/props/index.html +0 -131
  77. package/coverage/Buttongroup/props/propTypes.js.html +0 -115
  78. package/coverage/Label/Label.js.html +0 -253
  79. package/coverage/Label/Label.module.css.html +0 -241
  80. package/coverage/Label/LabelColors.module.css.html +0 -145
  81. package/coverage/Label/index.html +0 -146
  82. package/coverage/Label/props/defaultProps.js.html +0 -118
  83. package/coverage/Label/props/index.html +0 -131
  84. package/coverage/Label/props/propTypes.js.html +0 -145
  85. package/coverage/Layout/Box.js.html +0 -367
  86. package/coverage/Layout/Container.js.html +0 -439
  87. package/coverage/Layout/Layout.module.css.html +0 -1090
  88. package/coverage/Layout/index.html +0 -176
  89. package/coverage/Layout/index.js.html +0 -118
  90. package/coverage/Layout/props/defaultProps.js.html +0 -136
  91. package/coverage/Layout/props/index.html +0 -131
  92. package/coverage/Layout/props/propTypes.js.html +0 -262
  93. package/coverage/Layout/utils.js.html +0 -199
  94. package/coverage/Provider/AvatarSize.js.html +0 -124
  95. package/coverage/Provider/CssProvider.js.html +0 -133
  96. package/coverage/Provider/index.html +0 -131
  97. package/coverage/Radio/Radio.js.html +0 -415
  98. package/coverage/Radio/Radio.module.css.html +0 -403
  99. package/coverage/Radio/index.html +0 -131
  100. package/coverage/Radio/props/defaultProps.js.html +0 -127
  101. package/coverage/Radio/props/index.html +0 -131
  102. package/coverage/Radio/props/propTypes.js.html +0 -187
  103. package/coverage/Ribbon/Ribbon.js.html +0 -229
  104. package/coverage/Ribbon/Ribbon.module.css.html +0 -1210
  105. package/coverage/Ribbon/index.html +0 -131
  106. package/coverage/Ribbon/props/defaultProps.js.html +0 -112
  107. package/coverage/Ribbon/props/index.html +0 -131
  108. package/coverage/Ribbon/props/propTypes.js.html +0 -121
  109. package/coverage/RippleEffect/RippleEffect.js.html +0 -172
  110. package/coverage/RippleEffect/RippleEffect.module.css.html +0 -415
  111. package/coverage/RippleEffect/index.html +0 -131
  112. package/coverage/RippleEffect/props/defaultProps.js.html +0 -112
  113. package/coverage/RippleEffect/props/index.html +0 -131
  114. package/coverage/RippleEffect/props/propTypes.js.html +0 -121
  115. package/coverage/Stencils/Stencils.js.html +0 -163
  116. package/coverage/Stencils/Stencils.module.css.html +0 -319
  117. package/coverage/Stencils/index.html +0 -131
  118. package/coverage/Stencils/props/defaultProps.js.html +0 -103
  119. package/coverage/Stencils/props/index.html +0 -131
  120. package/coverage/Stencils/props/propTypes.js.html +0 -109
  121. package/coverage/Switch/Switch.js.html +0 -379
  122. package/coverage/Switch/Switch.module.css.html +0 -481
  123. package/coverage/Switch/index.html +0 -131
  124. package/coverage/Switch/props/defaultProps.js.html +0 -118
  125. package/coverage/Switch/props/index.html +0 -131
  126. package/coverage/Switch/props/propTypes.js.html +0 -172
  127. package/coverage/base.css +0 -224
  128. package/coverage/block-navigation.js +0 -87
  129. package/coverage/common/avatarsizes.module.css.html +0 -229
  130. package/coverage/common/common.module.css.html +0 -1519
  131. package/coverage/common/index.html +0 -131
  132. package/coverage/coverage-final.json +0 -56
  133. package/coverage/coverage-summary.json +0 -57
  134. package/coverage/favicon.png +0 -0
  135. package/coverage/index.html +0 -491
  136. package/coverage/prettify.css +0 -1
  137. package/coverage/prettify.js +0 -2
  138. package/coverage/sort-arrow-sprite.png +0 -0
  139. package/coverage/sorter.js +0 -196
  140. package/coverage/utils/dummyFunction.js.html +0 -88
  141. package/coverage/utils/getInitial.js.html +0 -139
  142. package/coverage/utils/index.html +0 -131
  143. package/unittest/index.html +0 -37
package/coverage/Button/Button.js.html DELETED
@@ -1,313 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for Button/Button.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../prettify.css" />
9
- <link rel="stylesheet" href="../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">Button</a> Button.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>7/7</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">90.9% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>10/11</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>1/1</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>7/7</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
143
- <span class="cline-any cline-neutral">&nbsp;</span>
144
- <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-neutral">&nbsp;</span>
146
- <span class="cline-any cline-neutral">&nbsp;</span>
147
- <span class="cline-any cline-neutral">&nbsp;</span>
148
- <span class="cline-any cline-neutral">&nbsp;</span>
149
- <span class="cline-any cline-neutral">&nbsp;</span>
150
- <span class="cline-any cline-neutral">&nbsp;</span>
151
- <span class="cline-any cline-neutral">&nbsp;</span>
152
- <span class="cline-any cline-neutral">&nbsp;</span>
153
- <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-neutral">&nbsp;</span>
155
- <span class="cline-any cline-neutral">&nbsp;</span>
156
- <span class="cline-any cline-neutral">&nbsp;</span>
157
- <span class="cline-any cline-neutral">&nbsp;</span>
158
- <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-neutral">&nbsp;</span>
160
- <span class="cline-any cline-neutral">&nbsp;</span>
161
- <span class="cline-any cline-neutral">&nbsp;</span>
162
- <span class="cline-any cline-neutral">&nbsp;</span>
163
- <span class="cline-any cline-neutral">&nbsp;</span>
164
- <span class="cline-any cline-neutral">&nbsp;</span>
165
- <span class="cline-any cline-neutral">&nbsp;</span>
166
- <span class="cline-any cline-neutral">&nbsp;</span>
167
- <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-yes">28x</span>
171
- <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-yes">28x</span>
173
- <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-yes">28x</span>
175
- <span class="cline-any cline-neutral">&nbsp;</span>
176
- <span class="cline-any cline-neutral">&nbsp;</span>
177
- <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-neutral">&nbsp;</span>
179
- <span class="cline-any cline-yes">28x</span>
180
- <span class="cline-any cline-neutral">&nbsp;</span>
181
- <span class="cline-any cline-yes">28x</span>
182
- <span class="cline-any cline-neutral">&nbsp;</span>
183
- <span class="cline-any cline-neutral">&nbsp;</span>
184
- <span class="cline-any cline-neutral">&nbsp;</span>
185
- <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-neutral">&nbsp;</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-neutral">&nbsp;</span>
189
- <span class="cline-any cline-neutral">&nbsp;</span>
190
- <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-neutral">&nbsp;</span>
195
- <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-neutral">&nbsp;</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-yes">1x</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-yes">1x</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
219
- import { defaultProps } from './props/defaultProps';
220
- import { propTypes } from './props/propTypes';
221
- import cssJSLogic from './css/cssJSLogic';
222
- import { mergeStyle } from '@zohodesk/utils';
223
- import style from './css/Button.module.css';
224
- /*
225
- Button text and children props?
226
- use children for both cases
227
- toLowerCase check needed?
228
- */
229
- /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
230
- export default function Button(props) {
231
- let {
232
- text,
233
- disabled,
234
- onClick,
235
- status,
236
- children,
237
- dataId,
238
- needAppearance,
239
- getRef,
240
- title,
241
- dataSelectorId,
242
- customProps,
243
- customStyle,
244
- a11y,
245
- id
246
- } = props;
247
- &nbsp;
248
- const finalStyle = mergeStyle(style, customStyle);
249
- &nbsp;
250
- const { buttonClass, loaderParentClass, loaderChildClass } = cssJSLogic({
251
- props,
252
- style: finalStyle
253
- });
254
- &nbsp;
255
- let statusLower = status.toLowerCase();
256
- &nbsp;
257
- return (
258
- &lt;button
259
- className={buttonClass}
260
- data-id={disabled ? `${dataId}_disabled` : dataId}
261
- data-test-id={disabled ? `${dataId}_disabled` : dataId}
262
- disabled={disabled || statusLower === 'loading'}
263
- onClick={onClick}
264
- data-title={title}
265
- type='button'
266
- ref={getRef}
267
- data-selector-id={dataSelectorId}
268
- {...customProps}
269
- {...a11y}
270
- id={id}
271
- &gt;
272
- {children ? <span class="branch-0 cbranch-no" title="branch not covered" >children </span>: text}
273
- {statusLower !== 'none' &amp;&amp; needAppearance &amp;&amp; (
274
- &lt;div className={finalStyle.overlay}&gt;
275
- &lt;div className={loaderParentClass}&gt;
276
- &lt;div className={loaderChildClass} /&gt;
277
- &lt;/div&gt;
278
- &lt;/div&gt;
279
- )}
280
- &lt;/button&gt;
281
- );
282
- }
283
- &nbsp;
284
- Button.defaultProps = defaultProps;
285
- &nbsp;
286
- Button.propTypes = propTypes;
287
- &nbsp;
288
- // if (__DOCS__) {
289
- // Button.docs = {
290
- // componentGroup: 'Form Elements',
291
- // folderName: 'Style Guide'
292
- // };
293
- // }
294
- &nbsp;</pre></td></tr></table></pre>
295
-
296
- <div class='push'></div><!-- for sticky footer -->
297
- </div><!-- /wrapper -->
298
- <div class='footer quiet pad2 space-top1 center small'>
299
- Code coverage generated by
300
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
301
- at 2023-11-23T10:49:09.273Z
302
- </div>
303
- <script src="../prettify.js"></script>
304
- <script>
305
- window.onload = function () {
306
- prettyPrint();
307
- };
308
- </script>
309
- <script src="../sorter.js"></script>
310
- <script src="../block-navigation.js"></script>
311
- </body>
312
- </html>
313
-