@desynova-digital/components 9.0.26 → 9.1.0

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 (170) hide show
  1. package/_helpers/globals.js +9 -10
  2. package/_helpers/pagination.js +10 -15
  3. package/_helpers/story-example.js +16 -39
  4. package/_helpers/story-helpers.js +15 -14
  5. package/_helpers/story-stack.js +22 -43
  6. package/_helpers/uniqueId.js +2 -5
  7. package/_helpers/utils.js +28 -4
  8. package/atoms/avatar/avatar.js +19 -42
  9. package/atoms/avatar/avatar.story.js +25 -58
  10. package/atoms/avatar/index.js +13 -11
  11. package/atoms/badge/badge.js +14 -37
  12. package/atoms/badge/badge.story.js +45 -103
  13. package/atoms/badge/index.js +12 -10
  14. package/atoms/button/button.js +85 -161
  15. package/atoms/button/button.story.js +354 -508
  16. package/atoms/button/index.js +5 -9
  17. package/atoms/card/card.js +26 -55
  18. package/atoms/card/card.story.js +39 -88
  19. package/atoms/card/index.js +12 -10
  20. package/atoms/cardStack/cardStack.js +88 -147
  21. package/atoms/cardStack/cardStack.story.js +106 -210
  22. package/atoms/cardStack/index.js +12 -10
  23. package/atoms/cardV2/cardV2.js +57 -106
  24. package/atoms/cardV2/cardV2.story.js +184 -232
  25. package/atoms/cardV2/content.js +154 -256
  26. package/atoms/cardV2/index.js +4 -8
  27. package/atoms/cardV2/thumbnail.js +138 -208
  28. package/atoms/cardV2/timeline.js +167 -123
  29. package/atoms/checkbox/checkbox.js +85 -157
  30. package/atoms/checkbox/checkbox.story.js +237 -365
  31. package/atoms/checkbox/index.js +4 -9
  32. package/atoms/customSelect/customSelect.js +136 -215
  33. package/atoms/customSelect/customSelect.story.js +745 -851
  34. package/atoms/customSelect/index.js +4 -8
  35. package/atoms/datePicker/datePicker.js +299 -431
  36. package/atoms/datePicker/datePicker.story.js +453 -501
  37. package/atoms/datePicker/index.js +4 -8
  38. package/atoms/dateTime/dateTime.js +3 -6
  39. package/atoms/dateTime/dateTime.story.js +17 -63
  40. package/atoms/dateTime/index.js +5 -9
  41. package/atoms/draftInputText/draftInputText.js +121 -189
  42. package/atoms/draftInputText/draftInputText.story.js +200 -249
  43. package/atoms/draftInputText/index.js +5 -9
  44. package/atoms/dropdown/dropdown.js +38 -66
  45. package/atoms/dropdown/dropdown.story.js +102 -262
  46. package/atoms/dropdown/index.js +4 -8
  47. package/atoms/dropdownList/dropdownList.js +78 -108
  48. package/atoms/dropdownList/dropdownList.story.js +1546 -1621
  49. package/atoms/dropdownList/index.js +4 -8
  50. package/atoms/graphs/barGraph/barGraph.js +95 -146
  51. package/atoms/graphs/barGraph/barGraph.story.js +65 -87
  52. package/atoms/graphs/barGraph/index.js +4 -8
  53. package/atoms/graphs/circleDonut/circleDonut.js +177 -229
  54. package/atoms/graphs/circleDonut/circleDonut.story.js +328 -394
  55. package/atoms/graphs/circleDonut/index.js +5 -9
  56. package/atoms/graphs/circleGraph/circleGraph.js +60 -90
  57. package/atoms/graphs/circleGraph/circleGraph.story.js +36 -54
  58. package/atoms/graphs/circleGraph/index.js +4 -8
  59. package/atoms/graphs/circleNested/circleNested.js +216 -262
  60. package/atoms/graphs/circleNested/circleNested.story.js +91 -116
  61. package/atoms/graphs/circleNested/index.js +5 -9
  62. package/atoms/graphs/pieChart/index.js +4 -8
  63. package/atoms/graphs/pieChart/pieChart.js +162 -191
  64. package/atoms/graphs/pieChart/pieChart.story.js +147 -176
  65. package/atoms/graphs/verticalBarGraph/index.js +5 -9
  66. package/atoms/graphs/verticalBarGraph/verticalBarGraph.js +75 -98
  67. package/atoms/graphs/verticalBarGraph/verticalBarGraph.story.js +26 -45
  68. package/atoms/icon/icon.js +41 -72
  69. package/atoms/icon/icon.story.js +831 -260
  70. package/atoms/icon/index.js +19 -12
  71. package/atoms/image/image.js +18 -32
  72. package/atoms/image/image.story.js +10 -19
  73. package/atoms/image/index.js +4 -8
  74. package/atoms/inputText/index.js +4 -8
  75. package/atoms/inputText/inputText.js +86 -131
  76. package/atoms/inputText/inputText.story.js +191 -255
  77. package/atoms/label/index.js +4 -8
  78. package/atoms/label/label.js +25 -50
  79. package/atoms/label/label.story.js +42 -83
  80. package/atoms/loader/CircleLoader.js +29 -63
  81. package/atoms/loader/ShimmerComponent/CollabShimmerCard.js +39 -50
  82. package/atoms/loader/ShimmerComponent/CollabShimmerCardTray.js +41 -42
  83. package/atoms/loader/ShimmerComponent/FiltersShimmer.js +30 -30
  84. package/atoms/loader/ShimmerComponent/GraphDetailShimmer.js +21 -34
  85. package/atoms/loader/ShimmerComponent/GraphTitleShimmer.js +30 -34
  86. package/atoms/loader/ShimmerComponent/GraphsComponentShimmer.js +23 -32
  87. package/atoms/loader/ShimmerComponent/Shimmer.js +24 -32
  88. package/atoms/loader/ThreeDotLoader.js +14 -29
  89. package/atoms/loader/index.js +13 -11
  90. package/atoms/loader/loader.js +34 -58
  91. package/atoms/loader/loader.story.js +48 -52
  92. package/atoms/loader/spinningLoader.js +23 -34
  93. package/atoms/popup/index.js +5 -9
  94. package/atoms/popup/popup.js +123 -208
  95. package/atoms/popup/popup.story.js +97 -131
  96. package/atoms/radio/index.js +18 -11
  97. package/atoms/radio/radio.js +58 -112
  98. package/atoms/radio/radio.story.js +197 -420
  99. package/atoms/select/index.js +4 -8
  100. package/atoms/select/select.js +48 -86
  101. package/atoms/sideBar/index.js +5 -9
  102. package/atoms/sideBar/sidebar.js +89 -140
  103. package/atoms/switch/index.js +4 -8
  104. package/atoms/switch/switch.js +56 -86
  105. package/atoms/switch/switch.story.js +268 -415
  106. package/atoms/tag/index.js +12 -10
  107. package/atoms/tag/tag.js +29 -63
  108. package/atoms/tag/tag.story.js +135 -209
  109. package/atoms/textarea/index.js +5 -9
  110. package/atoms/textarea/textarea.js +55 -99
  111. package/atoms/textarea/textarea.story.js +48 -41
  112. package/atoms/thematicBreak/index.js +12 -10
  113. package/atoms/thematicBreak/thematicBreak.js +20 -38
  114. package/atoms/thematicBreak/thematicBreak.story.js +25 -37
  115. package/atoms/timeCodeInput/index.js +4 -8
  116. package/atoms/timeCodeInput/timCodeInput.story.js +21 -35
  117. package/atoms/timeCodeInput/timeCodeInput.js +33 -51
  118. package/atoms/timer/index.js +5 -9
  119. package/atoms/timer/timer.js +57 -108
  120. package/atoms/timer/timer.story.js +13 -26
  121. package/atoms/toast/index.js +5 -9
  122. package/atoms/toast/toast.js +81 -116
  123. package/atoms/toast/toast.story.js +50 -76
  124. package/atoms/videoCard/index.js +12 -10
  125. package/atoms/videoCard/videoCard.js +265 -447
  126. package/atoms/videoCard/videoCard.story.js +495 -710
  127. package/components.js +411 -294
  128. package/index.js +350 -61
  129. package/molecules/carousel/carousel.js +121 -207
  130. package/molecules/carousel/carousel.story.js +240 -223
  131. package/molecules/carousel/index.js +5 -9
  132. package/molecules/errorScreen/CollabErrorScreen.js +35 -66
  133. package/molecules/errorScreen/TableErrorScreen.js +109 -102
  134. package/molecules/errorScreen/TableErrorScreen.jsx +7 -6
  135. package/molecules/errorScreen/errorScreen.js +41 -94
  136. package/molecules/filter/constants.js +1 -0
  137. package/molecules/filter/filter.js +378 -562
  138. package/molecules/filter/filter.story.js +79 -104
  139. package/molecules/filter/index.js +5 -9
  140. package/molecules/graphCard/graphCard.js +97 -193
  141. package/molecules/graphCard/graphCard.story.js +159 -191
  142. package/molecules/graphCard/index.js +4 -8
  143. package/molecules/graphCard/loader.js +28 -68
  144. package/molecules/graphDetailCard/graphDetailCard.js +115 -183
  145. package/molecules/graphDetailCard/graphDetailCard.story.js +218 -254
  146. package/molecules/graphDetailCard/index.js +5 -9
  147. package/molecules/pageHeader/index.js +12 -10
  148. package/molecules/pageHeader/pageHeader.js +38 -79
  149. package/molecules/pageHeader/pageHeader.story.js +34 -55
  150. package/molecules/pagination/index.js +4 -8
  151. package/molecules/pagination/pagination.js +126 -202
  152. package/molecules/pagination/pagination.story.js +40 -52
  153. package/molecules/richTextInput/RichTextInput.js +354 -0
  154. package/molecules/richTextInput/RichTextInput.story.js +50 -0
  155. package/molecules/richTextInput/index.js +9 -0
  156. package/molecules/table/index.js +4 -8
  157. package/molecules/table/table-column.js +10 -16
  158. package/molecules/table/table-header.js +31 -72
  159. package/molecules/table/table.js +743 -1075
  160. package/molecules/table/table.story.js +274 -304
  161. package/molecules/tabs/index.js +4 -8
  162. package/molecules/tabs/tabs.js +112 -184
  163. package/molecules/tabs/tabs.story.js +66 -133
  164. package/molecules/videoCardList/index.js +4 -8
  165. package/molecules/videoCardList/videoCardList.js +24 -41
  166. package/molecules/videoCardList/videoCardList.story.js +449 -664
  167. package/molecules/videoPlayer/index.js +4 -8
  168. package/molecules/videoPlayer/videoPlayer.js +1019 -1097
  169. package/molecules/videoPlayer/videoPlayer.story.js +10 -21
  170. package/package.json +2 -2
