@madie/madie-design-system 1.2.39 → 1.2.41

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 (289) hide show
  1. package/components/TruncateText/TruncateText.stories.js +25 -0
  2. package/components/TruncateText/index.js +52 -0
  3. package/components/index.js +2 -0
  4. package/coverage/clover.xml +3 -646
  5. package/coverage/coverage-final.json +1 -39
  6. package/coverage/lcov-report/index.html +11 -431
  7. package/coverage/lcov.info +0 -1389
  8. package/dist/browser.js +1 -1
  9. package/dist/index.js +1 -1
  10. package/dist/react/index.js +1 -1
  11. package/dist/react/index.js.map +1 -1
  12. package/doctor-storybook.log +41 -0
  13. package/migration-storybook.log +329 -0
  14. package/package.json +2 -1
  15. package/storybook-static/149.65bbc904.iframe.bundle.js +2 -0
  16. package/storybook-static/149.65bbc904.iframe.bundle.js.LICENSE.txt +14 -0
  17. package/storybook-static/164.e319e208c2d3a626e1f5.manager.bundle.js +1 -0
  18. package/storybook-static/192.69f71338.iframe.bundle.js +1 -0
  19. package/storybook-static/198.80608638.iframe.bundle.js +2 -0
  20. package/storybook-static/198.80608638.iframe.bundle.js.LICENSE.txt +31 -0
  21. package/storybook-static/217.b9975326.iframe.bundle.js +2 -0
  22. package/storybook-static/217.b9975326.iframe.bundle.js.LICENSE.txt +12 -0
  23. package/storybook-static/261.70d64bef7770b201fb77.manager.bundle.js +1 -0
  24. package/storybook-static/303.0d9893ef.iframe.bundle.js +1 -0
  25. package/storybook-static/319.3e8dc6b4a7d2f3e67eb0.manager.bundle.js +2 -0
  26. package/storybook-static/319.3e8dc6b4a7d2f3e67eb0.manager.bundle.js.LICENSE.txt +8 -0
  27. package/storybook-static/322.8b797be6.iframe.bundle.js +103 -0
  28. package/storybook-static/322.8b797be6.iframe.bundle.js.LICENSE.txt +140 -0
  29. package/storybook-static/322.8b797be6.iframe.bundle.js.map +1 -0
  30. package/storybook-static/40.df6534995de03601f813.manager.bundle.js +2 -0
  31. package/storybook-static/40.df6534995de03601f813.manager.bundle.js.LICENSE.txt +31 -0
  32. package/storybook-static/45.b37f580f.iframe.bundle.js +2 -0
  33. package/storybook-static/45.b37f580f.iframe.bundle.js.LICENSE.txt +8 -0
  34. package/storybook-static/467.7fabc4cd8819eddb42f9.manager.bundle.js +2 -0
  35. package/storybook-static/467.7fabc4cd8819eddb42f9.manager.bundle.js.LICENSE.txt +12 -0
  36. package/storybook-static/582.ffbf0b74.iframe.bundle.js +1 -0
  37. package/storybook-static/609.e27a5f77.iframe.bundle.js +2 -0
  38. package/storybook-static/609.e27a5f77.iframe.bundle.js.LICENSE.txt +11 -0
  39. package/storybook-static/794.cbe100d1870b4d8a130a.manager.bundle.js +1 -0
  40. package/storybook-static/861.0b692bf7.iframe.bundle.js +1 -0
  41. package/storybook-static/931.51f69825a96d7bce33f5.manager.bundle.js +2 -0
  42. package/storybook-static/931.51f69825a96d7bce33f5.manager.bundle.js.LICENSE.txt +94 -0
  43. package/storybook-static/987.874321cb40e99203aabe.manager.bundle.js +1 -0
  44. package/storybook-static/favicon.ico +0 -0
  45. package/storybook-static/iframe.html +364 -0
  46. package/storybook-static/index.html +59 -0
  47. package/storybook-static/main.07b67595538d689438e4.manager.bundle.js +1 -0
  48. package/storybook-static/main.8ae59f4f.iframe.bundle.js +1 -0
  49. package/storybook-static/project.json +1 -0
  50. package/storybook-static/runtime~main.09b9b14c88359f235007.manager.bundle.js +1 -0
  51. package/storybook-static/runtime~main.c9dcb6d8.iframe.bundle.js +1 -0
  52. package/storybook-static/static/media/Bitter-Bold.091bd4b7.woff +0 -0
  53. package/storybook-static/static/media/Bitter-Bold.24bf01e4.woff2 +0 -0
  54. package/storybook-static/static/media/Bitter-Bold.46bc29e4.ttf +0 -0
  55. package/storybook-static/static/media/Bitter-Bold.790f4f2f.eot +0 -0
  56. package/storybook-static/static/media/Bitter-Italic.1fa5390c.eot +0 -0
  57. package/storybook-static/static/media/Bitter-Italic.25e5675f.woff +0 -0
  58. package/storybook-static/static/media/Bitter-Italic.2eb18f5a.ttf +0 -0
  59. package/storybook-static/static/media/Bitter-Italic.34644574.woff2 +0 -0
  60. package/storybook-static/static/media/Bitter-Regular.4b22b6e8.woff +0 -0
  61. package/storybook-static/static/media/Bitter-Regular.559e7075.eot +0 -0
  62. package/storybook-static/static/media/Bitter-Regular.8db0301b.ttf +0 -0
  63. package/storybook-static/static/media/Bitter-Regular.f4e2f1f1.woff2 +0 -0
  64. package/storybook-static/static/media/FontAwesome.91f80bba.otf +0 -0
  65. package/storybook-static/static/media/OpenSans-Bold-webfont.202d819d.eot +0 -0
  66. package/storybook-static/static/media/OpenSans-Bold-webfont.92e570c6.woff2 +0 -0
  67. package/storybook-static/static/media/OpenSans-Bold-webfont.da71e99a.ttf +0 -0
  68. package/storybook-static/static/media/OpenSans-Bold-webfont.e75949bb.woff +0 -0
  69. package/storybook-static/static/media/OpenSans-Italic-webfont.72daa33a.woff2 +0 -0
  70. package/storybook-static/static/media/OpenSans-Italic-webfont.74ead3a8.woff +0 -0
  71. package/storybook-static/static/media/OpenSans-Italic-webfont.ae19388f.eot +0 -0
  72. package/storybook-static/static/media/OpenSans-Italic-webfont.ec7a2746.ttf +0 -0
  73. package/storybook-static/static/media/OpenSans-Regular-webfont.63a5fa7d.woff +0 -0
  74. package/storybook-static/static/media/OpenSans-Regular-webfont.66451be4.ttf +0 -0
  75. package/storybook-static/static/media/OpenSans-Regular-webfont.7882d20f.eot +0 -0
  76. package/storybook-static/static/media/OpenSans-Regular-webfont.ca4dd835.woff2 +0 -0
  77. package/storybook-static/static/media/OpenSans-Semibold-webfont.17ded75f.woff2 +0 -0
  78. package/storybook-static/static/media/OpenSans-Semibold-webfont.2a5adf6c.woff +0 -0
  79. package/storybook-static/static/media/OpenSans-Semibold-webfont.6059fecb.ttf +0 -0
  80. package/storybook-static/static/media/OpenSans-Semibold-webfont.c9808185.eot +0 -0
  81. package/storybook-static/static/media/Rubik-Bold.31bbd4d2.ttf +0 -0
  82. package/storybook-static/static/media/Rubik-Light.c90e2014.ttf +0 -0
  83. package/storybook-static/static/media/Rubik-Medium.5daa89aa.ttf +0 -0
  84. package/storybook-static/static/media/Rubik-Regular.cdf97d58.ttf +0 -0
  85. package/storybook-static/static/media/arrow-both.a0959e13.svg +3 -0
  86. package/storybook-static/static/media/fontawesome-webfont.1e59d233.ttf +0 -0
  87. package/storybook-static/static/media/fontawesome-webfont.20fd1704.woff2 +0 -0
  88. package/storybook-static/static/media/fontawesome-webfont.8b43027f.eot +0 -0
  89. package/storybook-static/static/media/fontawesome-webfont.c1e38fd9.svg +2671 -0
  90. package/storybook-static/static/media/fontawesome-webfont.f691f37e.woff +0 -0
  91. package/storybook.log +26 -0
  92. package/styles/_global.scss +66 -66
  93. package/styles/_main.scss +7 -7
  94. package/styles/_paths.scss +1 -1
  95. package/styles/_qpp-style.scss +35 -35
  96. package/styles/components/_accordion.scss +254 -254
  97. package/styles/components/_breadcrumbs.scss +7 -7
  98. package/styles/components/_buttons.scss +535 -535
  99. package/styles/components/_error-page.scss +4 -4
  100. package/styles/components/_flash-notification.scss +4 -4
  101. package/styles/components/_fonts.scss +16 -16
  102. package/styles/components/_forms.scss +1 -1
  103. package/styles/components/_grid.scss +22 -22
  104. package/styles/components/_links.scss +5 -3
  105. package/styles/components/_madie-alert.scss +80 -71
  106. package/styles/components/_madie-confirm-dialog.scss +33 -33
  107. package/styles/components/_madie-delete-dialog.scss +33 -33
  108. package/styles/components/_madie-discard-dialog.scss +27 -27
  109. package/styles/components/_madie-tooltip.scss +59 -60
  110. package/styles/components/_modals.scss +9 -9
  111. package/styles/components/_score-chart.scss +3 -3
  112. package/styles/components/_tables.scss +74 -74
  113. package/styles/components/_tabs.scss +3 -3
  114. package/styles/components/_text-field-variable.scss +13 -13
  115. package/styles/components/_toast.scss +75 -75
  116. package/styles/components/_variables.scss +13 -13
  117. package/styles/qppds/base/_backgrounds.scss +3 -3
  118. package/styles/qppds/base/_fonts.scss +17 -17
  119. package/styles/qppds/base/_icon.scss +6 -6
  120. package/styles/qppds/base/_layout.scss +2 -2
  121. package/styles/qppds/base/_typography.scss +51 -51
  122. package/styles/qppds/base/index.scss +4 -4
  123. package/styles/qppds/components/_alert.scss +73 -73
  124. package/styles/qppds/components/_breadcrumbs.scss +54 -54
  125. package/styles/qppds/components/_button.scss +437 -437
  126. package/styles/qppds/components/_card.scss +172 -172
  127. package/styles/qppds/components/_dropdown.scss +40 -40
  128. package/styles/qppds/components/_footer.scss +604 -605
  129. package/styles/qppds/components/_header.scss +804 -804
  130. package/styles/qppds/components/_link.scss +35 -35
  131. package/styles/qppds/components/_madie-alert.scss +80 -71
  132. package/styles/qppds/components/_madie-confirm-dialog.scss +33 -34
  133. package/styles/qppds/components/_madie-delete-dialog.scss +33 -33
  134. package/styles/qppds/components/_madie-discard-dialog.scss +27 -27
  135. package/styles/qppds/components/_madie-tooltip.scss +59 -60
  136. package/styles/qppds/components/_modal.scss +109 -109
  137. package/styles/qppds/components/_page-header.scss +59 -55
  138. package/styles/qppds/components/_pagination.scss +154 -154
  139. package/styles/qppds/components/_search.scss +100 -100
  140. package/styles/qppds/components/_sidebar.scss +8 -8
  141. package/styles/qppds/components/_table.scss +129 -129
  142. package/styles/qppds/components/_tabs.scss +172 -172
  143. package/styles/qppds/components/_text-field-variable.scss +12 -12
  144. package/styles/qppds/components/_text-input.scss +57 -57
  145. package/styles/qppds/components/_toast.scss +75 -75
  146. package/styles/qppds/components/index.scss +23 -23
  147. package/styles/qppds/components/sidebar/_cms.scss +5 -5
  148. package/styles/qppds/components/sidebar/_details.scss +5 -5
  149. package/styles/qppds/components/sidebar/_links.scss +12 -11
  150. package/styles/qppds/components/sidebar/_sidebar-animation.scss +9 -9
  151. package/styles/qppds/components/sidebar/_sidebar-tooltip.scss +1 -1
  152. package/styles/qppds/components/sidebar/_sidebar.scss +140 -140
  153. package/styles/qppds/components/sidebar/project-specific/_wi.scss +3 -3
  154. package/styles/qppds/index.scss +4 -4
  155. package/styles/qppds/settings/_functions.scss +1 -1
  156. package/styles/qppds/settings/_index.scss +3 -3
  157. package/styles/qppds/settings/mixins/_borders.scss +3 -3
  158. package/styles/qppds/settings/mixins/_focus.scss +20 -20
  159. package/styles/qppds/settings/mixins/_icons.scss +19 -19
  160. package/styles/qppds/settings/mixins/_index.scss +8 -8
  161. package/styles/qppds/settings/mixins/_layout.scss +59 -59
  162. package/styles/qppds/settings/mixins/_lists.scss +8 -8
  163. package/styles/qppds/settings/mixins/_table.scss +75 -75
  164. package/styles/qppds/settings/mixins/_type.scss +43 -43
  165. package/styles/qppds/settings/mixins/_visually-hidden.scss +12 -12
  166. package/styles/qppds/settings/variables/_color.scss +41 -41
  167. package/styles/qppds/settings/variables/_index.scss +3 -3
  168. package/styles/qppds/settings/variables/_layout.scss +43 -43
  169. package/styles/qppds/settings/variables/_type.scss +90 -90
  170. package/styles/qppds/utilities/_background-color.scss +34 -34
  171. package/styles/qppds/utilities/_color.scss +8 -8
  172. package/styles/qppds/utilities/_display-visibility.scss +40 -40
  173. package/styles/qppds/utilities/_flexbox.scss +188 -188
  174. package/styles/qppds/utilities/_font-family.scss +2 -2
  175. package/styles/qppds/utilities/_font-size.scss +4 -4
  176. package/styles/qppds/utilities/_font-weight.scss +2 -2
  177. package/styles/qppds/utilities/_height.scss +24 -24
  178. package/styles/qppds/utilities/_margin.scss +108 -108
  179. package/styles/qppds/utilities/_padding.scss +69 -69
  180. package/styles/qppds/utilities/_position.scss +12 -12
  181. package/styles/qppds/utilities/_text-align.scss +20 -20
  182. package/styles/qppds/utilities/_text-transform.scss +2 -2
  183. package/styles/qppds/utilities/_truncate.scss +4 -4
  184. package/styles/qppds/utilities/_width.scss +53 -53
  185. package/styles/qppds/utilities/index.scss +15 -15
  186. package/styles/qppds.scss +2 -2
  187. package/styles/third-party/_legacy-bootstrap.scss +10 -10
  188. package/styles/third-party/legacy-bootstrap/_buttons.scss +91 -91
  189. package/styles/third-party/legacy-bootstrap/_dropdowns.scss +136 -136
  190. package/styles/third-party/legacy-bootstrap/_forms.scss +328 -324
  191. package/styles/third-party/legacy-bootstrap/_grid.scss +19 -19
  192. package/styles/third-party/legacy-bootstrap/_mixins.scss +19 -19
  193. package/styles/third-party/legacy-bootstrap/_navbar.scss +525 -525
  194. package/styles/third-party/legacy-bootstrap/_navs.scss +156 -156
  195. package/styles/third-party/legacy-bootstrap/_normalize.scss +70 -70
  196. package/styles/third-party/legacy-bootstrap/_scaffolding.scss +47 -47
  197. package/styles/third-party/legacy-bootstrap/_variables.scss +18 -18
  198. package/styles/third-party/legacy-bootstrap/mixins/_buttons.scss +52 -52
  199. package/styles/third-party/legacy-bootstrap/mixins/_clearfix.scss +8 -8
  200. package/styles/third-party/legacy-bootstrap/mixins/_forms.scss +70 -70
  201. package/styles/third-party/legacy-bootstrap/mixins/_grid-framework.scss +58 -58
  202. package/styles/third-party/legacy-bootstrap/mixins/_grid.scss +63 -63
  203. package/styles/third-party/legacy-bootstrap/mixins/_labels.scss +7 -7
  204. package/styles/third-party/legacy-bootstrap/mixins/_nav-divider.scss +4 -4
  205. package/styles/third-party/legacy-bootstrap/mixins/_nav-vertical-align.scss +2 -2
  206. package/styles/third-party/legacy-bootstrap/mixins/_opacity.scss +3 -3
  207. package/styles/third-party/legacy-bootstrap/mixins/_panels.scss +22 -22
  208. package/styles/third-party/legacy-bootstrap/mixins/_reset-filter.scss +1 -1
  209. package/styles/third-party/legacy-bootstrap/mixins/_reset-text.scss +16 -16
  210. package/styles/third-party/legacy-bootstrap/mixins/_resize.scss +2 -2
  211. package/styles/third-party/legacy-bootstrap/mixins/_responsive-visibility.scss +16 -16
  212. package/styles/third-party/legacy-bootstrap/mixins/_size.scss +3 -3
  213. package/styles/third-party/legacy-bootstrap/mixins/_tab-focus.scss +5 -5
  214. package/styles/third-party/legacy-bootstrap/mixins/_table-row.scss +23 -23
  215. package/styles/third-party/legacy-bootstrap/mixins/_text-emphasis.scss +7 -7
  216. package/styles/third-party/legacy-bootstrap/mixins/_text-overflow.scss +3 -3
  217. package/styles/third-party/legacy-bootstrap/mixins/_vendor-prefixes.scss +85 -85
  218. package/test/components/DateField.test.js +5 -10
  219. package/test/components/DateTimeField.test.js +3 -1
  220. package/test/components/Instant.test.js +37 -32
  221. package/test/components/MadieAlert.test.js +54 -11
  222. package/test/components/MadieConfirmDialog.test.js +1 -1
  223. package/coverage/lcov-report/react/components/Accordion/index.html +0 -116
  224. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +0 -370
  225. package/coverage/lcov-report/react/components/Button/index.html +0 -116
  226. package/coverage/lcov-report/react/components/Button/index.js.html +0 -385
  227. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +0 -427
  228. package/coverage/lcov-report/react/components/DateField/index.html +0 -116
  229. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +0 -352
  230. package/coverage/lcov-report/react/components/DateTimeField/index.html +0 -116
  231. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +0 -364
  232. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +0 -178
  233. package/coverage/lcov-report/react/components/Error/error.js.html +0 -163
  234. package/coverage/lcov-report/react/components/Error/index.html +0 -146
  235. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +0 -496
  236. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +0 -697
  237. package/coverage/lcov-report/react/components/Footer/footer.js.html +0 -175
  238. package/coverage/lcov-report/react/components/Footer/index.html +0 -146
  239. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +0 -310
  240. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +0 -208
  241. package/coverage/lcov-report/react/components/Infotip/index.html +0 -146
  242. package/coverage/lcov-report/react/components/Infotip/index.js.html +0 -94
  243. package/coverage/lcov-report/react/components/InputLabel/index.html +0 -116
  244. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +0 -244
  245. package/coverage/lcov-report/react/components/Instant/index.html +0 -116
  246. package/coverage/lcov-report/react/components/Instant/index.jsx.html +0 -886
  247. package/coverage/lcov-report/react/components/MadieAlert/index.html +0 -116
  248. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +0 -565
  249. package/coverage/lcov-report/react/components/MadieConfirmDialog/index.html +0 -116
  250. package/coverage/lcov-report/react/components/MadieConfirmDialog/index.jsx.html +0 -277
  251. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +0 -116
  252. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +0 -247
  253. package/coverage/lcov-report/react/components/MadieDialog/index.html +0 -116
  254. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +0 -1021
  255. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +0 -116
  256. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +0 -232
  257. package/coverage/lcov-report/react/components/MadieSpinner/index.html +0 -116
  258. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +0 -190
  259. package/coverage/lcov-report/react/components/MadieTooltip/index.html +0 -116
  260. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +0 -232
  261. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +0 -116
  262. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +0 -178
  263. package/coverage/lcov-report/react/components/Pagination/index.html +0 -116
  264. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +0 -736
  265. package/coverage/lcov-report/react/components/Popover/index.html +0 -116
  266. package/coverage/lcov-report/react/components/Popover/index.js.html +0 -478
  267. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +0 -116
  268. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +0 -514
  269. package/coverage/lcov-report/react/components/Select/index.html +0 -116
  270. package/coverage/lcov-report/react/components/Select/index.jsx.html +0 -646
  271. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +0 -325
  272. package/coverage/lcov-report/react/components/Tabs/index.html +0 -131
  273. package/coverage/lcov-report/react/components/Tabs/index.js.html +0 -370
  274. package/coverage/lcov-report/react/components/TextArea/index.html +0 -116
  275. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +0 -436
  276. package/coverage/lcov-report/react/components/TextField/index.html +0 -116
  277. package/coverage/lcov-report/react/components/TextField/index.jsx.html +0 -655
  278. package/coverage/lcov-report/react/components/Toast/index.html +0 -116
  279. package/coverage/lcov-report/react/components/Toast/index.jsx.html +0 -436
  280. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +0 -349
  281. package/coverage/lcov-report/react/components/Tooltip/index.html +0 -146
  282. package/coverage/lcov-report/react/components/Tooltip/index.js.html +0 -94
  283. package/coverage/lcov-report/react/components/Tooltip/position.js.html +0 -313
  284. package/coverage/lcov-report/react/index.html +0 -116
  285. package/coverage/lcov-report/react/index.js.html +0 -133
  286. package/coverage/lcov-report/react/lib/Chevron.jsx.html +0 -181
  287. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +0 -1777
  288. package/coverage/lcov-report/react/lib/index.html +0 -131
  289. package/package-lock.json +0 -22162
