@zohodesk/components 1.0.0-temp-177 → 1.0.0-temp-178

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 (177) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +12 -0
  4. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +318 -29
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -1
  7. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +43 -19
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -1
  10. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +43 -19
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -1
  13. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +43 -19
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -1
  16. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +43 -19
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -1
  19. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +43 -19
  20. package/assets/Appearance/light/mode/Component_LightMode.module.css +318 -29
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -1
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +43 -19
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -1
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +43 -19
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -1
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +43 -19
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -1
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +43 -19
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -1
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +43 -19
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +318 -29
  37. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -1
  39. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +43 -19
  40. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -1
  42. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +43 -19
  43. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -1
  45. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +43 -19
  46. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -1
  48. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +43 -19
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -1
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +43 -19
  52. package/es/DateTime/DateTime.js +2 -29
  53. package/es/DateTime/DateTime.module.css +2 -2
  54. package/es/DateTime/DateWidget.js +2 -6
  55. package/es/DateTime/YearView.module.css +1 -1
  56. package/es/DateTime/dateFormatUtils/dateFormat.js +8 -1
  57. package/es/DateTime/dateFormatUtils/index.js +2 -4
  58. package/es/Label/Label.module.css +1 -1
  59. package/es/ListItem/ListItem.module.css +1 -1
  60. package/es/Ribbon/Ribbon.module.css +4 -4
  61. package/es/Tab/Tab.module.css +3 -3
  62. package/es/TextBox/TextBox.module.css +5 -5
  63. package/es/TextBox/props/defaultProps.js +0 -1
  64. package/es/Textarea/Textarea.module.css +3 -3
  65. package/es/Tooltip/Tooltip.module.css +1 -1
  66. package/es/v1/DateTime/DateTime.js +2 -29
  67. package/es/v1/DateTime/DateWidget.js +2 -6
  68. package/lib/DateTime/DateTime.js +3 -30
  69. package/lib/DateTime/DateTime.module.css +2 -2
  70. package/lib/DateTime/DateWidget.js +1 -6
  71. package/lib/DateTime/YearView.module.css +1 -1
  72. package/lib/DateTime/dateFormatUtils/dateFormat.js +10 -1
  73. package/lib/DateTime/dateFormatUtils/index.js +2 -6
  74. package/lib/Label/Label.module.css +1 -1
  75. package/lib/ListItem/ListItem.module.css +1 -1
  76. package/lib/Ribbon/Ribbon.module.css +4 -4
  77. package/lib/Tab/Tab.module.css +3 -3
  78. package/lib/TextBox/TextBox.module.css +5 -5
  79. package/lib/TextBox/props/defaultProps.js +0 -1
  80. package/lib/Textarea/Textarea.module.css +3 -3
  81. package/lib/Tooltip/Tooltip.module.css +1 -1
  82. package/lib/v1/DateTime/DateTime.js +3 -30
  83. package/lib/v1/DateTime/DateWidget.js +1 -6
  84. package/package.json +5 -5
  85. package/result.json +1 -1
  86. package/coverage/Avatar/Avatar.js.html +0 -649
  87. package/coverage/Avatar/Avatar.module.css.html +0 -556
  88. package/coverage/Avatar/index.html +0 -131
  89. package/coverage/Avatar/props/defaultProps.js.html +0 -136
  90. package/coverage/Avatar/props/index.html +0 -131
  91. package/coverage/Avatar/props/propTypes.js.html +0 -166
  92. package/coverage/AvatarTeam/AvatarTeam.js.html +0 -340
  93. package/coverage/AvatarTeam/AvatarTeam.module.css.html +0 -610
  94. package/coverage/AvatarTeam/index.html +0 -131
  95. package/coverage/AvatarTeam/props/defaultProps.js.html +0 -136
  96. package/coverage/AvatarTeam/props/index.html +0 -131
  97. package/coverage/AvatarTeam/props/propTypes.js.html +0 -169
  98. package/coverage/Button/Button.js.html +0 -313
  99. package/coverage/Button/css/Button.module.css.html +0 -1441
  100. package/coverage/Button/css/cssJSLogic.js.html +0 -214
  101. package/coverage/Button/css/index.html +0 -131
  102. package/coverage/Button/index.html +0 -116
  103. package/coverage/Button/props/defaultProps.js.html +0 -142
  104. package/coverage/Button/props/index.html +0 -131
  105. package/coverage/Button/props/propTypes.js.html +0 -208
  106. package/coverage/Buttongroup/Buttongroup.js.html +0 -220
  107. package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
  108. package/coverage/Buttongroup/index.html +0 -131
  109. package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
  110. package/coverage/Buttongroup/props/index.html +0 -131
  111. package/coverage/Buttongroup/props/propTypes.js.html +0 -115
  112. package/coverage/Label/Label.js.html +0 -253
  113. package/coverage/Label/Label.module.css.html +0 -241
  114. package/coverage/Label/LabelColors.module.css.html +0 -145
  115. package/coverage/Label/index.html +0 -146
  116. package/coverage/Label/props/defaultProps.js.html +0 -118
  117. package/coverage/Label/props/index.html +0 -131
  118. package/coverage/Label/props/propTypes.js.html +0 -145
  119. package/coverage/Layout/Box.js.html +0 -367
  120. package/coverage/Layout/Container.js.html +0 -439
  121. package/coverage/Layout/Layout.module.css.html +0 -1090
  122. package/coverage/Layout/index.html +0 -176
  123. package/coverage/Layout/index.js.html +0 -118
  124. package/coverage/Layout/props/defaultProps.js.html +0 -136
  125. package/coverage/Layout/props/index.html +0 -131
  126. package/coverage/Layout/props/propTypes.js.html +0 -262
  127. package/coverage/Layout/utils.js.html +0 -199
  128. package/coverage/Provider/AvatarSize.js.html +0 -124
  129. package/coverage/Provider/CssProvider.js.html +0 -133
  130. package/coverage/Provider/index.html +0 -131
  131. package/coverage/Radio/Radio.js.html +0 -415
  132. package/coverage/Radio/Radio.module.css.html +0 -403
  133. package/coverage/Radio/index.html +0 -131
  134. package/coverage/Radio/props/defaultProps.js.html +0 -127
  135. package/coverage/Radio/props/index.html +0 -131
  136. package/coverage/Radio/props/propTypes.js.html +0 -187
  137. package/coverage/Ribbon/Ribbon.js.html +0 -229
  138. package/coverage/Ribbon/Ribbon.module.css.html +0 -1210
  139. package/coverage/Ribbon/index.html +0 -131
  140. package/coverage/Ribbon/props/defaultProps.js.html +0 -112
  141. package/coverage/Ribbon/props/index.html +0 -131
  142. package/coverage/Ribbon/props/propTypes.js.html +0 -121
  143. package/coverage/RippleEffect/RippleEffect.js.html +0 -172
  144. package/coverage/RippleEffect/RippleEffect.module.css.html +0 -415
  145. package/coverage/RippleEffect/index.html +0 -131
  146. package/coverage/RippleEffect/props/defaultProps.js.html +0 -112
  147. package/coverage/RippleEffect/props/index.html +0 -131
  148. package/coverage/RippleEffect/props/propTypes.js.html +0 -121
  149. package/coverage/Stencils/Stencils.js.html +0 -163
  150. package/coverage/Stencils/Stencils.module.css.html +0 -319
  151. package/coverage/Stencils/index.html +0 -131
  152. package/coverage/Stencils/props/defaultProps.js.html +0 -103
  153. package/coverage/Stencils/props/index.html +0 -131
  154. package/coverage/Stencils/props/propTypes.js.html +0 -109
  155. package/coverage/Switch/Switch.js.html +0 -379
  156. package/coverage/Switch/Switch.module.css.html +0 -481
  157. package/coverage/Switch/index.html +0 -131
  158. package/coverage/Switch/props/defaultProps.js.html +0 -118
  159. package/coverage/Switch/props/index.html +0 -131
  160. package/coverage/Switch/props/propTypes.js.html +0 -172
  161. package/coverage/base.css +0 -224
  162. package/coverage/block-navigation.js +0 -87
  163. package/coverage/common/avatarsizes.module.css.html +0 -229
  164. package/coverage/common/common.module.css.html +0 -1519
  165. package/coverage/common/index.html +0 -131
  166. package/coverage/coverage-final.json +0 -56
  167. package/coverage/coverage-summary.json +0 -57
  168. package/coverage/favicon.png +0 -0
  169. package/coverage/index.html +0 -491
  170. package/coverage/prettify.css +0 -1
  171. package/coverage/prettify.js +0 -2
  172. package/coverage/sort-arrow-sprite.png +0 -0
  173. package/coverage/sorter.js +0 -196
  174. package/coverage/utils/dummyFunction.js.html +0 -88
  175. package/coverage/utils/getInitial.js.html +0 -139
  176. package/coverage/utils/index.html +0 -131
  177. package/unittest/index.html +0 -37
