@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/icon/icon.story.js CHANGED
@@ -1,19 +1,11 @@
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
- var _icons = require('./icons.json');
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ "use strict";
16
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");
8
+ var _icons = require("./icons.json");
17
9
  var iconsArr = Object.keys(_icons.icons).map(function (icon) {
18
10
  var iconObj = {
19
11
  name: icon,
@@ -23,253 +15,832 @@ var iconsArr = Object.keys(_icons.icons).map(function (icon) {
23
15
  return iconObj;
24
16
  });
25
17
  console.log(iconsArr);
26
- (0, _react3.storiesOf)('Icon').add('default', function () {
27
- return _react2.default.createElement(
28
- _storyHelpers.Example,
29
- { title: 'Icons', background: 'dark' },
30
- _react2.default.createElement(
31
- _storyHelpers.Stack,
32
- null,
33
- iconsArr.map(function (icon) {
34
- return _react2.default.createElement(_components.Icon, { name: icon.name, width: icon.width, height: icon.height, color: '#fff' });
35
- })
36
- )
37
- );
18
+ (0, _react2.storiesOf)('Icon').add('default', function () {
19
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
20
+ title: "Icons",
21
+ background: "dark"
22
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, iconsArr.map(function (icon) {
23
+ return /*#__PURE__*/_react["default"].createElement(_components.Icon, {
24
+ name: icon.name,
25
+ width: icon.width,
26
+ height: icon.height,
27
+ color: "#fff"
28
+ });
29
+ })));
38
30
  });
39
- (0, _react3.storiesOf)('Icon').add('default 1', function () {
40
- return _react2.default.createElement(
41
- _storyHelpers.Example,
42
- { title: 'Icons', background: 'dark' },
43
- _react2.default.createElement(
44
- _storyHelpers.Stack,
45
- null,
46
- _react2.default.createElement(_components.Icon, { name: 'stitching', width: 24, height: 24 }),
47
- _react2.default.createElement(_components.Icon, { name: 'publishing', width: 24, height: 24 }),
48
- _react2.default.createElement(_components.Icon, { name: 'hes', width: 24, height: 24 }),
49
- _react2.default.createElement(_components.Icon, { name: 'add', width: 14, height: 14 }),
50
- _react2.default.createElement(_components.Icon, { name: 'add-circle', width: 18, height: 18 }),
51
- _react2.default.createElement(_components.Icon, { name: 'arrow-left', width: 14, height: 14 }),
52
- _react2.default.createElement(_components.Icon, { name: 'arrow-right', width: 14, height: 14 }),
53
- _react2.default.createElement(_components.Icon, { name: 'chevron-down', width: 14, height: 14 }),
54
- _react2.default.createElement(_components.Icon, { name: 'calender', width: 14, height: 14 }),
55
- _react2.default.createElement(_components.Icon, { name: 'clip', width: 20, height: 15 }),
56
- _react2.default.createElement(_components.Icon, { name: 'cross', width: 15, height: 15 }),
57
- _react2.default.createElement(_components.Icon, { name: 'high-quality', width: 15, height: 15 }),
58
- _react2.default.createElement(_components.Icon, { name: 'info-filled', width: 18, height: 18, color: '#07D5CD' }),
59
- _react2.default.createElement(_components.Icon, { name: 'info', width: 18, height: 18, color: '#07D5CD' }),
60
- _react2.default.createElement(_components.Icon, { name: 'movie', width: 18, height: 18 }),
61
- _react2.default.createElement(_components.Icon, { name: 'okta-logo', width: 30, height: 30, color: '#07D5CD' }),
62
- _react2.default.createElement(_components.Icon, { name: 'topaz-logo', width: 12, height: 36, color: '#07D5CD' }),
63
- _react2.default.createElement(_components.Icon, { name: 'search', width: 16, height: 16 }),
64
- _react2.default.createElement(_components.Icon, { name: 'dashboard', width: 18, height: 17 }),
65
- _react2.default.createElement(_components.Icon, { name: 'connect', width: 18, height: 17 }),
66
- _react2.default.createElement(_components.Icon, { name: 'ingest-angle-right', width: 8, height: 11 }),
67
- _react2.default.createElement(_components.Icon, { name: 'notification', width: 24, height: 24, color: '#00cec6' }),
68
- _react2.default.createElement(_components.Icon, { name: 'programs', width: 18, height: 18 }),
69
- _react2.default.createElement(_components.Icon, { name: 'onboard', width: 18, height: 18 }),
70
- _react2.default.createElement(_components.Icon, { name: 'upload', width: 12, height: 14, color: '#afb2ba' }),
71
- _react2.default.createElement(_components.Icon, { name: 'manageAccess', width: 15, height: 18 }),
72
- _react2.default.createElement(_components.Icon, { name: 'schedular', width: 19, height: 19 }),
73
- _react2.default.createElement(_components.Icon, { name: 'storyboard', width: 14, height: 12 }),
74
- _react2.default.createElement(_components.Icon, { name: 'ott', width: 15, height: 15 }),
75
- _react2.default.createElement(_components.Icon, { name: 'manage-user', width: 17, height: 17 }),
76
- _react2.default.createElement(_components.Icon, { name: 'user-avatar', width: 14, height: 14 }),
77
- _react2.default.createElement(_components.Icon, { name: 'users-avatar', width: 16, height: 11 }),
78
- _react2.default.createElement(_components.Icon, { name: 'stack-vertical', width: 14, height: 14 }),
79
- _react2.default.createElement(_components.Icon, { name: 'permission-checked', width: 14, height: 14 }),
80
- _react2.default.createElement(_components.Icon, { name: 'angle-left', color: 'none', stroke: '#fff' }),
81
- _react2.default.createElement(_components.Icon, { name: 'angle-right', color: 'none', stroke: '#fff' }),
82
- _react2.default.createElement(_components.Icon, { name: 'angle-left-double', color: 'none', stroke: '#fff' }),
83
- _react2.default.createElement(_components.Icon, { name: 'angle-right-double', color: 'none', stroke: '#fff' }),
84
- _react2.default.createElement(_components.Icon, { name: 'angle-bottom', width: 14, height: 9, color: 'none', stroke: '#fff' }),
85
- _react2.default.createElement(_components.Icon, { name: 'first-page', color: '#fff', stroke: '#fff' }),
86
- _react2.default.createElement(_components.Icon, { name: 'last-page', color: '#fff', stroke: '#fff' }),
87
- _react2.default.createElement(_components.Icon, { name: 'play', width: 20, height: 26 }),
88
- _react2.default.createElement(_components.Icon, { name: 'pause', width: 25, height: 25 }),
89
- _react2.default.createElement(_components.Icon, { name: 'tablet', width: 18, height: 13 }),
90
- _react2.default.createElement(_components.Icon, { name: 'tv', width: 14, height: 14 }),
91
- _react2.default.createElement(_components.Icon, { name: 'triangle-double-left', width: 14, height: 13 }),
92
- _react2.default.createElement(_components.Icon, { name: 'triangle-double-right', width: 14, height: 13 }),
93
- _react2.default.createElement(_components.Icon, { name: 'delete', width: 12, height: 14 }),
94
- _react2.default.createElement(_components.Icon, { name: 'promo_review', width: 16, height: 14 }),
95
- _react2.default.createElement(_components.Icon, { name: 'data-refresh', width: 16, height: 18 }),
96
- _react2.default.createElement(_components.Icon, { name: 'back-to-back', width: 16, height: 18 }),
97
- _react2.default.createElement(_components.Icon, { name: 'enhance', width: 16, height: 16 })
98
- )
99
- );
31
+ (0, _react2.storiesOf)('Icon').add('default 1', function () {
32
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
33
+ title: "Icons",
34
+ background: "dark"
35
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
36
+ name: "stitching",
37
+ width: 24,
38
+ height: 24
39
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
40
+ name: "publishing",
41
+ width: 24,
42
+ height: 24
43
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
44
+ name: "hes",
45
+ width: 24,
46
+ height: 24
47
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
48
+ name: "add",
49
+ width: 14,
50
+ height: 14
51
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
52
+ name: "add-circle",
53
+ width: 18,
54
+ height: 18
55
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
56
+ name: "arrow-left",
57
+ width: 14,
58
+ height: 14
59
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
60
+ name: "arrow-right",
61
+ width: 14,
62
+ height: 14
63
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
64
+ name: "chevron-down",
65
+ width: 14,
66
+ height: 14
67
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
68
+ name: "calender",
69
+ width: 14,
70
+ height: 14
71
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
72
+ name: "clip",
73
+ width: 20,
74
+ height: 15
75
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
76
+ name: "cross",
77
+ width: 15,
78
+ height: 15
79
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
80
+ name: "high-quality",
81
+ width: 15,
82
+ height: 15
83
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
84
+ name: "info-filled",
85
+ width: 18,
86
+ height: 18,
87
+ color: "#07D5CD"
88
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
89
+ name: "info",
90
+ width: 18,
91
+ height: 18,
92
+ color: "#07D5CD"
93
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
94
+ name: "movie",
95
+ width: 18,
96
+ height: 18
97
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
98
+ name: "okta-logo",
99
+ width: 30,
100
+ height: 30,
101
+ color: "#07D5CD"
102
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
103
+ name: "topaz-logo",
104
+ width: 12,
105
+ height: 36,
106
+ color: "#07D5CD"
107
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
108
+ name: "search",
109
+ width: 16,
110
+ height: 16
111
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
112
+ name: "dashboard",
113
+ width: 18,
114
+ height: 17
115
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
116
+ name: "connect",
117
+ width: 18,
118
+ height: 17
119
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
120
+ name: "ingest-angle-right",
121
+ width: 8,
122
+ height: 11
123
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
124
+ name: "notification",
125
+ width: 24,
126
+ height: 24,
127
+ color: "#00cec6"
128
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
129
+ name: "programs",
130
+ width: 18,
131
+ height: 18
132
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
133
+ name: "onboard",
134
+ width: 18,
135
+ height: 18
136
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
137
+ name: "upload",
138
+ width: 12,
139
+ height: 14,
140
+ color: "#afb2ba"
141
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
142
+ name: "manageAccess",
143
+ width: 15,
144
+ height: 18
145
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
146
+ name: "schedular",
147
+ width: 19,
148
+ height: 19
149
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
150
+ name: "storyboard",
151
+ width: 14,
152
+ height: 12
153
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
154
+ name: "ott",
155
+ width: 15,
156
+ height: 15
157
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
158
+ name: "manage-user",
159
+ width: 17,
160
+ height: 17
161
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
162
+ name: "user-avatar",
163
+ width: 14,
164
+ height: 14
165
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
166
+ name: "users-avatar",
167
+ width: 16,
168
+ height: 11
169
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
170
+ name: "stack-vertical",
171
+ width: 14,
172
+ height: 14
173
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
174
+ name: "permission-checked",
175
+ width: 14,
176
+ height: 14
177
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
178
+ name: "angle-left",
179
+ color: "none",
180
+ stroke: "#fff"
181
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
182
+ name: "angle-right",
183
+ color: "none",
184
+ stroke: "#fff"
185
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
186
+ name: "angle-left-double",
187
+ color: "none",
188
+ stroke: "#fff"
189
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
190
+ name: "angle-right-double",
191
+ color: "none",
192
+ stroke: "#fff"
193
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
194
+ name: "angle-bottom",
195
+ width: 14,
196
+ height: 9,
197
+ color: "none",
198
+ stroke: "#fff"
199
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
200
+ name: "first-page",
201
+ color: "#fff",
202
+ stroke: "#fff"
203
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
204
+ name: "last-page",
205
+ color: "#fff",
206
+ stroke: "#fff"
207
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
208
+ name: "play",
209
+ width: 20,
210
+ height: 26
211
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
212
+ name: "pause",
213
+ width: 25,
214
+ height: 25
215
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
216
+ name: "tablet",
217
+ width: 18,
218
+ height: 13
219
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
220
+ name: "tv",
221
+ width: 14,
222
+ height: 14
223
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
224
+ name: "triangle-double-left",
225
+ width: 14,
226
+ height: 13
227
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
228
+ name: "triangle-double-right",
229
+ width: 14,
230
+ height: 13
231
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
232
+ name: "delete",
233
+ width: 12,
234
+ height: 14
235
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
236
+ name: "promo_review",
237
+ width: 16,
238
+ height: 14
239
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
240
+ name: "data-refresh",
241
+ width: 16,
242
+ height: 18
243
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
244
+ name: "back-to-back",
245
+ width: 16,
246
+ height: 18
247
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
248
+ name: "enhance",
249
+ width: 16,
250
+ height: 16
251
+ })));
100
252
  });
101
-
102
- (0, _react3.storiesOf)('Icon').add('default 2', function () {
103
- return _react2.default.createElement(
104
- _storyHelpers.Example,
105
- { title: 'Icons', background: 'dark' },
106
- _react2.default.createElement(
107
- _storyHelpers.Stack,
108
- null,
109
- _react2.default.createElement(_components.Icon, { name: 'dialogue-miss', width: 24, height: 24 }),
110
- _react2.default.createElement(_components.Icon, { name: 'voice-mismatch', width: 20, height: 20 }),
111
- _react2.default.createElement(_components.Icon, { name: 'me-issue', width: 24, height: 24 }),
112
- _react2.default.createElement(_components.Icon, { name: 'av-cut', width: 20, height: 20 }),
113
- _react2.default.createElement(_components.Icon, { name: 'short-replacement', width: 24, height: 24 }),
114
- _react2.default.createElement(_components.Icon, { name: 'meaning-error', width: 20, height: 20 }),
115
- _react2.default.createElement(_components.Icon, { name: 'pronunciation', width: 24, height: 24 }),
116
- _react2.default.createElement(_components.Icon, { name: 'volume', width: 18, height: 18 }),
117
- _react2.default.createElement(_components.Icon, { name: 'share', width: 18, height: 18 }),
118
- _react2.default.createElement(_components.Icon, { name: 'settings', width: 16, height: 16 }),
119
- _react2.default.createElement(_components.Icon, { name: 'fullscreen', width: 14, height: 14 }),
120
- _react2.default.createElement(_components.Icon, { name: 'send', width: 25, height: 25 }),
121
- _react2.default.createElement(_components.Icon, { name: 'reply', width: 25, height: 25 }),
122
- _react2.default.createElement(_components.Icon, { name: 'rewind-10', width: 24, height: 30 }),
123
- _react2.default.createElement(_components.Icon, { name: 'forward-10', width: 24, height: 30 }),
124
- _react2.default.createElement(_components.Icon, { name: 'pending', width: 12, height: 12 }),
125
- _react2.default.createElement(_components.Icon, { name: 'warning', width: 12, height: 12 }),
126
- _react2.default.createElement(_components.Icon, { name: 'tick', width: 12, height: 9 }),
127
- _react2.default.createElement(_components.Icon, { name: 'timeline', width: 12, height: 12 }),
128
- _react2.default.createElement(_components.Icon, { name: 'in-marker', width: 10, height: 18 }),
129
- _react2.default.createElement(_components.Icon, { name: 'out-marker', width: 10, height: 18 }),
130
- _react2.default.createElement(_components.Icon, { name: 'magnifier', width: 20, height: 20 }),
131
- _react2.default.createElement(_components.Icon, { name: 'tagging', width: 12, height: 13 }),
132
- _react2.default.createElement(_components.Icon, { name: 'restore', width: 18, height: 16 }),
133
- _react2.default.createElement(_components.Icon, { name: 'archive', width: 10, height: 10 }),
134
- _react2.default.createElement(_components.Icon, { name: 'update', width: 12, height: 14 }),
135
- _react2.default.createElement(_components.Icon, { name: 'marker', width: 9, height: 8 }),
136
- _react2.default.createElement(_components.Icon, { name: 'request', width: 14, height: 11 }),
137
- _react2.default.createElement(_components.Icon, { name: 'safe-area', width: 24, height: 24 }),
138
- _react2.default.createElement(_components.Icon, { name: 'playback-rate', width: 12, height: 12 }),
139
- _react2.default.createElement(_components.Icon, { name: 'subtitle-cc', width: 14, height: 13 }),
140
- _react2.default.createElement(_components.Icon, { name: 'audio-track', width: 16, height: 16 }),
141
- _react2.default.createElement(_components.Icon, { name: 'mic', width: 10, height: 17 }),
142
- _react2.default.createElement(_components.Icon, { name: 'check', width: 16, height: 13 }),
143
- _react2.default.createElement(_components.Icon, { name: 'error', width: 24, height: 24 }),
144
- _react2.default.createElement(_components.Icon, { name: 'clipping', width: 20, height: 16 }),
145
- _react2.default.createElement(_components.Icon, { name: 'qc', width: 20, height: 20 }),
146
- _react2.default.createElement(_components.Icon, { name: 'subtitle', width: 20, height: 16 }),
147
- _react2.default.createElement(_components.Icon, { name: 'align_bottom', width: 16, height: 16 }),
148
- _react2.default.createElement(_components.Icon, { name: 'align_center', width: 16, height: 16 }),
149
- _react2.default.createElement(_components.Icon, { name: 'align_top', width: 16, height: 16 }),
150
- _react2.default.createElement(_components.Icon, { name: 'align_left', width: 16, height: 16 }),
151
- _react2.default.createElement(_components.Icon, { name: 'align_middle', width: 16, height: 16 }),
152
- _react2.default.createElement(_components.Icon, { name: 'align_right', width: 16, height: 16 }),
153
- _react2.default.createElement(_components.Icon, { name: 'comment', width: 13, height: 13 }),
154
- _react2.default.createElement(_components.Icon, { name: 'cut', width: 14, height: 15 }),
155
- _react2.default.createElement(_components.Icon, { name: 'back-to-back', width: 14, height: 15 })
156
- )
157
- );
253
+ (0, _react2.storiesOf)('Icon').add('default 2', function () {
254
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
255
+ title: "Icons",
256
+ background: "dark"
257
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
258
+ name: "dialogue-miss",
259
+ width: 24,
260
+ height: 24
261
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
262
+ name: "voice-mismatch",
263
+ width: 20,
264
+ height: 20
265
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
266
+ name: "me-issue",
267
+ width: 24,
268
+ height: 24
269
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
270
+ name: "av-cut",
271
+ width: 20,
272
+ height: 20
273
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
274
+ name: "short-replacement",
275
+ width: 24,
276
+ height: 24
277
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
278
+ name: "meaning-error",
279
+ width: 20,
280
+ height: 20
281
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
282
+ name: "pronunciation",
283
+ width: 24,
284
+ height: 24
285
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
286
+ name: "volume",
287
+ width: 18,
288
+ height: 18
289
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
290
+ name: "share",
291
+ width: 18,
292
+ height: 18
293
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
294
+ name: "settings",
295
+ width: 16,
296
+ height: 16
297
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
298
+ name: "fullscreen",
299
+ width: 14,
300
+ height: 14
301
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
302
+ name: "send",
303
+ width: 25,
304
+ height: 25
305
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
306
+ name: "reply",
307
+ width: 25,
308
+ height: 25
309
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
310
+ name: "rewind-10",
311
+ width: 24,
312
+ height: 30
313
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
314
+ name: "forward-10",
315
+ width: 24,
316
+ height: 30
317
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
318
+ name: "pending",
319
+ width: 12,
320
+ height: 12
321
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
322
+ name: "warning",
323
+ width: 12,
324
+ height: 12
325
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
326
+ name: "tick",
327
+ width: 12,
328
+ height: 9
329
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
330
+ name: "timeline",
331
+ width: 12,
332
+ height: 12
333
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
334
+ name: "in-marker",
335
+ width: 10,
336
+ height: 18
337
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
338
+ name: "out-marker",
339
+ width: 10,
340
+ height: 18
341
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
342
+ name: "magnifier",
343
+ width: 20,
344
+ height: 20
345
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
346
+ name: "tagging",
347
+ width: 12,
348
+ height: 13
349
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
350
+ name: "restore",
351
+ width: 18,
352
+ height: 16
353
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
354
+ name: "archive",
355
+ width: 10,
356
+ height: 10
357
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
358
+ name: "update",
359
+ width: 12,
360
+ height: 14
361
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
362
+ name: "marker",
363
+ width: 9,
364
+ height: 8
365
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
366
+ name: "request",
367
+ width: 14,
368
+ height: 11
369
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
370
+ name: "safe-area",
371
+ width: 24,
372
+ height: 24
373
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
374
+ name: "playback-rate",
375
+ width: 12,
376
+ height: 12
377
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
378
+ name: "subtitle-cc",
379
+ width: 14,
380
+ height: 13
381
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
382
+ name: "audio-track",
383
+ width: 16,
384
+ height: 16
385
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
386
+ name: "mic",
387
+ width: 10,
388
+ height: 17
389
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
390
+ name: "check",
391
+ width: 16,
392
+ height: 13
393
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
394
+ name: "error",
395
+ width: 24,
396
+ height: 24
397
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
398
+ name: "clipping",
399
+ width: 20,
400
+ height: 16
401
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
402
+ name: "qc",
403
+ width: 20,
404
+ height: 20
405
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
406
+ name: "subtitle",
407
+ width: 20,
408
+ height: 16
409
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
410
+ name: "align_bottom",
411
+ width: 16,
412
+ height: 16
413
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
414
+ name: "align_center",
415
+ width: 16,
416
+ height: 16
417
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
418
+ name: "align_top",
419
+ width: 16,
420
+ height: 16
421
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
422
+ name: "align_left",
423
+ width: 16,
424
+ height: 16
425
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
426
+ name: "align_middle",
427
+ width: 16,
428
+ height: 16
429
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
430
+ name: "align_right",
431
+ width: 16,
432
+ height: 16
433
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
434
+ name: "comment",
435
+ width: 13,
436
+ height: 13
437
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
438
+ name: "cut",
439
+ width: 14,
440
+ height: 15
441
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
442
+ name: "back-to-back",
443
+ width: 14,
444
+ height: 15
445
+ })));
158
446
  });
