@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/radio/radio.story.js CHANGED
@@ -1,425 +1,202 @@
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)('Radio').add('light theme', function () {
17
- return _react2.default.createElement(
18
- _storyHelpers.Example,
19
- null,
20
- _react2.default.createElement(
21
- _storyHelpers.Stack,
22
- null,
23
- _react2.default.createElement(
24
- _components.Radio.Group,
25
- {
26
- radioname: 'example11',
27
- type: 'label',
28
- align: 'horizontal',
29
- onChange: function onChange(e) {
30
- console.log(e.target.value);
31
- }
32
- },
33
- _react2.default.createElement(
34
- _components.Radio,
35
- { value: 'one' },
36
- 'Option 1'
37
- ),
38
- _react2.default.createElement(
39
- _components.Radio,
40
- { value: 'two' },
41
- 'Option 2'
42
- ),
43
- _react2.default.createElement(
44
- _components.Radio,
45
- { value: 'three' },
46
- 'Option 3'
47
- ),
48
- _react2.default.createElement(
49
- _components.Radio,
50
- { value: 'four' },
51
- 'Option 4'
52
- )
53
- ),
54
- _react2.default.createElement(
55
- _components.Radio.Group,
56
- {
57
- radioname: 'example12',
58
- readOnly: true,
59
- onChange: function onChange(e) {
60
- console.log(e.target.value);
61
- }
62
- },
63
- _react2.default.createElement(
64
- _components.Radio,
65
- { value: 'one' },
66
- 'Option 1'
67
- ),
68
- _react2.default.createElement(
69
- _components.Radio,
70
- { value: 'two' },
71
- 'Option 2'
72
- ),
73
- _react2.default.createElement(
74
- _components.Radio,
75
- { value: 'three' },
76
- 'Option 3'
77
- ),
78
- _react2.default.createElement(
79
- _components.Radio,
80
- { value: 'four' },
81
- 'Option 4'
82
- )
83
- )
84
- ),
85
- _react2.default.createElement(
86
- _storyHelpers.Stack,
87
- null,
88
- _react2.default.createElement(
89
- _components.Radio.Group,
90
- {
91
- radioname: 'example21',
92
- onChange: function onChange(e) {
93
- console.log(e.target.value);
94
- }
95
- },
96
- _react2.default.createElement(
97
- _components.Radio,
98
- { value: 'one' },
99
- 'Option 1'
100
- ),
101
- _react2.default.createElement(
102
- _components.Radio,
103
- { value: 'two', readOnly: true },
104
- 'Option 2'
105
- ),
106
- _react2.default.createElement(
107
- _components.Radio,
108
- { value: 'three' },
109
- 'Option 3'
110
- ),
111
- _react2.default.createElement(
112
- _components.Radio,
113
- { value: 'four' },
114
- 'Option 4'
115
- )
116
- ),
117
- _react2.default.createElement(
118
- _components.Radio.Group,
119
- {
120
- radioname: 'example22',
121
- readOnly: true,
122
- align: 'horizontal',
123
- onChange: function onChange(e) {
124
- console.log(e.target.value);
125
- }
126
- },
127
- _react2.default.createElement(
128
- _components.Radio,
129
- { value: 'one' },
130
- 'Option 1'
131
- ),
132
- _react2.default.createElement(
133
- _components.Radio,
134
- { value: 'two', checked: true },
135
- 'Option 2'
136
- ),
137
- _react2.default.createElement(
138
- _components.Radio,
139
- { value: 'three' },
140
- 'Option 3'
141
- ),
142
- _react2.default.createElement(
143
- _components.Radio,
144
- { value: 'four' },
145
- 'Option 4'
146
- )
147
- )
148
- )
149
- );
9
+ (0, _react2.storiesOf)('Radio').add('light theme', function () {
10
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, null, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
11
+ radioname: "example11",
12
+ type: "label",
13
+ align: "horizontal",
14
+ onChange: function onChange(e) {
15
+ console.log(e.target.value);
16
+ }
17
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
18
+ value: "one"
19
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
20
+ value: "two"
21
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
22
+ value: "three"
23
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
24
+ value: "four"
25
+ }, "Option 4")), /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
26
+ radioname: "example12",
27
+ readOnly: true,
28
+ onChange: function onChange(e) {
29
+ console.log(e.target.value);
30
+ }
31
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
32
+ value: "one"
33
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
34
+ value: "two"
35
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
36
+ value: "three"
37
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
38
+ value: "four"
39
+ }, "Option 4"))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
40
+ radioname: "example21",
41
+ onChange: function onChange(e) {
42
+ console.log(e.target.value);
43
+ }
44
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
45
+ value: "one"
46
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
47
+ value: "two",
48
+ readOnly: true
49
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
50
+ value: "three"
51
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
52
+ value: "four"
53
+ }, "Option 4")), /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
54
+ radioname: "example22",
55
+ readOnly: true,
56
+ align: "horizontal",
57
+ onChange: function onChange(e) {
58
+ console.log(e.target.value);
59
+ }
60
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
61
+ value: "one"
62
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
63
+ value: "two",
64
+ checked: true
65
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
66
+ value: "three"
67
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
68
+ value: "four"
69
+ }, "Option 4"))));
150
70
  });