@@ -1,131 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for Buttongroup/props</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> Buttongroup/props</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'>2/2</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/0</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'>0/0</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'>2/2</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
- <div class="pad1">
66
- <table class="coverage-summary">
67
- <thead>
68
- <tr>
69
- <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
70
- <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
71
- <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
72
- <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
73
- <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
74
- <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
75
- <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
76
- <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
77
- <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
78
- <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
79
- </tr>
80
- </thead>
81
- <tbody><tr>
82
- <td class="file high" data-value="defaultProps.js"><a href="defaultProps.js.html">defaultProps.js</a></td>
83
- <td data-value="100" class="pic high">
84
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
- </td>
86
- <td data-value="100" class="pct high">100%</td>
87
- <td data-value="1" class="abs high">1/1</td>
88
- <td data-value="100" class="pct high">100%</td>
89
- <td data-value="0" class="abs high">0/0</td>
90
- <td data-value="100" class="pct high">100%</td>
91
- <td data-value="0" class="abs high">0/0</td>
92
- <td data-value="100" class="pct high">100%</td>
93
- <td data-value="1" class="abs high">1/1</td>
94
- </tr>
95
-
96
- <tr>
97
- <td class="file high" data-value="propTypes.js"><a href="propTypes.js.html">propTypes.js</a></td>
98
- <td data-value="100" class="pic high">
99
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
100
- </td>
101
- <td data-value="100" class="pct high">100%</td>
102
- <td data-value="1" class="abs high">1/1</td>
103
- <td data-value="100" class="pct high">100%</td>
104
- <td data-value="0" class="abs high">0/0</td>
105
- <td data-value="100" class="pct high">100%</td>
106
- <td data-value="0" class="abs high">0/0</td>
107
- <td data-value="100" class="pct high">100%</td>
108
- <td data-value="1" class="abs high">1/1</td>
109
- </tr>
110
-
111
- </tbody>
112
- </table>
113
- </div>
114
- <div class='push'></div><!-- for sticky footer -->
115
- </div><!-- /wrapper -->
116
- <div class='footer quiet pad2 space-top1 center small'>
117
- Code coverage generated by
118
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-23T12:40:32.509Z
120
- </div>
121
- <script src="../../prettify.js"></script>
122
- <script>
123
- window.onload = function () {
124
- prettyPrint();
125
- };
126
- </script>
127
- <script src="../../sorter.js"></script>
128
- <script src="../../block-navigation.js"></script>
129
- </body>
130
- </html>
131
-
@@ -1,115 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for Buttongroup/props/propTypes.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">Buttongroup/props</a> propTypes.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'>1/1</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/0</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'>0/0</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'>1/1</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
77
- <span class="cline-any cline-neutral">&nbsp;</span>
78
- <span class="cline-any cline-yes">1x</span>
79
- <span class="cline-any cline-neutral">&nbsp;</span>
80
- <span class="cline-any cline-neutral">&nbsp;</span>
81
- <span class="cline-any cline-neutral">&nbsp;</span>
82
- <span class="cline-any cline-neutral">&nbsp;</span>
83
- <span class="cline-any cline-neutral">&nbsp;</span>
84
- <span class="cline-any cline-neutral">&nbsp;</span>
85
- <span class="cline-any cline-neutral">&nbsp;</span>
86
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import PropTypes from 'prop-types';
87
- &nbsp;
88
- export const propTypes = {
89
- buttonPosition: PropTypes.oneOf(['left', 'right', 'center']),
90
- children: PropTypes.node,
91
- type: PropTypes.string.isRequired,
92
- customClass: PropTypes.string,
93
- dataId: PropTypes.string,
94
- dataSelectorId: PropTypes.string
95
- };
96
- &nbsp;</pre></td></tr></table></pre>
97
-
98
- <div class='push'></div><!-- for sticky footer -->
99
- </div><!-- /wrapper -->
100
- <div class='footer quiet pad2 space-top1 center small'>
101
- Code coverage generated by
102
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
103
- at 2023-11-23T12:40:32.509Z
104
- </div>
105
- <script src="../../prettify.js"></script>
106
- <script>
107
- window.onload = function () {
108
- prettyPrint();
109
- };
110
- </script>
111
- <script src="../../sorter.js"></script>
112
- <script src="../../block-navigation.js"></script>
113
- </body>
114
- </html>
115
-
@@ -1,253 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for Label/Label.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">Label</a> Label.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'>5/5</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>5/5</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'>5/5</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
123
- <span class="cline-any cline-neutral">&nbsp;</span>
124
- <span class="cline-any cline-neutral">&nbsp;</span>
125
- <span class="cline-any cline-neutral">&nbsp;</span>
126
- <span class="cline-any cline-neutral">&nbsp;</span>
127
- <span class="cline-any cline-neutral">&nbsp;</span>
128
- <span class="cline-any cline-neutral">&nbsp;</span>
129
- <span class="cline-any cline-neutral">&nbsp;</span>
130
- <span class="cline-any cline-neutral">&nbsp;</span>
131
- <span class="cline-any cline-neutral">&nbsp;</span>
132
- <span class="cline-any cline-neutral">&nbsp;</span>
133
- <span class="cline-any cline-neutral">&nbsp;</span>
134
- <span class="cline-any cline-neutral">&nbsp;</span>
135
- <span class="cline-any cline-neutral">&nbsp;</span>
136
- <span class="cline-any cline-neutral">&nbsp;</span>
137
- <span class="cline-any cline-neutral">&nbsp;</span>
138
- <span class="cline-any cline-neutral">&nbsp;</span>
139
- <span class="cline-any cline-neutral">&nbsp;</span>
140
- <span class="cline-any cline-neutral">&nbsp;</span>
141
- <span class="cline-any cline-neutral">&nbsp;</span>
142
- <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-yes">53x</span>
149
- <span class="cline-any cline-yes">53x</span>
150
- <span class="cline-any cline-yes">53x</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-yes">3x</span>
170
- <span class="cline-any cline-yes">3x</span>
171
- <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-neutral">&nbsp;</span>
173
- <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-neutral">&nbsp;</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></td><td class="text"><pre class="prettyprint lang-js">/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
179
- 'small', 'medium', 'large', 'title', 'subtitle', 'default', 'primary', 'secondary', 'danger', 'mandatory'
180
- ]}] */
181
- import React from 'react';
182
- import { defaultProps } from './props/defaultProps';
183
- import { propTypes } from './props/propTypes';
184
- import style from './Label.module.css';
185
- import colors from './LabelColors.module.css';
186
- &nbsp;
187
- export default class Label extends React.Component {
188
- render() {
189
- let {
190
- text,
191
- type,
192
- palette,
193
- size,
194
- clipped,
195
- htmlFor,
196
- title,
197
- onClick,
198
- dataId,
199
- dataSelectorId,
200
- variant,
201
- customClass,
202
- id,
203
- a11y={}
204
- } = this.props;
205
- const { tabIndex} = a11y;
206
- return (
207
- &lt;label
208
- className={`${style.label} ${style[type]} ${style[size]} ${colors[palette]} ${style[`font_${variant}`]}
209
- ${clipped ? style.dotted : ''} ${onClick ? style.pointer : style.cursor} ${customClass} `}
210
- htmlFor={htmlFor}
211
- data-title={title}
212
- data-id={dataId}
213
- data-test-id={dataId}
214
- data-selector-id={dataSelectorId}
215
- onClick={onClick}
216
- id={id}
217
- tabIndex={tabIndex}
218
- &gt;
219
- {text}
220
- &lt;/label&gt;
221
- );
222
- }
223
- }
224
- &nbsp;
225
- Label.defaultProps = defaultProps;
226
- Label.propTypes = propTypes;
227
- &nbsp;
228
- // if (__DOCS__) {
229
- // Label.docs = {
230
- // componentGroup: 'Form Elements',
231
- // folderName: 'Style Guide'
232
- // };
233
- // }
234
- &nbsp;</pre></td></tr></table></pre>
235
-
236
- <div class='push'></div><!-- for sticky footer -->
237
- </div><!-- /wrapper -->
238
- <div class='footer quiet pad2 space-top1 center small'>
239
- Code coverage generated by
240
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
241
- at 2023-11-23T12:40:32.509Z
242
- </div>
243
- <script src="../prettify.js"></script>
244
- <script>
245
- window.onload = function () {
246
- prettyPrint();
247
- };
248
- </script>
249
- <script src="../sorter.js"></script>
250
- <script src="../block-navigation.js"></script>
251
- </body>
252
- </html>
253
-