@oliasoft-open-source/react-ui-library 3.13.0-beta-6 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/404.html +1 -0
- package/dist/assets/index.25612ac9.css +28096 -0
- package/dist/assets/index.a0fcc843.js +74913 -0
- package/dist/global.css +28138 -1
- package/dist/index.html +1 -98
- package/dist/storybook/assets/Color-6VNJS4EI.5faf22a9.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV.70d9a51c.js +1 -0
- package/dist/storybook/assets/Lato-Bold.ae88fc0d.woff2 +0 -0
- package/dist/storybook/assets/Lato-BoldItalic.c0916a33.woff2 +0 -0
- package/dist/storybook/assets/Lato-Italic.4465765f.woff2 +0 -0
- package/dist/storybook/assets/Lato-Regular.983b0caf.woff2 +0 -0
- package/dist/storybook/assets/WithTooltip-4HIR6TLV.c3dbfdcf.js +1 -0
- package/dist/storybook/assets/accordion.583b9e87.js +1 -0
- package/dist/storybook/assets/accordion.stories.a62daa62.js +170 -0
- package/dist/storybook/assets/actions.181faed0.js +1 -0
- package/dist/storybook/assets/actions.1c1767c9.css +1 -0
- package/dist/storybook/assets/actions.stories.f388bb7b.js +5 -0
- package/dist/storybook/assets/afe.stories.f43e59d2.js +89 -0
- package/dist/storybook/assets/badge.0f92e7c9.js +1 -0
- package/dist/{assets/badge-71433498.css → storybook/assets/badge.aa4742d6.css} +1 -1
- package/dist/storybook/assets/badge.stories.09c51336.js +9 -0
- package/dist/storybook/assets/blowout.stories.8555029e.js +40 -0
- package/dist/storybook/assets/breadcrumb.stories.154310df.js +5 -0
- package/dist/storybook/assets/button-group.62e79059.js +1 -0
- package/dist/storybook/assets/button-group.stories.868cea64.js +61 -0
- package/dist/{assets/button-2be700ce.css → storybook/assets/button.6bb4f57b.css} +1 -1
- package/dist/storybook/assets/button.a5847ae5.js +1 -0
- package/dist/storybook/assets/button.stories.27af6450.js +131 -0
- package/dist/storybook/assets/buttons-and-links.e160af55.js +14 -0
- package/dist/storybook/assets/card.8a3821be.js +1 -0
- package/dist/storybook/assets/card.stories.617ca9fb.js +11 -0
- package/dist/storybook/assets/casing-loads.stories.99e526e2.js +209 -0
- package/dist/storybook/assets/cell.stories.727f557b.js +208 -0
- package/dist/{assets/check-box-17ef416b.css → storybook/assets/check-box.01bce682.css} +1 -1
- package/dist/storybook/assets/check-box.7a8ba49b.js +1 -0
- package/dist/{assets/check-box.stories-eb80377c.js → storybook/assets/check-box.stories.7357b1dd.js} +3 -3
- package/dist/storybook/assets/chunk-HLWAVYOI.b5463f88.js +1 -0
- package/dist/storybook/assets/clsx.m.b4047539.js +1 -0
- package/dist/storybook/assets/color.bb949f27.js +11 -0
- package/dist/storybook/assets/column.stories.4509a7e3.js +91 -0
- package/dist/storybook/assets/config.4170eff6.js +54 -0
- package/dist/storybook/assets/dialog.7d2ec7bf.js +1 -0
- package/dist/storybook/assets/disabled-context.f2b44977.js +1 -0
- package/dist/storybook/assets/divider.20ce8ba0.js +1 -0
- package/dist/storybook/assets/divider.stories.42ee45ba.js +9 -0
- package/dist/storybook/assets/drawer.689d1d8f.js +5 -0
- package/dist/storybook/assets/drawer.stories.67ce8400.js +105 -0
- package/dist/storybook/assets/empty.stories.d7746e8c.js +5 -0
- package/dist/storybook/assets/field.c30c885b.js +7 -0
- package/dist/storybook/assets/field.stories.1b816375.js +62 -0
- package/dist/storybook/assets/file-input.stories.6b6094bd.js +59 -0
- package/dist/storybook/assets/flex.0003e6fb.js +1 -0
- package/dist/storybook/assets/flex.stories.74298645.js +15 -0
- package/dist/storybook/assets/footer.stories.1a38d1de.js +5 -0
- package/dist/storybook/assets/form-row.62f9b497.js +1 -0
- package/dist/storybook/assets/form.stories.4698708f.js +49 -0
- package/dist/storybook/assets/formation.stories.5bcc8c17.js +74 -0
- package/dist/{assets/formatter-SWP5E3XI-6c51032f.js → storybook/assets/formatter-SWP5E3XI.b09a18db.js} +8 -8
- package/dist/storybook/assets/grid.f42ec2d0.js +15 -0
- package/dist/storybook/assets/grid.stories.afb5ac88.js +13 -0
- package/dist/{assets/heading-ac9164cb.css → storybook/assets/heading.73ccb489.css} +1 -1
- package/dist/storybook/assets/heading.8dbffdbe.js +1 -0
- package/dist/storybook/assets/heading.stories.39d47b0d.js +15 -0
- package/dist/storybook/assets/help-icon.ef78ffcd.js +1 -0
- package/dist/storybook/assets/help-icon.stories.a6bfdfbb.js +16 -0
- package/dist/storybook/assets/hoist-non-react-statics.cjs.10bac274.js +8 -0
- package/dist/storybook/assets/icon.e3eba0d8.js +5 -0
- package/dist/storybook/assets/icon.stories.742ad9bc.js +20 -0
- package/dist/storybook/assets/icons8-junction.d57c510c.js +1 -0
- package/dist/storybook/assets/iframe.4e6a05b8.js +1 -0
- package/dist/{assets/immer.esm-5c06d4d0.js → storybook/assets/immer.esm.771c80b7.js} +1 -1
- package/dist/{assets/index-5cdc9468.js → storybook/assets/index.24227caa.js} +1 -1
- package/dist/storybook/assets/index.3a536397.js +23 -0
- package/dist/storybook/assets/index.55214191.js +5 -0
- package/dist/storybook/assets/index.73b4811b.js +1 -0
- package/dist/{assets/index-f80c8c95.js → storybook/assets/index.8c7046c4.js} +3 -3
- package/dist/storybook/assets/index.9527c764.js +8 -0
- package/dist/storybook/assets/index.95eaf8c8.js +1 -0
- package/dist/storybook/assets/index.c3ebe287.js +1 -0
- package/dist/storybook/assets/index.cb7dd26b.js +366 -0
- package/dist/storybook/assets/index.cb879655.js +1 -0
- package/dist/storybook/assets/index.es.724dbd7e.js +79 -0
- package/dist/storybook/assets/input-group-addon.cf112763.js +1 -0
- package/dist/storybook/assets/input-group.655b5741.js +1 -0
- package/dist/{assets/input-group.stories-bf2513b1.js → storybook/assets/input-group.stories.de5335d3.js} +17 -17
- package/dist/storybook/assets/input-validation.22d0c40d.js +26 -0
- package/dist/storybook/assets/input.fc19e03b.js +1 -0
- package/dist/storybook/assets/input.stories.97869383.js +21 -0
- package/dist/storybook/assets/inputs.c953f359.js +62 -0
- package/dist/storybook/assets/jsx-runtime.bc0b5389.js +8 -0
- package/dist/storybook/assets/label.5f35b9cc.js +7 -0
- package/dist/storybook/assets/label.stories.40321f05.js +21 -0
- package/dist/storybook/assets/layout-forms.0bd3163b.js +16 -0
- package/dist/storybook/assets/layout-general.8172511b.js +35 -0
- package/dist/{assets/list-heading-6e01443b.css → storybook/assets/list-heading.0b169dd3.css} +1 -1
- package/dist/storybook/assets/list-heading.e7f3e9ec.js +1 -0
- package/dist/storybook/assets/list.eee26d12.js +8 -0
- package/dist/storybook/assets/list.stories-data.181830b6.js +1 -0
- package/dist/storybook/assets/list.stories.ba9506ba.js +483 -0
- package/dist/storybook/assets/loader.stories.521a96c2.js +97 -0
- package/dist/{assets/loader-e63e6355.css → storybook/assets/loader.stories.a3325b3b.css} +1 -1
- package/dist/storybook/assets/lodash.96de7017.js +27 -0
- package/dist/storybook/assets/logo.2108d336.js +1 -0
- package/dist/storybook/assets/menu.stories-data.c350571f.js +1 -0
- package/dist/storybook/assets/menu.stories.c976af16.js +60 -0
- package/dist/storybook/assets/message.0759eed3.js +1 -0
- package/dist/storybook/assets/message.stories.01fb38a8.js +273 -0
- package/dist/storybook/assets/modal.stories.aff3243c.js +141 -0
- package/dist/storybook/assets/number-input.42e9e068.js +14 -0
- package/dist/storybook/assets/number-input.stories.bdf66872.js +99 -0
- package/dist/storybook/assets/option-dropdown.stories.4d3bb152.js +21 -0
- package/dist/storybook/assets/page.1059c498.js +1 -0
- package/dist/storybook/assets/page.stories.bd78ccf0.js +46 -0
- package/dist/storybook/assets/pagination.c446262c.js +1 -0
- package/dist/storybook/assets/pagination.stories.357b33cd.js +59 -0
- package/dist/storybook/assets/pop-confirm.stories.0f01c141.js +7 -0
- package/dist/storybook/assets/popover.7a4e027f.js +1 -0
- package/dist/storybook/assets/popover.stories.9f8a3047.js +9 -0
- package/dist/storybook/assets/portal.4865d72e.js +1 -0
- package/dist/storybook/assets/portal.stories.478656fb.js +22 -0
- package/dist/{assets/preview-99060a0f.css → storybook/assets/preview.282104ff.css} +1 -1
- package/dist/storybook/assets/preview.8e41a2dd.js +1 -0
- package/dist/storybook/assets/preview.aff84870.js +1 -0
- package/dist/storybook/assets/preview.f50a636b.js +151 -0
- package/dist/storybook/assets/progress-bar.1782d6d5.js +1 -0
- package/dist/storybook/assets/progress-bar.stories.7aa9265d.js +3 -0
- package/dist/storybook/assets/projects.stories.f550c3a5.js +46 -0
- package/dist/storybook/assets/radio-button.80c92da7.js +1 -0
- package/dist/storybook/assets/radio-button.stories.f76396eb.js +40 -0
- package/dist/storybook/assets/react-16.cfeb2830.js +1 -0
- package/dist/storybook/assets/reservoirs.stories.c920ebe7.js +157 -0
- package/dist/storybook/assets/rich-text-input.stories.52ee6092.css +1 -0
- package/dist/storybook/assets/rich-text-input.stories.581f8115.js +254 -0
- package/dist/storybook/assets/row.50a144b2.js +39 -0
- package/dist/storybook/assets/row.stories.2846b55e.js +122 -0
- package/dist/storybook/assets/select.1f357eba.js +1 -0
- package/dist/{assets/select-1d89adb8.css → storybook/assets/select.e0d41c57.css} +1 -1
- package/dist/storybook/assets/select.input.1214f7f4.js +1 -0
- package/dist/{assets/select.stories-7142b54a.js → storybook/assets/select.stories.ede87513.js} +49 -49
- package/dist/storybook/assets/side-bar.a70a3de6.js +1 -0
- package/dist/storybook/assets/side-bar.stories.8c0d6932.js +3 -0
- package/dist/storybook/assets/site.stories.ee0057af.js +167 -0
- package/dist/storybook/assets/slider.32b8bfb5.js +8 -0
- package/dist/storybook/assets/slider.stories.3760ea3d.js +127 -0
- package/dist/storybook/assets/spacer.23f7eb76.js +1 -0
- package/dist/storybook/assets/spacer.stories.32f9fd43.js +7 -0
- package/dist/storybook/assets/spinner.bd672879.js +1 -0
- package/dist/storybook/assets/spinner.stories.b40af7fd.js +8 -0
- package/dist/storybook/assets/styled-components.browser.esm.f7d36c01.js +4 -0
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI.c420b71e.js +1 -0
- package/dist/storybook/assets/table.a495eefa.js +1 -0
- package/dist/storybook/assets/table.e0c15bbd.css +1 -0
- package/dist/storybook/assets/table.stories-data.68d2b2e1.js +1 -0
- package/dist/storybook/assets/table.stories.89f67cc2.js +576 -0
- package/dist/{assets/tabs-633ac3c9.css → storybook/assets/tabs.3dbf724d.css} +1 -1
- package/dist/storybook/assets/tabs.3f9fb5c5.js +1 -0
- package/dist/storybook/assets/tabs.stories.a6682250.js +40 -0
- package/dist/storybook/assets/text-link.stories.4e9991e8.js +5 -0
- package/dist/storybook/assets/text.dbb2d441.js +1 -0
- package/dist/storybook/assets/text.stories.edaf6505.js +7 -0
- package/dist/storybook/assets/textarea.0b7740af.js +1 -0
- package/dist/storybook/assets/textarea.stories.6849fcf3.js +11 -0
- package/dist/{assets/title.stories-13c97b63.js → storybook/assets/title.stories.55b2d9fc.js} +4 -4
- package/dist/storybook/assets/toaster.0a7aebe0.js +1 -0
- package/dist/storybook/assets/toaster.3543881d.js +1 -0
- package/dist/storybook/assets/toaster.stories.ce0cf67c.js +34 -0
- package/dist/storybook/assets/toggle.3c444612.js +1 -0
- package/dist/{assets/toggle.stories-8a3f9453.js → storybook/assets/toggle.stories.d02d171f.js} +8 -9
- package/dist/storybook/assets/tooltip.c75d575a.js +26 -0
- package/dist/storybook/assets/tooltip.stories.b42b9f00.js +17 -0
- package/dist/storybook/assets/tooltip.test-case.stories.012e327b.js +3 -0
- package/dist/{assets/top-bar-e0b5a720.css → storybook/assets/top-bar.3d7158ba.css} +1 -1
- package/dist/storybook/assets/top-bar.f14de3f2.js +1 -0
- package/dist/storybook/assets/top-bar.stories.a00d1698.js +4 -0
- package/dist/storybook/assets/top-bar.testcase.stories.b4885e2d.js +30 -0
- package/dist/storybook/assets/tree.stories.71b0ca1f.js +120 -0
- package/dist/storybook/assets/types.c5a118de.js +1 -0
- package/dist/{iframe.html → storybook/iframe.html} +2 -2
- package/dist/storybook/index.html +98 -0
- package/dist/storybook/index.json +1 -0
- package/dist/{project.json → storybook/project.json} +1 -1
- package/dist/{sb-addons → storybook/sb-addons}/actions-0/manager-bundle.js +1 -1
- package/dist/storybook/stories.json +1 -0
- package/package.json +1 -1
- package/dist/assets/Color-6VNJS4EI-88123a60.js +0 -1
- package/dist/assets/DocsRenderer-NNNQARDV-fea2ffb7.js +0 -1
- package/dist/assets/WithTooltip-4HIR6TLV-1697f343.js +0 -1
- package/dist/assets/accordion-1d9c892f.js +0 -1
- package/dist/assets/accordion.stories-3f60f741.js +0 -170
- package/dist/assets/actions-7f26d646.js +0 -1
- package/dist/assets/actions-e1c5ac61.css +0 -1
- package/dist/assets/actions.stories-25440954.js +0 -1
- package/dist/assets/afe.stories-e907046f.js +0 -89
- package/dist/assets/assertThisInitialized-081f9914.js +0 -1
- package/dist/assets/badge-2efb26e1.js +0 -1
- package/dist/assets/badge.stories-acf9b7d1.js +0 -1
- package/dist/assets/blowout.stories-4a114f9a.js +0 -40
- package/dist/assets/breadcrumb.stories-136b2054.js +0 -1
- package/dist/assets/button-a7e4e1fa.js +0 -1
- package/dist/assets/button-group-79f38dcc.js +0 -1
- package/dist/assets/button-group.stories-9f72c23d.js +0 -61
- package/dist/assets/button.stories-0bc50414.js +0 -51
- package/dist/assets/buttons-and-links-2869f65a.js +0 -14
- package/dist/assets/card-3e67b904.js +0 -1
- package/dist/assets/card.stories-dab38b95.js +0 -1
- package/dist/assets/casing-loads.stories-bd05ac2a.js +0 -209
- package/dist/assets/cell.stories-5917911e.js +0 -208
- package/dist/assets/check-box-b6e88d91.js +0 -1
- package/dist/assets/chunk-HLWAVYOI-ee84fe43.js +0 -1
- package/dist/assets/color-0c7a9b2e.js +0 -11
- package/dist/assets/column.stories-16d58724.js +0 -79
- package/dist/assets/common-types-3a5f9d98.js +0 -1
- package/dist/assets/config-7bd8e990.js +0 -54
- package/dist/assets/dialog-21649b7a.js +0 -1
- package/dist/assets/disabled-context-d654f6ff.js +0 -1
- package/dist/assets/divider-fb60bbde.js +0 -1
- package/dist/assets/divider.stories-bcefaa9e.js +0 -1
- package/dist/assets/drawer-182b490e.js +0 -3
- package/dist/assets/drawer.stories-4ebaf642.js +0 -109
- package/dist/assets/empty.stories-b70294c2.js +0 -1
- package/dist/assets/field-2ae2bd3e.js +0 -7
- package/dist/assets/field.stories-3d20e748.js +0 -44
- package/dist/assets/file-input.stories-e3fa9b27.js +0 -55
- package/dist/assets/flex-4bc3b694.js +0 -1
- package/dist/assets/flex.stories-56c8527b.js +0 -15
- package/dist/assets/footer.stories-bfe45d42.js +0 -3
- package/dist/assets/form-row-e13cb51c.js +0 -1
- package/dist/assets/form.stories-0b9f93ab.js +0 -49
- package/dist/assets/formation.stories-4d7793ef.js +0 -74
- package/dist/assets/grid-958a766c.js +0 -15
- package/dist/assets/grid.stories-d4ee4809.js +0 -13
- package/dist/assets/heading-5d5cbb6f.js +0 -1
- package/dist/assets/heading.stories-b6654e27.js +0 -15
- package/dist/assets/help-icon-e6604019.js +0 -1
- package/dist/assets/help-icon.stories-6c579003.js +0 -4
- package/dist/assets/hoist-non-react-statics.cjs-cd4c875b.js +0 -8
- package/dist/assets/icon-bb00eeb9.js +0 -8
- package/dist/assets/icon.stories-da83ed77.js +0 -6
- package/dist/assets/icons8-junction-3a487c26.js +0 -1
- package/dist/assets/iframe-977eb430.js +0 -1
- package/dist/assets/index-12cc7b4d.js +0 -364
- package/dist/assets/index-46b5be7e.js +0 -1
- package/dist/assets/index-54f0d271.js +0 -1
- package/dist/assets/index-64d4dcb8.js +0 -23
- package/dist/assets/index-97a99495.js +0 -8
- package/dist/assets/index-a80ed1cf.js +0 -5
- package/dist/assets/index-c7f280f6.js +0 -1
- package/dist/assets/index-c89a1915.js +0 -1
- package/dist/assets/index.es-cc11f36c.js +0 -79
- package/dist/assets/inheritsLoose-d4851ab8.js +0 -1
- package/dist/assets/input-b46bef9b.js +0 -1
- package/dist/assets/input-group-0ccd8ab2.js +0 -1
- package/dist/assets/input-group-addon-9c5ee64d.js +0 -1
- package/dist/assets/input-validation-df37df6b.js +0 -26
- package/dist/assets/input.stories-e73381e0.js +0 -17
- package/dist/assets/inputs-37272ef6.js +0 -62
- package/dist/assets/jsx-runtime-f961835c.js +0 -8
- package/dist/assets/label-4b8583ea.js +0 -7
- package/dist/assets/label.stories-f9340476.js +0 -11
- package/dist/assets/layout-forms-99715e88.js +0 -16
- package/dist/assets/layout-general-06429388.js +0 -35
- package/dist/assets/list-a4e1fe84.js +0 -8
- package/dist/assets/list-heading-0f59017c.js +0 -1
- package/dist/assets/list.stories-5a4c5082.js +0 -455
- package/dist/assets/list.stories-data-ade13aa1.js +0 -1
- package/dist/assets/loader-54efe57c.js +0 -1
- package/dist/assets/loader.stories-fcfaa8ba.js +0 -83
- package/dist/assets/lodash-75c70a11.js +0 -27
- package/dist/assets/logo-8068ccfc.js +0 -1
- package/dist/assets/menu.stories-32bf568b.js +0 -60
- package/dist/assets/menu.stories-data-5b2403ee.js +0 -1
- package/dist/assets/message-1ae54f21.js +0 -1
- package/dist/assets/message.stories-ba0f5962.js +0 -273
- package/dist/assets/modal.stories-f2f0247c.js +0 -141
- package/dist/assets/number-input-0b915316.js +0 -14
- package/dist/assets/number-input.stories-db5e057c.js +0 -81
- package/dist/assets/objectSpread2-fdee9b6d.js +0 -1
- package/dist/assets/option-dropdown.stories-a954a6eb.js +0 -21
- package/dist/assets/page-1a36abc8.js +0 -1
- package/dist/assets/page.stories-cc4335af.js +0 -57
- package/dist/assets/pagination-67e45ad2.js +0 -1
- package/dist/assets/pagination.stories-fe81c905.js +0 -59
- package/dist/assets/pop-confirm.stories-df764cfd.js +0 -7
- package/dist/assets/popover-deb55aea.js +0 -1
- package/dist/assets/popover.stories-0438d0eb.js +0 -1
- package/dist/assets/portal-c06d6787.js +0 -1
- package/dist/assets/portal.stories-28b314a5.js +0 -20
- package/dist/assets/preview-29b67ac4.js +0 -1
- package/dist/assets/preview-71297055.js +0 -3
- package/dist/assets/preview-bed967c6.js +0 -1
- package/dist/assets/progress-bar-40b8dbf0.js +0 -1
- package/dist/assets/progress-bar.stories-bcf87835.js +0 -1
- package/dist/assets/projects.stories-3d4392cd.js +0 -46
- package/dist/assets/radio-button-673f6757.js +0 -1
- package/dist/assets/radio-button.stories-bb2a4dcc.js +0 -31
- package/dist/assets/react-16-56d53a63.js +0 -1
- package/dist/assets/redux-10ee6be7.js +0 -1
- package/dist/assets/reservoirs.stories-2dc10398.js +0 -157
- package/dist/assets/rich-text-input.stories-683b1e08.css +0 -1
- package/dist/assets/rich-text-input.stories-6b75d4f1.js +0 -255
- package/dist/assets/row-18fba056.js +0 -39
- package/dist/assets/row.stories-fe30347a.js +0 -122
- package/dist/assets/select-63fb21a5.js +0 -1
- package/dist/assets/select.input-88b6ebab.js +0 -1
- package/dist/assets/side-bar-b5f6fafc.js +0 -1
- package/dist/assets/side-bar.stories-0ea486c6.js +0 -1
- package/dist/assets/site.stories-fedacb0f.js +0 -167
- package/dist/assets/slider-0dae0ace.js +0 -7
- package/dist/assets/slider.stories-8431d635.js +0 -127
- package/dist/assets/spacer-b33ecb12.js +0 -1
- package/dist/assets/spacer.stories-c3891d24.js +0 -1
- package/dist/assets/spinner-4948799e.js +0 -1
- package/dist/assets/spinner.stories-4c0e6c6a.js +0 -6
- package/dist/assets/styled-components.browser.esm-a7da2f18.js +0 -12
- package/dist/assets/syntaxhighlighter-NMPM6SWI-36863de8.js +0 -1
- package/dist/assets/table-c1a1665f.js +0 -1
- package/dist/assets/table-fc60163a.css +0 -1
- package/dist/assets/table.stories-data-435da5fd.js +0 -1
- package/dist/assets/table.stories-f8c579b4.js +0 -581
- package/dist/assets/tabs-665566e2.js +0 -1
- package/dist/assets/tabs.stories-837c12ad.js +0 -30
- package/dist/assets/text-78efb253.js +0 -1
- package/dist/assets/text-link.stories-aa9527a2.js +0 -1
- package/dist/assets/text.stories-77c9e317.js +0 -1
- package/dist/assets/textarea-5c9f1957.js +0 -1
- package/dist/assets/textarea.stories-812ec950.js +0 -9
- package/dist/assets/toaster-360d1c11.js +0 -1
- package/dist/assets/toaster.stories-ad826ce8.js +0 -34
- package/dist/assets/toggle-e193dcc8.js +0 -1
- package/dist/assets/tooltip-b72c7394.js +0 -26
- package/dist/assets/tooltip.stories-3f29f711.js +0 -17
- package/dist/assets/tooltip.test-case.stories-f414e074.js +0 -3
- package/dist/assets/top-bar-68696a1c.js +0 -1
- package/dist/assets/top-bar.stories-8dfc7d2d.js +0 -1
- package/dist/assets/top-bar.testcase.stories-2bb9667b.js +0 -30
- package/dist/assets/tree.stories-7289829b.js +0 -128
- package/dist/assets/types-332ceaf3.js +0 -1
- package/dist/assets/types-cc224262.js +0 -1
- package/dist/index.json +0 -1
- package/dist/stories.json +0 -1
- /package/dist/assets/{Lato-Bold-ae88fc0d.woff2 → Lato-Bold.ae88fc0d.woff2} +0 -0
- /package/dist/assets/{Lato-BoldItalic-c0916a33.woff2 → Lato-BoldItalic.c0916a33.woff2} +0 -0
- /package/dist/assets/{Lato-Italic-4465765f.woff2 → Lato-Italic.4465765f.woff2} +0 -0
- /package/dist/assets/{Lato-Regular-983b0caf.woff2 → Lato-Regular.983b0caf.woff2} +0 -0
- /package/dist/{assets/accordion-525b2fab.css → storybook/assets/accordion.525b2fab.css} +0 -0
- /package/dist/{assets/accordion.stories-ac37cb89.css → storybook/assets/accordion.stories.ac37cb89.css} +0 -0
- /package/dist/{assets/breadcrumb.stories-ec30543a.css → storybook/assets/breadcrumb.stories.ec30543a.css} +0 -0
- /package/dist/{assets/button-group-2c67f8a4.css → storybook/assets/button-group.2c67f8a4.css} +0 -0
- /package/dist/{assets/card-1c1f9162.css → storybook/assets/card.1c1f9162.css} +0 -0
- /package/dist/{assets/dialog-4e7f29a6.css → storybook/assets/dialog.4e7f29a6.css} +0 -0
- /package/dist/{assets/divider-662a7bed.css → storybook/assets/divider.662a7bed.css} +0 -0
- /package/dist/{assets/drawer-112c042f.css → storybook/assets/drawer.112c042f.css} +0 -0
- /package/dist/{assets/empty.stories-628b1f43.css → storybook/assets/empty.stories.628b1f43.css} +0 -0
- /package/dist/{assets/field-bc01d139.css → storybook/assets/field.bc01d139.css} +0 -0
- /package/dist/{assets/file-input.stories-f40408e6.css → storybook/assets/file-input.stories.f40408e6.css} +0 -0
- /package/dist/{assets/form-row-62481e7e.css → storybook/assets/form-row.62481e7e.css} +0 -0
- /package/dist/{assets/help-icon-191ef5ef.css → storybook/assets/help-icon.191ef5ef.css} +0 -0
- /package/dist/{assets/icon-678900bc.css → storybook/assets/icon.678900bc.css} +0 -0
- /package/dist/{assets/icons8-junction-2d176da1.svg → storybook/assets/icons8-junction.2d176da1.svg} +0 -0
- /package/dist/{assets/input-group-addon-1b2fe0a2.css → storybook/assets/input-group-addon.1b2fe0a2.css} +0 -0
- /package/dist/{assets/input-group-21ee5488.css → storybook/assets/input-group.21ee5488.css} +0 -0
- /package/dist/{assets/input-6e66348d.css → storybook/assets/input.6e66348d.css} +0 -0
- /package/dist/{assets/label-858be3a9.css → storybook/assets/label.858be3a9.css} +0 -0
- /package/dist/{assets/logo-0bd264c0.svg → storybook/assets/logo.0bd264c0.svg} +0 -0
- /package/dist/{assets/memoize-one.esm-52518564.js → storybook/assets/memoize-one.esm.7a54f149.js} +0 -0
- /package/dist/{assets/message-be82e7d4.css → storybook/assets/message.be82e7d4.css} +0 -0
- /package/dist/{assets/option-dropdown.stories-ed561ab5.css → storybook/assets/option-dropdown.stories.ed561ab5.css} +0 -0
- /package/dist/{assets/page-2695c4f2.css → storybook/assets/page.2695c4f2.css} +0 -0
- /package/dist/{assets/page.stories-dd8c1b35.css → storybook/assets/page.stories.dd8c1b35.css} +0 -0
- /package/dist/{assets/pagination-94a8083b.css → storybook/assets/pagination.94a8083b.css} +0 -0
- /package/dist/{assets/pop-confirm.stories-987a0dbc.css → storybook/assets/pop-confirm.stories.987a0dbc.css} +0 -0
- /package/dist/{assets/popover-e1591e30.css → storybook/assets/popover.e1591e30.css} +0 -0
- /package/dist/{assets/progress-bar-ab07ff52.css → storybook/assets/progress-bar.ab07ff52.css} +0 -0
- /package/dist/{assets/radio-button-6e83a3d2.css → storybook/assets/radio-button.6e83a3d2.css} +0 -0
- /package/dist/{assets/row-8eeaa564.css → storybook/assets/row.8eeaa564.css} +0 -0
- /package/dist/{assets/side-bar-04dfa34e.css → storybook/assets/side-bar.04dfa34e.css} +0 -0
- /package/dist/{assets/slider-876efa63.css → storybook/assets/slider.876efa63.css} +0 -0
- /package/dist/{assets/spinner-9cd41d19.css → storybook/assets/spinner.9cd41d19.css} +0 -0
- /package/dist/{assets/text-449f16cc.css → storybook/assets/text.449f16cc.css} +0 -0
- /package/dist/{assets/textarea-e4db0752.css → storybook/assets/textarea.e4db0752.css} +0 -0
- /package/dist/{assets/toaster-41028eac.css → storybook/assets/toaster.41028eac.css} +0 -0
- /package/dist/{assets/toggle-c2bbeb51.css → storybook/assets/toggle.c2bbeb51.css} +0 -0
- /package/dist/{assets/tooltip-bdf67884.css → storybook/assets/tooltip.bdf67884.css} +0 -0
- /package/dist/{assets/tree.stories-154364be.css → storybook/assets/tree.stories.154364be.css} +0 -0
- /package/dist/{favicon.svg → storybook/favicon.svg} +0 -0
- /package/dist/{sb-addons → storybook/sb-addons}/actions-0/manager-bundle.js.LEGAL.txt +0 -0
- /package/dist/{sb-addons → storybook/sb-addons}/storybook-dark-mode-esm-preset-1/manager-bundle.js +0 -0
- /package/dist/{sb-addons → storybook/sb-addons}/storybook-dark-mode-esm-preset-1/manager-bundle.js.LEGAL.txt +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/fonts.css +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-bold-italic.woff2 +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-bold.woff2 +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-italic.woff2 +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-regular.woff2 +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/WithTooltip-4HIR6TLV-L6ICANXH.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-5AW67ZFX.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-AOJK37XK.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-OQCANWBN.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-TCCQ5FBZ.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-ZEU7PDD3.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/formatter-SWP5E3XI-7BGIK6BL.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/globals.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/index.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/runtime.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/syntaxhighlighter-NMPM6SWI-WFK223KV.js +0 -0
- /package/dist/{sb-preview → storybook/sb-preview}/globals.js +0 -0
- /package/dist/{sb-preview → storybook/sb-preview}/runtime.js +0 -0
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{N as i}from"./number-input.42e9e068.js";import{I as J}from"./input-group.655b5741.js";import{I as P}from"./input-group-addon.cf112763.js";import{S as Q}from"./select.1f357eba.js";import"./index.cb879655.js";import"./index.73b4811b.js";import"./input.fc19e03b.js";import"./index.55214191.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./types.c5a118de.js";import"./lodash.96de7017.js";import"./disabled-context.f2b44977.js";import"./memoize-one.esm.7a54f149.js";import"./text.dbb2d441.js";import"./actions.181faed0.js";import"./icon.e3eba0d8.js";import"./button.a5847ae5.js";import"./spinner.bd672879.js";import"./badge.0f92e7c9.js";import"./select.input.1214f7f4.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,Ie={title:"Forms/NumberInput",component:i,parameters:{canvas:{page:null}},args:{label:"Label"}},e=c=>{const[X,q]=V(),z=H=>{q({value:H.target.value})};return r.exports.jsx(i,{onChange:z,value:123,...c})},d=e.bind({}),n=e.bind({});n.args={small:!0};const a=e.bind({});a.args={width:"150px"};const s=e.bind({});s.args={left:!0};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={allowEmpty:!0,value:""};const u=e.bind({});u.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const l=e.bind({});l.args={value:"123test"};const g=c=>r.exports.jsxs(J,{small:!0,children:[r.exports.jsx(i,{value:123}),r.exports.jsx(P,{children:"to"}),r.exports.jsx(i,{value:123}),r.exports.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var m,v,h;d.parameters={...d.parameters,docs:{...(m=d.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
|
+
const [_, updateArgs] = useArgs();
|
|
3
|
+
const handleChange = evt => {
|
|
4
|
+
updateArgs({
|
|
5
|
+
value: evt.target.value
|
|
6
|
+
});
|
|
7
|
+
};
|
|
8
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
9
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
10
|
+
{...args} />;
|
|
11
|
+
}`,...(h=(v=d.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var b,A,x;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`args => {
|
|
12
|
+
const [_, updateArgs] = useArgs();
|
|
13
|
+
const handleChange = evt => {
|
|
14
|
+
updateArgs({
|
|
15
|
+
value: evt.target.value
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
19
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
+
{...args} />;
|
|
21
|
+
}`,...(x=(A=n.parameters)==null?void 0:A.docs)==null?void 0:x.source}}};var C,I,_;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
|
|
22
|
+
const [_, updateArgs] = useArgs();
|
|
23
|
+
const handleChange = evt => {
|
|
24
|
+
updateArgs({
|
|
25
|
+
value: evt.target.value
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
29
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
30
|
+
{...args} />;
|
|
31
|
+
}`,...(_=(I=a.parameters)==null?void 0:I.docs)==null?void 0:_.source}}};var j,S,N;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
|
|
32
|
+
const [_, updateArgs] = useArgs();
|
|
33
|
+
const handleChange = evt => {
|
|
34
|
+
updateArgs({
|
|
35
|
+
value: evt.target.value
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
39
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
+
{...args} />;
|
|
41
|
+
}`,...(N=(S=s.parameters)==null?void 0:S.docs)==null?void 0:N.source}}};var f,G,w;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
42
|
+
const [_, updateArgs] = useArgs();
|
|
43
|
+
const handleChange = evt => {
|
|
44
|
+
updateArgs({
|
|
45
|
+
value: evt.target.value
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
49
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
50
|
+
{...args} />;
|
|
51
|
+
}`,...(w=(G=t.parameters)==null?void 0:G.docs)==null?void 0:w.source}}};var D,E,T;o.parameters={...o.parameters,docs:{...(D=o.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
52
|
+
const [_, updateArgs] = useArgs();
|
|
53
|
+
const handleChange = evt => {
|
|
54
|
+
updateArgs({
|
|
55
|
+
value: evt.target.value
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
59
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
+
{...args} />;
|
|
61
|
+
}`,...(T=(E=o.parameters)==null?void 0:E.docs)==null?void 0:T.source}}};var O,y,L;u.parameters={...u.parameters,docs:{...(O=u.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
62
|
+
const [_, updateArgs] = useArgs();
|
|
63
|
+
const handleChange = evt => {
|
|
64
|
+
updateArgs({
|
|
65
|
+
value: evt.target.value
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
69
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
70
|
+
{...args} />;
|
|
71
|
+
}`,...(L=(y=u.parameters)==null?void 0:y.docs)==null?void 0:L.source}}};var W,B,R;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
|
|
72
|
+
const [_, updateArgs] = useArgs();
|
|
73
|
+
const handleChange = evt => {
|
|
74
|
+
updateArgs({
|
|
75
|
+
value: evt.target.value
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
79
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
80
|
+
{...args} />;
|
|
81
|
+
}`,...(R=(B=p.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};var F,K,M;l.parameters={...l.parameters,docs:{...(F=l.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
|
|
82
|
+
const [_, updateArgs] = useArgs();
|
|
83
|
+
const handleChange = evt => {
|
|
84
|
+
updateArgs({
|
|
85
|
+
value: evt.target.value
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
return <NumberInput onChange={handleChange} value={123}
|
|
89
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
90
|
+
{...args} />;
|
|
91
|
+
}`,...(M=(K=l.parameters)==null?void 0:K.docs)==null?void 0:M.source}}};var U,Y,k;g.parameters={...g.parameters,docs:{...(U=g.parameters)==null?void 0:U.docs,source:{originalSource:`args => <InputGroup small>
|
|
92
|
+
<NumberInput value={123} />
|
|
93
|
+
<InputGroupAddon>to</InputGroupAddon>
|
|
94
|
+
<NumberInput value={123} />
|
|
95
|
+
<Select options={[{
|
|
96
|
+
value: 'units',
|
|
97
|
+
label: 'units'
|
|
98
|
+
}]} width="auto" value="units" />
|
|
99
|
+
</InputGroup>`,...(k=(Y=g.parameters)==null?void 0:Y.docs)==null?void 0:k.source}}};g.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};const _e=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{o as AllowEmpty,l as BadInput,d as Default,t as Disabled,p as Error,s as Left,n as Small,g as TestInputGroup,u as Warning,a as Width,_e as __namedExportsOrder,Ie as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as n}from"./index.73b4811b.js";import{M as A}from"./actions.181faed0.js";import{c as q}from"./index.55214191.js";import{C as H}from"./check-box.7a8ba49b.js";import{D as x}from"./divider.20ce8ba0.js";import"./lodash.96de7017.js";import"./icon.e3eba0d8.js";import"./disabled-context.f2b44977.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./button.a5847ae5.js";import"./spinner.bd672879.js";import"./badge.0f92e7c9.js";import"./types.c5a118de.js";import"./help-icon.ef78ffcd.js";import"./text.dbb2d441.js";const N="_menu_1ijd8_341",k="_header_1ijd8_352",I="_item_1ijd8_368",S="_heading_1ijd8_373",u={menu:N,header:k,item:I,heading:S},j=({option:s,onChange:a})=>{const{key:i,label:p,selected:r}=s;return e.exports.jsx("div",{className:u.item,children:e.exports.jsx(H,{label:p,noMargin:!0,checked:r,onChange:a})},i)};j.__docgenInfo={description:"",methods:[],displayName:"Option"};const D=({label:s})=>e.exports.jsx("div",{className:u.heading,children:s});D.__docgenInfo={description:"",methods:[],displayName:"Heading"};const O=({options:s,onChangeOptions:a,showHeader:i,maxHeight:p})=>e.exports.jsxs("div",{className:q("menu",u.menu),style:{maxHeight:p},children:[i&&e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsxs("div",{className:u.header,children:[e.exports.jsx("a",{onClick:r=>{const o=s.map(t=>({...t,selected:!0}));a(r,o)},children:"All"}),e.exports.jsx("a",{onClick:r=>{const o=s.map(t=>({...t,selected:!1}));a(r,o)},children:"Clear"}),e.exports.jsx("a",{onClick:r=>{const o=s.map(t=>({...t,selected:!t.selected}));a(r,o)},children:"Invert"})]}),e.exports.jsx(x,{margin:"7px"})]}),s.map((r,o)=>{switch(r.type){case"Heading":return e.exports.jsx(D,{label:r.label},o);case"Divider":return e.exports.jsx(x,{margin:"7px"},o);default:return e.exports.jsx(j,{option:r,onChange:t=>{const{value:g}=r,w=s.map(c=>c.value!==g?c:{...c,selected:!c.selected});a(t,w)}},o)}})]});O.__docgenInfo={description:"",methods:[],displayName:"Layer"};const d=({name:s,label:a,options:i,onChange:p,showHeader:r,maxHeight:o})=>e.exports.jsx(A,{menu:{label:a,trigger:"DropDownButton",possiblePlacements:["top-start","bottom-start"],sections:e.exports.jsx(O,{options:i,onChangeOptions:(t,g)=>{t.stopPropagation(),t.target.name=s,t.target.value=g,p(t)},showHeader:r,maxHeight:o})}});d.defaultProps={name:void 0,showHeader:!0,maxHeight:"40vh"};d.propTypes={name:n.exports.string,label:n.exports.string.isRequired,options:n.exports.arrayOf(n.exports.shape({label:n.exports.string,value:n.exports.oneOfType([n.exports.string,n.exports.number]),selected:n.exports.bool})).isRequired,onChange:n.exports.func.isRequired,showHeader:n.exports.bool,maxHeight:n.exports.string};d.__docgenInfo={description:"",methods:[],displayName:"OptionDropdown",props:{name:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},showHeader:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},maxHeight:{defaultValue:{value:"'40vh'",computed:!1},description:"",type:{name:"string"},required:!1},label:{description:"",type:{name:"string"},required:!0},options:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{label:{name:"string",required:!1},value:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},selected:{name:"bool",required:!1}}}},required:!0},onChange:{description:"",type:{name:"func"},required:!0}}};const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,R=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],ee={title:"Forms/OptionDropdown",component:d,args:{label:"Label",options:R}},C=s=>{const[a,i]=M(),p=r=>{i({options:r.target.value})};return e.exports.jsx(d,{...s,onChange:p})},m=C.bind({}),l=C.bind({});l.args={options:[...Array(50)].map((s,a)=>({label:`Item #${a}`,value:a}))};var h,f,v;m.parameters={...m.parameters,docs:{...(h=m.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
2
|
+
const [_, updateArgs] = useArgs();
|
|
3
|
+
const handleChange = evt => {
|
|
4
|
+
updateArgs({
|
|
5
|
+
options: evt.target.value
|
|
6
|
+
});
|
|
7
|
+
};
|
|
8
|
+
return <OptionDropdown
|
|
9
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
10
|
+
{...args} onChange={handleChange} />;
|
|
11
|
+
}`,...(v=(f=m.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var _,b,y;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
12
|
+
const [_, updateArgs] = useArgs();
|
|
13
|
+
const handleChange = evt => {
|
|
14
|
+
updateArgs({
|
|
15
|
+
options: evt.target.value
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
return <OptionDropdown
|
|
19
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
+
{...args} onChange={handleChange} />;
|
|
21
|
+
}`,...(y=(b=l.parameters)==null?void 0:b.docs)==null?void 0:y.source}}};const re=["Default","ScrollOverflow"];export{m as Default,l as ScrollOverflow,re as __namedExportsOrder,ee as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as u}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as e}from"./index.73b4811b.js";import{c as i}from"./index.55214191.js";const d="_page_esuzg_341",m="_scroll_esuzg_363",t={page:d,scroll:m},r=({children:s,left:p,padding:o,scroll:l,top:n})=>{const a=typeof o=="string"?o:o===!0?"20px":"0";return u.exports.jsx("div",{className:i(t.page,l?t.scroll:""),style:{left:p,padding:a,top:n},children:s})};r.defaultProps={children:null,padding:!0,left:"70px",scroll:!0,top:"60px"};r.propTypes={children:e.exports.node,padding:e.exports.oneOfType([e.exports.bool,e.exports.string,e.exports.number]),left:e.exports.oneOfType([e.exports.number,e.exports.string]),scroll:e.exports.bool,top:e.exports.oneOfType([e.exports.number,e.exports.string])};r.__docgenInfo={description:"",methods:[],displayName:"Page",props:{children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},padding:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"union",value:[{name:"bool"},{name:"string"},{name:"number"}]},required:!1},left:{defaultValue:{value:"'70px'",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},scroll:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},top:{defaultValue:{value:"'60px'",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1}}};export{r as P};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{P as s}from"./page.1059c498.js";import{T as p}from"./top-bar.f14de3f2.js";import{S as d}from"./side-bar.a70a3de6.js";import{H as u}from"./heading.8dbffdbe.js";import{p as t}from"./index.73b4811b.js";import"./index.55214191.js";import"./button.a5847ae5.js";import"./icon.e3eba0d8.js";import"./disabled-context.f2b44977.js";import"./spinner.bd672879.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./actions.181faed0.js";import"./lodash.96de7017.js";import"./badge.0f92e7c9.js";import"./types.c5a118de.js";import"./index.95eaf8c8.js";import"./drawer.689d1d8f.js";import"./clsx.m.b4047539.js";import"./help-icon.ef78ffcd.js";t.exports.node.isRequired,t.exports.oneOfType([t.exports.number,t.exports.string]),t.exports.string.isRequired;const l="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",K={title:"Layout/Page",component:s,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},i=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(p,{}),e.exports.jsx(d,{options:{title:"",sections:[]}}),e.exports.jsxs(s,{children:[e.exports.jsx(u,{top:!0,children:"Heading"}),l]})]}),r=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(p,{}),e.exports.jsx(d,{options:{title:"",sections:[]}}),e.exports.jsxs(s,{padding:!1,children:[e.exports.jsx(u,{top:!0,children:"Heading"}),l]})]}),a=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(p,{}),e.exports.jsx(d,{options:{title:"",sections:[]}}),e.exports.jsxs(s,{scroll:!1,children:[e.exports.jsx(u,{top:!0,children:"Heading"}),l]})]}),o=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(d,{options:{title:"",sections:[]}}),e.exports.jsxs(s,{top:0,children:[e.exports.jsx(u,{top:!0,children:"Heading"}),l]})]}),n=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(p,{}),e.exports.jsxs(s,{left:0,children:[e.exports.jsx(u,{top:!0,children:"Heading"}),l]})]});var c,m,g;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:`() => <>
|
|
2
|
+
<TopBar />
|
|
3
|
+
<SideBar options={{
|
|
4
|
+
title: '',
|
|
5
|
+
sections: []
|
|
6
|
+
}} />
|
|
7
|
+
<Page>
|
|
8
|
+
<Heading top>Heading</Heading>
|
|
9
|
+
{placeholder}
|
|
10
|
+
</Page>
|
|
11
|
+
</>`,...(g=(m=i.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var x,f,v;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:`() => <>
|
|
12
|
+
<TopBar />
|
|
13
|
+
<SideBar options={{
|
|
14
|
+
title: '',
|
|
15
|
+
sections: []
|
|
16
|
+
}} />
|
|
17
|
+
<Page padding={false}>
|
|
18
|
+
<Heading top>Heading</Heading>
|
|
19
|
+
{placeholder}
|
|
20
|
+
</Page>
|
|
21
|
+
</>`,...(v=(f=r.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var h,b,j;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`() => <>
|
|
22
|
+
<TopBar />
|
|
23
|
+
<SideBar options={{
|
|
24
|
+
title: '',
|
|
25
|
+
sections: []
|
|
26
|
+
}} />
|
|
27
|
+
<Page scroll={false}>
|
|
28
|
+
<Heading top>Heading</Heading>
|
|
29
|
+
{placeholder}
|
|
30
|
+
</Page>
|
|
31
|
+
</>`,...(j=(b=a.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var q,H,N;o.parameters={...o.parameters,docs:{...(q=o.parameters)==null?void 0:q.docs,source:{originalSource:`() => <>
|
|
32
|
+
<SideBar options={{
|
|
33
|
+
title: '',
|
|
34
|
+
sections: []
|
|
35
|
+
}} />
|
|
36
|
+
<Page top={0}>
|
|
37
|
+
<Heading top>Heading</Heading>
|
|
38
|
+
{placeholder}
|
|
39
|
+
</Page>
|
|
40
|
+
</>`,...(N=(H=o.parameters)==null?void 0:H.docs)==null?void 0:N.source}}};var S,P,B;n.parameters={...n.parameters,docs:{...(S=n.parameters)==null?void 0:S.docs,source:{originalSource:`() => <>
|
|
41
|
+
<TopBar />
|
|
42
|
+
<Page left={0}>
|
|
43
|
+
<Heading top>Heading</Heading>
|
|
44
|
+
{placeholder}
|
|
45
|
+
</Page>
|
|
46
|
+
</>`,...(B=(P=n.parameters)==null?void 0:P.docs)==null?void 0:B.source}}};i.__docgenInfo={description:"",methods:[],displayName:"Default"};r.__docgenInfo={description:"",methods:[],displayName:"NoPadding"};a.__docgenInfo={description:"",methods:[],displayName:"NoScroll"};o.__docgenInfo={description:"",methods:[],displayName:"NoTopBar"};n.__docgenInfo={description:"",methods:[],displayName:"NoSideBar"};const X=["Default","NoPadding","NoScroll","NoTopBar","NoSideBar"];export{i as Default,r as NoPadding,a as NoScroll,n as NoSideBar,o as NoTopBar,X as __namedExportsOrder,K as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"./jsx-runtime.bc0b5389.js";import{r as h}from"./index.8c7046c4.js";import{p as e}from"./index.73b4811b.js";import{S as j}from"./select.1f357eba.js";import{I as C}from"./input.fc19e03b.js";import{B as d}from"./button.a5847ae5.js";import{I as P}from"./input-group.655b5741.js";import{I as y}from"./input-group-addon.cf112763.js";import"./icon.e3eba0d8.js";const w=(o,n)=>n||o&&o.reduce((t,r)=>r.selected?r.value:t,10)||10,R=(o,n)=>{if(!n)return 10;const{options:t,value:r}=n;return r===0?1:Math.ceil(o/w(t,r))},f=(o,n,t="Selected page must be a positive whole number between 1 and")=>{const r=`${t} ${n}`,c={valid:!0,error:null};return o===""?c:!o.match(/^\d+$/g)||o<=0||o>n?{valid:!1,error:r}:c},q="_paginationContainer_1tmz4_1",I={paginationContainer:q},b=({pagination:o})=>{const{rowCount:n,selectedPage:t,small:r,onSelectPage:c,rowsPerPage:i,errorMessageTemplate:x}=o,l=Number(i==null?void 0:i.value)===0,p=R(n,i),[g,m]=h.exports.useState(String(t));h.exports.useEffect(()=>{m(String(t))},[t]);const{error:v}=f(g,p,x),u=a=>{const{valid:S}=f(a,p,x);m(a),S&&a!==""&&c(Number(a))};return s.exports.jsxs("div",{className:I.paginationContainer,children:[i&&s.exports.jsx("div",{style:{flexShrink:0},children:s.exports.jsx(j,{onChange:a=>{i.onChange(a),u(String(1))},options:i.options,native:!!i.options,small:r,width:"auto",value:i.value})}),s.exports.jsx(d,{small:r,round:!0,basic:!0,icon:"chevron double left",onClick:()=>u(String(1)),disabled:l||t===1}),s.exports.jsx(d,{small:r,round:!0,basic:!0,icon:"chevron left",onClick:()=>u(String(t-1)),disabled:l||t===1}),s.exports.jsxs(P,{small:r,width:"auto",children:[s.exports.jsx(C,{right:!0,value:g,placeholder:String(t),onChange:a=>u(a.target.value),width:"50px",disabled:l||p<=1,error:v}),s.exports.jsxs(y,{children:["of ",p]})]}),s.exports.jsx(d,{small:r,round:!0,basic:!0,icon:"chevron right",onClick:()=>u(String(t+1)),disabled:l||t===p}),s.exports.jsx(d,{small:r,round:!0,basic:!0,icon:"chevron double right",onClick:()=>u(String(p)),disabled:l||t===p})]})},T=e.exports.shape({rowCount:e.exports.number.isRequired,selectedPage:e.exports.oneOfType([e.exports.string,e.exports.number]),rowsPerPage:e.exports.shape({onChange:e.exports.func.isRequired,options:e.exports.arrayOf(e.exports.shape({label:e.exports.string.isRequired,value:e.exports.oneOfType([e.exports.string,e.exports.number]).isRequired,selected:e.exports.bool})).isRequired,value:e.exports.oneOfType([e.exports.object,e.exports.string,e.exports.number])}),onSelectPage:e.exports.func,small:e.exports.bool,errorMessageTemplate:e.exports.string});b.propTypes={pagination:T.isRequired};b.__docgenInfo={description:"",methods:[],displayName:"Pagination",props:{pagination:{description:"",type:{name:"custom",raw:"paginationShape.isRequired"},required:!1}}};export{b as P,T as p};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import{j as i}from"./jsx-runtime.bc0b5389.js";import{r as l}from"./index.8c7046c4.js";import{P as g}from"./pagination.c446262c.js";import"./index.73b4811b.js";import"./select.1f357eba.js";import"./index.55214191.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./types.c5a118de.js";import"./lodash.96de7017.js";import"./disabled-context.f2b44977.js";import"./memoize-one.esm.7a54f149.js";import"./text.dbb2d441.js";import"./actions.181faed0.js";import"./icon.e3eba0d8.js";import"./button.a5847ae5.js";import"./spinner.bd672879.js";import"./badge.0f92e7c9.js";import"./select.input.1214f7f4.js";import"./input.fc19e03b.js";import"./input-group.655b5741.js";import"./input-group-addon.cf112763.js";const x={rowCount:500,selectedPage:1,onSelectPage:()=>{}},L={title:"Basic/Pagination",component:g,args:{pagination:x}},n=()=>{const[a,t]=l.exports.useState(1);return i.exports.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},r=()=>{const[a,t]=l.exports.useState(1),[o,p]=l.exports.useState(20);return i.exports.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},s=()=>{const[a,t]=l.exports.useState(1),[o,p]=l.exports.useState(20);return i.exports.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var P,c,u;n.parameters={...n.parameters,docs:{...(P=n.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
|
|
2
|
+
const [selectedPage, setSelectedPage] = useState(1);
|
|
3
|
+
return <Pagination pagination={{
|
|
4
|
+
rowCount: 500,
|
|
5
|
+
selectedPage,
|
|
6
|
+
onSelectPage: evt => setSelectedPage(evt)
|
|
7
|
+
}} />;
|
|
8
|
+
}`,...(u=(c=n.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var m,d,S;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
|
|
9
|
+
const [selectedPage, setSelectedPage] = useState(1);
|
|
10
|
+
const [rowsPerPage, setRowsPerPage] = useState(20);
|
|
11
|
+
return <Pagination pagination={{
|
|
12
|
+
rowCount: 500,
|
|
13
|
+
selectedPage,
|
|
14
|
+
rowsPerPage: {
|
|
15
|
+
onChange: evt => setRowsPerPage(Number(evt.target.value)),
|
|
16
|
+
options: [{
|
|
17
|
+
label: '10 / page',
|
|
18
|
+
value: 10
|
|
19
|
+
}, {
|
|
20
|
+
label: '20 / page',
|
|
21
|
+
value: 20
|
|
22
|
+
}, {
|
|
23
|
+
label: '50 / page',
|
|
24
|
+
value: 50
|
|
25
|
+
}, {
|
|
26
|
+
label: 'Show all',
|
|
27
|
+
value: 0
|
|
28
|
+
}],
|
|
29
|
+
value: rowsPerPage
|
|
30
|
+
},
|
|
31
|
+
onSelectPage: evt => setSelectedPage(evt)
|
|
32
|
+
}} />;
|
|
33
|
+
}`,...(S=(d=r.parameters)==null?void 0:d.docs)==null?void 0:S.source}}};var v,w,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
|
|
34
|
+
const [selectedPage, setSelectedPage] = useState(1);
|
|
35
|
+
const [rowsPerPage, setRowsPerPage] = useState(20);
|
|
36
|
+
return <Pagination pagination={{
|
|
37
|
+
small: true,
|
|
38
|
+
rowCount: 500,
|
|
39
|
+
selectedPage,
|
|
40
|
+
rowsPerPage: {
|
|
41
|
+
onChange: evt => setRowsPerPage(Number(evt.target.value)),
|
|
42
|
+
options: [{
|
|
43
|
+
label: '10 / page',
|
|
44
|
+
value: 10
|
|
45
|
+
}, {
|
|
46
|
+
label: '20 / page',
|
|
47
|
+
value: 20
|
|
48
|
+
}, {
|
|
49
|
+
label: '50 / page',
|
|
50
|
+
value: 50
|
|
51
|
+
}, {
|
|
52
|
+
label: 'Show all',
|
|
53
|
+
value: 0
|
|
54
|
+
}],
|
|
55
|
+
value: rowsPerPage
|
|
56
|
+
},
|
|
57
|
+
onSelectPage: evt => setSelectedPage(evt)
|
|
58
|
+
}} />;
|
|
59
|
+
}`,...(b=(w=s.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};n.__docgenInfo={description:"",methods:[],displayName:"Default"};r.__docgenInfo={description:"",methods:[],displayName:"RowsPerPage"};s.__docgenInfo={description:"",methods:[],displayName:"Small"};const M=["Default","RowsPerPage","Small"];export{n as Default,r as RowsPerPage,s as Small,M as __namedExportsOrder,L as default};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{p as o}from"./index.73b4811b.js";import{P as B}from"./popover.7a4e027f.js";import{B as c}from"./button.a5847ae5.js";import{T as I}from"./text.dbb2d441.js";import{t as N}from"./toaster.3543881d.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./index.55214191.js";import"./disabled-context.f2b44977.js";import"./icon.e3eba0d8.js";import"./spinner.bd672879.js";import"./toaster.0a7aebe0.js";import"./clsx.m.b4047539.js";import"./message.0759eed3.js";const D="_popConfirm_1qhnt_1",S="_content_1qhnt_7",W="_buttons_1qhnt_13",f={popConfirm:D,content:S,buttons:W},O=({title:e,okText:p,onClickOk:u,cancelText:d,onClickCancel:m,close:a,testId:l})=>t.exports.jsxs("div",{className:f.popConfirm,children:[e&&t.exports.jsx("div",{className:f.content,children:t.exports.jsx(I,{small:!0,children:e})}),t.exports.jsxs("div",{className:f.buttons,children:[t.exports.jsx(c,{small:!0,colored:!0,label:p,onClick:()=>u(a),testId:`${l}-ok-button`}),t.exports.jsx(c,{small:!0,label:d,onClick:()=>m(a),testId:`${l}-cancel-button`})]})]});O.__docgenInfo={description:"",methods:[],displayName:"Content"};const n=({children:e,placement:p,closeOnOutsideClick:u,fullWidth:d,title:m,cancelText:a,onClickCancel:l,okText:P,onClickOk:T,overflowContainer:V,testId:C})=>{const w=t.exports.jsx(O,{title:m,okText:P,onClickOk:T,cancelText:a,onClickCancel:l,testId:C});return t.exports.jsx(B,{content:w,placement:p,closeOnOutsideClick:u,fullWidth:d,overflowContainer:V,testId:C,children:e})};n.propTypes={children:o.exports.any,placement:o.exports.string,closeOnOutsideClick:o.exports.bool,fullWidth:o.exports.bool,title:o.exports.string,cancelText:o.exports.string,onClickCancel:o.exports.func,okText:o.exports.string,onClickOk:o.exports.func,overflowContainer:o.exports.bool,testId:o.exports.string};n.defaultProps={children:null,placement:"top-center",closeOnOutsideClick:!0,fullWidth:!1,title:"",cancelText:"Cancel",onClickCancel:e=>e(),okText:"Ok",onClickOk:e=>{},overflowContainer:!1,testId:void 0};n.__docgenInfo={description:"",methods:[],displayName:"PopConfirm",props:{children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"any"},required:!1},placement:{defaultValue:{value:"'top-center'",computed:!1},description:"",type:{name:"string"},required:!1},closeOnOutsideClick:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},fullWidth:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},cancelText:{defaultValue:{value:"'Cancel'",computed:!1},description:"",type:{name:"string"},required:!1},onClickCancel:{defaultValue:{value:"(close) => close()",computed:!1},description:"",type:{name:"func"},required:!1},okText:{defaultValue:{value:"'Ok'",computed:!1},description:"",type:{name:"string"},required:!1},onClickOk:{defaultValue:{value:"(close) => {}",computed:!1},description:"",type:{name:"func"},required:!1},overflowContainer:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1}}};const A=e=>{N({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},ee={title:"Basic/PopConfirm",component:n,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:A,children:t.exports.jsx(c,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.exports.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},x=e=>t.exports.jsx(n,{...e}),i=x.bind({}),s=x.bind({});s.args={children:t.exports.jsx(c,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const r=x.bind({});r.args={placement:"bottom-right"};var g,k,y;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`args => <PopConfirm
|
|
2
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
|
+
{...args} />`,...(y=(k=i.parameters)==null?void 0:k.docs)==null?void 0:y.source}}};var b,h,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`args => <PopConfirm
|
|
4
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
+
{...args} />`,...(v=(h=s.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};var j,_,q;r.parameters={...r.parameters,docs:{...(j=r.parameters)==null?void 0:j.docs,source:{originalSource:`args => <PopConfirm
|
|
6
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
7
|
+
{...args} />`,...(q=(_=r.parameters)==null?void 0:_.docs)==null?void 0:q.source}}};const te=["Default","Action","Placement"];export{s as Action,i as Default,r as Placement,te as __namedExportsOrder,ee as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as d,R as p}from"./index.8c7046c4.js";import{p as o}from"./index.73b4811b.js";import{u as j,A as V,i as k}from"./tooltip.c75d575a.js";import{c}from"./index.55214191.js";import{B as q}from"./button.a5847ae5.js";import{D as w}from"./disabled-context.f2b44977.js";import"./icon.e3eba0d8.js";const W="_toggleBox_5xdus_341",P="_fullWidthStyleFix_5xdus_348",F="_dismiss_5xdus_353",s={toggleBox:W,fullWidthStyleFix:P,dismiss:F},n=({children:f,content:l,placement:m,closeOnOutsideClick:x,fullWidth:g,showCloseButton:v,testId:b,disabled:r,overflowContainer:y})=>{const a=d.exports.useContext(w),[i,u]=d.exports.useState(!1),t=()=>u(!1),C=()=>{r||a||u(!i)};d.exports.useEffect(()=>{r||a||t()},[r,a]);const{renderLayer:h,arrowProps:O,layerProps:_,triggerProps:B}=j({isOpen:i,placement:m,auto:!0,triggerOffset:6,onOutsideClick:x?t:void 0,ResizeObserver:k,overflowContainer:y});return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx("div",{ref:B.ref,onClick:C,"data-testid":b,children:f}),i&&h(e.exports.jsxs("div",{className:g?c(s.toggleBox,s.fullWidthStyleFix):c(s.toggleBox),..._,children:[e.exports.jsxs("div",{children:[p.isValidElement(l)?p.cloneElement(l,{close:t}):l,v&&e.exports.jsx("div",{className:s.dismiss,children:e.exports.jsx(q,{small:!0,round:!0,onClick:()=>t(),icon:"close"})})]}),e.exports.jsx(V,{...O,backgroundColor:"var(--color-background-raised)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};n.propTypes={content:o.exports.node,closeOnOutsideClick:o.exports.bool,placement:o.exports.string,fullWidth:o.exports.bool,showCloseButton:o.exports.bool,testId:o.exports.string,disabled:o.exports.bool,overflowContainer:o.exports.bool};n.defaultProps={content:null,closeOnOutsideClick:!0,placement:"top-center",fullWidth:!1,showCloseButton:!1,testId:void 0,disabled:!1,overflowContainer:!1};n.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{content:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},closeOnOutsideClick:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},placement:{defaultValue:{value:"'top-center'",computed:!1},description:"",type:{name:"string"},required:!1},fullWidth:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showCloseButton:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},overflowContainer:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}};export{n as P};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{P as C}from"./popover.7a4e027f.js";import{I as S}from"./input.fc19e03b.js";import{B as i}from"./button.a5847ae5.js";import{F as P}from"./flex.0003e6fb.js";import{S as B}from"./select.1f357eba.js";import"./index.73b4811b.js";import"./tooltip.c75d575a.js";import"./index.3a536397.js";import"./index.55214191.js";import"./disabled-context.f2b44977.js";import"./icon.e3eba0d8.js";import"./types.c5a118de.js";import"./lodash.96de7017.js";import"./spinner.bd672879.js";import"./memoize-one.esm.7a54f149.js";import"./text.dbb2d441.js";import"./actions.181faed0.js";import"./badge.0f92e7c9.js";import"./select.input.1214f7f4.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:r})=>e.exports.jsxs(P,{gap:"8px",children:[e.exports.jsx(S,{value:"Value",width:"150px",small:!0}),e.exports.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),e.exports.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),e.exports.jsx(i,{label:"Cancel",onClick:r,small:!0})]}),Q={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:e.exports.jsx(w,{}),children:e.exports.jsx(i,{label:"Toggle me"})},decorators:[r=>e.exports.jsx("div",{style:{display:"flex"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=r=>e.exports.jsx(C,{...r}),a=p.bind({}),s=p.bind({});s.args={children:e.exports.jsx(S,{value:"Value",width:"100%"})};const o=p.bind({});o.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var n,c,m;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`args => <Popover
|
|
2
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
|
+
{...args} />`,...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var d,u,x;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`args => <Popover
|
|
4
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
+
{...args} />`,...(x=(u=s.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var g,b,j;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`args => <Popover
|
|
6
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
7
|
+
{...args} />`,...(j=(b=o.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var v,f,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Popover
|
|
8
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
9
|
+
{...args} />`,...(h=(f=t.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};const U=["Default","InputTrigger","CloseButton","Disabled"];export{o as CloseButton,a as Default,t as Disabled,s as InputTrigger,U as __namedExportsOrder,Q as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r}from"./index.8c7046c4.js";import{p as a}from"./index.73b4811b.js";import{r as u}from"./index.3a536397.js";const n=({id:t,children:o})=>{const e=document.querySelector(`#${t}`),[s,p]=r.exports.useState(!1);return r.exports.useLayoutEffect(()=>{s||p(!0)},[t]),e?u.exports.createPortal(o,e):null};n.propTypes={id:a.exports.string.isRequired};export{n as P};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as i}from"./index.8c7046c4.js";import{r as f}from"./index.3a536397.js";import{P as h}from"./portal.4865d72e.js";import"./index.73b4811b.js";const S={title:"Modals/Portal",component:h,args:{children:e.exports.jsx("div",{children:"Portal content"}),id:"portalContainer"},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},v=t=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(h,{...t}),e.exports.jsx("div",{id:t.id})]}),s=v.bind({}),r=()=>{const t=document.querySelector("#root");return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx("div",{id:"portalContainer"}),t&&f.exports.createPortal(e.exports.jsx("div",{children:"Portal content"}),t)]})};r.parameters={docs:{source:{type:"code"},description:{story:"How to use React `createPortal()` directly"}}};const o=()=>{const t=document.querySelector("#portalContainer"),[a,y]=i.exports.useState(!1);return i.exports.useEffect(()=>{a||y(!0)},[]),e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx("div",{id:"portalContainer"}),a&&t&&f.exports.createPortal(e.exports.jsx("div",{children:"Portal content"}),t)]})};o.parameters={docs:{source:{type:"code"},description:{story:"This story shows how to use React `createPortal()` directly. The domNode for `createPortal()` must exist. For a dynamic container, this is not the case on the first render."}}};var n,c,d;s.parameters={...s.parameters,docs:{...(n=s.parameters)==null?void 0:n.docs,source:{originalSource:`args => <>
|
|
2
|
+
<Portal
|
|
3
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
+
{...args} />
|
|
5
|
+
<div id={args.id} />
|
|
6
|
+
</>`,...(d=(c=s.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var p,l,m;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
|
|
7
|
+
const parent = document.querySelector('#root');
|
|
8
|
+
return <>
|
|
9
|
+
<div id="portalContainer" />
|
|
10
|
+
{parent && createPortal(<div>Portal content</div>, parent)}
|
|
11
|
+
</>;
|
|
12
|
+
}`,...(m=(l=r.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var u,x,P;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
|
|
13
|
+
const parent = document.querySelector('#portalContainer');
|
|
14
|
+
const [visible, setVisible] = useState(false);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (!visible) setVisible(true);
|
|
17
|
+
}, []);
|
|
18
|
+
return <>
|
|
19
|
+
<div id="portalContainer" />
|
|
20
|
+
{visible && parent && createPortal(<div>Portal content</div>, parent)}
|
|
21
|
+
</>;
|
|
22
|
+
}`,...(P=(x=o.parameters)==null?void 0:x.docs)==null?void 0:P.source}}};r.__docgenInfo={description:"",methods:[],displayName:"CreatePortal"};o.__docgenInfo={description:"",methods:[],displayName:"CreatePortalWithDynamicDOMNode"};const _=["Default","CreatePortal","CreatePortalWithDynamicDOMNode"];export{r as CreatePortal,o as CreatePortalWithDynamicDOMNode,s as Default,_ as __namedExportsOrder,S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}@font-face{font-family:Lato;font-weight:400;font-style:normal;src:url(./Lato-Regular-983b0caf.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:700;font-style:normal;src:url(./Lato-Bold-ae88fc0d.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:400;font-style:italic;src:url(./Lato-Italic-4465765f.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:700;font-style:italic;src:url(./Lato-BoldItalic-c0916a33.woff2) format("woff2")}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}.field{margin-bottom:14px;color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:20px}.formRow .button,.form-row .button{margin-bottom:14px}html{font-size:14px}body{color:var(--color-text);line-height:1.4285em;font-family:Lato,sans-serif;font-size:14px}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:1.4285em}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}@font-face{font-family:Lato;font-weight:400;font-style:normal;src:url(./Lato-Regular.983b0caf.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:700;font-style:normal;src:url(./Lato-Bold.ae88fc0d.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:400;font-style:italic;src:url(./Lato-Italic.4465765f.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:700;font-style:italic;src:url(./Lato-BoldItalic.c0916a33.woff2) format("woff2")}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}.field{margin-bottom:14px;color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:20px}.formRow .button,.form-row .button{margin-bottom:14px}html{font-size:14px}body{color:var(--color-text);line-height:1.4285em;font-family:Lato,sans-serif;font-size:14px}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:1.4285em}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var h="storybook/actions",D=`${h}/action-event`;let a;const b=new Uint8Array(16);function v(){if(!a&&(a=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!a))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(b)}const o=[];for(let t=0;t<256;++t)o.push((t+256).toString(16).slice(1));function x(t,e=0){return(o[t[e+0]]+o[t[e+1]]+o[t[e+2]]+o[t[e+3]]+"-"+o[t[e+4]]+o[t[e+5]]+"-"+o[t[e+6]]+o[t[e+7]]+"-"+o[t[e+8]]+o[t[e+9]]+"-"+o[t[e+10]]+o[t[e+11]]+o[t[e+12]]+o[t[e+13]]+o[t[e+14]]+o[t[e+15]]).toLowerCase()}const A=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),d={randomUUID:A};function R(t,e,r){if(d.randomUUID&&!e&&!t)return d.randomUUID();t=t||{};const n=t.random||(t.rng||v)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,e){r=r||0;for(let i=0;i<16;++i)e[r+i]=n[i];return e}return x(n)}const{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;var j={depth:10,clearOnStoryChange:!0,limit:50},l=(t,e)=>{let r=Object.getPrototypeOf(t);return!r||e(r)?r:l(r,e)},E=t=>!!(typeof t=="object"&&t&&l(t,e=>/^Synthetic(?:Base)?Event$/.test(e.constructor.name))&&typeof t.persist=="function"),I=t=>{if(E(t)){let e=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));e.persist();let r=Object.getOwnPropertyDescriptor(e,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(e,"view",{...r,value:Object.create(n.constructor.prototype)}),e}return t};function y(t,e={}){let r={...j,...e},n=function(...i){let c=U.getChannel(),p=R(),s=5,u=i.map(I),m=i.length>1?u:u[0],O={id:p,count:0,data:{name:t,args:m},options:{...r,maxDepth:s+(r.depth||3),allowFunction:r.allowFunction||!1}};c.emit(D,O)};return n.isAction=!0,n}var g=(t,e)=>typeof e[t]>"u"&&!(t in e),T=t=>{let{initialArgs:e,argTypes:r,parameters:{actions:n}}=t;if(!n||n.disable||!n.argTypesRegex||!r)return{};let i=new RegExp(n.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[p,s])=>(g(p,e)&&(c[p]=y(p)),c),{})},w=t=>{let{initialArgs:e,argTypes:r,parameters:{actions:n}}=t;return(n==null?void 0:n.disable)||!r?{}:Object.entries(r).filter(([i,c])=>!!c.action).reduce((i,[c,p])=>(g(c,e)&&(i[c]=y(typeof p.action=="string"?p.action:c)),i),{})},_=[w,T];export{_ as argsEnhancers};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as e}from"./iframe.4e6a05b8.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV.70d9a51c.js"),["./DocsRenderer-NNNQARDV.70d9a51c.js","./chunk-HLWAVYOI.b5463f88.js","./iframe.4e6a05b8.js","./index.8c7046c4.js","./react-16.cfeb2830.js","./index.3a536397.js","./index.cb7dd26b.js","./index.9527c764.js"],import.meta.url);return new r}}};export{a as parameters};
|