@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-226

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 (234) hide show
  1. package/README.md +4 -0
  2. package/es/ListItem/ListContainer.js +123 -0
  3. package/es/ListItem/ListItem.js +23 -31
  4. package/es/ListItem/ListItemWithAvatar.js +21 -27
  5. package/es/ListItem/ListItemWithCheckBox.js +23 -29
  6. package/es/ListItem/ListItemWithIcon.js +26 -26
  7. package/es/ListItem/ListItemWithRadio.js +24 -31
  8. package/lib/ListItem/ListContainer.js +132 -0
  9. package/lib/ListItem/ListItem.js +25 -32
  10. package/lib/ListItem/ListItemWithAvatar.js +23 -28
  11. package/lib/ListItem/ListItemWithCheckBox.js +24 -27
  12. package/lib/ListItem/ListItemWithIcon.js +27 -26
  13. package/lib/ListItem/ListItemWithRadio.js +26 -27
  14. package/package.json +3 -3
  15. package/README_Beta.md +0 -2
  16. package/__testUtils__/globals.js +0 -46
  17. package/__testUtils__/moduleMapKey.json +0 -138
  18. package/dubFinder.js +0 -96
  19. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  20. package/es/Animation/docs/Animation__default.docs.js +0 -34
  21. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  22. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  23. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  24. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  25. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  26. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  27. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  28. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  29. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  30. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  31. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  32. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  33. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  34. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  35. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  36. package/es/Button/docs/Button__custom.docs.js +0 -771
  37. package/es/Button/docs/Button__default.docs.js +0 -536
  38. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  39. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  40. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  41. package/es/Card/docs/Card__Custom.docs.js +0 -34
  42. package/es/Card/docs/Card__Default.docs.js +0 -37
  43. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  44. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  45. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  46. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  47. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  48. package/es/DateTime/docs/timezonedata.json +0 -1
  49. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  50. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  51. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  52. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  53. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  54. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  55. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  56. package/es/Label/docs/Label__clipped.docs.js +0 -27
  57. package/es/Label/docs/Label__custom.docs.js +0 -30
  58. package/es/Label/docs/Label__palette.docs.js +0 -42
  59. package/es/Label/docs/Label__size.docs.js +0 -29
  60. package/es/Label/docs/Label__type.docs.js +0 -37
  61. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  62. package/es/Layout/docs/Layout__default.docs.js +0 -49
  63. package/es/Layout/docs/Layout__four_Column.docs.js +0 -85
  64. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  65. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  66. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -74
  67. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  68. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  69. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  70. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  71. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  72. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  73. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  74. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  75. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  76. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  77. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  78. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  79. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  80. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  81. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  82. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  83. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  84. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  85. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  86. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  87. package/es/Radio/docs/Radio__default.docs.js +0 -169
  88. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  89. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  90. package/es/Responsive/docs/style.module.css +0 -56
  91. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  92. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  93. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  94. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  95. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  96. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  97. package/es/Select/docs/Select__default.docs.js +0 -288
  98. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  99. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  100. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  101. package/es/Switch/docs/Switch__default.docs.js +0 -107
  102. package/es/Tab/docs/Tab__default.docs.js +0 -258
  103. package/es/Tab/docs/tabdocs.module.css +0 -29
  104. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  105. package/es/Tag/docs/Tag__default.docs.js +0 -253
  106. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  107. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  108. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  109. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  110. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  111. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  112. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  113. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  114. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  115. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  116. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -332
  117. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  118. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  119. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  120. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  121. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  122. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  123. package/externalDocsBuild.js +0 -21
  124. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  125. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  126. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  127. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  128. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  129. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  130. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  131. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  132. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  133. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  134. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  135. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  136. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  137. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  138. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  139. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  140. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  141. package/lib/Button/docs/Button__custom.docs.js +0 -826
  142. package/lib/Button/docs/Button__default.docs.js +0 -590
  143. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  144. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  145. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  146. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  147. package/lib/Card/docs/Card__Default.docs.js +0 -92
  148. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  149. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  150. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  151. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  152. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  153. package/lib/DateTime/docs/timezonedata.json +0 -1
  154. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  155. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  156. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  157. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  158. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  159. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  160. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  161. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  162. package/lib/Label/docs/Label__custom.docs.js +0 -85
  163. package/lib/Label/docs/Label__palette.docs.js +0 -96
  164. package/lib/Label/docs/Label__size.docs.js +0 -83
  165. package/lib/Label/docs/Label__type.docs.js +0 -91
  166. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  167. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  168. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  169. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  170. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  171. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  172. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  173. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  174. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  175. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  176. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  177. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  178. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  179. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  180. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  181. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  182. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  183. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  184. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  185. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  186. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  187. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  188. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  189. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  190. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  191. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  192. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  193. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  194. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  195. package/lib/Responsive/docs/style.module.css +0 -56
  196. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  197. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  198. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  199. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  200. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  201. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  202. package/lib/Select/docs/Select__default.docs.js +0 -340
  203. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  204. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  205. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  206. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  207. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  208. package/lib/Tab/docs/tabdocs.module.css +0 -29
  209. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  210. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  211. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  212. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  213. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  214. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  215. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  216. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  217. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  218. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  219. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  220. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  221. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  222. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  223. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  224. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  225. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  226. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  227. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  228. package/preprocess/componentAppearanceColors.js +0 -67
  229. package/preprocess/componentThemeColors.js +0 -123
  230. package/preprocess/ctaThemeColors.js +0 -101
  231. package/preprocess/index.js +0 -3
  232. package/preprocess/json/componentAppearanceVariableJson.js +0 -1346
  233. package/preprocess/json/componentThemeVariableJson.js +0 -242
  234. package/preprocess/json/ctaThemeVariableJson.js +0 -203