159
-
160
- (0, _react3.storiesOf)('Icon').add('default 3', function () {
161
- return _react2.default.createElement(
162
- _storyHelpers.Example,
163
- { title: 'Icons', background: 'dark' },
164
- _react2.default.createElement(
165
- _storyHelpers.Stack,
166
- null,
167
- _react2.default.createElement(_components.Icon, { name: 'mute', width: 10, height: 18 }),
168
- _react2.default.createElement(_components.Icon, { name: 'mute-beep', width: 17, height: 18 }),
169
- _react2.default.createElement(_components.Icon, { name: 'collab', width: 16, height: 16 }),
170
- _react2.default.createElement(_components.Icon, { name: 'central', width: 16, height: 16 }),
171
- _react2.default.createElement(_components.Icon, { name: 'control', width: 16, height: 16 }),
172
- _react2.default.createElement(_components.Icon, { name: 'refresh', width: 14, height: 14 }),
173
- _react2.default.createElement(_components.Icon, { name: 'dots', width: 14, height: 4 }),
174
- _react2.default.createElement(_components.Icon, { name: 'snp_edit', width: 14, height: 14 }),
175
- _react2.default.createElement(_components.Icon, { name: 'more-ver', width: 12, height: 12 }),
176
- _react2.default.createElement(_components.Icon, { name: 'controls', width: 13, height: 12 }),
177
- _react2.default.createElement(_components.Icon, { name: 'default', width: 21, height: 21 }),
178
- _react2.default.createElement(_components.Icon, { name: 'blur', width: 14, height: 14 }),
179
- _react2.default.createElement(_components.Icon, { name: 'editor', width: 14, height: 14 }),
180
- _react2.default.createElement(_components.Icon, { name: 'expand', color: 'none', stroke: '#fff' }),
181
- _react2.default.createElement(_components.Icon, { name: 'collapse', color: 'none', stroke: '#fff' }),
182
- _react2.default.createElement(_components.Icon, { name: 'avatar', width: 24, height: 24, color: '#afb2ba' }),
183
- _react2.default.createElement(_components.Icon, { name: 'filter', color: '#afb2ba' }),
184
- _react2.default.createElement(_components.Icon, { name: 'request-access', width: 20, height: 18 }),
185
- _react2.default.createElement(_components.Icon, { name: 'lock', width: 18, height: 18 }),
186
- _react2.default.createElement(_components.Icon, { name: 'move', width: 12, height: 12 }),
187
- _react2.default.createElement(_components.Icon, { name: 'copy', width: 11, height: 13 }),
188
- _react2.default.createElement(_components.Icon, { name: 'approval', width: 18, height: 10 }),
189
- _react2.default.createElement(_components.Icon, { name: 'import', color: '#afb2ba' }),
190
- _react2.default.createElement(_components.Icon, { name: 'download', width: 10, height: 13 }),
191
- _react2.default.createElement(_components.Icon, { name: 'add-users', width: 19, height: 10 }),
192
- _react2.default.createElement(_components.Icon, { name: 'collaborate', width: 20, height: 14 }),
193
- _react2.default.createElement(_components.Icon, { name: 'task', width: 19, height: 19 }),
194
- _react2.default.createElement(_components.Icon, { name: 'edit', width: 14, height: 14 }),
195
- _react2.default.createElement(_components.Icon, { name: 'carousel', width: 24, height: 24 }),
196
- _react2.default.createElement(_components.Icon, { name: 'date-picker', color: '#afb2ba' }),
197
- _react2.default.createElement(_components.Icon, { name: 'show-password', color: '#999' }),
198
- _react2.default.createElement(_components.Icon, { name: 'hide-password', color: '#999' }),
199
- _react2.default.createElement(_components.Icon, { name: 'upload-image', width: 20, height: 19, color: '#fff' }),
200
- _react2.default.createElement(_components.Icon, { name: 'cloud', width: 22, height: 16 }),
201
- _react2.default.createElement(_components.Icon, { name: 'long-arrow', width: 18, height: 12 }),
202
- _react2.default.createElement(_components.Icon, { name: 'upload-arrow', width: 12, height: 18 }),
203
- _react2.default.createElement(_components.Icon, { name: 'log-out', width: 12, height: 12 }),
204
- _react2.default.createElement(_components.Icon, { name: 'brief', width: 14, height: 12 }),
205
- _react2.default.createElement(_components.Icon, { name: 'upload-asset', width: 24, height: 24 }),
206
- _react2.default.createElement(_components.Icon, { name: 'back-to-back', width: 14, height: 15 }),
207
- _react2.default.createElement(_components.Icon, { name: 'clevr', width: 16, height: 16, color: '#999' }),
208
- _react2.default.createElement(_components.Icon, { name: 'craft', width: 16, height: 16, color: '#999' }),
209
- _react2.default.createElement(_components.Icon, { name: 'check-module', width: 16, height: 16, color: '#999' })
210
- )
211
- );
447
+ (0, _react2.storiesOf)('Icon').add('default 3', function () {
448
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
449
+ title: "Icons",
450
+ background: "dark"
451
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
452
+ name: "mute",
453
+ width: 10,
454
+ height: 18
455
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
456
+ name: "mute-beep",
457
+ width: 17,
458
+ height: 18
459
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
460
+ name: "collab",
461
+ width: 16,
462
+ height: 16
463
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
464
+ name: "central",
465
+ width: 16,
466
+ height: 16
467
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
468
+ name: "control",
469
+ width: 16,
470
+ height: 16
471
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
472
+ name: "refresh",
473
+ width: 14,
474
+ height: 14
475
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
476
+ name: "dots",
477
+ width: 14,
478
+ height: 4
479
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
480
+ name: "snp_edit",
481
+ width: 14,
482
+ height: 14
483
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
484
+ name: "more-ver",
485
+ width: 12,
486
+ height: 12
487
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
488
+ name: "controls",
489
+ width: 13,
490
+ height: 12
491
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
492
+ name: "default",
493
+ width: 21,
494
+ height: 21
495
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
496
+ name: "blur",
497
+ width: 14,
498
+ height: 14
499
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
500
+ name: "editor",
501
+ width: 14,
502
+ height: 14
503
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
504
+ name: "expand",
505
+ color: "none",
506
+ stroke: "#fff"
507
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
508
+ name: "collapse",
509
+ color: "none",
510
+ stroke: "#fff"
511
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
512
+ name: "avatar",
513
+ width: 24,
514
+ height: 24,
515
+ color: "#afb2ba"
516
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
517
+ name: "filter",
518
+ color: "#afb2ba"
519
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
520
+ name: "request-access",
521
+ width: 20,
522
+ height: 18
523
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
524
+ name: "lock",
525
+ width: 18,
526
+ height: 18
527
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
528
+ name: "move",
529
+ width: 12,
530
+ height: 12
531
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
532
+ name: "copy",
533
+ width: 11,
534
+ height: 13
535
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
536
+ name: "approval",
537
+ width: 18,
538
+ height: 10
539
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
540
+ name: "import",
541
+ color: "#afb2ba"
542
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
543
+ name: "download",
544
+ width: 10,
545
+ height: 13
546
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
547
+ name: "add-users",
548
+ width: 19,
549
+ height: 10
550
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
551
+ name: "collaborate",
552
+ width: 20,
553
+ height: 14
554
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
555
+ name: "task",
556
+ width: 19,
557
+ height: 19
558
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
559
+ name: "edit",
560
+ width: 14,
561
+ height: 14
562
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
563
+ name: "carousel",
564
+ width: 24,
565
+ height: 24
566
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
567
+ name: "date-picker",
568
+ color: "#afb2ba"
569
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
570
+ name: "show-password",
571
+ color: "#999"
572
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
573
+ name: "hide-password",
574
+ color: "#999"
575
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
576
+ name: "upload-image",
577
+ width: 20,
578
+ height: 19,
579
+ color: "#fff"
580
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
581
+ name: "cloud",
582
+ width: 22,
583
+ height: 16
584
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
585
+ name: "long-arrow",
586
+ width: 18,
587
+ height: 12
588
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
589
+ name: "upload-arrow",
590
+ width: 12,
591
+ height: 18
592
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
593
+ name: "log-out",
594
+ width: 12,
595
+ height: 12
596
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
597
+ name: "brief",
598
+ width: 14,
599
+ height: 12
600
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
601
+ name: "upload-asset",
602
+ width: 24,
603
+ height: 24
604
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
605
+ name: "back-to-back",
606
+ width: 14,
607
+ height: 15
608
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
609
+ name: "clevr",
610
+ width: 16,
611
+ height: 16,
612
+ color: "#999"
613
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
614
+ name: "craft",
615
+ width: 16,
616
+ height: 16,
617
+ color: "#999"
618
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
619
+ name: "check-module",
620
+ width: 16,
621
+ height: 16,
622
+ color: "#999"
623
+ })));
212
624
  });