package/atoms/switch/switch.story.js CHANGED
@@ -1,420 +1,273 @@
1
- 'use strict';
2
-
3
- var _react = require('react');
4
-
5
- var _react2 = _interopRequireDefault(_react);
6
-
7
- var _react3 = require('@storybook/react');
8
-
9
- var _storyHelpers = require('../../_helpers/story-helpers');
10
-
11
- var _components = require('../../components');
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ "use strict";
14
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _react2 = require("@storybook/react");
6
+ var _storyHelpers = require("../../_helpers/story-helpers");
7
+ var _components = require("../../components");
15
8
  //console.log(RadioGroup);
16
- (0, _react3.storiesOf)('Switch').add('light theme', function () {
17
- return _react2.default.createElement(
18
- _storyHelpers.Example,
19
- null,
20
- _react2.default.createElement(
21
- 'div',
22
- null,
23
- _react2.default.createElement(
24
- 'div',
25
- null,
26
- _react2.default.createElement(
27
- 'div',
28
- {
29
- style: {
30
- background: '#fff',
31
- padding: '10px'
32
- }
33
- },
34
- _react2.default.createElement(_components.Switch, {
35
- checked: true,
36
- theme: 'light',
37
- onChangeCheck: function onChangeCheck(value) {
38
- console.log(value);
39
- }
40
- })
41
- ),
42
- _react2.default.createElement(
43
- 'div',
44
- {
45
- style: {
46
- background: '#fff',
47
- padding: '10px'
48
- }
49
- },
50
- _react2.default.createElement(_components.Switch, {
51
- checked: false,
52
- theme: 'light',
53
- onChangeCheck: function onChangeCheck(value) {
54
- console.log(value);
55
- }
56
- })
57
- ),
58
- _react2.default.createElement(
59
- 'div',
60
- {
61
- style: {
62
- background: '#fff',
63
- padding: '10px'
64
- }
65
- },
66
- _react2.default.createElement(_components.Switch, {
67
- checked: false,
68
- theme: 'light',
69
- onChangeCheck: function onChangeCheck(value) {
70
- console.log(value);
71
- }
72
- })
73
- ),
74
- _react2.default.createElement(
75
- 'div',
76
- {
77
- style: {
78
- background: '#fff',
79
- padding: '10px'
80
- }
81
- },
82
- _react2.default.createElement(_components.Switch, {
83
- checked: true,
84
- theme: 'light',
85
- onChangeCheck: function onChangeCheck(value) {
86
- console.log(value);
87
- }
88
- })
89
- ),
90
- _react2.default.createElement(
91
- 'div',
92
- {
93
- style: {
94
- background: '#fff',
95
- padding: '10px'
96
- }
97
- },
98
- _react2.default.createElement(_components.Switch, {
99
- checked: true,
100
- disabled: true,
101
- theme: 'light',
102
- onChangeCheck: function onChangeCheck(value) {
103
- console.log(value);
104
- }
105
- })
106
- ),
107
- _react2.default.createElement(
108
- 'div',
109
- {
110
- style: {
111
- background: '#fff',
112
- padding: '10px'
113
- }
114
- },
115
- _react2.default.createElement(_components.Switch, {
116
- checked: false,
117
- disabled: true,
118
- theme: 'light',
119
- onChangeCheck: function onChangeCheck(value) {
120
- console.log(value);
121
- }
122
- })
123
- )
124
- )
125
- )
126
- );
9
+ (0, _react2.storiesOf)('Switch').add('light theme', function () {
10
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
11
+ style: {
12
+ background: '#fff',
13
+ padding: '10px'
14
+ }
15
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
16
+ checked: true,
17
+ theme: 'light',
18
+ onChangeCheck: function onChangeCheck(value) {
19
+ console.log(value);
20
+ }
21
+ })), /*#__PURE__*/_react["default"].createElement("div", {
22
+ style: {
23
+ background: '#fff',
24
+ padding: '10px'
25
+ }
26
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
27
+ checked: false,
28
+ theme: 'light',
29
+ onChangeCheck: function onChangeCheck(value) {
30
+ console.log(value);
31
+ }
32
+ })), /*#__PURE__*/_react["default"].createElement("div", {
33
+ style: {
34
+ background: '#fff',
35
+ padding: '10px'
36
+ }
37
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
38
+ checked: false,
39
+ theme: 'light',
40
+ onChangeCheck: function onChangeCheck(value) {
41
+ console.log(value);
42
+ }
43
+ })), /*#__PURE__*/_react["default"].createElement("div", {
44
+ style: {
45
+ background: '#fff',
46
+ padding: '10px'
47
+ }
48
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
49
+ checked: true,
50
+ theme: 'light',
51
+ onChangeCheck: function onChangeCheck(value) {
52
+ console.log(value);
53
+ }
54
+ })), /*#__PURE__*/_react["default"].createElement("div", {
55
+ style: {
56
+ background: '#fff',
57
+ padding: '10px'
58
+ }
59
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
60
+ checked: true,
61
+ disabled: true,
62
+ theme: 'light',
63
+ onChangeCheck: function onChangeCheck(value) {
64
+ console.log(value);
65
+ }
66
+ })), /*#__PURE__*/_react["default"].createElement("div", {
67
+ style: {
68
+ background: '#fff',
69
+ padding: '10px'
70
+ }
71
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
72
+ checked: false,
73
+ disabled: true,
74
+ theme: 'light',
75
+ onChangeCheck: function onChangeCheck(value) {
76
+ console.log(value);
77
+ }
78
+ })))));
127
79
  });