151
- (0, _react3.storiesOf)('Radio').add('dark theme', function () {
152
- return _react2.default.createElement(
153
- _storyHelpers.Example,
154
- { background: 'dark' },
155
- _react2.default.createElement(
156
- _storyHelpers.Stack,
157
- null,
158
- _react2.default.createElement(
159
- _components.Radio.Group,
160
- {
161
- theme: 'dark',
162
- radioname: 'example11',
163
- onChange: function onChange(e) {
164
- console.log(e.target.value);
165
- }
166
- },
167
- _react2.default.createElement(
168
- _components.Radio,
169
- { value: 'one' },
170
- 'Option 1'
171
- ),
172
- _react2.default.createElement(
173
- _components.Radio,
174
- { value: 'two' },
175
- 'Option 2'
176
- ),
177
- _react2.default.createElement(
178
- _components.Radio,
179
- { value: 'three' },
180
- 'Option 3'
181
- ),
182
- _react2.default.createElement(
183
- _components.Radio,
184
- { value: 'four' },
185
- 'Option 4'
186
- )
187
- ),
188
- _react2.default.createElement(
189
- _components.Radio.Group,
190
- {
191
- theme: 'dark',
192
- radioname: 'example12',
193
- readOnly: true,
194
- onChange: function onChange(e) {
195
- console.log(e.target.value);
196
- }
197
- },
198
- _react2.default.createElement(
199
- _components.Radio,
200
- { value: 'one' },
201
- 'Option 1'
202
- ),
203
- _react2.default.createElement(
204
- _components.Radio,
205
- { value: 'two' },
206
- 'Option 2'
207
- ),
208
- _react2.default.createElement(
209
- _components.Radio,
210
- { value: 'three' },
211
- 'Option 3'
212
- ),
213
- _react2.default.createElement(
214
- _components.Radio,
215
- { value: 'four' },
216
- 'Option 4'
217
- )
218
- )
219
- ),
220
- _react2.default.createElement(
221
- _storyHelpers.Stack,
222
- null,
223
- _react2.default.createElement(
224
- _components.Radio.Group,
225
- {
226
- theme: 'dark',
227
- radioname: 'example21',
228
- onChange: function onChange(e) {
229
- console.log(e.target.value);
230
- }
231
- },
232
- _react2.default.createElement(
233
- _components.Radio,
234
- { value: 'one' },
235
- 'Option 1'
236
- ),
237
- _react2.default.createElement(
238
- _components.Radio,
239
- { value: 'two', readOnly: true },
240
- 'Option 2'
241
- ),
242
- _react2.default.createElement(
243
- _components.Radio,
244
- { value: 'three' },
245
- 'Option 3'
246
- ),
247
- _react2.default.createElement(
248
- _components.Radio,
249
- { value: 'four' },
250
- 'Option 4'
251
- )
252
- ),
253
- _react2.default.createElement(
254
- _components.Radio.Group,
255
- {
256
- theme: 'dark',
257
- radioname: 'example22',
258
- readOnly: true,
259
- align: 'horizontal',
260
- onChange: function onChange(e) {
261
- console.log(e.target.value);
262
- }
263
- },
264
- _react2.default.createElement(
265
- _components.Radio,
266
- { value: 'one' },
267
- 'Option 1'
268
- ),
269
- _react2.default.createElement(
270
- _components.Radio,
271
- { value: 'two', checked: true },
272
- 'Option 2'
273
- ),
274
- _react2.default.createElement(
275
- _components.Radio,
276
- { value: 'three' },
277
- 'Option 3'
278
- ),
279
- _react2.default.createElement(
280
- _components.Radio,
281
- { value: 'four' },
282
- 'Option 4'
283
- )
284
- )
285
- )
286
- );
71
+ (0, _react2.storiesOf)('Radio').add('dark theme', function () {
72
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
73
+ background: "dark"
74
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
75
+ theme: "dark",
76
+ radioname: "example11",
77
+ onChange: function onChange(e) {
78
+ console.log(e.target.value);
79
+ }
80
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
81
+ value: "one"
82
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
83
+ value: "two"
84
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
85
+ value: "three"
86
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
87
+ value: "four"
88
+ }, "Option 4")), /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
89
+ theme: "dark",
90
+ radioname: "example12",
91
+ readOnly: true,
92
+ onChange: function onChange(e) {
93
+ console.log(e.target.value);
94
+ }
95
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
96
+ value: "one"
97
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
98
+ value: "two"
99
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
100
+ value: "three"
101
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
102
+ value: "four"
103
+ }, "Option 4"))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
104
+ theme: "dark",
105
+ radioname: "example21",
106
+ onChange: function onChange(e) {
107
+ console.log(e.target.value);
108
+ }
109
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
110
+ value: "one"
111
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
112
+ value: "two",
113
+ readOnly: true
114
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
115
+ value: "three"
116
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
117
+ value: "four"
118
+ }, "Option 4")), /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
119
+ theme: "dark",
120
+ radioname: "example22",
121
+ readOnly: true,
122
+ align: "horizontal",
123
+ onChange: function onChange(e) {
124
+ console.log(e.target.value);
125
+ }
126
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
127
+ value: "one"
128
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
129
+ value: "two",
130
+ checked: true
131
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
132
+ value: "three"
133
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
134
+ value: "four"
135
+ }, "Option 4"))));
287
136
  });
