@ilo-org/react 0.0.1

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 (348) hide show
  1. package/.eslintrc.js +36 -0
  2. package/.storybook/main.js +28 -0
  3. package/.storybook/manager-head.html +7 -0
  4. package/.storybook/manager.js +6 -0
  5. package/.storybook/preview.tsx +33 -0
  6. package/.storybook/styles.scss +1 -0
  7. package/.storybook/theme.js +11 -0
  8. package/.turbo/turbo-build.log +513 -0
  9. package/.turbo/turbo-check.log +5 -0
  10. package/.turbo/turbo-test.log +1676 -0
  11. package/=6.4.0 +115 -0
  12. package/=7.21.4 +21 -0
  13. package/LICENSE +201 -0
  14. package/README.md +11 -0
  15. package/lib/index.esm.js +24 -0
  16. package/lib/index.esm.js.map +1 -0
  17. package/lib/index.js +24 -0
  18. package/lib/index.js.map +1 -0
  19. package/package.json +115 -0
  20. package/rollup.config.js +40 -0
  21. package/src/__tests__/Accordion.test.tsx +52 -0
  22. package/src/__tests__/Button.test.tsx +60 -0
  23. package/src/__tests__/Callout.test.tsx +41 -0
  24. package/src/__tests__/ContextMenu.test.tsx +19 -0
  25. package/src/__tests__/Dropdown.test.tsx +38 -0
  26. package/src/__tests__/Form.test.tsx +34 -0
  27. package/src/__tests__/Heading.test.tsx +51 -0
  28. package/src/__tests__/Hero.test.tsx +22 -0
  29. package/src/__tests__/Image.test.tsx +21 -0
  30. package/src/__tests__/LinkList.test.tsx +17 -0
  31. package/src/__tests__/List.test.tsx +37 -0
  32. package/src/__tests__/Loading.text.tsx +33 -0
  33. package/src/__tests__/Notification.test.tsx +39 -0
  34. package/src/__tests__/Pagination.test.tsx +58 -0
  35. package/src/__tests__/Profile.test.tsx +48 -0
  36. package/src/__tests__/ReadMore.test.tsx +42 -0
  37. package/src/__tests__/RichText.test.tsx +16 -0
  38. package/src/__tests__/SearchField.test.tsx +35 -0
  39. package/src/__tests__/TableOfContents.test.tsx +12 -0
  40. package/src/__tests__/Tag.test.tsx +10 -0
  41. package/src/components/Accordion/Accordion.args.ts +19 -0
  42. package/src/components/Accordion/Accordion.props.d.ts +39 -0
  43. package/src/components/Accordion/Accordion.tsx +70 -0
  44. package/src/components/Accordion/AccordionButton.props.d.ts +13 -0
  45. package/src/components/Accordion/AccordionButton.tsx +60 -0
  46. package/src/components/Accordion/AccordionItem.props.d.ts +25 -0
  47. package/src/components/Accordion/AccordionItem.tsx +33 -0
  48. package/src/components/Accordion/AccordionPanel.props.d.ts +20 -0
  49. package/src/components/Accordion/AccordionPanel.tsx +47 -0
  50. package/src/components/Accordion/index.ts +4 -0
  51. package/src/components/Button/Button.args.ts +353 -0
  52. package/src/components/Button/Button.props.d.ts +74 -0
  53. package/src/components/Button/Button.tsx +67 -0
  54. package/src/components/Button/index.ts +1 -0
  55. package/src/components/Callout/Callout.args.ts +64 -0
  56. package/src/components/Callout/Callout.props.d.ts +61 -0
  57. package/src/components/Callout/Callout.tsx +80 -0
  58. package/src/components/Callout/index.ts +1 -0
  59. package/src/components/Checkbox/Checkbox.args.ts +22 -0
  60. package/src/components/Checkbox/Checkbox.props.d.ts +61 -0
  61. package/src/components/Checkbox/Checkbox.tsx +92 -0
  62. package/src/components/Checkbox/index.ts +1 -0
  63. package/src/components/ChoiceGroup/ChoiceGroup.args.ts +90 -0
  64. package/src/components/ChoiceGroup/ChoiceGroup.props.d.ts +57 -0
  65. package/src/components/ChoiceGroup/ChoiceGroup.tsx +42 -0
  66. package/src/components/ChoiceGroup/index.ts +1 -0
  67. package/src/components/Collapse/Collapse.props.d.ts +92 -0
  68. package/src/components/Collapse/Collapse.tsx +130 -0
  69. package/src/components/Collapse/index.ts +1 -0
  70. package/src/components/ContextMenu/ContextMenu.args.ts +62 -0
  71. package/src/components/ContextMenu/ContextMenu.props.d.ts +28 -0
  72. package/src/components/ContextMenu/ContextMenu.tsx +32 -0
  73. package/src/components/ContextMenu/index.ts +1 -0
  74. package/src/components/Credit/Credit.args.ts +14 -0
  75. package/src/components/Credit/Credit.props.d.ts +11 -0
  76. package/src/components/Credit/Credit.tsx +41 -0
  77. package/src/components/Credit/index.ts +1 -0
  78. package/src/components/DatePicker/DatePicker.args.ts +82 -0
  79. package/src/components/DatePicker/DatePicker.props.d.ts +68 -0
  80. package/src/components/DatePicker/DatePicker.tsx +119 -0
  81. package/src/components/DatePicker/index.ts +1 -0
  82. package/src/components/Dropdown/Dropdown.args.ts +220 -0
  83. package/src/components/Dropdown/Dropdown.props.d.ts +84 -0
  84. package/src/components/Dropdown/Dropdown.tsx +82 -0
  85. package/src/components/Dropdown/index.ts +1 -0
  86. package/src/components/Empty/Empty.args.ts +14 -0
  87. package/src/components/Empty/Empty.props.d.ts +6 -0
  88. package/src/components/Empty/Empty.tsx +16 -0
  89. package/src/components/Empty/index.ts +1 -0
  90. package/src/components/Fieldset/Fieldset.props.d.ts +36 -0
  91. package/src/components/Fieldset/Fieldset.tsx +90 -0
  92. package/src/components/Fieldset/index.ts +1 -0
  93. package/src/components/FileUpload/FileUpload.args.ts +62 -0
  94. package/src/components/FileUpload/FileUpload.props.d.ts +63 -0
  95. package/src/components/FileUpload/FileUpload.tsx +82 -0
  96. package/src/components/FileUpload/index.ts +1 -0
  97. package/src/components/Form/Form.args.ts +265 -0
  98. package/src/components/Form/Form.props.d.ts +84 -0
  99. package/src/components/Form/Form.tsx +83 -0
  100. package/src/components/Form/index.ts +1 -0
  101. package/src/components/FormElement/FormElement.props.d.ts +53 -0
  102. package/src/components/FormElement/FormElement.tsx +26 -0
  103. package/src/components/FormElement/index.ts +1 -0
  104. package/src/components/FormGroup/FormGroup.args.ts +84 -0
  105. package/src/components/FormGroup/FormGroup.props.d.ts +71 -0
  106. package/src/components/FormGroup/FormGroup.tsx +73 -0
  107. package/src/components/FormGroup/index.ts +1 -0
  108. package/src/components/GlobalProvider/GlobalProvider.props.d.ts +15 -0
  109. package/src/components/GlobalProvider/GlobalProvider.tsx +27 -0
  110. package/src/components/GlobalProvider/index.js +4 -0
  111. package/src/components/Heading/Heading.args.ts +46 -0
  112. package/src/components/Heading/Heading.props.d.ts +24 -0
  113. package/src/components/Heading/Heading.tsx +28 -0
  114. package/src/components/Heading/index.ts +1 -0
  115. package/src/components/Hero/Hero.args.ts +296 -0
  116. package/src/components/Hero/Hero.props.d.ts +29 -0
  117. package/src/components/Hero/Hero.tsx +35 -0
  118. package/src/components/Hero/HeroCard.props.d.ts +65 -0
  119. package/src/components/Hero/HeroCard.tsx +53 -0
  120. package/src/components/Hero/index.ts +2 -0
  121. package/src/components/Icon/Icon.args.ts +15 -0
  122. package/src/components/Icon/Icon.props.d.ts +16 -0
  123. package/src/components/Icon/Icon.tsx +25 -0
  124. package/src/components/Icon/index.ts +1 -0
  125. package/src/components/Image/Image.args.ts +35 -0
  126. package/src/components/Image/Image.props.d.ts +38 -0
  127. package/src/components/Image/Image.tsx +51 -0
  128. package/src/components/Image/index.ts +1 -0
  129. package/src/components/Input/Input.args.ts +139 -0
  130. package/src/components/Input/Input.props.d.ts +63 -0
  131. package/src/components/Input/Input.tsx +63 -0
  132. package/src/components/Input/index.ts +1 -0
  133. package/src/components/Link/Link.args.ts +36 -0
  134. package/src/components/Link/Link.props.d.ts +34 -0
  135. package/src/components/Link/Link.tsx +49 -0
  136. package/src/components/Link/index.ts +1 -0
  137. package/src/components/LinkList/LinkList.args.ts +193 -0
  138. package/src/components/LinkList/LinkList.props.d.ts +52 -0
  139. package/src/components/LinkList/LinkList.tsx +59 -0
  140. package/src/components/LinkList/index.ts +1 -0
  141. package/src/components/List/List.args.ts +38 -0
  142. package/src/components/List/List.props.d.ts +36 -0
  143. package/src/components/List/List.tsx +47 -0
  144. package/src/components/List/ListItem.props.d.ts +25 -0
  145. package/src/components/List/ListItem.tsx +23 -0
  146. package/src/components/List/index.ts +2 -0
  147. package/src/components/Loading/Loading.args.ts +55 -0
  148. package/src/components/Loading/Loading.props.d.ts +23 -0
  149. package/src/components/Loading/Loading.tsx +24 -0
  150. package/src/components/Loading/index.ts +1 -0
  151. package/src/components/Notification/Notification.args.ts +157 -0
  152. package/src/components/Notification/Notification.props.d.ts +67 -0
  153. package/src/components/Notification/Notification.tsx +78 -0
  154. package/src/components/Notification/index.ts +1 -0
  155. package/src/components/NumberPicker/NumberPicker.args.ts +58 -0
  156. package/src/components/NumberPicker/NumberPicker.props.d.ts +56 -0
  157. package/src/components/NumberPicker/NumberPicker.tsx +65 -0
  158. package/src/components/NumberPicker/index.ts +1 -0
  159. package/src/components/Pagination/Pagination.args.ts +43 -0
  160. package/src/components/Pagination/Pagination.props.d.ts +66 -0
  161. package/src/components/Pagination/Pagination.tsx +114 -0
  162. package/src/components/Pagination/index.ts +1 -0
  163. package/src/components/Profile/Profile.args.ts +58 -0
  164. package/src/components/Profile/Profile.props.d.ts +43 -0
  165. package/src/components/Profile/Profile.tsx +43 -0
  166. package/src/components/Profile/index.ts +1 -0
  167. package/src/components/Radio/Radio.args.ts +22 -0
  168. package/src/components/Radio/Radio.props.d.ts +61 -0
  169. package/src/components/Radio/Radio.tsx +64 -0
  170. package/src/components/Radio/index.ts +1 -0
  171. package/src/components/ReadMore/ReadMore.props.d.ts +38 -0
  172. package/src/components/ReadMore/ReadMore.tsx +55 -0
  173. package/src/components/ReadMore/index.ts +1 -0
  174. package/src/components/ReadMore/readMore.args.ts +35 -0
  175. package/src/components/RichText/RichText.props.d.ts +11 -0
  176. package/src/components/RichText/RichText.tsx +22 -0
  177. package/src/components/RichText/index.ts +1 -0
  178. package/src/components/RichText/richText.args.ts +15 -0
  179. package/src/components/SearchField/SearchField.args.ts +73 -0
  180. package/src/components/SearchField/SearchField.props.d.ts +35 -0
  181. package/src/components/SearchField/SearchField.tsx +55 -0
  182. package/src/components/SearchField/index.ts +1 -0
  183. package/src/components/TableOfContents/TableOfContents.args.ts +35 -0
  184. package/src/components/TableOfContents/TableOfContents.props.d.ts +23 -0
  185. package/src/components/TableOfContents/TableOfContents.tsx +32 -0
  186. package/src/components/TableOfContents/index.ts +1 -0
  187. package/src/components/Tag/Tag.args.ts +15 -0
  188. package/src/components/Tag/Tag.props.d.ts +34 -0
  189. package/src/components/Tag/Tag.tsx +99 -0
  190. package/src/components/Tag/TagSet.args.ts +39 -0
  191. package/src/components/Tag/TagSet.props.d.ts +36 -0
  192. package/src/components/Tag/TagSet.tsx +71 -0
  193. package/src/components/Tag/index.ts +2 -0
  194. package/src/components/Textarea/Textarea.args.ts +62 -0
  195. package/src/components/Textarea/Textarea.props.d.ts +71 -0
  196. package/src/components/Textarea/Textarea.tsx +67 -0
  197. package/src/components/Textarea/index.ts +1 -0
  198. package/src/components/Tooltip/Tooltip.args.ts +43 -0
  199. package/src/components/Tooltip/Tooltip.props.d.ts +48 -0
  200. package/src/components/Tooltip/Tooltip.tsx +139 -0
  201. package/src/components/Tooltip/index.ts +1 -0
  202. package/src/components/Video/Video.args.ts +81 -0
  203. package/src/components/Video/Video.props.d.ts +82 -0
  204. package/src/components/Video/Video.tsx +29 -0
  205. package/src/components/Video/VideoPlayer.props.d.ts +80 -0
  206. package/src/components/Video/VideoPlayer.tsx +285 -0
  207. package/src/components/Video/index.ts +1 -0
  208. package/src/hooks/useGlobalSettings.ts +13 -0
  209. package/src/hooks/useVideoPlayer.ts +85 -0
  210. package/src/index.ts +19 -0
  211. package/src/public/favicon.ico +0 -0
  212. package/src/public/index.html +43 -0
  213. package/src/public/logo192.png +0 -0
  214. package/src/public/logo512.png +0 -0
  215. package/src/public/manifest.json +25 -0
  216. package/src/public/robots.txt +3 -0
  217. package/src/setup.ts +6 -0
  218. package/src/stories/Accordion.stories.tsx +94 -0
  219. package/src/stories/Button.stories.tsx +491 -0
  220. package/src/stories/Callout.stories.tsx +154 -0
  221. package/src/stories/ContextMenu.stories.tsx +72 -0
  222. package/src/stories/Dropdown.stories.tsx +85 -0
  223. package/src/stories/Empty.stories.tsx +48 -0
  224. package/src/stories/Form.stories.tsx +67 -0
  225. package/src/stories/Heading.stories.tsx +191 -0
  226. package/src/stories/Hero.stories.tsx +129 -0
  227. package/src/stories/Image.stories.tsx +71 -0
  228. package/src/stories/Introduction.stories.mdx +12 -0
  229. package/src/stories/Link.stories.tsx +99 -0
  230. package/src/stories/LinkList.stories.tsx +68 -0
  231. package/src/stories/List.stories.tsx +246 -0
  232. package/src/stories/Loading.stories.tsx +103 -0
  233. package/src/stories/Notification.stories.tsx +154 -0
  234. package/src/stories/Pagination.stories.tsx +63 -0
  235. package/src/stories/Profile.stories.tsx +84 -0
  236. package/src/stories/ReadMore.stories.tsx +80 -0
  237. package/src/stories/RichText.stories.tsx +59 -0
  238. package/src/stories/SearchField.stories.tsx +87 -0
  239. package/src/stories/TableOfContents.stories.tsx +50 -0
  240. package/src/stories/Tag.stories.tsx +194 -0
  241. package/src/stories/Tooltip.stories.tsx +83 -0
  242. package/src/stories/Video.stories.tsx +69 -0
  243. package/src/stories/assets/code-brackets.svg +1 -0
  244. package/src/stories/assets/colors.svg +1 -0
  245. package/src/stories/assets/comments.svg +1 -0
  246. package/src/stories/assets/direction.svg +1 -0
  247. package/src/stories/assets/flow.svg +1 -0
  248. package/src/stories/assets/plugin.svg +1 -0
  249. package/src/stories/assets/repo.svg +1 -0
  250. package/src/stories/assets/stackalt.svg +1 -0
  251. package/src/types/index.ts +49 -0
  252. package/src/types/temp.d.ts +9 -0
  253. package/src/utils/checkArrayDuplicates.ts +3 -0
  254. package/src/utils/createChainedFunction.ts +31 -0
  255. package/src/utils/getDefaultDimensionValue.ts +28 -0
  256. package/src/utils/hoursMinutesSeconds.ts +8 -0
  257. package/src/utils/transitionEndListener.ts +29 -0
  258. package/src/utils/triggerBrowserReflow.ts +4 -0
  259. package/storybook-static/0.f9bb25299a048d2bb825.manager.bundle.js +2 -0
  260. package/storybook-static/0.f9bb25299a048d2bb825.manager.bundle.js.LICENSE.txt +8 -0
  261. package/storybook-static/01daf23af61cc99e9d75.woff2 +0 -0
  262. package/storybook-static/06a2da828c8b6497ba7a.woff +0 -0
  263. package/storybook-static/0fa24adac56865ac7e5f.ttf +0 -0
  264. package/storybook-static/12ec02e7e66abaf38243.eot +0 -0
  265. package/storybook-static/164.8f6e5926.iframe.bundle.js +2 -0
  266. package/storybook-static/164.8f6e5926.iframe.bundle.js.LICENSE.txt +8 -0
  267. package/storybook-static/181.1d6d475b.iframe.bundle.js +1 -0
  268. package/storybook-static/1cc3364249fd0db446ad.ttf +0 -0
  269. package/storybook-static/1dbed2ef5cef8fcb4cbe.ttf +0 -0
  270. package/storybook-static/1fa1c16a4a45d13f0df8.ttf +0 -0
  271. package/storybook-static/23cdaa8575b5e003dcde.eot +0 -0
  272. package/storybook-static/248db78ddf1e3568728d.woff +0 -0
  273. package/storybook-static/27d33755a2b827666dc5.woff +0 -0
  274. package/storybook-static/29.8e0bc9a8.iframe.bundle.js +2 -0
  275. package/storybook-static/29.8e0bc9a8.iframe.bundle.js.LICENSE.txt +102 -0
  276. package/storybook-static/2ac1a95228cf06e17040.woff2 +0 -0
  277. package/storybook-static/337.b8defe66.iframe.bundle.js +2 -0
  278. package/storybook-static/337.b8defe66.iframe.bundle.js.LICENSE.txt +11 -0
  279. package/storybook-static/3579203659b1428de036.eot +0 -0
  280. package/storybook-static/36229f80a738c199462d.woff2 +0 -0
  281. package/storybook-static/409a9c398a28ee4d74ff.eot +0 -0
  282. package/storybook-static/431.8ab7c276.iframe.bundle.js +1 -0
  283. package/storybook-static/431.b32fed6077acc140df7c.manager.bundle.js +1 -0
  284. package/storybook-static/4bf5fc6f93ba10519c82.eot +0 -0
  285. package/storybook-static/51d7da3f5e58e3a24a84.woff +0 -0
  286. package/storybook-static/697.1f42ad69d33c2733c631.manager.bundle.js +1 -0
  287. package/storybook-static/697.9e56beef.iframe.bundle.js +1 -0
  288. package/storybook-static/6a159f0a2005668f1f78.woff +0 -0
  289. package/storybook-static/6f781753b674130d947a.ttf +0 -0
  290. package/storybook-static/70a240717e773fe567b3.woff2 +0 -0
  291. package/storybook-static/720.f44d4e1f5203b6083ae4.manager.bundle.js +1 -0
  292. package/storybook-static/730.1240c246.iframe.bundle.js +1 -0
  293. package/storybook-static/730.7223b772132e3e068755.manager.bundle.js +1 -0
  294. package/storybook-static/73ba1c910e0f7bfc6b18.woff2 +0 -0
  295. package/storybook-static/88739612501023fa15e3.woff +0 -0
  296. package/storybook-static/8a142c29a318c432117a.woff +0 -0
  297. package/storybook-static/914.8ddb80ae2badda1468b0.manager.bundle.js +2 -0
  298. package/storybook-static/914.8ddb80ae2badda1468b0.manager.bundle.js.LICENSE.txt +94 -0
  299. package/storybook-static/978.236a5d9d5736517b960e.manager.bundle.js +2 -0
  300. package/storybook-static/978.236a5d9d5736517b960e.manager.bundle.js.LICENSE.txt +12 -0
  301. package/storybook-static/978.32e8032b.iframe.bundle.js +2 -0
  302. package/storybook-static/978.32e8032b.iframe.bundle.js.LICENSE.txt +12 -0
  303. package/storybook-static/9db5d05810cb98f2831f.ttf +0 -0
  304. package/storybook-static/9ff97e342523931a4992.eot +0 -0
  305. package/storybook-static/a40d436619020fb67db5.woff +0 -0
  306. package/storybook-static/a41d7e330757fb4b2125.woff2 +0 -0
  307. package/storybook-static/ab3494afe25b712485ed.woff +0 -0
  308. package/storybook-static/b53d0e74edc5a5fbef0a.ttf +0 -0
  309. package/storybook-static/b70a9c0ad8e8b43f5e6c.ttf +0 -0
  310. package/storybook-static/c12a83f816844ff94375.ttf +0 -0
  311. package/storybook-static/c5116d16544f932eba4b.eot +0 -0
  312. package/storybook-static/c807e115c00aaffbac11.woff2 +0 -0
  313. package/storybook-static/cadb6b94d6b0ecc3a86a.woff2 +0 -0
  314. package/storybook-static/d0cff1b064bcd84324fe.eot +0 -0
  315. package/storybook-static/d3434771ad7e9030387e.ttf +0 -0
  316. package/storybook-static/d8610c2a4fe5c177f4f6.woff +0 -0
  317. package/storybook-static/d970f426740b938f39e1.woff +0 -0
  318. package/storybook-static/d9c7eba773ff1c8df5bb.eot +0 -0
  319. package/storybook-static/dd4645bdb2f1e1a47ed7.woff2 +0 -0
  320. package/storybook-static/e0a63577ac642885f067.eot +0 -0
  321. package/storybook-static/e2625b8a1277972c9240.ttf +0 -0
  322. package/storybook-static/f469ea3aa8aacf7ad83a.eot +0 -0
  323. package/storybook-static/f632ebfa0d7b7085d542.woff2 +0 -0
  324. package/storybook-static/f93e2252d7112c3bcca5.woff2 +0 -0
  325. package/storybook-static/favicon.ico +0 -0
  326. package/storybook-static/iframe.html +348 -0
  327. package/storybook-static/index.html +59 -0
  328. package/storybook-static/main.01e6a863.iframe.bundle.js +1 -0
  329. package/storybook-static/main.dc406261155f1ebb44ce.manager.bundle.js +1 -0
  330. package/storybook-static/reactPlayerDailyMotion.469cc00f.iframe.bundle.js +1 -0
  331. package/storybook-static/reactPlayerFacebook.1423bb15.iframe.bundle.js +1 -0
  332. package/storybook-static/reactPlayerFilePlayer.e19e24a0.iframe.bundle.js +1 -0
  333. package/storybook-static/reactPlayerKaltura.d1eb0868.iframe.bundle.js +1 -0
  334. package/storybook-static/reactPlayerMixcloud.9f1b1691.iframe.bundle.js +1 -0
  335. package/storybook-static/reactPlayerPreview.9295696b.iframe.bundle.js +1 -0
  336. package/storybook-static/reactPlayerSoundCloud.d420395c.iframe.bundle.js +1 -0
  337. package/storybook-static/reactPlayerStreamable.9b655bf3.iframe.bundle.js +1 -0
  338. package/storybook-static/reactPlayerTwitch.e90e6dea.iframe.bundle.js +1 -0
  339. package/storybook-static/reactPlayerVidyard.a37ae6b3.iframe.bundle.js +1 -0
  340. package/storybook-static/reactPlayerVimeo.a7f367ee.iframe.bundle.js +1 -0
  341. package/storybook-static/reactPlayerWistia.fb351944.iframe.bundle.js +1 -0
  342. package/storybook-static/reactPlayerYouTube.3514e11a.iframe.bundle.js +1 -0
  343. package/storybook-static/runtime~main.012769eac0433a7ec083.manager.bundle.js +1 -0
  344. package/storybook-static/runtime~main.f3168ed5.iframe.bundle.js +1 -0
  345. package/storybook-static/static/css/main.3d116812.css +3 -0
  346. package/storybook-static/static/css/main.3d116812.css.map +1 -0
  347. package/tsconfig.build.json +15 -0
  348. package/tsconfig.json +7 -0