213
-
214
- (0, _react3.storiesOf)('Icon').add('nexc', function () {
215
- return _react2.default.createElement(
216
- _storyHelpers.Example,
217
- { title: 'Icons', background: 'dark' },
218
- _react2.default.createElement(
219
- _storyHelpers.Stack,
220
- null,
221
- _react2.default.createElement(_components.Icon, { name: 'stitching', width: 24, height: 24 }),
222
- _react2.default.createElement(_components.Icon, { name: 'publishing', width: 24, height: 24 }),
223
- _react2.default.createElement(_components.Icon, { name: 'hes', width: 24, height: 24 }),
224
- _react2.default.createElement(_components.Icon, { name: 'add', width: 14, height: 14 }),
225
- _react2.default.createElement(_components.Icon, { name: 'add-circle', width: 18, height: 18 }),
226
- _react2.default.createElement(_components.Icon, { name: 'arrow-left', width: 14, height: 14 }),
227
- _react2.default.createElement(_components.Icon, { name: 'arrow-right', width: 14, height: 14 }),
228
- _react2.default.createElement(_components.Icon, { name: 'chevron-down', width: 14, height: 14 }),
229
- _react2.default.createElement(_components.Icon, { name: 'calender', width: 14, height: 14 }),
230
- _react2.default.createElement(_components.Icon, { name: 'clip', width: 20, height: 15 }),
231
- _react2.default.createElement(_components.Icon, { name: 'cross', width: 15, height: 15 }),
232
- _react2.default.createElement(_components.Icon, { name: 'high-quality', width: 15, height: 15 }),
233
- _react2.default.createElement(_components.Icon, { name: 'info-filled', width: 18, height: 18, color: '#60BEF8' }),
234
- _react2.default.createElement(_components.Icon, { name: 'info', width: 18, height: 18, color: '#60BEF8' }),
235
- _react2.default.createElement(_components.Icon, { name: 'movie', width: 18, height: 18 }),
236
- _react2.default.createElement(_components.Icon, { name: 'okta-logo', width: 30, height: 30, color: '#60BEF8' }),
237
- _react2.default.createElement(_components.Icon, { name: 'topaz-logo', width: 12, height: 36, color: '#60BEF8' }),
238
- _react2.default.createElement(_components.Icon, { name: 'search', width: 16, height: 16 }),
239
- _react2.default.createElement(_components.Icon, { name: 'dashboard', width: 18, height: 17 }),
240
- _react2.default.createElement(_components.Icon, { name: 'connect', width: 18, height: 17 }),
241
- _react2.default.createElement(_components.Icon, { name: 'ingest-angle-right', width: 8, height: 11 }),
242
- _react2.default.createElement(_components.Icon, { name: 'notification', width: 24, height: 24, color: '#60BEF8' }),
243
- _react2.default.createElement(_components.Icon, { name: 'programs', width: 18, height: 18 }),
244
- _react2.default.createElement(_components.Icon, { name: 'onboard', width: 18, height: 18 }),
245
- _react2.default.createElement(_components.Icon, { name: 'upload', width: 12, height: 14, color: '#afb2ba' }),
246
- _react2.default.createElement(_components.Icon, { name: 'manageAccess', width: 15, height: 18 }),
247
- _react2.default.createElement(_components.Icon, { name: 'schedular', width: 19, height: 19 }),
248
- _react2.default.createElement(_components.Icon, { name: 'storyboard', width: 14, height: 12 }),
249
- _react2.default.createElement(_components.Icon, { name: 'ott', width: 15, height: 15 }),
250
- _react2.default.createElement(_components.Icon, { name: 'manage-user', width: 17, height: 17 }),
251
- _react2.default.createElement(_components.Icon, { name: 'user-avatar', width: 14, height: 14 }),
252
- _react2.default.createElement(_components.Icon, { name: 'users-avatar', width: 16, height: 11 }),
253
- _react2.default.createElement(_components.Icon, { name: 'stack-vertical', width: 14, height: 14 }),
254
- _react2.default.createElement(_components.Icon, { name: 'permission-checked', width: 14, height: 14 }),
255
- _react2.default.createElement(_components.Icon, { name: 'angle-left', color: 'none', stroke: '#fff' }),
256
- _react2.default.createElement(_components.Icon, { name: 'angle-right', color: 'none', stroke: '#fff' }),
257
- _react2.default.createElement(_components.Icon, { name: 'angle-left-double', color: 'none', stroke: '#fff' }),
258
- _react2.default.createElement(_components.Icon, { name: 'angle-right-double', color: 'none', stroke: '#fff' }),
259
- _react2.default.createElement(_components.Icon, { name: 'angle-bottom', width: 14, height: 9, color: 'none', stroke: '#fff' }),
260
- _react2.default.createElement(_components.Icon, { name: 'first-page', color: '#fff', stroke: '#fff' }),
261
- _react2.default.createElement(_components.Icon, { name: 'last-page', color: '#fff', stroke: '#fff' }),
262
- _react2.default.createElement(_components.Icon, { name: 'play', width: 20, height: 26 }),
263
- _react2.default.createElement(_components.Icon, { name: 'pause', width: 25, height: 25 }),
264
- _react2.default.createElement(_components.Icon, { name: 'tablet', width: 18, height: 13 }),
265
- _react2.default.createElement(_components.Icon, { name: 'tv', width: 14, height: 14 }),
266
- _react2.default.createElement(_components.Icon, { name: 'triangle-double-left', width: 14, height: 13 }),
267
- _react2.default.createElement(_components.Icon, { name: 'triangle-double-right', width: 14, height: 13 }),
268
- _react2.default.createElement(_components.Icon, { name: 'delete', width: 12, height: 14 }),
269
- _react2.default.createElement(_components.Icon, { name: 'promo_review', width: 16, height: 14 }),
270
- _react2.default.createElement(_components.Icon, { name: 'data-refresh', width: 16, height: 18 }),
271
- _react2.default.createElement(_components.Icon, { name: 'back-to-back', width: 16, height: 18 }),
272
- _react2.default.createElement(_components.Icon, { name: 'enhance', width: 16, height: 16 })
273
- )
274
- );
625
+ (0, _react2.storiesOf)('Icon').add('nexc', function () {
626
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
627
+ title: "Icons",
628
+ background: "dark"
629
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
630
+ name: "stitching",
631
+ width: 24,
632
+ height: 24
633
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
634
+ name: "publishing",
635
+ width: 24,
636
+ height: 24
637
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
638
+ name: "hes",
639
+ width: 24,
640
+ height: 24
641
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
642
+ name: "add",
643
+ width: 14,
644
+ height: 14
645
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
646
+ name: "add-circle",
647
+ width: 18,
648
+ height: 18
649
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
650
+ name: "arrow-left",
651
+ width: 14,
652
+ height: 14
653
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
654
+ name: "arrow-right",
655
+ width: 14,
656
+ height: 14
657
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
658
+ name: "chevron-down",
659
+ width: 14,
660
+ height: 14
661
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
662
+ name: "calender",
663
+ width: 14,
664
+ height: 14
665
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
666
+ name: "clip",
667
+ width: 20,
668
+ height: 15
669
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
670
+ name: "cross",
671
+ width: 15,
672
+ height: 15
673
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
674
+ name: "high-quality",
675
+ width: 15,
676
+ height: 15
677
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
678
+ name: "info-filled",
679
+ width: 18,
680
+ height: 18,
681
+ color: "#60BEF8"
682
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
683
+ name: "info",
684
+ width: 18,
685
+ height: 18,
686
+ color: "#60BEF8"
687
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
688
+ name: "movie",
689
+ width: 18,
690
+ height: 18
691
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
692
+ name: "okta-logo",
693
+ width: 30,
694
+ height: 30,
695
+ color: "#60BEF8"
696
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
697
+ name: "topaz-logo",
698
+ width: 12,
699
+ height: 36,
700
+ color: "#60BEF8"
701
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
702
+ name: "search",
703
+ width: 16,
704
+ height: 16
705
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
706
+ name: "dashboard",
707
+ width: 18,
708
+ height: 17
709
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
710
+ name: "connect",
711
+ width: 18,
712
+ height: 17
713
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
714
+ name: "ingest-angle-right",
715
+ width: 8,
716
+ height: 11
717
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
718
+ name: "notification",
719
+ width: 24,
720
+ height: 24,
721
+ color: "#60BEF8"
722
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
723
+ name: "programs",
724
+ width: 18,
725
+ height: 18
726
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
727
+ name: "onboard",
728
+ width: 18,
729
+ height: 18
730
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
731
+ name: "upload",
732
+ width: 12,
733
+ height: 14,
734
+ color: "#afb2ba"
735
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
736
+ name: "manageAccess",
737
+ width: 15,
738
+ height: 18
739
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
740
+ name: "schedular",
741
+ width: 19,
742
+ height: 19
743
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
744
+ name: "storyboard",
745
+ width: 14,
746
+ height: 12
747
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
748
+ name: "ott",
749
+ width: 15,
750
+ height: 15
751
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
752
+ name: "manage-user",
753
+ width: 17,
754
+ height: 17
755
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
756
+ name: "user-avatar",
757
+ width: 14,
758
+ height: 14
759
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
760
+ name: "users-avatar",
761
+ width: 16,
762
+ height: 11
763
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
764
+ name: "stack-vertical",
765
+ width: 14,
766
+ height: 14
767
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
768
+ name: "permission-checked",
769
+ width: 14,
770
+ height: 14
771
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
772
+ name: "angle-left",
773
+ color: "none",
774
+ stroke: "#fff"
775
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
776
+ name: "angle-right",
777
+ color: "none",
778
+ stroke: "#fff"
779
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
780
+ name: "angle-left-double",
781
+ color: "none",
782
+ stroke: "#fff"
783
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
784
+ name: "angle-right-double",
785
+ color: "none",
786
+ stroke: "#fff"
787
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
788
+ name: "angle-bottom",
789
+ width: 14,
790
+ height: 9,
791
+ color: "none",
792
+ stroke: "#fff"
793
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
794
+ name: "first-page",
795
+ color: "#fff",
796
+ stroke: "#fff"
797
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
798
+ name: "last-page",
799
+ color: "#fff",
800
+ stroke: "#fff"
801
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
802
+ name: "play",
803
+ width: 20,
804
+ height: 26
805
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
806
+ name: "pause",
807
+ width: 25,
808
+ height: 25
809
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
810
+ name: "tablet",
811
+ width: 18,
812
+ height: 13
813
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
814
+ name: "tv",
815
+ width: 14,
816
+ height: 14
817
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
818
+ name: "triangle-double-left",
819
+ width: 14,
820
+ height: 13
821
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
822
+ name: "triangle-double-right",
823
+ width: 14,
824
+ height: 13
825
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
826
+ name: "delete",
827
+ width: 12,
828
+ height: 14
829
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
830
+ name: "promo_review",
831
+ width: 16,
832
+ height: 14
833
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
834
+ name: "data-refresh",
835
+ width: 16,
836
+ height: 18
837
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
838
+ name: "back-to-back",
839
+ width: 16,
840
+ height: 18
841
+ }), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
842
+ name: "enhance",
843
+ width: 16,
844
+ height: 16
845
+ })));
275
846
  });