@@ -0,0 +1,94 @@
1
+ /*
2
+ object-assign
3
+ (c) Sindre Sorhus
4
+ @license MIT
5
+ */
6
+
7
+ /*!
8
+ * Fuse.js v3.6.1 - Lightweight fuzzy-search (http://fusejs.io)
9
+ *
10
+ * Copyright (c) 2012-2017 Kirollos Risk (http://kiro.me)
11
+ * All Rights Reserved. Apache Software License 2.0
12
+ *
13
+ * http://www.apache.org/licenses/LICENSE-2.0
14
+ */
15
+
16
+ /*!
17
+ * https://github.com/es-shims/es5-shim
18
+ * @license es5-shim Copyright 2009-2020 by contributors, MIT License
19
+ * see https://github.com/es-shims/es5-shim/blob/master/LICENSE
20
+ */
21
+
22
+ /*!
23
+ * isobject <https://github.com/jonschlinkert/isobject>
24
+ *
25
+ * Copyright (c) 2014-2017, Jon Schlinkert.
26
+ * Released under the MIT License.
27
+ */
28
+
29
+ /*! *****************************************************************************
30
+ Copyright (c) Microsoft Corporation.
31
+
32
+ Permission to use, copy, modify, and/or distribute this software for any
33
+ purpose with or without fee is hereby granted.
34
+
35
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
36
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
37
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
38
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
39
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
40
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
41
+ PERFORMANCE OF THIS SOFTWARE.
42
+ ***************************************************************************** */
43
+
44
+ /*! store2 - v2.13.1 - 2021-12-20
45
+ * Copyright (c) 2021 Nathan Bubna; Licensed (MIT OR GPL-3.0) */
46
+
47
+ /**
48
+ * React Router DOM v6.0.2
49
+ *
50
+ * Copyright (c) Remix Software Inc.
51
+ *
52
+ * This source code is licensed under the MIT license found in the
53
+ * LICENSE.md file in the root directory of this source tree.
54
+ *
55
+ * @license MIT
56
+ */
57
+
58
+ /**
59
+ * React Router v6.0.2
60
+ *
61
+ * Copyright (c) Remix Software Inc.
62
+ *
63
+ * This source code is licensed under the MIT license found in the
64
+ * LICENSE.md file in the root directory of this source tree.
65
+ *
66
+ * @license MIT
67
+ */
68
+
69
+ /** @license React v0.20.2
70
+ * scheduler.production.min.js
71
+ *
72
+ * Copyright (c) Facebook, Inc. and its affiliates.
73
+ *
74
+ * This source code is licensed under the MIT license found in the
75
+ * LICENSE file in the root directory of this source tree.
76
+ */
77
+
78
+ /** @license React v17.0.2
79
+ * react-dom.production.min.js
80
+ *
81
+ * Copyright (c) Facebook, Inc. and its affiliates.
82
+ *
83
+ * This source code is licensed under the MIT license found in the
84
+ * LICENSE file in the root directory of this source tree.
85
+ */
86
+
87
+ /** @license React v17.0.2
88
+ * react.production.min.js
89
+ *
90
+ * Copyright (c) Facebook, Inc. and its affiliates.
91
+ *
92
+ * This source code is licensed under the MIT license found in the
93
+ * LICENSE file in the root directory of this source tree.
94
+ */
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[987],{38987:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:()=>ColorControl,default:()=>ColorControl});__webpack_require__(69218),__webpack_require__(7899),__webpack_require__(80475),__webpack_require__(17),__webpack_require__(5086),__webpack_require__(94009),__webpack_require__(87136),__webpack_require__(6048),__webpack_require__(40173),__webpack_require__(18665),__webpack_require__(7918),__webpack_require__(29979),__webpack_require__(14602),__webpack_require__(78636),__webpack_require__(59581),__webpack_require__(58649),__webpack_require__(58379),__webpack_require__(14913),__webpack_require__(80115),__webpack_require__(90345),__webpack_require__(54989),__webpack_require__(98741),__webpack_require__(63534),__webpack_require__(40590),__webpack_require__(64216),__webpack_require__(15195);var _ColorPicker,_fallbackColor,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__(3344),react__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__(96540),_storybook_theming__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__(82154);__webpack_require__(3183),__webpack_require__(4971),__webpack_require__(55373);function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function u(){return(u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function c(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function i(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(e),n=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var s=function s(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},f=function f(e){return"touches"in e},v=function v(e){return e&&e.ownerDocument.defaultView||self},d=function d(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:s((o.pageX-(n.left+v(e).pageXOffset))/n.width),top:s((o.pageY-(n.top+v(e).pageYOffset))/n.height)}},h=function h(e){!f(e)&&e.preventDefault()},m=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),m=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null),g=i(a),p=i(l),b=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null),_=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(!1),x=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){var e=function e(_e){h(_e),(f(_e)?_e.touches.length>0:_e.buttons>0)&&m.current?g(d(m.current,_e,b.current)):t(!1)},r=function r(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&&(h(r),!function(e,r){return r&&!f(e)}(r,_.current)&&n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier)}n.focus(),g(d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[p,g]),C=x[0],E=x[1],H=x[2];return(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){return H}),[H]),react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))})),g=function g(e){return e.filter(Boolean).join(" ")},p=function p(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=g(["react-colorful__pointer",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function b(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},_={grad:.9,turn:360,rad:360/(2*Math.PI)},x=function x(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},C=function C(e,r){return void 0===r&&(r="deg"),Number(e)*(_[r]||1)},M=function M(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},N=function N(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:b(e.h),s:b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},w=function w(e){var r=N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function y(e){var r=N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function q(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},z=function z(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function B(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(u<0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},K=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({h:360*e.left})},onKey:function onKey(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":b(t)},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:w({h:t,s:100,v:100,a:1})})))})),L=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:w({h:t.h,s:100,v:100,a:1})};return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__saturation",style:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({s:100*e.left,v:100-100*e.top})},onKey:function onKey(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:w(t)})))})),A=function A(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},S=function S(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function T(e,t,l){var u=i(l),c=(0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return e.toHsva(t)})),s=c[0],f=c[1],v=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)({color:t,hsva:s});(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}}),[t,e]),(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}for(var P="undefined"!=typeof window?react__WEBPACK_IMPORTED_MODULE_26__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_26__.useEffect,R=new Map,V=function V(e){P((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!R.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',R.set(r,t);var n=function X(){return __webpack_require__.nc}();n&&t.setAttribute("nonce",n),r.head.appendChild(t)}}),[])},$=function $(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function toHsva(e){return B(x(e))},fromHsva:function fromHsva(e){return t=(r=q(e)).g,n=r.b,"#"+z(r.r)+z(t)+z(n);var r,t,n},equal:function equal(e,r){return e.toLowerCase()===r.toLowerCase()||A(x(e),x(r))}},Q=function Q(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},n,{a:0}))+", "+y(Object.assign({},n,{a:1}))+")"},l=g(["react-colorful__alpha",t]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){o({a:e.left})},onKey:function onKey(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":b(100*n.a)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__alpha-pointer",left:n.a,color:y(n)})))},U=function U(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Q,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},ee={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function E(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?M({h:C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:y,equal:S},ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function I(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function fromHsva(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:S},cssKeywords={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},reverseKeywords={},_i=0,_Object$keys=Object.keys(cssKeywords);_i<_Object$keys.length;_i++){var key=_Object$keys[_i];reverseKeywords[cssKeywords[key]]=key}for(var convert$1={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},conversions$2=convert$1,_i2=0,_Object$keys2=Object.keys(convert$1);_i2<_Object$keys2.length;_i2++){var model=_Object$keys2[_i2];if(!("channels"in convert$1[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert$1[model]))throw new Error("missing channel labels property: "+model);if(convert$1[model].labels.length!==convert$1[model].channels)throw new Error("channel and label counts mismatch: "+model);var _convert$1$model=convert$1[model],channels=_convert$1$model.channels,labels=_convert$1$model.labels;delete convert$1[model].channels,delete convert$1[model].labels,Object.defineProperty(convert$1[model],"channels",{value:channels}),Object.defineProperty(convert$1[model],"labels",{value:labels})}function comparativeDistance(x,y){return Math.pow(x[0]-y[0],2)+Math.pow(x[1]-y[1],2)+Math.pow(x[2]-y[2],2)}convert$1.rgb.hsl=function(rgb){var h,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&&(h=4+(r-g)/delta),(h=Math.min(60*h,360))<0&&(h+=360);var l=(min+max)/2;return[h,100*(max===min?0:l<=.5?delta/(max+min):delta/(2-max-min)),100*l]},convert$1.rgb.hsv=function(rgb){var rdif,gdif,bdif,h,s,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function diffc(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&&(h=2/3+gdif-rdif),h<0?h+=1:h>1&&(h-=1)),[360*h,100*s,100*v]},convert$1.rgb.hwb=function(rgb){var r=rgb[0],g=rgb[1],b=rgb[2];return[convert$1.rgb.hsl(rgb)[0],100*(1/255*Math.min(r,Math.min(g,b))),100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert$1.rgb.cmyk=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert$1.rgb.keyword=function(rgb){var reversed=reverseKeywords[rgb];if(reversed)return reversed;for(var currentClosestKeyword,currentClosestDistance=1/0,_i3=0,_Object$keys3=Object.keys(cssKeywords);_i3<_Object$keys3.length;_i3++){var keyword=_Object$keys3[_i3],distance=comparativeDistance(rgb,cssKeywords[keyword]);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword)}return currentClosestKeyword},convert$1.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert$1.rgb.xyz=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(g=g>.04045?Math.pow((g+.055)/1.055,2.4):g/12.92)+.1805*(b=b>.04045?Math.pow((b+.055)/1.055,2.4):b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert$1.rgb.lab=function(rgb){var xyz=convert$1.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.hsl.rgb=function(hsl){var t2,t3,val,h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];for(var t1=2*l-(t2=l<.5?l*(1+s):l+s-l*s),rgb=[0,0,0],_i4=0;_i4<3;_i4++)(t3=h+1/3*-(_i4-1))<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[_i4]=255*val;return rgb},convert$1.hsl.hsv=function(hsl){var h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);return s*=(l*=2)<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin,[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert$1.hsv.rgb=function(hsv){var h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert$1.hsv.hsl=function(hsv){var sl,l,h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;var lmin=(2-s)*vmin;return sl=s*vmin,[h,100*(sl=(sl/=lmin<=1?lmin:2-lmin)||0),100*(l/=2)]},convert$1.hwb.rgb=function(hwb){var f,h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);var i=Math.floor(6*h),v=1-bl;f=6*h-i,1&i&&(f=1-f);var r,g,b,n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert$1.cmyk.rgb=function(cmyk){var c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert$1.xyz.rgb=function(xyz){var r,g,b,x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=(r=3.2406*x+-1.5372*y+-.4986*z)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,g=g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g,b=b>.0031308?1.055*Math.pow(b,1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert$1.xyz.lab=function(xyz){var x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.lab.xyz=function(lab){var x,y,z,l=lab[0];x=lab[1]/500+(y=(l+16)/116),z=y-lab[2]/200;var y2=Math.pow(y,3),x2=Math.pow(x,3),z2=Math.pow(z,3);return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,[x*=95.047,y*=100,z*=108.883]},convert$1.lab.lch=function(lab){var h,l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)<0&&(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert$1.lch.lab=function(lch){var l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert$1.rgb.ansi16=function(args){var saturation=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,_args=_slicedToArray(args,3),r=_args[0],g=_args[1],b=_args[2],value=null===saturation?convert$1.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;var ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert$1.hsv.ansi16=function(args){return convert$1.rgb.ansi16(convert$1.hsv.rgb(args),args[2])},convert$1.rgb.ansi256=function(args){var r=args[0],g=args[1],b=args[2];return r===g&&g===b?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert$1.ansi16.rgb=function(args){var color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),[color=color/10.5*255,color,color];var mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert$1.ansi256.rgb=function(args){if(args>=232){var _c=10*(args-232)+8;return[_c,_c,_c]}var rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert$1.rgb.hex=function(args){var string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.hex.rgb=function(args){var match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];var colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((function(char){return char+char})).join(""));var integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert$1.rgb.hcg=function(rgb){var hue,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,[360*(hue%=1),100*chroma,100*(chroma<1?min/(1-chroma):0)]},convert$1.hsl.hcg=function(hsl){var s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l),f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert$1.hsv.hcg=function(hsv){var s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert$1.hcg.rgb=function(hcg){var h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];var mg,pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert$1.hcg.hsv=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert$1.hcg.hsl=function(hcg){var c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert$1.hcg.hwb=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert$1.hwb.hcg=function(hwb){var w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert$1.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert$1.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert$1.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert$1.gray.hsl=function(args){return[0,0,args[0]]},convert$1.gray.hsv=convert$1.gray.hsl,convert$1.gray.hwb=function(gray){return[0,100,gray[0]]},convert$1.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert$1.gray.lab=function(gray){return[gray[0],0,0]},convert$1.gray.hex=function(gray){var val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]};var conversions$1=conversions$2;function deriveBFS(fromModel){var graph=function buildGraph(){for(var graph={},models=Object.keys(conversions$1),len=models.length,_i5=0;_i5<len;_i5++)graph[models[_i5]]={distance:-1,parent:null};return graph}(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;)for(var current=queue.pop(),adjacents=Object.keys(conversions$1[current]),len=adjacents.length,_i6=0;_i6<len;_i6++){var adjacent=adjacents[_i6],node=graph[adjacent];-1===node.distance&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){for(var path=[graph[toModel].parent,toModel],fn=conversions$1[graph[toModel].parent][toModel],cur=graph[toModel].parent;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions$1[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}var conversions=conversions$2,route=function route$1(fromModel){for(var graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph),len=models.length,_i7=0;_i7<len;_i7++){var toModel=models[_i7];null!==graph[toModel].parent&&(conversion[toModel]=wrapConversion(toModel,graph))}return conversion},convert={};Object.keys(conversions).forEach((function(fromModel){convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});var routes=route(fromModel);Object.keys(routes).forEach((function(toModel){var fn=routes[toModel];convert[fromModel][toModel]=function wrapRounded(fn){var wrappedFn=function wrappedFn(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];var arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);var result=fn(args);if("object"===_typeof(result))for(var len=result.length,_i8=0;_i8<len;_i8++)result[_i8]=Math.round(result[_i8]);return result};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn),convert[fromModel][toModel].raw=function wrapRaw(fn){var wrappedFn=function wrappedFn(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var arg0=args[0];return null==arg0?arg0:(arg0.length>1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))}));var colorConvert=convert,root=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.u,now_1=function now$1(){return root.Date.now()},reWhitespace=/\s/;var trimmedEndIndex=function trimmedEndIndex$1(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index},reTrimStart=/^\s+/;var baseTrim=function baseTrim$1(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string},isObject$2=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,isSymbol=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.y,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;var toNumber_1=function toNumber$1(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject$2(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject$2(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value},isObject$1=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,now=now_1,toNumber=toNumber_1,nativeMax=Math.max,nativeMin=Math.min;var debounce=function debounce$1(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject$1(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced},isObject=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x;var ColorSpace,throttle_1=function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");return isObject(options)&&(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})},Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled.div({position:"relative",maxWidth:250}),PickerTooltip=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.T)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Swatch=function Swatch(_a){var value=_a.value,active=_a.active,onClick=_a.onClick,style=_a.style,props=(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.d)(_a,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')',", linear-gradient(#fff, #fff)");return react__WEBPACK_IMPORTED_MODULE_26__.createElement(SwatchColor,Object.assign({},props,{active,onClick},{style:Object.assign(Object.assign({},style),{backgroundImage})}))},Input=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.F.Input)((function(_ref3){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref3.theme.typography.fonts.base}})),ToggleIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.styled)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.I)((function(_ref4){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref4.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function J(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement($,u({},r,{colorModel:G}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function pe(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ge}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function re(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ee}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},parseValue=function parseValue(value){var _ref11;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref7,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],_g=_stringToArgs2[1],_b=_stringToArgs2[2],a=_stringToArgs2[3],_ref6=_slicedToArray(colorConvert.rgb.hsl([r,_g,_b])||[0,0,0],3),_h=_ref6[0],_s2=_ref6[1],l=_ref6[2];return _defineProperty(_ref7={valid,value,keyword:colorConvert.rgb.keyword([r,_g,_b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref7,ColorSpace.HSL,"hsla(".concat(_h,", ").concat(_s2,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref7,ColorSpace.HEX,"#".concat(colorConvert.rgb.hex([r,_g,_b]).toLowerCase())),_ref7}if(HSL_REGEXP.test(value)){var _ref10,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h2=_stringToArgs4[0],_s3=_stringToArgs4[1],_l=_stringToArgs4[2],_a2=_stringToArgs4[3],_ref9=_slicedToArray(colorConvert.hsl.rgb([_h2,_s3,_l])||[0,0,0],3),_r=_ref9[0],_g2=_ref9[1],_b2=_ref9[2];return _defineProperty(_ref10={valid,value,keyword:colorConvert.hsl.keyword([_h2,_s3,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g2,", ").concat(_b2,", ").concat(_a2,")")),_defineProperty(_ref10,ColorSpace.HSL,value),_defineProperty(_ref10,ColorSpace.HEX,"#".concat(colorConvert.hsl.hex([_h2,_s3,_l]).toLowerCase())),_ref10}var plain=value.replace("#",""),rgb=colorConvert.keyword.rgb(plain)||colorConvert.hex.rgb(plain),hsl=colorConvert.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{colorConvert.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref11={valid,value:mapped,keyword:colorConvert.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref11,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref11,ColorSpace.HEX,mapped),_ref11}},useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||!(null==color?void 0:color.valid))return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(colorConvert.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(update){var parsed=parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},ColorControl=function ColorControl(_ref12){var name=_ref12.name,initialValue=_ref12.value,onChange=_ref12.onChange,onFocus=_ref12.onFocus,onBlur=_ref12.onBlur,presetColors=_ref12.presetColors,startOpen=_ref12.startOpen,_useColorInput=useColorInput(initialValue,throttle_1(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==currentColor?void 0:currentColor.valid)?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?parseValue(preset):preset.title?Object.assign(Object.assign({},parseValue(preset.color)),{keyword:preset.title}):parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(color){(null==color?void 0:color.valid)&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets,addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react__WEBPACK_IMPORTED_MODULE_26__.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(PickerTooltip,{trigger:"click",startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(TooltipContent,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(Picker,Object.assign({color:"transparent"===realValue?"#000000":realValue},{onChange:updateValue,onFocus,onBlur})),presets.length>0&&react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatches,null,presets.map((function(preset,index){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(Note,{note:preset.keyword||preset.value})},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:realValue,style:{margin:4}})),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Input,{id:(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.z)(name),value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),value?react__WEBPACK_IMPORTED_MODULE_26__.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)}}}]);
Binary file
@@ -0,0 +1,364 @@
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>/* While we aren't showing the main block yet, but still preparing, we want everything the user
2
+ has rendered, which may or may not be in #root, to be display none */
3
+ .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
4
+ display: none;
5
+ }
6
+
7
+ .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
8
+ display: none;
9
+ }
10
+
11
+ /* Hide our own blocks when we aren't supposed to be showing them */
12
+ :not(.sb-show-preparing-story) > .sb-preparing-story,
13
+ :not(.sb-show-preparing-docs) > .sb-preparing-docs,
14
+ :not(.sb-show-nopreview) > .sb-nopreview,
15
+ :not(.sb-show-errordisplay) > .sb-errordisplay {
16
+ display: none;
17
+ }
18
+
19
+ .sb-show-main.sb-main-centered {
20
+ margin: 0;
21
+ display: flex;
22
+ align-items: center;
23
+ min-height: 100vh;
24
+ }
25
+
26
+ .sb-show-main.sb-main-centered #root {
27
+ box-sizing: border-box;
28
+ margin: auto;
29
+ padding: 1rem;
30
+ max-height: 100%; /* Hack for centering correctly in IE11 */
31
+ }
32
+
33
+ /* Vertical centering fix for IE11 */
34
+ @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
35
+ .sb-show-main.sb-main-centered:after {
36
+ content: '';
37
+ min-height: inherit;
38
+ font-size: 0;
39
+ }
40
+ }
41
+
42
+ .sb-show-main.sb-main-fullscreen {
43
+ margin: 0;
44
+ padding: 0;
45
+ display: block;
46
+ }
47
+
48
+ .sb-show-main.sb-main-padded {
49
+ margin: 0;
50
+ padding: 1rem;
51
+ display: block;
52
+ box-sizing: border-box;
53
+ }
54
+
55
+ .sb-wrapper {
56
+ position: fixed;
57
+ top: 0;
58
+ bottom: 0;
59
+ left: 0;
60
+ right: 0;
61
+ padding: 20px;
62
+ font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
63
+ BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
64
+ -webkit-font-smoothing: antialiased;
65
+ overflow: auto;
66
+ }
67
+
68
+ .sb-heading {
69
+ font-size: 14px;
70
+ font-weight: 600;
71
+ letter-spacing: 0.2px;
72
+ margin: 10px 0;
73
+ padding-right: 25px;
74
+ }
75
+
76
+ .sb-nopreview {
77
+ display: flex;
78
+ align-content: center;
79
+ justify-content: center;
80
+ }
81
+
82
+ .sb-nopreview_main {
83
+ margin: auto;
84
+ padding: 30px;
85
+ border-radius: 10px;
86
+ background: rgba(0, 0, 0, 0.03);
87
+ }
88
+
89
+ .sb-nopreview_heading {
90
+ text-align: center;
91
+ }
92
+
93
+ .sb-errordisplay {
94
+ border: 20px solid rgb(187, 49, 49);
95
+ background: #222;
96
+ color: #fff;
97
+ z-index: 999999;
98
+ }
99
+
100
+ .sb-errordisplay_code {
101
+ padding: 10px;
102
+ background: #000;
103
+ color: #eee;
104
+ font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
105
+ 'Lucida Console', Consolas, Monaco, monospace;
106
+ }
107
+
108
+ .sb-errordisplay pre {
109
+ white-space: pre-wrap;
110
+ }
111
+
112
+ @-webkit-keyframes sb-rotate360 {
113
+ from {
114
+ transform: rotate(0deg);
115
+ }
116
+ to {
117
+ transform: rotate(360deg);
118
+ }
119
+ }
120
+ @keyframes sb-rotate360 {
121
+ from {
122
+ transform: rotate(0deg);
123
+ }
124
+ to {
125
+ transform: rotate(360deg);
126
+ }
127
+ }
128
+ @-webkit-keyframes sb-glow {
129
+ 0%,
130
+ 100% {
131
+ opacity: 1;
132
+ }
133
+ 50% {
134
+ opacity: 0.4;
135
+ }
136
+ }
137
+ @keyframes sb-glow {
138
+ 0%,
139
+ 100% {
140
+ opacity: 1;
141
+ }
142
+ 50% {
143
+ opacity: 0.4;
144
+ }
145
+ }
146
+
147
+ /* We display the preparing loaders *over* the rendering story */
148
+ .sb-preparing-story,
149
+ .sb-preparing-docs {
150
+ background-color: white;
151
+ /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
152
+ on top, but this isn't possible as it would require making CSS changes that could affect user code */
153
+ z-index: 2147483647;
154
+ }
155
+
156
+ .sb-loader {
157
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
158
+ animation: sb-rotate360 0.7s linear infinite;
159
+ border-color: rgba(97, 97, 97, 0.29);
160
+ border-radius: 50%;
161
+ border-style: solid;
162
+ border-top-color: #646464;
163
+ border-width: 2px;
164
+ display: inline-block;
165
+ height: 32px;
166
+ left: 50%;
167
+ margin-left: -16px;
168
+ margin-top: -16px;
169
+ mix-blend-mode: difference;
170
+ overflow: hidden;
171
+ position: absolute;
172
+ top: 50%;
173
+ transition: all 200ms ease-out;
174
+ vertical-align: top;
175
+ width: 32px;
176
+ z-index: 4;
177
+ }
178
+
179
+ .sb-previewBlock {
180
+ background: #fff;
181
+ border: 1px solid rgba(0, 0, 0, 0.1);
182
+ border-radius: 4px;
183
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
184
+ margin: 25px auto 40px;
185
+ max-width: 600px;
186
+ }
187
+
188
+ .sb-previewBlock_header {
189
+ align-items: center;
190
+ box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
191
+ display: flex;
192
+ gap: 14px;
193
+ height: 40px;
194
+ padding: 0 12px;
195
+ }
196
+
197
+ .sb-previewBlock_icon {
198
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
199
+ animation: sb-glow 1.5s ease-in-out infinite;
200
+ background: #e6e6e6;
201
+ height: 14px;
202
+ width: 14px;
203
+ }
204
+ .sb-previewBlock_icon:last-child {
205
+ margin-left: auto;
206
+ }
207
+
208
+ .sb-previewBlock_body {
209
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
210
+ animation: sb-glow 1.5s ease-in-out infinite;
211
+ height: 182px;
212
+ position: relative;
213
+ }
214
+
215
+ .sb-argstableBlock {
216
+ border-collapse: collapse;
217
+ border-spacing: 0;
218
+ font-size: 13px;
219
+ line-height: 20px;
220
+ margin: 25px auto 40px;
221
+ max-width: 600px;
222
+ text-align: left;
223
+ width: 100%;
224
+ }
225
+ .sb-argstableBlock th:first-of-type,
226
+ .sb-argstableBlock td:first-of-type {
227
+ padding-left: 20px;
228
+ }
229
+ .sb-argstableBlock th:nth-of-type(2),
230
+ .sb-argstableBlock td:nth-of-type(2) {
231
+ width: 35%;
232
+ }
233
+ .sb-argstableBlock th:nth-of-type(3),
234
+ .sb-argstableBlock td:nth-of-type(3) {
235
+ width: 15%;
236
+ }
237
+ .sb-argstableBlock th:last-of-type,
238
+ .sb-argstableBlock td:last-of-type {
239
+ width: 25%;
240
+ padding-right: 20px;
241
+ }
242
+ .sb-argstableBlock th span,
243
+ .sb-argstableBlock td span {
244
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
245
+ animation: sb-glow 1.5s ease-in-out infinite;
246
+ background-color: rgba(0, 0, 0, 0.1);
247
+ border-radius: 0;
248
+ box-shadow: none;
249
+ color: transparent;
250
+ }
251
+ .sb-argstableBlock th {
252
+ padding: 10px 15px;
253
+ }
254
+
255
+ .sb-argstableBlock-body {
256
+ border-radius: 4px;
257
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
258
+ }
259
+ .sb-argstableBlock-body tr {
260
+ background: transparent;
261
+ overflow: hidden;
262
+ }
263
+ .sb-argstableBlock-body tr:not(:first-child) {
264
+ border-top: 1px solid #e6e6e6;
265
+ }
266
+ .sb-argstableBlock-body tr:first-child td:first-child {
267
+ border-top-left-radius: 4px;
268
+ }
269
+ .sb-argstableBlock-body tr:first-child td:last-child {
270
+ border-top-right-radius: 4px;
271
+ }
272
+ .sb-argstableBlock-body tr:last-child td:first-child {
273
+ border-bottom-left-radius: 4px;
274
+ }
275
+ .sb-argstableBlock-body tr:last-child td:last-child {
276
+ border-bottom-right-radius: 4px;
277
+ }
278
+ .sb-argstableBlock-body td {
279
+ background: #fff;
280
+ padding-bottom: 10px;
281
+ padding-top: 10px;
282
+ vertical-align: top;
283
+ }
284
+ .sb-argstableBlock-body td:not(:first-of-type) {
285
+ padding-left: 15px;
286
+ padding-right: 15px;
287
+ }
288
+ .sb-argstableBlock-body button {
289
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
290
+ animation: sb-glow 1.5s ease-in-out infinite;
291
+ background-color: rgba(0, 0, 0, 0.1);
292
+ border: 0;
293
+ border-radius: 0;
294
+ box-shadow: none;
295
+ color: transparent;
296
+ display: inline;
297
+ font-size: 12px;
298
+ line-height: 1;
299
+ padding: 10px 16px;
300
+ }
301
+
302
+ .sb-argstableBlock-summary {
303
+ margin-top: 4px;
304
+ }
305
+
306
+ .sb-argstableBlock-code {
307
+ margin-right: 4px;
308
+ margin-bottom: 4px;
309
+ padding: 2px 5px;
310
+ }</style><script>/* globals window */
311
+ /* eslint-disable no-underscore-dangle */
312
+ try {
313
+ if (window.top !== window) {
314
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
315
+ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
316
+ window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
317
+ }
318
+ } catch (e) {
319
+ // eslint-disable-next-line no-console
320
+ console.warn('unable to connect to top frame for connecting dev tools');
321
+ }
322
+
323
+ window.onerror = function onerror(message, source, line, column, err) {
324
+ if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
325
+ // eslint-disable-next-line no-var, vars-on-top
326
+ var xhr = new window.XMLHttpRequest();
327
+ xhr.open('POST', '/runtime-error');
328
+ xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
329
+ xhr.send(
330
+ JSON.stringify({
331
+ /* eslint-disable object-shorthand */
332
+ message: message,
333
+ source: source,
334
+ line: line,
335
+ column: column,
336
+ error: err && { message: err.message, name: err.name, stack: err.stack },
337
+ origin: 'preview',
338
+ /* eslint-enable object-shorthand */
339
+ })
340
+ );
341
+ };</script><script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><style>#root[hidden],
342
+ #docs-root[hidden] {
343
+ display: none !important;
344
+ }</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";
345
+
346
+
347
+
348
+ window['LOGLEVEL'] = "info";
349
+
350
+
351
+
352
+ window['FRAMEWORK_OPTIONS'] = {};
353
+
354
+
355
+
356
+
357
+
358
+ window['FEATURES'] = {"postcss":true,"emotionAlias":false,"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":false,"modernInlineRender":false,"breakingChangesV7":false,"interactionsDebugger":false,"babelModeV7":false,"argTypeTargetsV7":false,"previewMdx2":false};
359
+
360
+
361
+
362
+
363
+
364
+ window['STORIES'] = [{"titlePrefix":"","directory":"./components","files":"**/*.stories.@(js|jsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mdx))$"},{"titlePrefix":"","directory":"./lib","files":"**/*.stories.@(js|jsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mdx))$"}];</script><script src="runtime~main.c9dcb6d8.iframe.bundle.js"></script><script src="322.8b797be6.iframe.bundle.js"></script><script src="main.8ae59f4f.iframe.bundle.js"></script></body></html>
@@ -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><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":false,"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":false,"modernInlineRender":false,"breakingChangesV7":false,"interactionsDebugger":false,"babelModeV7":false,"argTypeTargetsV7":false,"previewMdx2":false};
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+ window['DOCS_MODE'] = false;</script><script src="runtime~main.09b9b14c88359f235007.manager.bundle.js"></script><script src="931.51f69825a96d7bce33f5.manager.bundle.js"></script><script src="main.07b67595538d689438e4.manager.bundle.js"></script></body></html>
@@ -0,0 +1 @@
1
+ (self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[792],{42634:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[931],(()=>(__webpack_exec__(17835),__webpack_exec__(57950),__webpack_exec__(10946),__webpack_exec__(7626),__webpack_exec__(74577),__webpack_exec__(72268),__webpack_exec__(82311),__webpack_exec__(51807),__webpack_exec__(45932),__webpack_exec__(18296))));__webpack_require__.O()}]);