128
- (0, _react3.storiesOf)('Switch').add('dark theme', function () {
129
- return _react2.default.createElement(
130
- _storyHelpers.Example,
131
- { background: 'dark' },
132
- _react2.default.createElement(
133
- 'div',
134
- null,
135
- _react2.default.createElement(
136
- 'div',
137
- null,
138
- _react2.default.createElement(
139
- 'div',
140
- {
141
- style: {
142
- padding: '10px'
143
- }
144
- },
145
- _react2.default.createElement(_components.Switch, {
146
- checked: true,
147
- theme: 'dark',
148
- onChangeCheck: function onChangeCheck(value) {
149
- console.log(value);
150
- }
151
- })
152
- ),
153
- _react2.default.createElement(
154
- 'div',
155
- {
156
- style: {
157
- padding: '10px'
158
- }
159
- },
160
- _react2.default.createElement(_components.Switch, {
161
- checked: false,
162
- theme: 'dark',
163
- onChangeCheck: function onChangeCheck(value) {
164
- console.log(value);
165
- }
166
- })
167
- ),
168
- _react2.default.createElement(
169
- 'div',
170
- {
171
- style: {
172
- padding: '10px'
173
- }
174
- },
175
- _react2.default.createElement(_components.Switch, {
176
- checked: true,
177
- label: 'Notification',
178
- key: 'notify1',
179
- theme: 'dark',
180
- onChangeCheck: function onChangeCheck(value) {
181
- console.log(value);
182
- }
183
- })
184
- ),
185
- _react2.default.createElement(
186
- 'div',
187
- {
188
- style: {
189
- padding: '10px'
190
- }
191
- },
192
- _react2.default.createElement(_components.Switch, {
193
- checked: false,
194
- label: 'Notification',
195
- key: 'notify2',
196
- theme: 'dark',
197
- onChangeCheck: function onChangeCheck(value) {
198
- console.log(value);
199
- }
200
- })
201
- ),
202
- _react2.default.createElement(
203
- 'div',
204
- {
205
- style: {
206
- padding: '10px'
207
- }
208
- },
209
- _react2.default.createElement(_components.Switch, {
210
- checked: true,
211
- disabled: true,
212
- label: 'Notification',
213
- key: 'notify1',
214
- theme: 'dark',
215
- onChangeCheck: function onChangeCheck(value) {
216
- console.log(value);
217
- }
218
- })
219
- ),
220
- _react2.default.createElement(
221
- 'div',
222
- {
223
- style: {
224
- padding: '10px'
225
- }
226
- },
227
- _react2.default.createElement(_components.Switch, {
228
- checked: false,
229
- disabled: true,
230
- label: 'Notification',
231
- key: 'notify2',
232
- theme: 'dark',
233
- onChangeCheck: function onChangeCheck(value) {
234
- console.log(value);
235
- }
236
- })
237
- ),
238
- _react2.default.createElement(
239
- 'div',
240
- {
241
- style: {
242
- padding: '10px'
243
- }
244
- },
245
- _react2.default.createElement(_components.Switch, {
246
- checked: true,
247
- disabled: true,
248
- theme: 'dark',
249
- onChangeCheck: function onChangeCheck(value) {
250
- console.log(value);
251
- }
252
- })
253
- ),
254
- _react2.default.createElement(
255
- 'div',
256
- {
257
- style: {
258
- padding: '10px'
259
- }
260
- },
261
- _react2.default.createElement(_components.Switch, {
262
- checked: false,
263
- disabled: true,
264
- theme: 'dark',
265
- onChangeCheck: function onChangeCheck(value) {
266
- console.log(value);
267
- }
268
- })
269
- )
270
- )
271
- )
272
- );
80
+ (0, _react2.storiesOf)('Switch').add('dark theme', function () {
81
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
82
+ background: "dark"
83
+ }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
84
+ style: {
85
+ padding: '10px'
86
+ }
87
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
88
+ checked: true,
89
+ theme: 'dark',
90
+ onChangeCheck: function onChangeCheck(value) {
91
+ console.log(value);
92
+ }
93
+ })), /*#__PURE__*/_react["default"].createElement("div", {
94
+ style: {
95
+ padding: '10px'
96
+ }
97
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
98
+ checked: false,
99
+ theme: 'dark',
100
+ onChangeCheck: function onChangeCheck(value) {
101
+ console.log(value);
102
+ }
103
+ })), /*#__PURE__*/_react["default"].createElement("div", {
104
+ style: {
105
+ padding: '10px'
106
+ }
107
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
108
+ checked: true,
109
+ label: "Notification",
110
+ key: "notify1",
111
+ theme: 'dark',
112
+ onChangeCheck: function onChangeCheck(value) {
113
+ console.log(value);
114
+ }
115
+ })), /*#__PURE__*/_react["default"].createElement("div", {
116
+ style: {
117
+ padding: '10px'
118
+ }
119
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
120
+ checked: false,
121
+ label: "Notification",
122
+ key: "notify2",
123
+ theme: 'dark',
124
+ onChangeCheck: function onChangeCheck(value) {
125
+ console.log(value);
126
+ }
127
+ })), /*#__PURE__*/_react["default"].createElement("div", {
128
+ style: {
129
+ padding: '10px'
130
+ }
131
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
132
+ checked: true,
133
+ disabled: true,
134
+ label: "Notification",
135
+ key: "notify1",
136
+ theme: 'dark',
137
+ onChangeCheck: function onChangeCheck(value) {
138
+ console.log(value);
139
+ }
140
+ })), /*#__PURE__*/_react["default"].createElement("div", {
141
+ style: {
142
+ padding: '10px'
143
+ }
144
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
145
+ checked: false,
146
+ disabled: true,
147
+ label: "Notification",
148
+ key: "notify2",
149
+ theme: 'dark',
150
+ onChangeCheck: function onChangeCheck(value) {
151
+ console.log(value);
152
+ }
153
+ })), /*#__PURE__*/_react["default"].createElement("div", {
154
+ style: {
155
+ padding: '10px'
156
+ }
157
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
158
+ checked: true,
159
+ disabled: true,
160
+ theme: 'dark',
161
+ onChangeCheck: function onChangeCheck(value) {
162
+ console.log(value);
163
+ }
164
+ })), /*#__PURE__*/_react["default"].createElement("div", {
165
+ style: {
166
+ padding: '10px'
167
+ }
168
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
169
+ checked: false,
170
+ disabled: true,
171
+ theme: 'dark',
172
+ onChangeCheck: function onChangeCheck(value) {
173
+ console.log(value);
174
+ }
175
+ })))));
273
176
  });