288
-
289
- (0, _react3.storiesOf)('Radio').add('nexc theme', function () {
290
- return _react2.default.createElement(
291
- _storyHelpers.Example,
292
- { background: 'dark' },
293
- _react2.default.createElement(
294
- _storyHelpers.Stack,
295
- null,
296
- _react2.default.createElement(
297
- _components.Radio.Group,
298
- {
299
- theme: 'nexc',
300
- radioname: 'example11',
301
- onChange: function onChange(e) {
302
- console.log(e.target.value);
303
- }
304
- },
305
- _react2.default.createElement(
306
- _components.Radio,
307
- { value: 'one' },
308
- 'Option 1'
309
- ),
310
- _react2.default.createElement(
311
- _components.Radio,
312
- { value: 'two' },
313
- 'Option 2'
314
- ),
315
- _react2.default.createElement(
316
- _components.Radio,
317
- { value: 'three' },
318
- 'Option 3'
319
- ),
320
- _react2.default.createElement(
321
- _components.Radio,
322
- { value: 'four' },
323
- 'Option 4'
324
- )
325
- ),
326
- _react2.default.createElement(
327
- _components.Radio.Group,
328
- {
329
- theme: 'nexc',
330
- radioname: 'example12',
331
- readOnly: true,
332
- onChange: function onChange(e) {
333
- console.log(e.target.value);
334
- }
335
- },
336
- _react2.default.createElement(
337
- _components.Radio,
338
- { value: 'one' },
339
- 'Option 1'
340
- ),
341
- _react2.default.createElement(
342
- _components.Radio,
343
- { value: 'two' },
344
- 'Option 2'
345
- ),
346
- _react2.default.createElement(
347
- _components.Radio,
348
- { value: 'three' },
349
- 'Option 3'
350
- ),
351
- _react2.default.createElement(
352
- _components.Radio,
353
- { value: 'four' },
354
- 'Option 4'
355
- )
356
- )
357
- ),
358
- _react2.default.createElement(
359
- _storyHelpers.Stack,
360
- null,
361
- _react2.default.createElement(
362
- _components.Radio.Group,
363
- {
364
- theme: 'nexc',
365
- radioname: 'example21',
366
- onChange: function onChange(e) {
367
- console.log(e.target.value);
368
- }
369
- },
370
- _react2.default.createElement(
371
- _components.Radio,
372
- { value: 'one' },
373
- 'Option 1'
374
- ),
375
- _react2.default.createElement(
376
- _components.Radio,
377
- { value: 'two', readOnly: true },
378
- 'Option 2'
379
- ),
380
- _react2.default.createElement(
381
- _components.Radio,
382
- { value: 'three' },
383
- 'Option 3'
384
- ),
385
- _react2.default.createElement(
386
- _components.Radio,
387
- { value: 'four' },
388
- 'Option 4'
389
- )
390
- ),
391
- _react2.default.createElement(
392
- _components.Radio.Group,
393
- {
394
- theme: 'nexc',
395
- radioname: 'example22',
396
- readOnly: true,
397
- align: 'horizontal',
398
- onChange: function onChange(e) {
399
- console.log(e.target.value);
400
- }
401
- },
402
- _react2.default.createElement(
403
- _components.Radio,
404
- { value: 'one' },
405
- 'Option 1'
406
- ),
407
- _react2.default.createElement(
408
- _components.Radio,
409
- { value: 'two', checked: true },
410
- 'Option 2'
411
- ),
412
- _react2.default.createElement(
413
- _components.Radio,
414
- { value: 'three' },
415
- 'Option 3'
416
- ),
417
- _react2.default.createElement(
418
- _components.Radio,
419
- { value: 'four' },
420
- 'Option 4'
421
- )
422
- )
423
- )
424
- );
137
+ (0, _react2.storiesOf)('Radio').add('nexc theme', function () {
138
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
139
+ background: "dark"
140
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
141
+ theme: "nexc",
142
+ radioname: "example11",
143
+ onChange: function onChange(e) {
144
+ console.log(e.target.value);
145
+ }
146
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
147
+ value: "one"
148
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
149
+ value: "two"
150
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
151
+ value: "three"
152
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
153
+ value: "four"
154
+ }, "Option 4")), /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
155
+ theme: "nexc",
156
+ radioname: "example12",
157
+ readOnly: true,
158
+ onChange: function onChange(e) {
159
+ console.log(e.target.value);
160
+ }
161
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
162
+ value: "one"
163
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
164
+ value: "two"
165
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
166
+ value: "three"
167
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
168
+ value: "four"
169
+ }, "Option 4"))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
170
+ theme: "nexc",
171
+ radioname: "example21",
172
+ onChange: function onChange(e) {
173
+ console.log(e.target.value);
174
+ }
175
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
176
+ value: "one"
177
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
178
+ value: "two",
179
+ readOnly: true
180
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
181
+ value: "three"
182
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
183
+ value: "four"
184
+ }, "Option 4")), /*#__PURE__*/_react["default"].createElement(_components.Radio.Group, {
185
+ theme: "nexc",
186
+ radioname: "example22",
187
+ readOnly: true,
188
+ align: "horizontal",
189
+ onChange: function onChange(e) {
190
+ console.log(e.target.value);
191
+ }
192
+ }, /*#__PURE__*/_react["default"].createElement(_components.Radio, {
193
+ value: "one"
194
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
195
+ value: "two",
196
+ checked: true
197
+ }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
198
+ value: "three"
199
+ }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_components.Radio, {
200
+ value: "four"
201
+ }, "Option 4"))));
425
202
  });
package/atoms/select/index.js CHANGED
@@ -1,13 +1,9 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
-
7
- var _select = require("./select");
8
-
9
- var _select2 = _interopRequireDefault(_select);
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- exports.default = _select2.default;
7
+ exports["default"] = void 0;
8
+ var _select = _interopRequireDefault(require("./select"));
9
+ var _default = exports["default"] = _select["default"];