package/storybook-static/iframe.html ADDED
@@ -0,0 +1,348 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>:not(.sb-show-preparing-story) > .sb-preparing-story,
2
+ :not(.sb-show-preparing-docs) > .sb-preparing-docs,
3
+ :not(.sb-show-nopreview) > .sb-nopreview,
4
+ :not(.sb-show-errordisplay) > .sb-errordisplay {
5
+ display: none;
6
+ }
7
+
8
+ .sb-show-main.sb-main-centered {
9
+ margin: 0;
10
+ display: flex;
11
+ align-items: center;
12
+ min-height: 100vh;
13
+ }
14
+
15
+ .sb-show-main.sb-main-centered #root {
16
+ box-sizing: border-box;
17
+ margin: auto;
18
+ padding: 1rem;
19
+ max-height: 100%; /* Hack for centering correctly in IE11 */
20
+ }
21
+
22
+ /* Vertical centering fix for IE11 */
23
+ @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
24
+ .sb-show-main.sb-main-centered:after {
25
+ content: '';
26
+ min-height: inherit;
27
+ font-size: 0;
28
+ }
29
+ }
30
+
31
+ .sb-show-main.sb-main-fullscreen {
32
+ margin: 0;
33
+ padding: 0;
34
+ display: block;
35
+ }
36
+
37
+ .sb-show-main.sb-main-padded {
38
+ margin: 0;
39
+ padding: 1rem;
40
+ display: block;
41
+ box-sizing: border-box;
42
+ }
43
+
44
+ .sb-wrapper {
45
+ position: fixed;
46
+ top: 0;
47
+ bottom: 0;
48
+ left: 0;
49
+ right: 0;
50
+ padding: 20px;
51
+ font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
52
+ BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
53
+ -webkit-font-smoothing: antialiased;
54
+ overflow: auto;
55
+ }
56
+
57
+ .sb-heading {
58
+ font-size: 14px;
59
+ font-weight: 600;
60
+ letter-spacing: 0.2px;
61
+ margin: 10px 0;
62
+ padding-right: 25px;
63
+ }
64
+
65
+ .sb-nopreview {
66
+ display: flex;
67
+ align-content: center;
68
+ justify-content: center;
69
+ }
70
+
71
+ .sb-nopreview_main {
72
+ margin: auto;
73
+ padding: 30px;
74
+ border-radius: 10px;
75
+ background: rgba(0, 0, 0, 0.03);
76
+ }
77
+
78
+ .sb-nopreview_heading {
79
+ text-align: center;
80
+ }
81
+
82
+ .sb-errordisplay {
83
+ border: 20px solid rgb(187, 49, 49);
84
+ background: #222;
85
+ color: #fff;
86
+ z-index: 999999;
87
+ }
88
+
89
+ .sb-errordisplay_code {
90
+ padding: 10px;
91
+ background: #000;
92
+ color: #eee;
93
+ font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
94
+ 'Lucida Console', Consolas, Monaco, monospace;
95
+ }
96
+
97
+ .sb-errordisplay pre {
98
+ white-space: pre-wrap;
99
+ }
100
+
101
+ @-webkit-keyframes sb-rotate360 {
102
+ from {
103
+ transform: rotate(0deg);
104
+ }
105
+ to {
106
+ transform: rotate(360deg);
107
+ }
108
+ }
109
+ @keyframes sb-rotate360 {
110
+ from {
111
+ transform: rotate(0deg);
112
+ }
113
+ to {
114
+ transform: rotate(360deg);
115
+ }
116
+ }
117
+ @-webkit-keyframes sb-glow {
118
+ 0%,
119
+ 100% {
120
+ opacity: 1;
121
+ }
122
+ 50% {
123
+ opacity: 0.4;
124
+ }
125
+ }
126
+ @keyframes sb-glow {
127
+ 0%,
128
+ 100% {
129
+ opacity: 1;
130
+ }
131
+ 50% {
132
+ opacity: 0.4;
133
+ }
134
+ }
135
+
136
+ /* We display the preparing loaders *over* the rendering story */
137
+ .sb-preparing-story,
138
+ .sb-preparing-docs {
139
+ background-color: white;
140
+ }
141
+
142
+ .sb-loader {
143
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
144
+ animation: sb-rotate360 0.7s linear infinite;
145
+ border-color: rgba(97, 97, 97, 0.29);
146
+ border-radius: 50%;
147
+ border-style: solid;
148
+ border-top-color: #646464;
149
+ border-width: 2px;
150
+ display: inline-block;
151
+ height: 32px;
152
+ left: 50%;
153
+ margin-left: -16px;
154
+ margin-top: -16px;
155
+ mix-blend-mode: difference;
156
+ overflow: hidden;
157
+ position: absolute;
158
+ top: 50%;
159
+ transition: all 200ms ease-out;
160
+ vertical-align: top;
161
+ width: 32px;
162
+ z-index: 4;
163
+ }
164
+
165
+ .sb-previewBlock {
166
+ background: #fff;
167
+ border: 1px solid rgba(0, 0, 0, 0.1);
168
+ border-radius: 4px;
169
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
170
+ margin: 25px auto 40px;
171
+ max-width: 600px;
172
+ }
173
+
174
+ .sb-previewBlock_header {
175
+ align-items: center;
176
+ box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
177
+ display: flex;
178
+ gap: 14px;
179
+ height: 40px;
180
+ padding: 0 12px;
181
+ }
182
+
183
+ .sb-previewBlock_icon {
184
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
185
+ animation: sb-glow 1.5s ease-in-out infinite;
186
+ background: #e6e6e6;
187
+ height: 14px;
188
+ width: 14px;
189
+ }
190
+ .sb-previewBlock_icon:last-child {
191
+ margin-left: auto;
192
+ }
193
+
194
+ .sb-previewBlock_body {
195
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
196
+ animation: sb-glow 1.5s ease-in-out infinite;
197
+ height: 182px;
198
+ position: relative;
199
+ }
200
+
201
+ .sb-argstableBlock {
202
+ border-collapse: collapse;
203
+ border-spacing: 0;
204
+ font-size: 13px;
205
+ line-height: 20px;
206
+ margin: 25px auto 40px;
207
+ max-width: 600px;
208
+ text-align: left;
209
+ width: 100%;
210
+ }
211
+ .sb-argstableBlock th:first-of-type,
212
+ .sb-argstableBlock td:first-of-type {
213
+ padding-left: 20px;
214
+ }
215
+ .sb-argstableBlock th:nth-of-type(2),
216
+ .sb-argstableBlock td:nth-of-type(2) {
217
+ width: 35%;
218
+ }
219
+ .sb-argstableBlock th:nth-of-type(3),
220
+ .sb-argstableBlock td:nth-of-type(3) {
221
+ width: 15%;
222
+ }
223
+ .sb-argstableBlock th:laste-of-type,
224
+ .sb-argstableBlock td:laste-of-type {
225
+ width: 25%;
226
+ padding-right: 20px;
227
+ }
228
+ .sb-argstableBlock th span,
229
+ .sb-argstableBlock td span {
230
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
231
+ animation: sb-glow 1.5s ease-in-out infinite;
232
+ background-color: rgba(0, 0, 0, 0.1);
233
+ border-radius: 0;
234
+ box-shadow: none;
235
+ color: transparent;
236
+ }
237
+ .sb-argstableBlock th {
238
+ padding: 10px 15px;
239
+ }
240
+
241
+ .sb-argstableBlock-body {
242
+ border-radius: 4px;
243
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
244
+ }
245
+ .sb-argstableBlock-body tr {
246
+ background: transparent;
247
+ overflow: hidden;
248
+ }
249
+ .sb-argstableBlock-body tr:not(:first-child) {
250
+ border-top: 1px solid #e6e6e6;
251
+ }
252
+ .sb-argstableBlock-body tr:first-child td:first-child {
253
+ border-top-left-radius: 4px;
254
+ }
255
+ .sb-argstableBlock-body tr:first-child td:last-child {
256
+ border-top-right-radius: 4px;
257
+ }
258
+ .sb-argstableBlock-body tr:last-child td:first-child {
259
+ border-bottom-left-radius: 4px;
260
+ }
261
+ .sb-argstableBlock-body tr:last-child td:last-child {
262
+ border-bottom-right-radius: 4px;
263
+ }
264
+ .sb-argstableBlock-body td {
265
+ background: #fff;
266
+ padding-bottom: 10px;
267
+ padding-top: 10px;
268
+ vertical-align: top;
269
+ }
270
+ .sb-argstableBlock-body td:not(:first-of-type) {
271
+ padding-left: 15px;
272
+ padding-right: 15px;
273
+ }
274
+ .sb-argstableBlock-body button {
275
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
276
+ animation: sb-glow 1.5s ease-in-out infinite;
277
+ background-color: rgba(0, 0, 0, 0.1);
278
+ border: 0;
279
+ border-radius: 0;
280
+ box-shadow: none;
281
+ color: transparent;
282
+ display: inline;
283
+ font-size: 12px;
284
+ line-height: 1;
285
+ padding: 10px 16px;
286
+ }
287
+
288
+ .sb-argstableBlock-summary {
289
+ margin-top: 4px;
290
+ }
291
+
292
+ .sb-argstableBlock-code {
293
+ margin-right: 4px;
294
+ margin-bottom: 4px;
295
+ padding: 2px 5px;
296
+ }</style><script>/* globals window */
297
+ /* eslint-disable no-underscore-dangle */
298
+ try {
299
+ if (window.top !== window) {
300
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
301
+ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
302
+ window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
303
+ }
304
+ } catch (e) {
305
+ // eslint-disable-next-line no-console
306
+ console.warn('unable to connect to top frame for connecting dev tools');
307
+ }
308
+
309
+ window.onerror = function onerror(message, source, line, column, err) {
310
+ if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
311
+ // eslint-disable-next-line no-var, vars-on-top
312
+ var xhr = new window.XMLHttpRequest();
313
+ xhr.open('POST', '/runtime-error');
314
+ xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
315
+ xhr.send(
316
+ JSON.stringify({
317
+ /* eslint-disable object-shorthand */
318
+ message: message,
319
+ source: source,
320
+ line: line,
321
+ column: column,
322
+ error: err && { message: err.message, name: err.name, stack: err.stack },
323
+ origin: 'preview',
324
+ /* eslint-enable object-shorthand */
325
+ })
326
+ );
327
+ };</script><link href="static/css/main.3d116812.css" rel="stylesheet"><style>#root[hidden],
328
+ #docs-root[hidden] {
329
+ display: none !important;
330
+ }</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
331
+
332
+
333
+
334
+ window['LOGLEVEL'] = "info";
335
+
336
+
337
+
338
+ window['FRAMEWORK_OPTIONS'] = {};
339
+
340
+
341
+
342
+
343
+
344
+ window['FEATURES'] = {"postcss":true,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};
345
+
346
+
347
+
348
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.f3168ed5.iframe.bundle.js"></script><script src="29.8e0bc9a8.iframe.bundle.js"></script><script src="main.01e6a863.iframe.bundle.js"></script></body></html>
package/storybook-static/index.html ADDED
@@ -0,0 +1,59 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"/><style>html, body {
2
+ overflow: hidden;
3
+ height: 100%;
4
+ width: 100%;
5
+ margin: 0;
6
+ padding: 0;
7
+ }
8
+
9
+ * {
10
+ box-sizing: border-box;
11
+ }</style><script>/* globals window */
12
+ /* eslint-disable no-underscore-dangle */
13
+ try {
14
+ if (window.top !== window) {
15
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
16
+ }
17
+ } catch (e) {
18
+ // eslint-disable-next-line no-console
19
+ console.warn('unable to connect to top frame for connecting dev tools');
20
+ }
21
+
22
+ window.onerror = function onerror(message, source, line, column, err) {
23
+ if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
24
+ // eslint-disable-next-line no-var, vars-on-top
25
+ var xhr = new window.XMLHttpRequest();
26
+ xhr.open('POST', '/runtime-error');
27
+ xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
28
+ xhr.send(
29
+ JSON.stringify({
30
+ /* eslint-disable object-shorthand */
31
+ message: message,
32
+ source: source,
33
+ line: line,
34
+ column: column,
35
+ error: err && { message: err.message, name: err.name, stack: err.stack },
36
+ origin: 'manager',
37
+ /* eslint-enable object-shorthand */
38
+ })
39
+ );
40
+ };</script><link rel="icon" type="image/png" sizes="16x16" href="https://www.ilo.org/wcmsp5/ilo/global/images/templates/favicons/apple-touch-icon-precomposed.png"/><style>#root[hidden],
41
+ #docs-root[hidden] {
42
+ display: none !important;
43
+ }</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
44
+
45
+
46
+
47
+ window['LOGLEVEL'] = "info";
48
+
49
+
50
+
51
+ window['FEATURES'] = {"postcss":true,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+ window['DOCS_MODE'] = false;</script><script src="runtime~main.012769eac0433a7ec083.manager.bundle.js"></script><script src="914.8ddb80ae2badda1468b0.manager.bundle.js"></script><script src="main.dc406261155f1ebb44ce.manager.bundle.js"></script></body></html>