274
-
275
- (0, _react3.storiesOf)('Switch').add('nexc theme', function () {
276
- return _react2.default.createElement(
277
- _storyHelpers.Example,
278
- { background: 'nexc' },
279
- _react2.default.createElement(
280
- 'div',
281
- null,
282
- _react2.default.createElement(
283
- 'div',
284
- null,
285
- _react2.default.createElement(
286
- 'div',
287
- {
288
- style: {
289
- padding: '10px'
290
- }
291
- },
292
- _react2.default.createElement(_components.Switch, {
293
- checked: true,
294
- theme: 'nexc',
295
- onChangeCheck: function onChangeCheck(value) {
296
- console.log(value);
297
- }
298
- })
299
- ),
300
- _react2.default.createElement(
301
- 'div',
302
- {
303
- style: {
304
- padding: '10px'
305
- }
306
- },
307
- _react2.default.createElement(_components.Switch, {
308
- checked: false,
309
- theme: 'nexc',
310
- onChangeCheck: function onChangeCheck(value) {
311
- console.log(value);
312
- }
313
- })
314
- ),
315
- _react2.default.createElement(
316
- 'div',
317
- {
318
- style: {
319
- padding: '10px'
320
- }
321
- },
322
- _react2.default.createElement(_components.Switch, {
323
- checked: true,
324
- label: 'Notification',
325
- key: 'notify1',
326
- theme: 'nexc',
327
- onChangeCheck: function onChangeCheck(value) {
328
- console.log(value);
329
- }
330
- })
331
- ),
332
- _react2.default.createElement(
333
- 'div',
334
- {
335
- style: {
336
- padding: '10px'
337
- }
338
- },
339
- _react2.default.createElement(_components.Switch, {
340
- checked: false,
341
- label: 'Notification',
342
- key: 'notify2',
343
- theme: 'nexc',
344
- onChangeCheck: function onChangeCheck(value) {
345
- console.log(value);
346
- }
347
- })
348
- ),
349
- _react2.default.createElement(
350
- 'div',
351
- {
352
- style: {
353
- padding: '10px'
354
- }
355
- },
356
- _react2.default.createElement(_components.Switch, {
357
- checked: true,
358
- disabled: true,
359
- label: 'Notification',
360
- key: 'notify1',
361
- theme: 'nexc',
362
- onChangeCheck: function onChangeCheck(value) {
363
- console.log(value);
364
- }
365
- })
366
- ),
367
- _react2.default.createElement(
368
- 'div',
369
- {
370
- style: {
371
- padding: '10px'
372
- }
373
- },
374
- _react2.default.createElement(_components.Switch, {
375
- checked: false,
376
- disabled: true,
377
- label: 'Notification',
378
- key: 'notify2',
379
- theme: 'nexc',
380
- onChangeCheck: function onChangeCheck(value) {
381
- console.log(value);
382
- }
383
- })
384
- ),
385
- _react2.default.createElement(
386
- 'div',
387
- {
388
- style: {
389
- padding: '10px'
390
- }
391
- },
392
- _react2.default.createElement(_components.Switch, {
393
- checked: true,
394
- disabled: true,
395
- theme: 'nexc',
396
- onChangeCheck: function onChangeCheck(value) {
397
- console.log(value);
398
- }
399
- })
400
- ),
401
- _react2.default.createElement(
402
- 'div',
403
- {
404
- style: {
405
- padding: '10px'
406
- }
407
- },
408
- _react2.default.createElement(_components.Switch, {
409
- checked: false,
410
- disabled: true,
411
- theme: 'nexc',
412
- onChangeCheck: function onChangeCheck(value) {
413
- console.log(value);
414
- }
415
- })
416
- )
417
- )
418
- )
419
- );
177
+ (0, _react2.storiesOf)('Switch').add('nexc theme', function () {
178
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
179
+ background: "nexc"
180
+ }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
181
+ style: {
182
+ padding: '10px'
183
+ }
184
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
185
+ checked: true,
186
+ theme: 'nexc',
187
+ onChangeCheck: function onChangeCheck(value) {
188
+ console.log(value);
189
+ }
190
+ })), /*#__PURE__*/_react["default"].createElement("div", {
191
+ style: {
192
+ padding: '10px'
193
+ }
194
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
195
+ checked: false,
196
+ theme: 'nexc',
197
+ onChangeCheck: function onChangeCheck(value) {
198
+ console.log(value);
199
+ }
200
+ })), /*#__PURE__*/_react["default"].createElement("div", {
201
+ style: {
202
+ padding: '10px'
203
+ }
204
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
205
+ checked: true,
206
+ label: "Notification",
207
+ key: "notify1",
208
+ theme: 'nexc',
209
+ onChangeCheck: function onChangeCheck(value) {
210
+ console.log(value);
211
+ }
212
+ })), /*#__PURE__*/_react["default"].createElement("div", {
213
+ style: {
214
+ padding: '10px'
215
+ }
216
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
217
+ checked: false,
218
+ label: "Notification",
219
+ key: "notify2",
220
+ theme: 'nexc',
221
+ onChangeCheck: function onChangeCheck(value) {
222
+ console.log(value);
223
+ }
224
+ })), /*#__PURE__*/_react["default"].createElement("div", {
225
+ style: {
226
+ padding: '10px'
227
+ }
228
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
229
+ checked: true,
230
+ disabled: true,
231
+ label: "Notification",
232
+ key: "notify1",
233
+ theme: 'nexc',
234
+ onChangeCheck: function onChangeCheck(value) {
235
+ console.log(value);
236
+ }
237
+ })), /*#__PURE__*/_react["default"].createElement("div", {
238
+ style: {
239
+ padding: '10px'
240
+ }
241
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
242
+ checked: false,
243
+ disabled: true,
244
+ label: "Notification",
245
+ key: "notify2",
246
+ theme: 'nexc',
247
+ onChangeCheck: function onChangeCheck(value) {
248
+ console.log(value);
249
+ }
250
+ })), /*#__PURE__*/_react["default"].createElement("div", {
251
+ style: {
252
+ padding: '10px'
253
+ }
254
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
255
+ checked: true,
256
+ disabled: true,
257
+ theme: 'nexc',
258
+ onChangeCheck: function onChangeCheck(value) {
259
+ console.log(value);
260
+ }
261
+ })), /*#__PURE__*/_react["default"].createElement("div", {
262
+ style: {
263
+ padding: '10px'
264
+ }
265
+ }, /*#__PURE__*/_react["default"].createElement(_components.Switch, {
266
+ checked: false,
267
+ disabled: true,
268
+ theme: 'nexc',
269
+ onChangeCheck: function onChangeCheck(value) {
270
+ console.log(value);
271
+ }
272
+ })))));
420
273
  });