package/es/Button/docs/Button__custom.docs.js DELETED
@@ -1,771 +0,0 @@
1
- import React, { Component } from 'react';
2
- import Button from '../Button';
3
- import Icon from '@zohodesk/icons/lib/Icon';
4
- import style from '../../common/docStyle.module.css';
5
- export default class Button__custom extends Component {
6
- render() {
7
- let spanStyle = {
8
- margin: '10px'
9
- },
10
- titleStyle = {
11
- fontSize: '13px',
12
- padding: '15px 0',
13
- textTransform: 'upperCase',
14
- borderBottom: '1px solid #e3e6eb'
15
- },
16
- contentStyle = {
17
- padding: '10px'
18
- };
19
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
20
- style: contentStyle
21
- }, /*#__PURE__*/React.createElement("div", {
22
- style: titleStyle
23
- }, "Size"), /*#__PURE__*/React.createElement("div", {
24
- style: contentStyle
25
- }, /*#__PURE__*/React.createElement("span", {
26
- style: spanStyle
27
- }, /*#__PURE__*/React.createElement(Button, {
28
- customClass: {
29
- customButton: style.customButton
30
- },
31
- text: "Small",
32
- size: "small",
33
- palette: "primary"
34
- })), /*#__PURE__*/React.createElement("span", {
35
- style: spanStyle
36
- }, /*#__PURE__*/React.createElement(Button, {
37
- customClass: {
38
- customButton: style.customButton
39
- },
40
- text: "Medium",
41
- size: "medium",
42
- palette: "primary"
43
- })), /*#__PURE__*/React.createElement("span", {
44
- style: spanStyle
45
- }, /*#__PURE__*/React.createElement(Button, {
46
- customClass: {
47
- customButton: style.customButton
48
- },
49
- text: "Large",
50
- size: "large",
51
- palette: "primary"
52
- })), /*#__PURE__*/React.createElement("span", {
53
- style: spanStyle
54
- }, /*#__PURE__*/React.createElement(Button, {
55
- customClass: {
56
- customButton: style.customButton
57
- },
58
- text: "Xlarge",
59
- size: "xlarge",
60
- palette: "primary"
61
- })))), /*#__PURE__*/React.createElement("div", {
62
- style: contentStyle
63
- }, /*#__PURE__*/React.createElement("div", {
64
- style: titleStyle
65
- }, "Disabled"), /*#__PURE__*/React.createElement("div", {
66
- style: contentStyle
67
- }, /*#__PURE__*/React.createElement("span", {
68
- style: spanStyle
69
- }, /*#__PURE__*/React.createElement(Button, {
70
- customClass: {
71
- customButton: style.customButton
72
- },
73
- text: "primary",
74
- palette: "primary",
75
- disabled: true
76
- })), /*#__PURE__*/React.createElement("span", {
77
- style: spanStyle
78
- }, /*#__PURE__*/React.createElement(Button, {
79
- customClass: {
80
- customButton: style.customButton
81
- },
82
- text: "primaryFilled",
83
- palette: "primaryFilled",
84
- disabled: true
85
- })), /*#__PURE__*/React.createElement("span", {
86
- style: spanStyle
87
- }, /*#__PURE__*/React.createElement(Button, {
88
- customClass: {
89
- customButton: style.customButton
90
- },
91
- text: "danger",
92
- palette: "danger",
93
- disabled: true
94
- })), /*#__PURE__*/React.createElement("span", {
95
- style: spanStyle
96
- }, /*#__PURE__*/React.createElement(Button, {
97
- customClass: {
98
- customButton: style.customButton
99
- },
100
- text: "dangerFilled",
101
- palette: "dangerFilled",
102
- disabled: true
103
- })), /*#__PURE__*/React.createElement("span", {
104
- style: spanStyle
105
- }, /*#__PURE__*/React.createElement(Button, {
106
- customClass: {
107
- customButton: style.customButton
108
- },
109
- text: "secondary",
110
- palette: "secondary",
111
- disabled: true
112
- })), /*#__PURE__*/React.createElement("span", {
113
- style: spanStyle
114
- }, /*#__PURE__*/React.createElement(Button, {
115
- customClass: {
116
- customButton: style.customButton
117
- },
118
- text: "secondaryFilled",
119
- palette: "secondaryFilled",
120
- disabled: true
121
- })))), /*#__PURE__*/React.createElement("div", {
122
- style: contentStyle
123
- }, /*#__PURE__*/React.createElement("div", {
124
- style: titleStyle
125
- }, "With Icon"), /*#__PURE__*/React.createElement("div", {
126
- style: contentStyle
127
- }, /*#__PURE__*/React.createElement("span", {
128
- style: spanStyle
129
- }, /*#__PURE__*/React.createElement(Button, {
130
- customClass: {
131
- customButton: style.customButton
132
- },
133
- palette: "primary",
134
- size: "small",
135
- rounded: true
136
- }, /*#__PURE__*/React.createElement(Icon, {
137
- name: "ZD-plus",
138
- size: "11"
139
- }))), /*#__PURE__*/React.createElement("span", {
140
- style: spanStyle
141
- }, /*#__PURE__*/React.createElement(Button, {
142
- customClass: {
143
- customButton: style.customButton
144
- },
145
- palette: "primary",
146
- size: "small",
147
- rounded: true
148
- }, /*#__PURE__*/React.createElement(Icon, {
149
- name: "ZD-plus",
150
- size: "11"
151
- })))), /*#__PURE__*/React.createElement("div", {
152
- style: contentStyle
153
- }, /*#__PURE__*/React.createElement("span", {
154
- style: spanStyle
155
- }, /*#__PURE__*/React.createElement(Button, {
156
- customClass: {
157
- customButton: style.customButton
158
- },
159
- palette: "primaryFilled",
160
- size: "medium",
161
- rounded: true
162
- }, /*#__PURE__*/React.createElement(Icon, {
163
- name: "ZD-plus",
164
- size: "14"
165
- }))), /*#__PURE__*/React.createElement("span", {
166
- style: spanStyle
167
- }, /*#__PURE__*/React.createElement(Button, {
168
- customClass: {
169
- customButton: style.customButton
170
- },
171
- palette: "primaryFilled",
172
- size: "medium",
173
- rounded: true
174
- }, /*#__PURE__*/React.createElement(Icon, {
175
- name: "ZD-plus",
176
- size: "14"
177
- })))), /*#__PURE__*/React.createElement("div", {
178
- style: contentStyle
179
- }, /*#__PURE__*/React.createElement("span", {
180
- style: spanStyle
181
- }, /*#__PURE__*/React.createElement(Button, {
182
- customClass: {
183
- customButton: style.customButton
184
- },
185
- palette: "primary",
186
- size: "small"
187
- }, /*#__PURE__*/React.createElement(Icon, {
188
- name: "ZD-plus",
189
- size: "14"
190
- }))), /*#__PURE__*/React.createElement("span", {
191
- style: spanStyle
192
- }, /*#__PURE__*/React.createElement(Button, {
193
- customClass: {
194
- customButton: style.customButton
195
- },
196
- palette: "primary",
197
- size: "medium"
198
- }, /*#__PURE__*/React.createElement(Icon, {
199
- name: "ZD-plus",
200
- size: "12"
201
- })))), /*#__PURE__*/React.createElement("div", {
202
- style: contentStyle
203
- }, /*#__PURE__*/React.createElement("span", {
204
- style: spanStyle
205
- }, /*#__PURE__*/React.createElement(Button, {
206
- customClass: {
207
- customButton: style.customButton
208
- },
209
- palette: "danger",
210
- size: "small",
211
- rounded: true
212
- }, /*#__PURE__*/React.createElement(Icon, {
213
- name: "ZD-plus",
214
- size: "11"
215
- }))), /*#__PURE__*/React.createElement("span", {
216
- style: spanStyle
217
- }, /*#__PURE__*/React.createElement(Button, {
218
- customClass: {
219
- customButton: style.customButton
220
- },
221
- palette: "danger",
222
- size: "small",
223
- rounded: true
224
- }, /*#__PURE__*/React.createElement(Icon, {
225
- name: "ZD-plus",
226
- size: "11"
227
- })))), /*#__PURE__*/React.createElement("div", {
228
- style: contentStyle
229
- }, /*#__PURE__*/React.createElement("span", {
230
- style: spanStyle
231
- }, /*#__PURE__*/React.createElement(Button, {
232
- customClass: {
233
- customButton: style.customButton
234
- },
235
- palette: "dangerFilled",
236
- size: "medium",
237
- rounded: true
238
- }, /*#__PURE__*/React.createElement(Icon, {
239
- name: "ZD-plus",
240
- size: "14"
241
- }))), /*#__PURE__*/React.createElement("span", {
242
- style: spanStyle
243
- }, /*#__PURE__*/React.createElement(Button, {
244
- customClass: {
245
- customButton: style.customButton
246
- },
247
- palette: "dangerFilled",
248
- size: "medium",
249
- rounded: true
250
- }, /*#__PURE__*/React.createElement(Icon, {
251
- name: "ZD-plus",
252
- size: "12"
253
- }))))), /*#__PURE__*/React.createElement("div", {
254
- style: contentStyle
255
- }, /*#__PURE__*/React.createElement("div", {
256
- style: titleStyle
257
- }, "Palette"), /*#__PURE__*/React.createElement("div", {
258
- style: contentStyle
259
- }, /*#__PURE__*/React.createElement("span", {
260
- style: spanStyle
261
- }, /*#__PURE__*/React.createElement(Button, {
262
- customClass: {
263
- customButton: style.customButton
264
- },
265
- text: "primary",
266
- palette: "primary"
267
- })), /*#__PURE__*/React.createElement("span", {
268
- style: spanStyle
269
- }, /*#__PURE__*/React.createElement(Button, {
270
- customClass: {
271
- customButton: style.customButton
272
- },
273
- text: "primaryFilled",
274
- palette: "primaryFilled"
275
- })), /*#__PURE__*/React.createElement("span", {
276
- style: spanStyle
277
- }, /*#__PURE__*/React.createElement(Button, {
278
- customClass: {
279
- customButton: style.customButton
280
- },
281
- text: "danger",
282
- palette: "danger"
283
- })), /*#__PURE__*/React.createElement("span", {
284
- style: spanStyle
285
- }, /*#__PURE__*/React.createElement(Button, {
286
- customClass: {
287
- customButton: style.customButton
288
- },
289
- text: "dangerFilled",
290
- palette: "dangerFilled"
291
- })), /*#__PURE__*/React.createElement("span", {
292
- style: spanStyle
293
- }, /*#__PURE__*/React.createElement(Button, {
294
- customClass: {
295
- customButton: style.customButton
296
- },
297
- text: "secondary",
298
- palette: "secondary"
299
- })), /*#__PURE__*/React.createElement("span", {
300
- style: spanStyle
301
- }, /*#__PURE__*/React.createElement(Button, {
302
- customClass: {
303
- customButton: style.customButton
304
- },
305
- text: "secondaryFilled",
306
- palette: "secondaryFilled"
307
- })), /*#__PURE__*/React.createElement("span", {
308
- style: spanStyle
309
- }, /*#__PURE__*/React.createElement(Button, {
310
- customClass: {
311
- customButton: style.customButton
312
- },
313
- text: "tertiaryFilled",
314
- palette: "tertiaryFilled"
315
- })), /*#__PURE__*/React.createElement("span", {
316
- style: spanStyle
317
- }, /*#__PURE__*/React.createElement(Button, {
318
- customClass: {
319
- customButton: style.customButton
320
- },
321
- text: "plainPrimary",
322
- palette: "plainPrimary"
323
- })), /*#__PURE__*/React.createElement("span", {
324
- style: spanStyle
325
- }, /*#__PURE__*/React.createElement(Button, {
326
- customClass: {
327
- customButton: style.customButton
328
- },
329
- text: "plainSecondary",
330
- palette: "plainSecondary"
331
- })), /*#__PURE__*/React.createElement("span", {
332
- style: spanStyle
333
- }, /*#__PURE__*/React.createElement(Button, {
334
- customClass: {
335
- customButton: style.customButton
336
- },
337
- text: "successFilled",
338
- palette: "successFilled"
339
- })))), /*#__PURE__*/React.createElement("div", {
340
- style: contentStyle
341
- }, /*#__PURE__*/React.createElement("div", {
342
- style: titleStyle
343
- }, "Rounded"), /*#__PURE__*/React.createElement("div", {
344
- style: contentStyle
345
- }, /*#__PURE__*/React.createElement("span", {
346
- style: spanStyle
347
- }, /*#__PURE__*/React.createElement(Button, {
348
- customClass: {
349
- customButton: style.customButton
350
- },
351
- text: "primary",
352
- size: "small",
353
- palette: "primary",
354
- rounded: true
355
- })), /*#__PURE__*/React.createElement("span", {
356
- style: spanStyle
357
- }, /*#__PURE__*/React.createElement(Button, {
358
- customClass: {
359
- customButton: style.customButton
360
- },
361
- text: "primaryFilled",
362
- size: "medium",
363
- palette: "primaryFilled",
364
- rounded: true
365
- })), /*#__PURE__*/React.createElement("span", {
366
- style: spanStyle
367
- }, /*#__PURE__*/React.createElement(Button, {
368
- customClass: {
369
- customButton: style.customButton
370
- },
371
- text: "danger",
372
- size: "large",
373
- palette: "danger",
374
- rounded: true
375
- })), /*#__PURE__*/React.createElement("span", {
376
- style: spanStyle
377
- }, /*#__PURE__*/React.createElement(Button, {
378
- customClass: {
379
- customButton: style.customButton
380
- },
381
- text: "dangerFilled",
382
- size: "xlarge",
383
- palette: "dangerFilled",
384
- rounded: true
385
- })))), /*#__PURE__*/React.createElement("div", {
386
- style: contentStyle
387
- }, /*#__PURE__*/React.createElement("div", {
388
- style: titleStyle
389
- }, "State"), /*#__PURE__*/React.createElement("div", {
390
- style: contentStyle
391
- }, /*#__PURE__*/React.createElement("span", {
392
- style: spanStyle
393
- }, /*#__PURE__*/React.createElement(Button, {
394
- customClass: {
395
- customButton: style.customButton,
396
- customStatus: style.status
397
- },
398
- text: "warning",
399
- palette: "primary",
400
- size: "small",
401
- status: "loading"
402
- })), /*#__PURE__*/React.createElement("span", {
403
- style: spanStyle
404
- }, /*#__PURE__*/React.createElement(Button, {
405
- customClass: {
406
- customButton: style.customButton,
407
- customStatus: style.status
408
- },
409
- text: "warning",
410
- palette: "primary",
411
- size: "medium",
412
- status: "loading"
413
- })), /*#__PURE__*/React.createElement("span", {
414
- style: spanStyle
415
- }, /*#__PURE__*/React.createElement(Button, {
416
- customClass: {
417
- customButton: style.customButton,
418
- customStatus: style.status
419
- },
420
- text: "warning",
421
- palette: "primary",
422
- size: "large",
423
- status: "loading"
424
- })), /*#__PURE__*/React.createElement("span", {
425
- style: spanStyle
426
- }, /*#__PURE__*/React.createElement(Button, {
427
- customClass: {
428
- customButton: style.customButton,
429
- customStatus: style.status,
430
- customStatusSize: style.statusSize
431
- },
432
- text: "warning",
433
- palette: "primary",
434
- size: "xlarge",
435
- status: "loading"
436
- }))), /*#__PURE__*/React.createElement("div", {
437
- style: contentStyle
438
- }, /*#__PURE__*/React.createElement("span", {
439
- style: spanStyle
440
- }, /*#__PURE__*/React.createElement(Button, {
441
- customClass: {
442
- customButton: style.customButton,
443
- customStatus: style.status
444
- },
445
- text: "warning",
446
- palette: "primaryFilled",
447
- size: "small",
448
- status: "loading"
449
- })), /*#__PURE__*/React.createElement("span", {
450
- style: spanStyle
451
- }, /*#__PURE__*/React.createElement(Button, {
452
- customClass: {
453
- customButton: style.customButton,
454
- customStatus: style.status
455
- },
456
- text: "warning",
457
- palette: "primaryFilled",
458
- size: "medium",
459
- status: "loading"
460
- })), /*#__PURE__*/React.createElement("span", {
461
- style: spanStyle
462
- }, /*#__PURE__*/React.createElement(Button, {
463
- customClass: {
464
- customButton: style.customButton,
465
- customStatus: style.status
466
- },
467
- text: "warning",
468
- palette: "primaryFilled",
469
- size: "large",
470
- status: "loading"
471
- })), /*#__PURE__*/React.createElement("span", {
472
- style: spanStyle
473
- }, /*#__PURE__*/React.createElement(Button, {
474
- customClass: {
475
- customButton: style.customButton,
476
- customStatus: style.status,
477
- customStatusSize: style.statusSize
478
- },
479
- text: "warning",
480
- palette: "primaryFilled",
481
- size: "xlarge",
482
- status: "loading"
483
- }))), /*#__PURE__*/React.createElement("div", {
484
- style: contentStyle
485
- }, /*#__PURE__*/React.createElement("span", {
486
- style: spanStyle
487
- }, /*#__PURE__*/React.createElement(Button, {
488
- customClass: {
489
- customButton: style.customButton,
490
- customStatus: style.status
491
- },
492
- text: "warning",
493
- palette: "danger",
494
- size: "small",
495
- status: "loading"
496
- })), /*#__PURE__*/React.createElement("span", {
497
- style: spanStyle
498
- }, /*#__PURE__*/React.createElement(Button, {
499
- customClass: {
500
- customButton: style.customButton,
501
- customStatus: style.status
502
- },
503
- text: "warning",
504
- palette: "danger",
505
- size: "medium",
506
- status: "loading"
507
- })), /*#__PURE__*/React.createElement("span", {
508
- style: spanStyle
509
- }, /*#__PURE__*/React.createElement(Button, {
510
- customClass: {
511
- customButton: style.customButton,
512
- customStatus: style.status
513
- },
514
- text: "warning",
515
- palette: "danger",
516
- size: "large",
517
- status: "loading"
518
- })), /*#__PURE__*/React.createElement("span", {
519
- style: spanStyle
520
- }, /*#__PURE__*/React.createElement(Button, {
521
- customClass: {
522
- customButton: style.customButton,
523
- customStatus: style.status,
524
- customStatusSize: style.statusSize
525
- },
526
- text: "warning",
527
- palette: "danger",
528
- size: "xlarge",
529
- status: "loading"
530
- }))), /*#__PURE__*/React.createElement("div", {
531
- style: contentStyle
532
- }, /*#__PURE__*/React.createElement("span", {
533
- style: spanStyle
534
- }, /*#__PURE__*/React.createElement(Button, {
535
- customClass: {
536
- customButton: style.customButton,
537
- customStatus: style.status
538
- },
539
- text: "warning",
540
- palette: "dangerFilled",
541
- size: "small",
542
- status: "loading"
543
- })), /*#__PURE__*/React.createElement("span", {
544
- style: spanStyle
545
- }, /*#__PURE__*/React.createElement(Button, {
546
- customClass: {
547
- customButton: style.customButton,
548
- customStatus: style.status
549
- },
550
- text: "warning",
551
- palette: "dangerFilled",
552
- size: "medium",
553
- status: "loading"
554
- })), /*#__PURE__*/React.createElement("span", {
555
- style: spanStyle
556
- }, /*#__PURE__*/React.createElement(Button, {
557
- customClass: {
558
- customButton: style.customButton,
559
- customStatus: style.status
560
- },
561
- text: "warning",
562
- palette: "dangerFilled",
563
- size: "large",
564
- status: "loading"
565
- })), /*#__PURE__*/React.createElement("span", {
566
- style: spanStyle
567
- }, /*#__PURE__*/React.createElement(Button, {
568
- customClass: {
569
- customButton: style.customButton,
570
- customStatus: style.status,
571
- customStatusSize: style.statusSize
572
- },
573
- text: "warning",
574
- palette: "dangerFilled",
575
- size: "xlarge",
576
- status: "loading"
577
- }))), /*#__PURE__*/React.createElement("div", {
578
- style: contentStyle
579
- }, /*#__PURE__*/React.createElement("span", {
580
- style: spanStyle
581
- }, /*#__PURE__*/React.createElement(Button, {
582
- customClass: {
583
- customButton: style.customButton,
584
- customStatus: style.status
585
- },
586
- text: "warning",
587
- palette: "primary",
588
- size: "small",
589
- status: "success"
590
- })), /*#__PURE__*/React.createElement("span", {
591
- style: spanStyle
592
- }, /*#__PURE__*/React.createElement(Button, {
593
- customClass: {
594
- customButton: style.customButton,
595
- customStatus: style.status
596
- },
597
- text: "warning",
598
- palette: "primary",
599
- size: "medium",
600
- status: "success"
601
- })), /*#__PURE__*/React.createElement("span", {
602
- style: spanStyle
603
- }, /*#__PURE__*/React.createElement(Button, {
604
- customClass: {
605
- customButton: style.customButton,
606
- customStatus: style.status
607
- },
608
- text: "warning",
609
- palette: "primary",
610
- size: "large",
611
- status: "success"
612
- })), /*#__PURE__*/React.createElement("span", {
613
- style: spanStyle
614
- }, /*#__PURE__*/React.createElement(Button, {
615
- customClass: {
616
- customButton: style.customButton,
617
- customStatus: style.status
618
- },
619
- text: "warning",
620
- palette: "primary",
621
- size: "xlarge",
622
- status: "success"
623
- }))), /*#__PURE__*/React.createElement("div", {
624
- style: contentStyle
625
- }, /*#__PURE__*/React.createElement("span", {
626
- style: spanStyle
627
- }, /*#__PURE__*/React.createElement(Button, {
628
- customClass: {
629
- customButton: style.customButton,
630
- customStatus: style.status
631
- },
632
- text: "warning",
633
- palette: "primaryFilled",
634
- size: "small",
635
- status: "success"
636
- })), /*#__PURE__*/React.createElement("span", {
637
- style: spanStyle
638
- }, /*#__PURE__*/React.createElement(Button, {
639
- customClass: {
640
- customButton: style.customButton,
641
- customStatus: style.status
642
- },
643
- text: "warning",
644
- palette: "primaryFilled",
645
- size: "medium",
646
- status: "success"
647
- })), /*#__PURE__*/React.createElement("span", {
648
- style: spanStyle
649
- }, /*#__PURE__*/React.createElement(Button, {
650
- customClass: {
651
- customButton: style.customButton,
652
- customStatus: style.status
653
- },
654
- text: "warning",
655
- palette: "primaryFilled",
656
- size: "large",
657
- status: "success"
658
- })), /*#__PURE__*/React.createElement("span", {
659
- style: spanStyle
660
- }, /*#__PURE__*/React.createElement(Button, {
661
- customClass: {
662
- customButton: style.customButton,
663
- customStatus: style.status
664
- },
665
- text: "warning",
666
- palette: "primaryFilled",
667
- size: "xlarge",
668
- status: "success"
669
- }))), /*#__PURE__*/React.createElement("div", {
670
- style: contentStyle
671
- }, /*#__PURE__*/React.createElement("span", {
672
- style: spanStyle
673
- }, /*#__PURE__*/React.createElement(Button, {
674
- customClass: {
675
- customButton: style.customButton,
676
- customStatus: style.status
677
- },
678
- text: "warning",
679
- palette: "danger",
680
- size: "small",
681
- status: "success"
682
- })), /*#__PURE__*/React.createElement("span", {
683
- style: spanStyle
684
- }, /*#__PURE__*/React.createElement(Button, {
685
- customClass: {
686
- customButton: style.customButton,
687
- customStatus: style.status
688
- },
689
- text: "warning",
690
- palette: "danger",
691
- size: "medium",
692
- status: "success"
693
- })), /*#__PURE__*/React.createElement("span", {
694
- style: spanStyle
695
- }, /*#__PURE__*/React.createElement(Button, {
696
- customClass: {
697
- customButton: style.customButton,
698
- customStatus: style.status
699
- },
700
- text: "warning",
701
- palette: "danger",
702
- size: "large",
703
- status: "success"
704
- })), /*#__PURE__*/React.createElement("span", {
705
- style: spanStyle
706
- }, /*#__PURE__*/React.createElement(Button, {
707
- customClass: {
708
- customButton: style.customButton,
709
- customStatus: style.status
710
- },
711
- text: "warning",
712
- palette: "danger",
713
- size: "xlarge",
714
- status: "success"
715
- }))), /*#__PURE__*/React.createElement("div", {
716
- style: contentStyle
717
- }, /*#__PURE__*/React.createElement("span", {
718
- style: spanStyle
719
- }, /*#__PURE__*/React.createElement(Button, {
720
- customClass: {
721
- customButton: style.customButton,
722
- customStatus: style.status
723
- },
724
- text: "warning",
725
- palette: "dangerFilled",
726
- size: "small",
727
- status: "success"
728
- })), /*#__PURE__*/React.createElement("span", {
729
- style: spanStyle
730
- }, /*#__PURE__*/React.createElement(Button, {
731
- customClass: {
732
- customButton: style.customButton,
733
- customStatus: style.status
734
- },
735
- text: "warning",
736
- palette: "dangerFilled",
737
- size: "medium",
738
- status: "success"
739
- })), /*#__PURE__*/React.createElement("span", {
740
- style: spanStyle
741
- }, /*#__PURE__*/React.createElement(Button, {
742
- customClass: {
743
- customButton: style.customButton,
744
- customStatus: style.status
745
- },
746
- text: "warning",
747
- palette: "dangerFilled",
748
- size: "large",
749
- status: "success"
750
- })), /*#__PURE__*/React.createElement("span", {
751
- style: spanStyle
752
- }, /*#__PURE__*/React.createElement(Button, {
753
- customClass: {
754
- customButton: style.customButton,
755
- customStatus: style.status
756
- },
757
- text: "warning",
758
- palette: "dangerFilled",
759
- size: "xlarge",
760
- status: "success"
761
- })))));
762
- }
763
-
764
- }
765
-
766
- if (false) {
767
- Button__custom.docs = {
768
- componentGroup: 'Form Elements',
769
- folderName: 'Style Guide'
770
- };
771
- }