@oliasoft-open-source/react-ui-library 3.12.0-beta-21 → 3.12.0-beta-23
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/assets/Color-6VNJS4EI.6ab37586.js +1 -0
- package/dist/assets/DocsRenderer-3PUGWF3O.813562ef.js +1 -0
- package/dist/assets/GlobalScrollAreaStyles-UY5SB7EJ.7045b9ae.js +7 -0
- package/dist/assets/Lato-Bold.ae88fc0d.woff2 +0 -0
- package/dist/assets/Lato-BoldItalic.c0916a33.woff2 +0 -0
- package/dist/assets/Lato-Italic.4465765f.woff2 +0 -0
- package/dist/assets/Lato-Regular.983b0caf.woff2 +0 -0
- package/dist/assets/OverlayScrollbars-GZGLA7DL.14482910.js +1 -0
- package/dist/assets/WithTooltip-J57HCPYA.1fd39bce.js +1 -0
- package/dist/assets/accordion.13178c66.js +1 -0
- package/dist/assets/accordion.525b2fab.css +1 -0
- package/dist/assets/accordion.stories.ac37cb89.css +1 -0
- package/dist/assets/accordion.stories.ca971206.js +170 -0
- package/dist/assets/actions.310c4239.js +1 -0
- package/dist/assets/actions.e1c5ac61.css +1 -0
- package/dist/assets/actions.stories.7879a8f9.js +1 -0
- package/dist/assets/afe.stories.b8e1fa81.js +89 -0
- package/dist/assets/assertThisInitialized.962dde02.js +1 -0
- package/dist/assets/badge.aa4742d6.css +1 -0
- package/dist/assets/badge.c60b26e4.js +1 -0
- package/dist/assets/badge.stories.33b97584.js +1 -0
- package/dist/assets/blowout.stories.01234877.js +40 -0
- package/dist/assets/breadcrumb.stories.d62b029a.js +1 -0
- package/dist/assets/breadcrumb.stories.ec30543a.css +1 -0
- package/dist/assets/button-group.2c67f8a4.css +1 -0
- package/dist/assets/button-group.db95fc8a.js +1 -0
- package/dist/assets/button-group.stories.5ba89e99.js +61 -0
- package/dist/assets/button.4d73be0d.js +1 -0
- package/dist/assets/button.6bb4f57b.css +1 -0
- package/dist/assets/button.stories.6e26de2a.js +51 -0
- package/dist/assets/buttons-and-links.8ec43470.js +14 -0
- package/dist/assets/card.1c1f9162.css +1 -0
- package/dist/assets/card.edc0d859.js +1 -0
- package/dist/assets/card.stories.66e7ff29.js +1 -0
- package/dist/assets/casing-loads.stories.e0ccfa32.js +209 -0
- package/dist/assets/cell.stories.e3104e33.js +208 -0
- package/dist/assets/check-box.01bce682.css +1 -0
- package/dist/assets/check-box.fe165636.js +1 -0
- package/dist/assets/check-box.stories.57dad348.js +37 -0
- package/dist/assets/chunk-S4VUQJ4A.f7cc51cc.js +1 -0
- package/dist/assets/color.057758bc.js +11 -0
- package/dist/assets/column.stories.d5ed4f3a.js +79 -0
- package/dist/assets/common-enum.04de2059.js +1 -0
- package/dist/assets/config.c9ed1eeb.js +54 -0
- package/dist/assets/dialog.4e7f29a6.css +1 -0
- package/dist/assets/dialog.d82a54f5.js +1 -0
- package/dist/assets/disabled-context.47d44ea4.js +1 -0
- package/dist/assets/divider.370893dc.js +1 -0
- package/dist/assets/divider.662a7bed.css +1 -0
- package/dist/assets/divider.stories.3bfb53de.js +1 -0
- package/dist/assets/drawer.112c042f.css +1 -0
- package/dist/assets/drawer.cd7dde21.js +3 -0
- package/dist/assets/drawer.stories.98d39cde.js +109 -0
- package/dist/assets/empty.stories.628b1f43.css +1 -0
- package/dist/assets/empty.stories.a46e313b.js +1 -0
- package/dist/assets/enum.9003e5cc.js +1 -0
- package/dist/assets/extends.946277fc.js +1 -0
- package/dist/assets/field.34841a80.js +7 -0
- package/dist/assets/field.bc01d139.css +1 -0
- package/dist/assets/field.stories.6af15057.js +44 -0
- package/dist/assets/file-input.stories.c6f928e4.js +55 -0
- package/dist/assets/file-input.stories.f40408e6.css +1 -0
- package/dist/assets/flex.f0bedd04.js +1 -0
- package/dist/assets/flex.stories.376a9450.js +15 -0
- package/dist/assets/footer.stories.61ffd164.js +3 -0
- package/dist/assets/form-row.62481e7e.css +1 -0
- package/dist/assets/form-row.78983423.js +1 -0
- package/dist/assets/form.stories.f11fed32.js +49 -0
- package/dist/assets/formation.stories.2f7b0e86.js +74 -0
- package/dist/assets/formatter-SWP5E3XI.e61245f5.js +156 -0
- package/dist/assets/grid.87b6d860.js +15 -0
- package/dist/assets/grid.stories.1433d600.js +13 -0
- package/dist/assets/heading.73ccb489.css +1 -0
- package/dist/assets/heading.d8accca2.js +1 -0
- package/dist/assets/heading.stories.44222c36.js +15 -0
- package/dist/assets/help-icon.191ef5ef.css +1 -0
- package/dist/assets/help-icon.8deae1d5.js +1 -0
- package/dist/assets/help-icon.stories.74febf53.js +4 -0
- package/dist/assets/hoist-non-react-statics.cjs.10bac274.js +8 -0
- package/dist/assets/icon.678900bc.css +1 -0
- package/dist/assets/icon.86155bc3.js +8 -0
- package/dist/assets/icon.stories.00e227aa.js +6 -0
- package/dist/assets/icons8-junction.2d176da1.svg +4 -0
- package/dist/assets/icons8-junction.d57c510c.js +1 -0
- package/dist/assets/iframe.3e65cb98.js +1 -0
- package/dist/assets/immer.esm.e53d4108.js +1 -0
- package/dist/assets/index.24227caa.js +1 -0
- package/dist/assets/index.366d4da9.js +364 -0
- package/dist/assets/index.55214191.js +5 -0
- package/dist/assets/index.73b4811b.js +1 -0
- package/dist/assets/index.8c7046c4.js +12 -0
- package/dist/assets/index.b8646d95.js +8 -0
- package/dist/assets/index.c3ebe287.js +1 -0
- package/dist/assets/index.cb615f32.js +23 -0
- package/dist/assets/index.cb879655.js +1 -0
- package/dist/assets/index.eeb00e59.js +1 -0
- package/dist/assets/index.es.5a055fee.js +79 -0
- package/dist/assets/inheritsLoose.5387fada.js +1 -0
- package/dist/assets/input-group-addon.1b2fe0a2.css +1 -0
- package/dist/assets/input-group-addon.d746d2dd.js +1 -0
- package/dist/assets/input-group.21ee5488.css +1 -0
- package/dist/assets/input-group.655922b4.js +1 -0
- package/dist/assets/input-group.stories.4c57ce15.js +167 -0
- package/dist/assets/input-validation.ab4fcf0b.js +26 -0
- package/dist/assets/input.6e66348d.css +1 -0
- package/dist/assets/input.c3176058.js +1 -0
- package/dist/assets/input.stories.478a5078.js +17 -0
- package/dist/assets/inputs.419eb48b.js +62 -0
- package/dist/assets/jsx-runtime.bc0b5389.js +8 -0
- package/dist/assets/label.71b4dc9a.js +7 -0
- package/dist/assets/label.858be3a9.css +1 -0
- package/dist/assets/label.stories.e0d2308f.js +11 -0
- package/dist/assets/layout-forms.700405c2.js +16 -0
- package/dist/assets/layout-general.fc2d7d12.js +35 -0
- package/dist/assets/list-heading.0b169dd3.css +1 -0
- package/dist/assets/list-heading.647cd461.js +1 -0
- package/dist/assets/list.c0b606e4.js +8 -0
- package/dist/assets/list.stories-data.adf90caf.js +1 -0
- package/dist/assets/list.stories.7ac2d704.js +455 -0
- package/dist/assets/loader.a3325b3b.css +1 -0
- package/dist/assets/loader.c35b8c59.js +1 -0
- package/dist/assets/loader.stories.7b04d56f.js +83 -0
- package/dist/assets/lodash.96de7017.js +27 -0
- package/dist/assets/logo.0bd264c0.svg +13 -0
- package/dist/assets/logo.2108d336.js +1 -0
- package/dist/assets/memoize-one.esm.7a54f149.js +1 -0
- package/dist/assets/menu.stories-data.900a9cfa.js +1 -0
- package/dist/assets/menu.stories.c36361c9.js +60 -0
- package/dist/assets/message.65e5823f.js +1 -0
- package/dist/assets/message.be82e7d4.css +1 -0
- package/dist/assets/message.stories.3fa55adc.js +273 -0
- package/dist/assets/modal.stories.2abfae2c.js +141 -0
- package/dist/assets/number-input.9aea4872.js +14 -0
- package/dist/assets/number-input.stories.eb42243a.js +81 -0
- package/dist/assets/objectSpread2.62d3bde3.js +1 -0
- package/dist/assets/option-dropdown.stories.964a6723.js +21 -0
- package/dist/assets/option-dropdown.stories.ed561ab5.css +1 -0
- package/dist/assets/page.0fb98747.js +1 -0
- package/dist/assets/page.2695c4f2.css +1 -0
- package/dist/assets/page.stories.5e31b195.js +57 -0
- package/dist/assets/page.stories.dd8c1b35.css +1 -0
- package/dist/assets/pagination.4f19f4f6.js +1 -0
- package/dist/assets/pagination.94a8083b.css +1 -0
- package/dist/assets/pagination.stories.60a578d4.js +59 -0
- package/dist/assets/pop-confirm.stories.5d206e9c.js +3 -0
- package/dist/assets/pop-confirm.stories.9af1de76.css +1 -0
- package/dist/assets/popover.deb1280b.js +1 -0
- package/dist/assets/popover.e1591e30.css +1 -0
- package/dist/assets/popover.stories.112ee36a.js +1 -0
- package/dist/assets/portal.23946b05.js +1 -0
- package/dist/assets/portal.stories.9cb2196e.js +20 -0
- package/dist/assets/preview.282104ff.css +1 -0
- package/dist/assets/preview.30462fd6.js +1 -0
- package/dist/assets/preview.bf416a92.js +3 -0
- package/dist/assets/preview.d466df72.js +1 -0
- package/dist/assets/progress-bar.52d10897.js +1 -0
- package/dist/assets/progress-bar.ab07ff52.css +1 -0
- package/dist/assets/progress-bar.stories.fcc25c58.js +1 -0
- package/dist/assets/projects.stories.9871f3b0.js +46 -0
- package/dist/assets/radio-button.581bf0f0.js +1 -0
- package/dist/assets/radio-button.6e83a3d2.css +1 -0
- package/dist/assets/radio-button.stories.c66de8c8.js +31 -0
- package/dist/assets/react-16.27cfc332.js +1 -0
- package/dist/assets/redux.afc48bf2.js +1 -0
- package/dist/assets/reservoirs.stories.8acab80f.js +157 -0
- package/dist/assets/rich-text-input.stories.43df28cf.css +1 -0
- package/dist/assets/rich-text-input.stories.e13f8c3c.js +255 -0
- package/dist/assets/row.1d0d4b93.js +39 -0
- package/dist/assets/row.8eeaa564.css +1 -0
- package/dist/assets/row.stories.d884a19c.js +122 -0
- package/dist/assets/select.0c940187.js +1 -0
- package/dist/assets/select.e0d41c57.css +1 -0
- package/dist/assets/select.input.395daa83.js +1 -0
- package/dist/assets/select.stories.8ecd1d7e.js +841 -0
- package/dist/assets/side-bar.04dfa34e.css +1 -0
- package/dist/assets/side-bar.38b8fdc1.js +1 -0
- package/dist/assets/side-bar.stories.6d5af4d9.js +1 -0
- package/dist/assets/site.stories.eebf3d98.js +167 -0
- package/dist/assets/slider.295b80b6.js +7 -0
- package/dist/assets/slider.876efa63.css +1 -0
- package/dist/assets/slider.stories.dac4ae4e.js +127 -0
- package/dist/assets/spacer.17f9f9e6.js +1 -0
- package/dist/assets/spacer.stories.2e017931.js +7 -0
- package/dist/assets/spinner.9cd41d19.css +1 -0
- package/dist/assets/spinner.f0fdc45e.js +1 -0
- package/dist/assets/spinner.stories.037bbf80.js +6 -0
- package/dist/assets/styled-components.browser.esm.611ca86c.js +4 -0
- package/dist/assets/syntaxhighlighter-PONEFOSF.c586a4a2.js +1 -0
- package/dist/assets/table.34589fe4.js +1 -0
- package/dist/assets/table.7acbb8cb.css +1 -0
- package/dist/assets/table.stories-data.ad50babd.js +1 -0
- package/dist/assets/table.stories.c045b7cf.js +509 -0
- package/dist/assets/tabs.3dbf724d.css +1 -0
- package/dist/assets/tabs.408b21fe.js +1 -0
- package/dist/assets/tabs.stories.b3e0b918.js +30 -0
- package/dist/assets/text-link.stories.9180c74e.js +1 -0
- package/dist/assets/text.3e08313f.js +1 -0
- package/dist/assets/text.449f16cc.css +1 -0
- package/dist/assets/text.stories.5ba7837b.js +1 -0
- package/dist/assets/textarea.61ee0223.js +1 -0
- package/dist/assets/textarea.e4db0752.css +1 -0
- package/dist/assets/textarea.stories.2b56ca62.js +9 -0
- package/dist/assets/title.stories.adbe835e.js +37 -0
- package/dist/assets/toaster.41028eac.css +1 -0
- package/dist/assets/toaster.b90d2fdf.js +1 -0
- package/dist/assets/toaster.stories.8caabcd8.js +34 -0
- package/dist/assets/toggle.ba9d43b4.js +1 -0
- package/dist/assets/toggle.c2bbeb51.css +1 -0
- package/dist/assets/toggle.stories.091d9048.js +72 -0
- package/dist/assets/tooltip.47b8435e.js +26 -0
- package/dist/assets/tooltip.bdf67884.css +1 -0
- package/dist/assets/tooltip.stories.730e6534.js +17 -0
- package/dist/assets/tooltip.test-case.stories.0022ff66.js +3 -0
- package/dist/assets/top-bar.3d7158ba.css +1 -0
- package/dist/assets/top-bar.d067e7e6.js +1 -0
- package/dist/assets/top-bar.stories.69d16baa.js +1 -0
- package/dist/assets/top-bar.testcase.stories.10864a92.js +30 -0
- package/dist/assets/tree.stories.154364be.css +1 -0
- package/dist/assets/tree.stories.f3d83294.js +72 -0
- package/dist/assets/types.f0417c6d.js +1 -0
- package/dist/favicon.svg +7 -0
- package/dist/iframe.html +458 -0
- package/dist/index.d.ts +1467 -79
- package/dist/index.html +98 -0
- package/dist/index.js +72363 -86
- package/dist/index.json +1 -0
- package/dist/project.json +1 -0
- package/dist/sb-addons/actions-0/manager-bundle.js +3 -0
- package/dist/sb-addons/actions-0/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-dark-mode-esm-preset-1/manager-bundle.js +5 -0
- package/dist/sb-addons/storybook-dark-mode-esm-preset-1/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-common-assets/fonts.css +31 -0
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/GlobalScrollAreaStyles-UY5SB7EJ-BKTFUTA6.js +7 -0
- package/dist/sb-manager/OverlayScrollbars-GZGLA7DL-YJ2Z3IBE.js +1 -0
- package/dist/sb-manager/WithTooltip-J57HCPYA-3VOMFVVS.js +1 -0
- package/dist/sb-manager/chunk-3J6GS6FI.js +1 -0
- package/dist/sb-manager/chunk-IZBYDH3T.js +408 -0
- package/dist/sb-manager/chunk-NBCGHFLK.js +136 -0
- package/dist/sb-manager/chunk-O2ZUMB77.js +7 -0
- package/dist/sb-manager/chunk-QMHPSTMR.js +15 -0
- package/dist/sb-manager/chunk-QPL63VNK.js +1 -0
- package/dist/sb-manager/chunk-RKFFWI2D.js +1 -0
- package/dist/sb-manager/chunk-SPUAGIB2.js +207 -0
- package/dist/sb-manager/formatter-SWP5E3XI-FS7NNRKF.js +156 -0
- package/dist/sb-manager/globals.js +1 -0
- package/dist/sb-manager/index.js +1 -0
- package/dist/sb-manager/runtime.js +1 -0
- package/dist/sb-manager/syntaxhighlighter-PONEFOSF-PLQPOLN2.js +1 -0
- package/dist/sb-preview/globals.js +1 -0
- package/dist/sb-preview/runtime.js +112 -0
- package/dist/stories.json +1 -0
- package/package.json +8 -9
- package/dist/common-enum.d.ts +0 -73
- package/dist/common-enum.js +0 -81
- package/dist/components/accordion/accordion.d.ts +0 -4
- package/dist/components/accordion/accordion.interface.d.ts +0 -17
- package/dist/components/accordion/accordion.interface.js +0 -1
- package/dist/components/accordion/accordion.js +0 -17
- package/dist/components/accordion/accordion.stories.d.ts +0 -11
- package/dist/components/accordion/accordion.stories.js +0 -140
- package/dist/components/accordion/chevron/chevron.d.ts +0 -5
- package/dist/components/accordion/chevron/chevron.js +0 -8
- package/dist/components/accordion/enum.d.ts +0 -4
- package/dist/components/accordion/enum.js +0 -5
- package/dist/components/accordion/helpers/accordion-with-default-toggle.d.ts +0 -12
- package/dist/components/accordion/helpers/accordion-with-default-toggle.js +0 -35
- package/dist/components/actions/actions.d.ts +0 -14
- package/dist/components/actions/actions.interface.d.ts +0 -25
- package/dist/components/actions/actions.interface.js +0 -1
- package/dist/components/actions/actions.js +0 -66
- package/dist/components/actions/actions.stories.d.ts +0 -25
- package/dist/components/actions/actions.stories.js +0 -67
- package/dist/components/badge/badge.d.ts +0 -10
- package/dist/components/badge/badge.js +0 -21
- package/dist/components/badge/badge.stories.d.ts +0 -7
- package/dist/components/badge/badge.stories.js +0 -21
- package/dist/components/breadcrumb/breadcrumb.d.ts +0 -6
- package/dist/components/breadcrumb/breadcrumb.js +0 -11
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +0 -5
- package/dist/components/breadcrumb/breadcrumb.stories.js +0 -36
- package/dist/components/breadcrumb/enum.d.ts +0 -5
- package/dist/components/breadcrumb/enum.js +0 -6
- package/dist/components/breadcrumb/link.d.ts +0 -12
- package/dist/components/breadcrumb/link.js +0 -12
- package/dist/components/button/button.d.ts +0 -31
- package/dist/components/button/button.js +0 -52
- package/dist/components/button/button.stories.d.ts +0 -13
- package/dist/components/button/button.stories.js +0 -63
- package/dist/components/button/enum.d.ts +0 -5
- package/dist/components/button/enum.js +0 -6
- package/dist/components/button-group/button-group.d.ts +0 -38
- package/dist/components/button-group/button-group.js +0 -83
- package/dist/components/button-group/button-group.stories-data.d.ts +0 -6
- package/dist/components/button-group/button-group.stories-data.js +0 -61
- package/dist/components/button-group/button-group.stories.d.ts +0 -9
- package/dist/components/button-group/button-group.stories.js +0 -51
- package/dist/components/card/card.d.ts +0 -10
- package/dist/components/card/card.js +0 -6
- package/dist/components/card/card.stories.d.ts +0 -8
- package/dist/components/card/card.stories.js +0 -27
- package/dist/components/check-box/check-box.d.ts +0 -19
- package/dist/components/check-box/check-box.js +0 -19
- package/dist/components/check-box/check-box.stories.d.ts +0 -6
- package/dist/components/check-box/check-box.stories.js +0 -29
- package/dist/components/color/color.stories-data.d.ts +0 -9
- package/dist/components/color/color.stories-data.js +0 -55
- package/dist/components/dialog/dialog.d.ts +0 -17
- package/dist/components/dialog/dialog.js +0 -18
- package/dist/components/divider/divider.d.ts +0 -9
- package/dist/components/divider/divider.js +0 -19
- package/dist/components/divider/divider.stories.d.ts +0 -7
- package/dist/components/divider/divider.stories.js +0 -41
- package/dist/components/drawer/drawer-resize-wrapper.d.ts +0 -2
- package/dist/components/drawer/drawer-resize-wrapper.js +0 -33
- package/dist/components/drawer/drawer-tabs.d.ts +0 -2
- package/dist/components/drawer/drawer-tabs.js +0 -15
- package/dist/components/drawer/drawer.constants.d.ts +0 -2
- package/dist/components/drawer/drawer.constants.js +0 -2
- package/dist/components/drawer/drawer.d.ts +0 -2
- package/dist/components/drawer/drawer.interface.d.ts +0 -55
- package/dist/components/drawer/drawer.interface.js +0 -1
- package/dist/components/drawer/drawer.js +0 -80
- package/dist/components/drawer/drawer.stories.d.ts +0 -40
- package/dist/components/drawer/drawer.stories.js +0 -176
- package/dist/components/empty/empty.d.ts +0 -8
- package/dist/components/empty/empty.js +0 -6
- package/dist/components/empty/empty.stories.d.ts +0 -5
- package/dist/components/empty/empty.stories.js +0 -19
- package/dist/components/file-input/enum.d.ts +0 -6
- package/dist/components/file-input/enum.js +0 -7
- package/dist/components/file-input/file-input.d.ts +0 -18
- package/dist/components/file-input/file-input.js +0 -47
- package/dist/components/file-input/file-input.stories.d.ts +0 -7
- package/dist/components/file-input/file-input.stories.js +0 -65
- package/dist/components/form/field.d.ts +0 -16
- package/dist/components/form/field.js +0 -13
- package/dist/components/form/field.stories.d.ts +0 -12
- package/dist/components/form/field.stories.js +0 -51
- package/dist/components/form/form.stories.d.ts +0 -27
- package/dist/components/form/form.stories.js +0 -76
- package/dist/components/heading/heading.d.ts +0 -19
- package/dist/components/heading/heading.js +0 -9
- package/dist/components/heading/heading.stories.d.ts +0 -10
- package/dist/components/heading/heading.stories.js +0 -46
- package/dist/components/help-icon/help-icon.d.ts +0 -10
- package/dist/components/help-icon/help-icon.js +0 -19
- package/dist/components/help-icon/help-icon.stories.d.ts +0 -10
- package/dist/components/help-icon/help-icon.stories.js +0 -37
- package/dist/components/icon/icon.d.ts +0 -16
- package/dist/components/icon/icon.js +0 -31
- package/dist/components/icon/icon.stories.d.ts +0 -25
- package/dist/components/icon/icon.stories.js +0 -37
- package/dist/components/icon/named-icon.d.ts +0 -6
- package/dist/components/icon/named-icon.js +0 -418
- package/dist/components/input/input.d.ts +0 -26
- package/dist/components/input/input.js +0 -40
- package/dist/components/input/input.stories.d.ts +0 -5
- package/dist/components/input/input.stories.js +0 -22
- package/dist/components/input-group/input-group-addon/input-group-addon.d.ts +0 -8
- package/dist/components/input-group/input-group-addon/input-group-addon.js +0 -20
- package/dist/components/input-group/input-group.d.ts +0 -7
- package/dist/components/input-group/input-group.js +0 -27
- package/dist/components/input-group/input-group.stories.d.ts +0 -8
- package/dist/components/input-group/input-group.stories.js +0 -65
- package/dist/components/label/label.d.ts +0 -24
- package/dist/components/label/label.js +0 -14
- package/dist/components/label/label.stories.d.ts +0 -10
- package/dist/components/label/label.stories.js +0 -42
- package/dist/components/layout/column/column.d.ts +0 -18
- package/dist/components/layout/column/column.js +0 -13
- package/dist/components/layout/column/styles.d.ts +0 -15
- package/dist/components/layout/column/styles.js +0 -41
- package/dist/components/layout/column.stories.d.ts +0 -20
- package/dist/components/layout/column.stories.js +0 -53
- package/dist/components/layout/flex/flex.d.ts +0 -11
- package/dist/components/layout/flex/flex.js +0 -18
- package/dist/components/layout/flex/flex.stories.d.ts +0 -10
- package/dist/components/layout/flex/flex.stories.js +0 -52
- package/dist/components/layout/form-row/form-row.d.ts +0 -5
- package/dist/components/layout/form-row/form-row.js +0 -5
- package/dist/components/layout/grid/grid.d.ts +0 -11
- package/dist/components/layout/grid/grid.js +0 -41
- package/dist/components/layout/grid/grid.stories.d.ts +0 -9
- package/dist/components/layout/grid/grid.stories.js +0 -48
- package/dist/components/layout/page/page.d.ts +0 -9
- package/dist/components/layout/page/page.js +0 -11
- package/dist/components/layout/page.stories.d.ts +0 -9
- package/dist/components/layout/page.stories.js +0 -32
- package/dist/components/layout/placeholder.d.ts +0 -1
- package/dist/components/layout/placeholder.js +0 -1
- package/dist/components/layout/print-header/print-header.d.ts +0 -7
- package/dist/components/layout/print-header/print-header.js +0 -3
- package/dist/components/layout/row/row.d.ts +0 -15
- package/dist/components/layout/row/row.js +0 -24
- package/dist/components/layout/spacer/spacer.d.ts +0 -6
- package/dist/components/layout/spacer/spacer.js +0 -8
- package/dist/components/list/list-row/item-content.d.ts +0 -2
- package/dist/components/list/list-row/item-content.js +0 -9
- package/dist/components/list/list-row/label.d.ts +0 -2
- package/dist/components/list/list-row/label.js +0 -6
- package/dist/components/list/list-row/list-heading.d.ts +0 -3
- package/dist/components/list/list-row/list-heading.js +0 -10
- package/dist/components/list/list-row/list-row.d.ts +0 -3
- package/dist/components/list/list-row/list-row.interface.d.ts +0 -105
- package/dist/components/list/list-row/list-row.interface.js +0 -1
- package/dist/components/list/list-row/list-row.js +0 -56
- package/dist/components/list/list-row/list-subheading.d.ts +0 -3
- package/dist/components/list/list-row/list-subheading.js +0 -27
- package/dist/components/list/list-row/meta-content.d.ts +0 -2
- package/dist/components/list/list-row/meta-content.js +0 -12
- package/dist/components/list/list-row/meta-count.d.ts +0 -2
- package/dist/components/list/list-row/meta-count.js +0 -5
- package/dist/components/list/list-row/name.d.ts +0 -3
- package/dist/components/list/list-row/name.js +0 -12
- package/dist/components/list/list.d.ts +0 -2
- package/dist/components/list/list.interface.d.ts +0 -55
- package/dist/components/list/list.interface.js +0 -1
- package/dist/components/list/list.js +0 -86
- package/dist/components/list/list.stories-data.d.ts +0 -310
- package/dist/components/list/list.stories-data.js +0 -270
- package/dist/components/list/list.stories.d.ts +0 -22
- package/dist/components/list/list.stories.js +0 -411
- package/dist/components/list/toggle-narrow.d.ts +0 -2
- package/dist/components/list/toggle-narrow.js +0 -7
- package/dist/components/loader/loader.d.ts +0 -14
- package/dist/components/loader/loader.js +0 -15
- package/dist/components/loader/loader.stories.d.ts +0 -32
- package/dist/components/loader/loader.stories.js +0 -92
- package/dist/components/menu/enum.d.ts +0 -11
- package/dist/components/menu/enum.js +0 -13
- package/dist/components/menu/index.d.ts +0 -4
- package/dist/components/menu/index.js +0 -8
- package/dist/components/menu/layer/divider.d.ts +0 -1
- package/dist/components/menu/layer/divider.js +0 -3
- package/dist/components/menu/layer/heading.d.ts +0 -8
- package/dist/components/menu/layer/heading.js +0 -3
- package/dist/components/menu/layer/layer.d.ts +0 -15
- package/dist/components/menu/layer/layer.js +0 -47
- package/dist/components/menu/layer/option.d.ts +0 -19
- package/dist/components/menu/layer/option.js +0 -22
- package/dist/components/menu/layer/path.d.ts +0 -5
- package/dist/components/menu/layer/path.js +0 -30
- package/dist/components/menu/layer/placementOptions.d.ts +0 -3
- package/dist/components/menu/layer/placementOptions.js +0 -6
- package/dist/components/menu/layer/section.d.ts +0 -10
- package/dist/components/menu/layer/section.js +0 -23
- package/dist/components/menu/menu.d.ts +0 -3
- package/dist/components/menu/menu.interface.d.ts +0 -82
- package/dist/components/menu/menu.interface.js +0 -1
- package/dist/components/menu/menu.js +0 -92
- package/dist/components/menu/menu.stories-data.d.ts +0 -101
- package/dist/components/menu/menu.stories-data.js +0 -182
- package/dist/components/menu/menu.stories.d.ts +0 -31
- package/dist/components/menu/menu.stories.js +0 -104
- package/dist/components/menu/menu.test.d.ts +0 -1
- package/dist/components/menu/menu.test.js +0 -46
- package/dist/components/menu/trigger/button.d.ts +0 -14
- package/dist/components/menu/trigger/button.js +0 -13
- package/dist/components/menu/trigger/component.d.ts +0 -8
- package/dist/components/menu/trigger/component.js +0 -6
- package/dist/components/menu/trigger/text.d.ts +0 -10
- package/dist/components/menu/trigger/text.js +0 -9
- package/dist/components/menu/trigger/trigger.d.ts +0 -27
- package/dist/components/menu/trigger/trigger.js +0 -35
- package/dist/components/message/dismiss.d.ts +0 -8
- package/dist/components/message/dismiss.js +0 -17
- package/dist/components/message/enum.d.ts +0 -9
- package/dist/components/message/enum.js +0 -11
- package/dist/components/message/message.d.ts +0 -19
- package/dist/components/message/message.js +0 -49
- package/dist/components/message/message.stories.d.ts +0 -11
- package/dist/components/message/message.stories.js +0 -82
- package/dist/components/modal/modal.d.ts +0 -8
- package/dist/components/modal/modal.js +0 -7
- package/dist/components/modal/modal.stories.d.ts +0 -12
- package/dist/components/modal/modal.stories.js +0 -107
- package/dist/components/number-input/number-input.d.ts +0 -26
- package/dist/components/number-input/number-input.js +0 -66
- package/dist/components/number-input/number-input.stories.d.ts +0 -13
- package/dist/components/number-input/number-input.stories.js +0 -43
- package/dist/components/option-dropdown/enum.d.ts +0 -5
- package/dist/components/option-dropdown/enum.js +0 -6
- package/dist/components/option-dropdown/heading.d.ts +0 -4
- package/dist/components/option-dropdown/heading.js +0 -3
- package/dist/components/option-dropdown/layer.d.ts +0 -16
- package/dist/components/option-dropdown/layer.js +0 -43
- package/dist/components/option-dropdown/option-dropdown.d.ts +0 -19
- package/dist/components/option-dropdown/option-dropdown.js +0 -17
- package/dist/components/option-dropdown/option-dropdown.stories.d.ts +0 -5
- package/dist/components/option-dropdown/option-dropdown.stories.js +0 -35
- package/dist/components/option-dropdown/option.d.ts +0 -10
- package/dist/components/option-dropdown/option.js +0 -7
- package/dist/components/pagination/pagination.d.ts +0 -13
- package/dist/components/pagination/pagination.interface.d.ts +0 -15
- package/dist/components/pagination/pagination.interface.js +0 -1
- package/dist/components/pagination/pagination.js +0 -33
- package/dist/components/pagination/pagination.stories.d.ts +0 -7
- package/dist/components/pagination/pagination.stories.js +0 -62
- package/dist/components/pagination/pagination.test.d.ts +0 -1
- package/dist/components/pagination/pagination.test.js +0 -84
- package/dist/components/pagination/pagination.viewdata.d.ts +0 -17
- package/dist/components/pagination/pagination.viewdata.js +0 -53
- package/dist/components/pop-confirm/content.d.ts +0 -9
- package/dist/components/pop-confirm/content.js +0 -5
- package/dist/components/pop-confirm/pop-confirm.d.ts +0 -14
- package/dist/components/pop-confirm/pop-confirm.js +0 -7
- package/dist/components/pop-confirm/pop-confirm.stories.d.ts +0 -4
- package/dist/components/pop-confirm/pop-confirm.stories.js +0 -43
- package/dist/components/popover/popover.d.ts +0 -14
- package/dist/components/popover/popover.js +0 -39
- package/dist/components/popover/popover.stories.d.ts +0 -7
- package/dist/components/popover/popover.stories.js +0 -43
- package/dist/components/portal/portal.d.ts +0 -6
- package/dist/components/portal/portal.js +0 -11
- package/dist/components/portal/portal.stories.d.ts +0 -7
- package/dist/components/portal/portal.stories.js +0 -51
- package/dist/components/progress-bar/progress-bar.d.ts +0 -9
- package/dist/components/progress-bar/progress-bar.js +0 -21
- package/dist/components/progress-bar/progress-bar.stories.d.ts +0 -4
- package/dist/components/progress-bar/progress-bar.stories.js +0 -16
- package/dist/components/radio-button/radio-button.d.ts +0 -27
- package/dist/components/radio-button/radio-button.js +0 -45
- package/dist/components/radio-button/radio-button.stories.d.ts +0 -5
- package/dist/components/radio-button/radio-button.stories.js +0 -45
- package/dist/components/radio-button/radio-input.d.ts +0 -16
- package/dist/components/radio-button/radio-input.js +0 -9
- package/dist/components/rich-text-input/rich-text-input.d.ts +0 -10
- package/dist/components/rich-text-input/rich-text-input.js +0 -35
- package/dist/components/rich-text-input/rich-text-input.stories.d.ts +0 -9
- package/dist/components/rich-text-input/rich-text-input.stories.js +0 -60
- package/dist/components/rich-text-input/rich-text-toolbar/enum.d.ts +0 -7
- package/dist/components/rich-text-input/rich-text-toolbar/enum.js +0 -8
- package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts +0 -7
- package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.js +0 -42
- package/dist/components/select/custom-select/custom-select.d.ts +0 -2
- package/dist/components/select/custom-select/custom-select.interface.d.ts +0 -47
- package/dist/components/select/custom-select/custom-select.interface.js +0 -1
- package/dist/components/select/custom-select/custom-select.js +0 -51
- package/dist/components/select/custom-select/custom-select.reducer.d.ts +0 -6
- package/dist/components/select/custom-select/custom-select.reducer.js +0 -140
- package/dist/components/select/custom-select/enum.d.ts +0 -11
- package/dist/components/select/custom-select/enum.js +0 -12
- package/dist/components/select/custom-select/helper.d.ts +0 -3
- package/dist/components/select/custom-select/helper.js +0 -55
- package/dist/components/select/custom-select/hooks/enum.d.ts +0 -20
- package/dist/components/select/custom-select/hooks/enum.js +0 -22
- package/dist/components/select/custom-select/hooks/use-custom-select-logic.d.ts +0 -39
- package/dist/components/select/custom-select/hooks/use-custom-select-logic.js +0 -222
- package/dist/components/select/custom-select/layer/heading.d.ts +0 -3
- package/dist/components/select/custom-select/layer/heading.js +0 -5
- package/dist/components/select/custom-select/layer/layer.d.ts +0 -17
- package/dist/components/select/custom-select/layer/layer.js +0 -25
- package/dist/components/select/custom-select/layer/option.d.ts +0 -15
- package/dist/components/select/custom-select/layer/option.js +0 -10
- package/dist/components/select/custom-select/layer/placementOptions.d.ts +0 -10
- package/dist/components/select/custom-select/layer/placementOptions.js +0 -7
- package/dist/components/select/custom-select/layer/section.d.ts +0 -15
- package/dist/components/select/custom-select/layer/section.js +0 -16
- package/dist/components/select/custom-select/reducer.interface.d.ts +0 -34
- package/dist/components/select/custom-select/reducer.interface.js +0 -1
- package/dist/components/select/custom-select/trigger/input.d.ts +0 -14
- package/dist/components/select/custom-select/trigger/input.js +0 -21
- package/dist/components/select/custom-select/trigger/multi-selected-options.d.ts +0 -8
- package/dist/components/select/custom-select/trigger/multi-selected-options.js +0 -41
- package/dist/components/select/custom-select/trigger/trigger.d.ts +0 -34
- package/dist/components/select/custom-select/trigger/trigger.js +0 -53
- package/dist/components/select/native-select/native-select.d.ts +0 -29
- package/dist/components/select/native-select/native-select.js +0 -61
- package/dist/components/select/select.d.ts +0 -2
- package/dist/components/select/select.input.d.ts +0 -21
- package/dist/components/select/select.input.js +0 -114
- package/dist/components/select/select.interface.d.ts +0 -39
- package/dist/components/select/select.interface.js +0 -1
- package/dist/components/select/select.js +0 -61
- package/dist/components/select/select.stories-data.d.ts +0 -25
- package/dist/components/select/select.stories-data.js +0 -113
- package/dist/components/select/select.stories.d.ts +0 -30
- package/dist/components/select/select.stories.js +0 -93
- package/dist/components/select/select.test.d.ts +0 -1
- package/dist/components/select/select.test.js +0 -303
- package/dist/components/side-bar/link.d.ts +0 -17
- package/dist/components/side-bar/link.js +0 -20
- package/dist/components/side-bar/sections.d.ts +0 -21
- package/dist/components/side-bar/sections.js +0 -7
- package/dist/components/side-bar/side-bar.d.ts +0 -26
- package/dist/components/side-bar/side-bar.js +0 -28
- package/dist/components/side-bar/side-bar.stories.d.ts +0 -5
- package/dist/components/side-bar/side-bar.stories.js +0 -90
- package/dist/components/slider/slider-tooltip.d.ts +0 -5
- package/dist/components/slider/slider-tooltip.js +0 -13
- package/dist/components/slider/slider.d.ts +0 -37
- package/dist/components/slider/slider.js +0 -57
- package/dist/components/slider/slider.stories.d.ts +0 -16
- package/dist/components/slider/slider.stories.js +0 -85
- package/dist/components/spinner/spinner.d.ts +0 -7
- package/dist/components/spinner/spinner.js +0 -6
- package/dist/components/spinner/spinner.stories.d.ts +0 -4
- package/dist/components/spinner/spinner.stories.js +0 -14
- package/dist/components/table/cell/cell-types/action-cell.d.ts +0 -5
- package/dist/components/table/cell/cell-types/action-cell.js +0 -5
- package/dist/components/table/cell/cell-types/cell-help-icon.d.ts +0 -5
- package/dist/components/table/cell/cell-types/cell-help-icon.js +0 -7
- package/dist/components/table/cell/cell-types/cell-library-icon.d.ts +0 -5
- package/dist/components/table/cell/cell-types/cell-library-icon.js +0 -8
- package/dist/components/table/cell/cell-types/cell-types.interface.d.ts +0 -150
- package/dist/components/table/cell/cell-types/cell-types.interface.js +0 -1
- package/dist/components/table/cell/cell-types/check-box-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/check-box-cell.js +0 -5
- package/dist/components/table/cell/cell-types/icon-cell.d.ts +0 -5
- package/dist/components/table/cell/cell-types/icon-cell.js +0 -9
- package/dist/components/table/cell/cell-types/input-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/input-cell.js +0 -6
- package/dist/components/table/cell/cell-types/link-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/link-cell.js +0 -23
- package/dist/components/table/cell/cell-types/number-input-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/number-input-cell.js +0 -5
- package/dist/components/table/cell/cell-types/popover-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/popover-cell.js +0 -8
- package/dist/components/table/cell/cell-types/select-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/select-cell.js +0 -6
- package/dist/components/table/cell/cell-types/slider-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/slider-cell.js +0 -6
- package/dist/components/table/cell/cell-types/sort-cell.d.ts +0 -5
- package/dist/components/table/cell/cell-types/sort-cell.js +0 -9
- package/dist/components/table/cell/cell-types/static-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/static-cell.js +0 -16
- package/dist/components/table/cell/cell-wrapper.d.ts +0 -8
- package/dist/components/table/cell/cell-wrapper.js +0 -33
- package/dist/components/table/cell/cell.d.ts +0 -12
- package/dist/components/table/cell/cell.js +0 -45
- package/dist/components/table/cell/cell.stories.d.ts +0 -21
- package/dist/components/table/cell/cell.stories.js +0 -209
- package/dist/components/table/cell/input-cell-wrapper.d.ts +0 -7
- package/dist/components/table/cell/input-cell-wrapper.js +0 -8
- package/dist/components/table/enum.d.ts +0 -9
- package/dist/components/table/enum.js +0 -10
- package/dist/components/table/footer/footer.d.ts +0 -10
- package/dist/components/table/footer/footer.js +0 -18
- package/dist/components/table/footer/footer.stories.d.ts +0 -3
- package/dist/components/table/footer/footer.stories.js +0 -19
- package/dist/components/table/helper.d.ts +0 -22
- package/dist/components/table/helper.js +0 -49
- package/dist/components/table/helper.test.d.ts +0 -1
- package/dist/components/table/helper.test.js +0 -127
- package/dist/components/table/row/expanded-content-row.d.ts +0 -7
- package/dist/components/table/row/expanded-content-row.js +0 -6
- package/dist/components/table/row/row.d.ts +0 -37
- package/dist/components/table/row/row.js +0 -46
- package/dist/components/table/row/row.stories.d.ts +0 -9
- package/dist/components/table/row/row.stories.js +0 -132
- package/dist/components/table/table-scroll-wrapper.d.ts +0 -13
- package/dist/components/table/table-scroll-wrapper.js +0 -24
- package/dist/components/table/table.d.ts +0 -34
- package/dist/components/table/table.js +0 -91
- package/dist/components/table/table.stories-data.d.ts +0 -1970
- package/dist/components/table/table.stories-data.js +0 -996
- package/dist/components/table/table.stories.d.ts +0 -17
- package/dist/components/table/table.stories.js +0 -521
- package/dist/components/table/table.test.d.ts +0 -1
- package/dist/components/table/table.test.js +0 -27
- package/dist/components/table/table.viewdata.d.ts +0 -16
- package/dist/components/table/table.viewdata.js +0 -17
- package/dist/components/table/title/title.d.ts +0 -8
- package/dist/components/table/title/title.js +0 -22
- package/dist/components/table/title/title.stories.d.ts +0 -11
- package/dist/components/table/title/title.stories.js +0 -53
- package/dist/components/tabs/content.d.ts +0 -7
- package/dist/components/tabs/content.js +0 -6
- package/dist/components/tabs/label.d.ts +0 -14
- package/dist/components/tabs/label.js +0 -8
- package/dist/components/tabs/tabs.d.ts +0 -33
- package/dist/components/tabs/tabs.js +0 -64
- package/dist/components/tabs/tabs.stories.d.ts +0 -10
- package/dist/components/tabs/tabs.stories.js +0 -86
- package/dist/components/text/text.d.ts +0 -15
- package/dist/components/text/text.js +0 -6
- package/dist/components/text/text.stories.d.ts +0 -6
- package/dist/components/text/text.stories.js +0 -22
- package/dist/components/text-link/text-link.d.ts +0 -9
- package/dist/components/text-link/text-link.js +0 -5
- package/dist/components/text-link/text-link.stories.d.ts +0 -5
- package/dist/components/text-link/text-link.stories.js +0 -17
- package/dist/components/textarea/textarea.d.ts +0 -22
- package/dist/components/textarea/textarea.js +0 -15
- package/dist/components/textarea/textarea.stories.d.ts +0 -4
- package/dist/components/textarea/textarea.stories.js +0 -18
- package/dist/components/toaster/toaster.d.ts +0 -19
- package/dist/components/toaster/toaster.js +0 -51
- package/dist/components/toaster/toaster.stories.d.ts +0 -15
- package/dist/components/toaster/toaster.stories.js +0 -84
- package/dist/components/toggle/toggle.d.ts +0 -14
- package/dist/components/toggle/toggle.js +0 -17
- package/dist/components/toggle/toggle.stories.d.ts +0 -10
- package/dist/components/toggle/toggle.stories.js +0 -41
- package/dist/components/tooltip/tooltip-layer.d.ts +0 -16
- package/dist/components/tooltip/tooltip-layer.js +0 -19
- package/dist/components/tooltip/tooltip.d.ts +0 -19
- package/dist/components/tooltip/tooltip.js +0 -31
- package/dist/components/tooltip/tooltip.stories.d.ts +0 -11
- package/dist/components/tooltip/tooltip.stories.js +0 -50
- package/dist/components/tooltip/tooltip.test-case.stories.d.ts +0 -4
- package/dist/components/tooltip/tooltip.test-case.stories.js +0 -20
- package/dist/components/top-bar/element/element.d.ts +0 -32
- package/dist/components/top-bar/element/element.js +0 -28
- package/dist/components/top-bar/element/enum.d.ts +0 -6
- package/dist/components/top-bar/element/enum.js +0 -7
- package/dist/components/top-bar/element/link.d.ts +0 -11
- package/dist/components/top-bar/element/link.js +0 -15
- package/dist/components/top-bar/title.d.ts +0 -9
- package/dist/components/top-bar/title.js +0 -7
- package/dist/components/top-bar/top-bar.d.ts +0 -11
- package/dist/components/top-bar/top-bar.js +0 -19
- package/dist/components/top-bar/top-bar.stories.d.ts +0 -6
- package/dist/components/top-bar/top-bar.stories.js +0 -124
- package/dist/components/top-bar/top-bar.testcase.stories.d.ts +0 -5
- package/dist/components/top-bar/top-bar.testcase.stories.js +0 -53
- package/dist/components/top-bar/warning.d.ts +0 -5
- package/dist/components/top-bar/warning.js +0 -5
- package/dist/components/tree/tree-item.d.ts +0 -10
- package/dist/components/tree/tree-item.js +0 -27
- package/dist/components/tree/tree-placeholder.d.ts +0 -4
- package/dist/components/tree/tree-placeholder.js +0 -3
- package/dist/components/tree/tree.d.ts +0 -42
- package/dist/components/tree/tree.js +0 -50
- package/dist/components/tree/tree.stories-data.d.ts +0 -126
- package/dist/components/tree/tree.stories-data.js +0 -83
- package/dist/components/tree/tree.stories.d.ts +0 -11
- package/dist/components/tree/tree.stories.js +0 -98
- package/dist/helpers/disabled-context.d.ts +0 -2
- package/dist/helpers/disabled-context.js +0 -2
- package/dist/helpers/text.d.ts +0 -1
- package/dist/helpers/text.js +0 -9
- package/dist/helpers/types.d.ts +0 -3
- package/dist/helpers/types.js +0 -8
- package/dist/hooks/index.d.ts +0 -4
- package/dist/hooks/index.js +0 -4
- package/dist/hooks/use-focus.d.ts +0 -4
- package/dist/hooks/use-focus.js +0 -10
- package/dist/hooks/use-fonts-ready.d.ts +0 -1
- package/dist/hooks/use-fonts-ready.js +0 -13
- package/dist/hooks/use-keyboard-event.d.ts +0 -2
- package/dist/hooks/use-keyboard-event.js +0 -14
- package/dist/hooks/use-window-width.d.ts +0 -1
- package/dist/hooks/use-window-width.js +0 -16
- package/dist/my-dummy.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._actions_lx3xg_341{margin-left:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center}._actions_lx3xg_341>*:not(:last-child){margin-right:3px}._actionComponentContainer_lx3xg_351{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#c8c8c8;position:relative;z-index:2;transition:color .2s;line-height:0}._actionComponentContainer_lx3xg_351 i{margin:0;line-height:1!important}._actionComponentContainer_lx3xg_351:hover,._actionComponentContainer_lx3xg_351:focus{color:var(--color-text-primary-hover)}._actionComponentContainer_lx3xg_351:active,._actionComponentContainer_lx3xg_351._active_lx3xg_373{color:var(--color-text-primary-active)}: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)}._wrapper_t0nkm_341{display:inline-flex;max-width:100%}._layer_t0nkm_345 ._wrapper_t0nkm_341{width:100%}._layerContainer_t0nkm_348{z-index:2002}._layer_t0nkm_345{border:1px solid var(--color-border);border-radius:4px;overflow:hidden;margin:2px 0;background:var(--color-background-raised);box-shadow:0 2px 4px #0000001a;min-width:10em;max-width:30em;position:relative;overflow-y:auto}._layer_t0nkm_345._nested_t0nkm_363{margin:-1px 2px}._layer_t0nkm_345 ul{margin:0;padding:0;list-style-type:none}._layer_t0nkm_345 ul li{list-style:none;display:block}._fileInput_t0nkm_375{width:100%;height:100%;opacity:0;position:absolute}._trigger_t0nkm_381{display:inline-flex;align-items:center;cursor:pointer;max-width:100%}._layer_t0nkm_345 ._trigger_t0nkm_381{width:100%}._middleAlignedInline_t0nkm_390{display:flex;align-items:center;overflow:hidden;width:100%}._heading_t0nkm_396{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px}._heading_t0nkm_396 ._headingIcon_t0nkm_402{float:right}._heading_t0nkm_396 ._headingIcon_t0nkm_402 svg{color:var(--color-text-faint)}._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover{cursor:pointer}._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover svg{color:var(--color-text-primary-hover)}._option_t0nkm_414{color:inherit;display:block}._heading_t0nkm_396,._option_t0nkm_414,._layer_t0nkm_345 ._trigger_t0nkm_381{padding:var(--padding-input)}._option_t0nkm_414,._layer_t0nkm_345 ._trigger_t0nkm_381{line-height:20px;display:flex;align-items:flex-start}._option_t0nkm_414:hover,._layer_t0nkm_345 ._trigger_t0nkm_381:hover,._option_t0nkm_414._active_t0nkm_431,._layer_t0nkm_345 ._trigger_t0nkm_381._active_t0nkm_431{background-color:var(--color-background-menuitem-hover);cursor:pointer}._option_t0nkm_414._selected_t0nkm_436{background-color:var(--color-background-menuitem-active);font-weight:700}._layer_t0nkm_345 ._trigger_t0nkm_381{align-items:center}._optionContent_t0nkm_443{flex-wrap:wrap;margin-right:auto;position:relative}._inline_t0nkm_448 ._optionContent_t0nkm_443{display:flex;justify-content:space-between;flex-grow:1}._icon_t0nkm_453,._check_t0nkm_454{display:flex;flex-shrink:1;width:16px;height:20px;justify-content:center;align-items:center}._icon_t0nkm_453{margin-right:8px;color:var(--color-text-primary)}._icon_t0nkm_453:empty{display:none}._icon_t0nkm_453 img{max-height:16px;max-width:16px;width:auto;height:auto}._check_t0nkm_454{font-size:12px;color:#a5a7a9;margin-left:10px}._text_t0nkm_480{display:inline-flex;align-items:center;cursor:pointer}._label_t0nkm_485{margin-right:auto}._label_t0nkm_485,._heading_t0nkm_396{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._description_t0nkm_496{color:#999;display:block}._arrow_t0nkm_500{margin-left:10px;opacity:.4}._divider_t0nkm_504{border:0;border-top:1px solid var(--color-border)}._deprecatedSemanticIcon_t0nkm_508{color:var(--color-text-primary)!important;margin:-5px 0 0!important}._disabled_t0nkm_512{color:var(--color-text-faint);pointer-events:none;cursor:not-allowed!important}._buttonLabel_t0nkm_517{overflow:hidden;text-overflow:ellipsis;display:block;margin-right:auto;line-height:1.2}._buttonCaret_t0nkm_524{margin-left:5px}._component_t0nkm_527{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}._right_t0nkm_533{margin-left:auto;display:flex;align-items:center}._actions_t0nkm_538{margin-left:8px;display:flex;align-items:center;margin-top:-2px;margin-bottom:-2px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as c}from"./jsx-runtime.bc0b5389.js";import{A as n}from"./actions.310c4239.js";import"./index.8c7046c4.js";import"./index.55214191.js";import"./lodash.96de7017.js";import"./button.4d73be0d.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./common-enum.04de2059.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./types.f0417c6d.js";const d=[{label:"Download",icon:"download",onClick:()=>{},testId:"download"},{label:"Help",icon:"help",onClick:()=>{},disabled:!0,testId:"help"},{label:"More",testId:"more",subActions:[{label:"Move Up",icon:"up",disabled:!0,onClick:()=>{},testId:"move-up"},{label:"Move Down",icon:"down",onClick:()=>{},testId:"move-down"}]},{primary:!0,label:"Add",icon:"add",onClick:()=>{},testId:"add"}],_={title:"Basic/Actions",component:n,args:{actions:d,right:!1},decorators:[o=>c.exports.jsx("div",{style:{display:"inline-flex"},children:o()})],parameters:{docs:{source:{excludeDecorators:!0}}}},m=o=>c.exports.jsx(n,{...o}),t=m.bind({}),e=m.bind({});e.args={actions:d.map(o=>({...o,tooltip:o.label}))};var r,s,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"args => <Actions {...(args as any)} />",...(a=(s=t.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var i,l,p;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Actions {...(args as any)} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const S=["Default","Tooltip"];export{t as Default,e as Tooltip,S as __namedExportsOrder,_ as default};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as l}from"./index.8c7046c4.js";import{T as F}from"./top-bar.d067e7e6.js";import{S as w}from"./side-bar.38b8fdc1.js";import{H as n}from"./heading.d8accca2.js";import{B as p}from"./button.4d73be0d.js";import{D as C}from"./drawer.cd7dde21.js";import{L as I}from"./list.c0b606e4.js";import{F as t}from"./field.34841a80.js";import{I as d}from"./input.c3176058.js";import{A as T}from"./accordion.13178c66.js";import{C as a}from"./check-box.fe165636.js";import{F as m}from"./form-row.78983423.js";import{P as E}from"./page.0fb98747.js";import{R,C as A}from"./row.1d0d4b93.js";import{S as u}from"./select.0c940187.js";import{S as s}from"./spacer.17f9f9e6.js";import{T as B}from"./tabs.408b21fe.js";import{I as k}from"./input-group.655922b4.js";import{I as L}from"./input-group-addon.d746d2dd.js";import{I as U}from"./common-enum.04de2059.js";import"./index.55214191.js";import"./actions.310c4239.js";import"./lodash.96de7017.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./types.f0417c6d.js";import"./index.eeb00e59.js";import"./help-icon.8deae1d5.js";import"./spinner.f0fdc45e.js";import"./index.es.5a055fee.js";import"./extends.946277fc.js";import"./redux.afc48bf2.js";import"./objectSpread2.62d3bde3.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./memoize-one.esm.7a54f149.js";import"./card.edc0d859.js";import"./list-heading.647cd461.js";import"./loader.c35b8c59.js";import"./label.71b4dc9a.js";import"./styled-components.browser.esm.611ca86c.js";import"./assertThisInitialized.962dde02.js";import"./text.3e08313f.js";import"./select.input.395daa83.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],ke={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[i,g]=l.exports.useState(!0),[f,j]=l.exports.useState(c[0]);return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(F,{}),e.exports.jsx(w,{options:{title:"",sections:[]}}),e.exports.jsx(E,{padding:!1,scroll:!1,children:e.exports.jsxs(R,{spacing:0,height:"100%",children:[e.exports.jsx(C,{button:e.exports.jsx(p,{onClick:()=>g(!i),round:!0,icon:U.CHEVRON_LEFT}),open:i,width:300,closedWidth:50,children:e.exports.jsx(I,{drawer:!0,narrow:!i,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.exports.jsxs(A,{scroll:!0,padding:!0,borderLeft:!0,children:[e.exports.jsx(n,{top:!0,children:"Simulation name here"}),e.exports.jsx(B,{options:c,value:f,onChange:r=>{const{value:S,label:v}=r.target;j({value:S,label:v})}}),e.exports.jsxs(m,{children:[e.exports.jsx(t,{label:"Name",children:e.exports.jsx(d,{value:"Simulation name here",width:"200px"})}),e.exports.jsx(t,{label:"Initial condition",children:e.exports.jsx(u,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),e.exports.jsx(s,{}),H.map(r=>e.exports.jsxs("div",{children:[e.exports.jsx(T,{heading:e.exports.jsx(n,{children:r}),managed:!0,bordered:!0,children:e.exports.jsxs(m,{children:[e.exports.jsx(t,{label:"Leak off @TVD 425",children:e.exports.jsx(a,{label:"Use formation data",checked:!0})}),e.exports.jsx(t,{children:e.exports.jsxs(k,{children:[e.exports.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.exports.jsx(L,{children:"m"})]})}),e.exports.jsx(t,{children:e.exports.jsx(a,{label:"Gas cap"})}),e.exports.jsx(t,{children:e.exports.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.exports.jsx(s,{height:5})]},r)),e.exports.jsx(s,{}),e.exports.jsx(t,{label:"Final condition",children:e.exports.jsx(u,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.exports.jsx(p,{label:"Simulate",colored:!0})]})]})})]})};var x,h,b;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`() => {
|
|
2
|
+
const [open, setOpen] = useState(true);
|
|
3
|
+
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
4
|
+
return <>
|
|
5
|
+
<TopBar />
|
|
6
|
+
<SideBar options={{
|
|
7
|
+
title: '',
|
|
8
|
+
sections: []
|
|
9
|
+
}} />
|
|
10
|
+
<Page padding={false} scroll={false}>
|
|
11
|
+
<Row spacing={0} height="100%">
|
|
12
|
+
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth={50}>
|
|
13
|
+
<List drawer narrow={!open} list={{
|
|
14
|
+
name: 'AFE Simulation',
|
|
15
|
+
items: [{
|
|
16
|
+
id: 1,
|
|
17
|
+
name: 'Simulation name here',
|
|
18
|
+
active: true
|
|
19
|
+
}, {
|
|
20
|
+
id: 2,
|
|
21
|
+
name: 'Ipsum'
|
|
22
|
+
}]
|
|
23
|
+
}} />
|
|
24
|
+
</Drawer>
|
|
25
|
+
<Column scroll padding borderLeft>
|
|
26
|
+
<Heading top>Simulation name here</Heading>
|
|
27
|
+
<Tabs options={options} value={selectedTab} onChange={evt => {
|
|
28
|
+
const {
|
|
29
|
+
value,
|
|
30
|
+
label
|
|
31
|
+
} = evt.target;
|
|
32
|
+
setSelectedTab({
|
|
33
|
+
value,
|
|
34
|
+
label
|
|
35
|
+
});
|
|
36
|
+
}} />
|
|
37
|
+
<FormRow>
|
|
38
|
+
<Field label="Name">
|
|
39
|
+
<Input value="Simulation name here" width="200px" />
|
|
40
|
+
</Field>
|
|
41
|
+
<Field label="Initial condition">
|
|
42
|
+
<Select options={[{
|
|
43
|
+
label: 'E3 - Circulation through drillpipe',
|
|
44
|
+
value: 'e3'
|
|
45
|
+
}]} value={{
|
|
46
|
+
label: 'E3 - Circulation through drillpipe',
|
|
47
|
+
value: 'e3'
|
|
48
|
+
}} native />
|
|
49
|
+
</Field>
|
|
50
|
+
</FormRow>
|
|
51
|
+
<Spacer />
|
|
52
|
+
{casingOptions.map(option => <div key={option}>
|
|
53
|
+
<Accordion heading={<Heading>{option}</Heading>} managed bordered>
|
|
54
|
+
<FormRow>
|
|
55
|
+
<Field label="Leak off @TVD 425">
|
|
56
|
+
<CheckBox label="Use formation data" checked />
|
|
57
|
+
</Field>
|
|
58
|
+
<Field>
|
|
59
|
+
<InputGroup>
|
|
60
|
+
<Input width="200px" disabled value="1.532142857142857" />
|
|
61
|
+
<InputGroupAddon>m</InputGroupAddon>
|
|
62
|
+
</InputGroup>
|
|
63
|
+
</Field>
|
|
64
|
+
<Field>
|
|
65
|
+
<CheckBox label="Gas cap" />
|
|
66
|
+
</Field>
|
|
67
|
+
<Field>
|
|
68
|
+
<CheckBox label="Max allowable pressure buildup" />
|
|
69
|
+
</Field>
|
|
70
|
+
</FormRow>
|
|
71
|
+
</Accordion>
|
|
72
|
+
<Spacer height={5} />
|
|
73
|
+
</div>)}
|
|
74
|
+
<Spacer />
|
|
75
|
+
<Field label="Final condition">
|
|
76
|
+
<Select options={[{
|
|
77
|
+
label: 'Undisturbed',
|
|
78
|
+
value: 'Undisturbed'
|
|
79
|
+
}]} value={{
|
|
80
|
+
label: 'Undisturbed',
|
|
81
|
+
value: 'Undisturbed'
|
|
82
|
+
}} native width="auto" />
|
|
83
|
+
</Field>
|
|
84
|
+
<Button label="Simulate" colored />
|
|
85
|
+
</Column>
|
|
86
|
+
</Row>
|
|
87
|
+
</Page>
|
|
88
|
+
</>;
|
|
89
|
+
}`,...(b=(h=o.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};o.__docgenInfo={description:"",methods:[],displayName:"AFESimulation"};const Le=["AFESimulation"];export{o as AFESimulation,Le as __namedExportsOrder,ke as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function i(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}export{i as _};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
: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)}._wrapper_ay3h4_341{display:inline-flex;position:relative}._badge_ay3h4_345{background:var(--color-background-primary);display:inline-block;position:static}._badge_ay3h4_345._label_ay3h4_350{line-height:22px;min-width:22px;padding:0 5px;font-size:12px;font-weight:400;text-align:center;white-space:nowrap;border-radius:11px;font-weight:700;letter-spacing:normal}._badge_ay3h4_345._label_ay3h4_350._dark_ay3h4_362{color:#fff}._badge_ay3h4_345._label_ay3h4_350._light_ay3h4_365{color:#0009}._badge_ay3h4_345._small_ay3h4_368{line-height:13px;min-width:13px;font-size:9px;border-radius:6.5px}._badge_ay3h4_345._dot_ay3h4_374{width:6px;height:6px;border-radius:100%}._badge_ay3h4_345._hasChildren_ay3h4_379{position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100% 0%;z-index:3}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as d}from"./jsx-runtime.bc0b5389.js";import{c as u}from"./index.55214191.js";const c="_wrapper_ay3h4_341",m="_badge_ay3h4_345",p="_label_ay3h4_350",_="_dark_ay3h4_362",g="_light_ay3h4_365",h="_small_ay3h4_368",y="_dot_ay3h4_374",b="_hasChildren_ay3h4_379",e={wrapper:c,badge:m,label:p,dark:_,light:g,small:h,dot:y,hasChildren:b},f=l=>{const s=l.substring(1),a=parseInt(s,16),n=a>>16&255,r=a>>8&255,t=a>>0&255;return .2126*n+.7152*r+.0722*t<128},i=({children:l,color:s="",title:a=null,dot:n,margin:r=null,small:t=!1})=>{const o=!(a===null&&n===null);return d.exports.jsxs("div",{className:e.wrapper,children:[o&&d.exports.jsx("sup",{className:u(e.badge,f(s)?e.dark:e.light,a!==null?e.label:e.dot,t?e.small:"",l?e.hasChildren:""),style:{background:s||void 0,margin:r||void 0},children:a}),l]})};try{i.displayName="Badge",i.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:""},description:"",name:"color",required:!1,type:{name:"string"}},title:{defaultValue:{value:"null"},description:"",name:"title",required:!1,type:{name:"string | number | null"}},dot:{defaultValue:null,description:"",name:"dot",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"null"},description:"",name:"margin",required:!1,type:{name:"string | number | null"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}export{i as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as S}from"./jsx-runtime.bc0b5389.js";import{B as f}from"./badge.c60b26e4.js";import{B as j}from"./button.4d73be0d.js";import"./index.8c7046c4.js";import"./index.55214191.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./common-enum.04de2059.js";const z={title:"Basic/Badge",component:f,args:{title:"3",color:"",small:!1,children:S.exports.jsx(j,{name:"example",label:"Button",onClick:()=>{}})}},o=b=>S.exports.jsx(f,{...b}),s=o.bind({}),r=o.bind({});r.args={small:!0};const e=o.bind({});e.args={dot:!0,title:void 0};const a=o.bind({});a.args={children:void 0};var t,m,c;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:"args => <Badge {...args} />",...(c=(m=s.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var i,p,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Badge {...args} />",...(d=(p=r.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var l,n,g;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Badge {...args} />",...(g=(n=e.parameters)==null?void 0:n.docs)==null?void 0:g.source}}};var u,B,x;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Badge {...args} />",...(x=(B=a.parameters)==null?void 0:B.docs)==null?void 0:x.source}}};const A=["Default","Small","Dot","Standalone"];export{s as Default,e as Dot,r as Small,a as Standalone,A as __namedExportsOrder,z as default};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime.bc0b5389.js";import"./index.8c7046c4.js";import{T as c}from"./top-bar.d067e7e6.js";import{S as u}from"./side-bar.38b8fdc1.js";import{H as o}from"./heading.d8accca2.js";import{B as n}from"./button.4d73be0d.js";import{C as r}from"./card.edc0d859.js";import{P as h}from"./page.0fb98747.js";import{R as a,C as t}from"./row.1d0d4b93.js";import{S as i}from"./spacer.17f9f9e6.js";import{I as g}from"./common-enum.04de2059.js";import"./index.55214191.js";import"./actions.310c4239.js";import"./lodash.96de7017.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./types.f0417c6d.js";import"./index.eeb00e59.js";import"./drawer.cd7dde21.js";import"./help-icon.8deae1d5.js";import"./spinner.f0fdc45e.js";import"./styled-components.browser.esm.611ca86c.js";import"./hoist-non-react-statics.cjs.10bac274.js";const C=({width:x,height:m})=>e.exports.jsx("div",{style:{background:"#ddd",width:x,height:m}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(c,{}),e.exports.jsx(u,{options:{title:"",sections:[]}}),e.exports.jsxs(h,{padding:"16px 20px",children:[e.exports.jsxs(a,{children:[e.exports.jsx(t,{width:"80px",children:e.exports.jsx(C,{width:60,height:80})}),e.exports.jsxs(t,{children:[e.exports.jsx(o,{top:!0,children:"Blowout Simulation"}),e.exports.jsx(n,{colored:!0,label:"Save & run simulation"})]}),e.exports.jsx(t,{flex:!1,children:e.exports.jsx(n,{onClick:()=>{},round:!0,icon:g.HELP})})]}),e.exports.jsx(i,{}),e.exports.jsxs(a,{children:[e.exports.jsxs(t,{children:[e.exports.jsx(r,{heading:e.exports.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.exports.jsx(i,{}),e.exports.jsx(r,{heading:e.exports.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.exports.jsx(i,{}),e.exports.jsx(r,{heading:e.exports.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.exports.jsxs(t,{children:[e.exports.jsx(r,{heading:e.exports.jsx(o,{children:"Drill String"}),children:"Content"}),e.exports.jsx(i,{}),e.exports.jsx(r,{heading:e.exports.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.exports.jsx(i,{}),e.exports.jsx(r,{heading:e.exports.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,p,l;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
|
|
2
|
+
return <>
|
|
3
|
+
<TopBar />
|
|
4
|
+
<SideBar options={{
|
|
5
|
+
title: '',
|
|
6
|
+
sections: []
|
|
7
|
+
}} />
|
|
8
|
+
<Page padding="16px 20px">
|
|
9
|
+
<Row>
|
|
10
|
+
<Column width="80px">
|
|
11
|
+
<ImagePlaceholder width={60} height={80} />
|
|
12
|
+
</Column>
|
|
13
|
+
<Column>
|
|
14
|
+
<Heading top>Blowout Simulation</Heading>
|
|
15
|
+
<Button colored label="Save & run simulation" />
|
|
16
|
+
</Column>
|
|
17
|
+
<Column flex={false}>
|
|
18
|
+
<Button onClick={() => {}} round icon={IconType.HELP} />
|
|
19
|
+
</Column>
|
|
20
|
+
</Row>
|
|
21
|
+
<Spacer />
|
|
22
|
+
<Row>
|
|
23
|
+
<Column>
|
|
24
|
+
<Card heading={<Heading>Reservoir Zones</Heading>}>Content</Card>
|
|
25
|
+
<Spacer />
|
|
26
|
+
<Card heading={<Heading>Simulation Models</Heading>}>Content</Card>
|
|
27
|
+
<Spacer />
|
|
28
|
+
<Card heading={<Heading>Simulation Options</Heading>}>Content</Card>
|
|
29
|
+
</Column>
|
|
30
|
+
<Column>
|
|
31
|
+
<Card heading={<Heading>Drill String</Heading>}>Content</Card>
|
|
32
|
+
<Spacer />
|
|
33
|
+
<Card heading={<Heading>Surface Roughness</Heading>}>Content</Card>
|
|
34
|
+
<Spacer />
|
|
35
|
+
<Card heading={<Heading>Weighted Rates</Heading>}>Content</Card>
|
|
36
|
+
</Column>
|
|
37
|
+
</Row>
|
|
38
|
+
</Page>
|
|
39
|
+
</>;
|
|
40
|
+
}`,...(l=(p=s.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};s.__docgenInfo={description:"",methods:[],displayName:"Blowout"};const Q=["Blowout"];export{s as Blowout,Q as __namedExportsOrder,K as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime.bc0b5389.js";import{c as N}from"./index.55214191.js";import{r as x}from"./index.8c7046c4.js";import{D as q}from"./disabled-context.47d44ea4.js";const B="_breadcrumb_lnk1i_341",S="_small_lnk1i_344",E="_labelContainer_lnk1i_347",I="_active_lnk1i_357",A="_disabled_lnk1i_362",D="_separator_lnk1i_367",l={breadcrumb:B,small:S,labelContainer:E,active:I,disabled:A,separator:D};var c=(e=>(e.LABEL="label",e.LINK="link",e.CUSTOM="custom",e))(c||{});const f=({type:e=c.LABEL,label:s,url:t,onClick:n,active:m,disabled:u,element:i})=>{const p=x.exports.useContext(q),b=e===c.LINK&&t!==void 0,_=e===c.CUSTOM&&x.exports.isValidElement(i);return a.exports.jsx("span",{onClick:n,className:N(l.labelContainer,m&&l.active,(u||p)&&l.disabled),children:b?a.exports.jsx("a",{href:t,children:s}):_?i:s})};try{f.displayName="Link",f.__docgenInfo={description:"",displayName:"Link",props:{type:{defaultValue:{value:"BreadcrumbLinkType.LABEL"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"link"'},{value:'"custom"'}]}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}}}}}catch{}const d=({links:e,small:s=!1})=>a.exports.jsx("div",{className:N(l.breadcrumb,s&&l.small),children:e.map((t,n)=>{const m=e.length===n+1,{type:u,label:i,url:p,onClick:b,active:_,disabled:j,element:V}=t;return a.exports.jsxs("span",{children:[a.exports.jsx(f,{type:u,label:i,url:p,onClick:b,active:_,disabled:j,element:V}),!m&&a.exports.jsx("span",{className:l.separator,children:"/"})]},n)})});try{d.displayName="Breadcrumb",d.__docgenInfo={description:"",displayName:"Breadcrumb",props:{links:{defaultValue:null,description:"",name:"links",required:!0,type:{name:"ILinkProps[]"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const R={title:"Navigation/Breadcrumb",component:d,args:{links:[{label:"Animals",onClick:()=>console.log("label clicked")},{label:"Mammals",url:"animals/mammals",disabled:!0},{label:"Cats",url:"animals/mammals/cats"},{type:"custom",element:a.exports.jsx("span",{children:"Large"})},{label:"Tiger",url:"animals/mammals/cats/tiger",active:!0}]}},h=e=>a.exports.jsx(d,{...e}),o=h.bind({}),r=h.bind({});r.args={small:!0};var g,y,k;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Breadcrumb {...args} />",...(k=(y=o.parameters)==null?void 0:y.docs)==null?void 0:k.source}}};var v,C,L;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Breadcrumb {...args} />",...(L=(C=r.parameters)==null?void 0:C.docs)==null?void 0:L.source}}};const U=["Default","Small"];export{o as Default,r as Small,U as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
: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)}._breadcrumb_lnk1i_341{font-size:1.5rem}._breadcrumb_lnk1i_341._small_lnk1i_344{font-size:inherit}._breadcrumb_lnk1i_341 ._labelContainer_lnk1i_347{color:var(--color-text-primary);cursor:pointer}._breadcrumb_lnk1i_341 ._labelContainer_lnk1i_347:hover{color:var(--color-text-primary-hover)}._breadcrumb_lnk1i_341 ._labelContainer_lnk1i_347:active{color:var(--color-text-primary-active)}._breadcrumb_lnk1i_341 ._labelContainer_lnk1i_347._active_lnk1i_357{color:inherit;cursor:default;pointer-events:none}._breadcrumb_lnk1i_341 ._labelContainer_lnk1i_347._disabled_lnk1i_362{color:var(--color-text-faint);cursor:default;pointer-events:none}._breadcrumb_lnk1i_341 ._separator_lnk1i_367{margin:0 10px;color:var(--color-border)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
: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)}._label_xh9cf_341{display:inline-block;width:auto;margin:0 .85714286em 0 0;vertical-align:baseline;font-size:.92857143em;font-weight:700;color:var(--color-text);text-transform:none}._buttonGroup_xh9cf_351{display:inline-flex;flex-direction:row;vertical-align:baseline;margin:0 .25em 0 0}._buttonGroup_xh9cf_351>*:not(:last-child){margin-right:-1px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime.bc0b5389.js";import{r as P}from"./index.8c7046c4.js";import{B as R}from"./button.4d73be0d.js";import{T as W}from"./tooltip.47b8435e.js";import{i as u,g as E}from"./types.f0417c6d.js";import{D as K}from"./disabled-context.47d44ea4.js";import{G as c}from"./common-enum.04de2059.js";const M="_label_xh9cf_341",z="_buttonGroup_xh9cf_351",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:v=()=>{},small:_=!1,value:g="",testId:B=void 0,disabled:b}=p,I=P.exports.useContext(K),T=(e,t,r,n,s)=>{e.preventDefault(),e.stopPropagation(),!(b||s||I)&&v(t,r,n)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>{var r,n;return t==="string"?e:t==="object"?(r=e.value)!=null?r:"":t==="array"&&(n=e[0])!=null?n:""},q=(e,t,r)=>t==="object"&&"key"in e?e.key:r,S=(e,t)=>t==="object"?e.hidden:!1,k=(e,t)=>t==="object"?e.icon:void 0,F=(e,t,r)=>e==="object"?String(t)===String(g):r===g,N=()=>{if(f)return a.exports.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=E(e),n=t===0?c.FIRST:t===m.length-1?c.LAST:c.MIDDLE,s=V(e,r),i=G(e,r),y=q(e,r,i),D=S(e,r),L=k(e,r),O=F(r,y,i),{error:o,maxTooltipWidth:w,testId:A,tooltip:d,warning:l}=e;return D?null:a.exports.jsx(W,{error:!!o,warning:!!l,text:d||o||l,maxWidth:w,display:"block",enabled:d&&u(d)||o&&u(o)||l&&u(l)||!1,placement:"bottom-center",children:a.exports.jsx(R,{active:O,basic:j,disabled:b||e.disabled,groupOrder:n,icon:L,label:s,onClick:H=>{T(H,y,i,typeof s=="string"?s:"",e.disabled||!1)},small:_,testId:A})},t)});return a.exports.jsx("div",{children:a.exports.jsxs("div",{children:[N(),a.exports.jsx("div",{className:x.buttonGroup,"data-testid":B,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"(string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"((key: string | number, value: string, label: string) => void)"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import{j as O}from"./jsx-runtime.bc0b5389.js";import{B as C}from"./button-group.db95fc8a.js";import"./index.8c7046c4.js";import"./button.4d73be0d.js";import"./index.55214191.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./common-enum.04de2059.js";import"./types.f0417c6d.js";import"./lodash.96de7017.js";const D=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],w=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],E=["One","Two","Three"],I=[["first_item","One"],["second_item","Two"],["third_item","Three"]],K=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:O.exports.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,$={title:"Forms/ButtonGroup",component:C,args:{disabled:!1,items:D,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},r=j=>{const[P,B]=M(),G=T=>{B({value:T})};return O.exports.jsx(C,{...j,onSelected:G})},o=r.bind({}),n=r.bind({});n.args={items:w};const a=r.bind({});a.args={items:K};const t=r.bind({});t.args={disabled:!0};const e=r.bind({});e.args={items:E};e.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=r.bind({});s.args={items:I};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var l,i,u;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
|
|
2
|
+
const [_, updateArgs] = useArgs();
|
|
3
|
+
const handleChange = (evt: string | number) => {
|
|
4
|
+
updateArgs({
|
|
5
|
+
value: evt
|
|
6
|
+
});
|
|
7
|
+
};
|
|
8
|
+
return <ButtonGroup
|
|
9
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
10
|
+
{...args} onSelected={handleChange} />;
|
|
11
|
+
}`,...(u=(i=o.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};var d,p,c;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
|
|
12
|
+
const [_, updateArgs] = useArgs();
|
|
13
|
+
const handleChange = (evt: string | number) => {
|
|
14
|
+
updateArgs({
|
|
15
|
+
value: evt
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
return <ButtonGroup
|
|
19
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
+
{...args} onSelected={handleChange} />;
|
|
21
|
+
}`,...(c=(p=n.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var g,m,b;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
|
|
22
|
+
const [_, updateArgs] = useArgs();
|
|
23
|
+
const handleChange = (evt: string | number) => {
|
|
24
|
+
updateArgs({
|
|
25
|
+
value: evt
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
return <ButtonGroup
|
|
29
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
30
|
+
{...args} onSelected={handleChange} />;
|
|
31
|
+
}`,...(b=(m=a.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};var h,v,A;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
32
|
+
const [_, updateArgs] = useArgs();
|
|
33
|
+
const handleChange = (evt: string | number) => {
|
|
34
|
+
updateArgs({
|
|
35
|
+
value: evt
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
return <ButtonGroup
|
|
39
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
+
{...args} onSelected={handleChange} />;
|
|
41
|
+
}`,...(A=(v=t.parameters)==null?void 0:v.docs)==null?void 0:A.source}}};var y,x,k;e.parameters={...e.parameters,docs:{...(y=e.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
|
|
42
|
+
const [_, updateArgs] = useArgs();
|
|
43
|
+
const handleChange = (evt: string | number) => {
|
|
44
|
+
updateArgs({
|
|
45
|
+
value: evt
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
return <ButtonGroup
|
|
49
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
50
|
+
{...args} onSelected={handleChange} />;
|
|
51
|
+
}`,...(k=(x=e.parameters)==null?void 0:x.docs)==null?void 0:k.source}}};var S,_,f;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
52
|
+
const [_, updateArgs] = useArgs();
|
|
53
|
+
const handleChange = (evt: string | number) => {
|
|
54
|
+
updateArgs({
|
|
55
|
+
value: evt
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
return <ButtonGroup
|
|
59
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
+
{...args} onSelected={handleChange} />;
|
|
61
|
+
}`,...(f=(_=s.parameters)==null?void 0:_.docs)==null?void 0:f.source}}};const ee=["Default","Icons","Tooltips","Disabled","ArrayOfStrings","ArrayOfArrays"];export{s as ArrayOfArrays,e as ArrayOfStrings,o as Default,t as Disabled,n as Icons,a as Tooltips,ee as __namedExportsOrder,$ as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime.bc0b5389.js";import{r as h}from"./index.8c7046c4.js";import{c as M}from"./index.55214191.js";import{S as j}from"./spinner.f0fdc45e.js";import{D as w}from"./disabled-context.47d44ea4.js";import{I as C}from"./icon.86155bc3.js";import{T as F}from"./tooltip.47b8435e.js";import{C as n,G as f}from"./common-enum.04de2059.js";const R="_inputInTable_1apdk_341",U="_inputHover_1apdk_350",D="_inputFocus_1apdk_355",L="_inputError_1apdk_362",G="_inputWarning_1apdk_363",H="_inputDisabled_1apdk_398",W="_hideScrollbars_1apdk_403",A="_button_1apdk_447",z="_active_1apdk_484",J="_green_1apdk_484",K="_red_1apdk_484",P="_orange_1apdk_484",Q="_icon_1apdk_496",X="_iconOnly_1apdk_503",Y="_basic_1apdk_513",Z="_muted_1apdk_519",$="_disabled_1apdk_532",ee="_small_1apdk_542",ae="_pill_1apdk_547",re="_round_1apdk_548",te="_error_1apdk_625",ne="_warning_1apdk_642",le="_inverted_1apdk_659",se="_groupOrderFirst_1apdk_693",ie="_groupOrderMiddle_1apdk_694",oe="_groupOrderLast_1apdk_695",e={inputInTable:R,inputHover:U,inputFocus:D,inputError:L,inputWarning:G,inputDisabled:H,hideScrollbars:W,button:A,active:z,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:ae,round:re,error:te,warning:ne,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(a=>(a.SUBMIT="submit",a.BUTTON="button",a.RESET="reset",a))(l||{});const de=({children:a,tooltip:t=null})=>t?r.exports.jsx(F,{text:t,display:"inline-flex",children:a}):r.exports.jsx(r.exports.Fragment,{children:a}),g=({active:a=!1,basic:t=!1,colored:s=!1,disabled:d=!1,groupOrder:u=null,icon:i=null,label:p="",loading:c=!1,name:b,pill:v=!1,round:y=!1,small:o=!1,styles:k="",width:x="",title:_="",type:q=l.BUTTON,onClick:O=()=>{},error:V,warning:T,testId:S,tooltip:E,inverted:N=!1})=>{const m=h.exports.useContext(w),B=(()=>{if(s)switch(s){case n.DANGER:case n.RED:return e.red;case n.SUCCESS:case n.GREEN:return e.green;case n.MUTED:return e.muted;default:return e.orange}return""})(),I=(()=>{if(u)switch(u){case f.FIRST:return e.groupOrderFirst;case f.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return r.exports.jsx(de,{tooltip:E,children:r.exports.jsxs("button",{type:q===l.SUBMIT?l.SUBMIT:l.BUTTON,className:M(e.button,a?e.active:"",t?e.basic:"",B,d||m?e.disabled:"",(i||c)&&!p?e.iconOnly:"",N?e.inverted:"",I,v?e.pill:"",y?e.round:"",o?e.small:"",V?e.error:T?e.warning:"",k),disabled:d||m,name:b,onClick:O,..._?{title:_}:{},style:{width:x},"data-testid":S,children:[i&&r.exports.jsx("span",{className:e.icon,children:r.exports.jsx(C,{icon:i})}),c&&r.exports.jsx("span",{className:e.icon,children:r.exports.jsx(j,{small:!o,tiny:o,dark:!s&&!t,colored:t})}),p]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"string | number"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"submit"'},{value:'"button"'},{value:'"reset"'}]}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
: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)}._inputInTable_1apdk_341{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1apdk_341:not(:hover){border-color:transparent}._inputHover_1apdk_350{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1apdk_355{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1apdk_362,._inputWarning_1apdk_363{position:relative}._inputError_1apdk_362{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_1apdk_362:hover{border-color:var(--color-border-error-hover)!important}._inputError_1apdk_362:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1apdk_363{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_1apdk_363:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1apdk_363:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1apdk_398{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted)}._hideScrollbars_1apdk_403{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1apdk_403::-webkit-scrollbar{display:none}:root{--color-background-button-default: var(--color-neutral-0);--color-background-button-default-hover: var(--color-neutral-50);--color-background-button-default-active: var(--color-neutral-100);--color-background-button-primary: var(--color-primary-500);--color-background-button-primary-hover: var(--color-primary-550);--color-background-button-primary-active: var(--color-primary-600);--color-background-button-success: var(--color-success-500);--color-background-button-success-hover: var(--color-success-550);--color-background-button-success-active: var(--color-success-600);--color-background-button-error: var(--color-error-500);--color-background-button-error-hover: var(--color-error-550);--color-background-button-error-active: var(--color-error-600);--color-border-button: rgba(0, 0, 0, .15);--color-border-button-hover: rgba(0, 0, 0, .2);--color-text-button-muted: rgba(0, 0, 0, .4)}html[data-theme=dark]{--color-background-button-default: var(--color-neutral-700);--color-background-button-default-hover: var(--color-neutral-650);--color-background-button-default-active: var(--color-neutral-600);--color-background-button-primary: var(--color-primary-muted-500);--color-background-button-primary-hover: var(--color-primary-muted-550);--color-background-button-primary-active: var(--color-primary-muted-600);--color-background-button-success: var(--color-success-muted-500);--color-background-button-success-hover: var(--color-success-muted-550);--color-background-button-success-active: var(--color-success-muted-600);--color-background-button-error: var(--color-error-muted-500);--color-background-button-error-hover: var(--color-error-muted-550);--color-background-button-error-active: var(--color-error-muted-600);--color-border-button: var(--color-border);--color-border-button-hover: var(--color-border);--color-text-button-muted: rgba(255, 255, 255, .4)}._button_1apdk_447{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:0;border:1px solid var(--color-border-button);vertical-align:baseline;background:var(--color-background-button-default);color:var(--color-text);font-family:Lato,sans-serif;padding:var(--padding-input);text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:4px;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;max-width:100%;min-height:var(--size);box-shadow:0 1px 2px #0000001a}._button_1apdk_447:hover{background:var(--color-background-button-default-hover);border-color:var(--color-border-button-hover)}._button_1apdk_447:focus{box-shadow:var(--shadow-focus)}._button_1apdk_447:active{background:var(--color-background-button-default-active);box-shadow:none}._button_1apdk_447._active_1apdk_484:not(._green_1apdk_484):not(._red_1apdk_484):not(._orange_1apdk_484){border-color:var(--color-background-button-primary);color:var(--color-text-primary);position:relative;z-index:2}._button_1apdk_447:hover,._button_1apdk_447:focus,._button_1apdk_447:active{position:relative;z-index:1}._button_1apdk_447 ._icon_1apdk_496{margin:0 8px 0 -4px}._button_1apdk_447 ._icon_1apdk_496 svg{height:14px;width:14px}._iconOnly_1apdk_503{width:var(--size);display:inline-flex;align-items:center;justify-content:center}._iconOnly_1apdk_503 ._icon_1apdk_496{margin:0;line-height:0}._basic_1apdk_513{color:var(--color-text-primary);background:transparent;box-shadow:none!important;border:none!important}._basic_1apdk_513._muted_1apdk_519{color:var(--color-text-button-muted)}._basic_1apdk_513:hover,._basic_1apdk_513:focus{color:var(--color-text-primary-hover);background:rgba(0,0,0,.05)}._basic_1apdk_513:active,._basic_1apdk_513._active_1apdk_484{color:var(--color-text-primary-active);background:rgba(0,0,0,.1)}._disabled_1apdk_532{cursor:default;pointer-events:none!important;color:var(--color-text-faint)!important;box-shadow:none!important}._disabled_1apdk_532:not(._active_1apdk_484):not(._basic_1apdk_513){background:var(--color-background-disabled)!important;border:1px solid var(--color-border)!important}._small_1apdk_542{font-size:12px;min-height:var(--size-sm);padding:0 .75rem}._pill_1apdk_547,._round_1apdk_548{text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700;border-radius:19px;display:inline-flex;align-items:center}._round_1apdk_548{padding:0;width:var(--size);line-height:1}._round_1apdk_548._small_1apdk_542{width:var(--size-sm)}._orange_1apdk_484:not(._basic_1apdk_513){background-color:var(--color-background-button-primary)}._orange_1apdk_484:not(._basic_1apdk_513):hover,._orange_1apdk_484:not(._basic_1apdk_513):focus{background-color:var(--color-background-button-primary-hover)}._orange_1apdk_484:not(._basic_1apdk_513):active,._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484{background-color:var(--color-background-button-primary-active)}._red_1apdk_484:not(._basic_1apdk_513){background-color:var(--color-background-button-error)}._red_1apdk_484:not(._basic_1apdk_513):hover,._red_1apdk_484:not(._basic_1apdk_513):focus{background-color:var(--color-background-button-error-hover)}._red_1apdk_484:not(._basic_1apdk_513):active,._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484{background-color:var(--color-background-button-error-active)}._red_1apdk_484._basic_1apdk_513{color:var(--color-text-error)}._green_1apdk_484:not(._basic_1apdk_513){background-color:var(--color-background-button-success)}._green_1apdk_484:not(._basic_1apdk_513):hover,._green_1apdk_484:not(._basic_1apdk_513):focus{background-color:var(--color-background-button-success-hover)}._green_1apdk_484:not(._basic_1apdk_513):active,._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484{background-color:var(--color-background-button-success-active)}._green_1apdk_484._basic_1apdk_513{color:var(--color-text-success)}._orange_1apdk_484:not(._basic_1apdk_513),._red_1apdk_484:not(._basic_1apdk_513),._green_1apdk_484:not(._basic_1apdk_513){color:#fff}._orange_1apdk_484:not(._basic_1apdk_513):hover,._red_1apdk_484:not(._basic_1apdk_513):hover,._green_1apdk_484:not(._basic_1apdk_513):hover,._orange_1apdk_484:not(._basic_1apdk_513):focus,._red_1apdk_484:not(._basic_1apdk_513):focus,._green_1apdk_484:not(._basic_1apdk_513):focus{color:#fff}._orange_1apdk_484:not(._basic_1apdk_513):active,._red_1apdk_484:not(._basic_1apdk_513):active,._green_1apdk_484:not(._basic_1apdk_513):active,._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484{color:#fff}._error_1apdk_625{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._error_1apdk_625:hover{border-color:var(--color-border-error-hover)!important}._error_1apdk_625:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._warning_1apdk_642{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._warning_1apdk_642:hover{border-color:var(--color-border-warning-hover)!important}._warning_1apdk_642:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inverted_1apdk_659{background-color:transparent;border-color:var(--color-text);box-shadow:none}._inverted_1apdk_659:hover,._inverted_1apdk_659:focus,._inverted_1apdk_659:active{box-shadow:none}._inverted_1apdk_659._orange_1apdk_484{color:var(--color-background-button-primary);border-color:var(--color-background-button-primary)}._inverted_1apdk_659._red_1apdk_484{color:var(--color-background-button-error);border-color:var(--color-background-button-error)}._inverted_1apdk_659._green_1apdk_484{color:var(--color-background-button-success);border-color:var(--color-background-button-success)}._inverted_1apdk_659._orange_1apdk_484:hover,._inverted_1apdk_659._red_1apdk_484:hover,._inverted_1apdk_659._green_1apdk_484:hover,._inverted_1apdk_659._orange_1apdk_484:focus,._inverted_1apdk_659._red_1apdk_484:focus,._inverted_1apdk_659._green_1apdk_484:focus,._inverted_1apdk_659._orange_1apdk_484:active,._inverted_1apdk_659._red_1apdk_484:active,._inverted_1apdk_659._green_1apdk_484:active{color:#fff;box-shadow:none}._groupOrderFirst_1apdk_693,._groupOrderMiddle_1apdk_694,._groupOrderLast_1apdk_695{margin-right:0}._groupOrderFirst_1apdk_693,._groupOrderMiddle_1apdk_694{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1apdk_695,._groupOrderMiddle_1apdk_694{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime.bc0b5389.js";import{F as J}from"./flex.f0bedd04.js";import{B as e,a as K}from"./button.4d73be0d.js";import"./index.8c7046c4.js";import"./index.55214191.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./common-enum.04de2059.js";const tr={title:"Forms/Button",component:e,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=p=>o.exports.jsxs(J,{gap:"var(--spacing)",children:[o.exports.jsx(e,{...p}),o.exports.jsx(e,{colored:!0,...p}),o.exports.jsx(e,{colored:"success",...p}),o.exports.jsx(e,{colored:"danger",...p})]}),i=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={icon:"delete"};const c=r.bind({});c.args={round:!0,icon:"delete",label:void 0};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:K.SUBMIT};const l=r.bind({});l.args={tooltip:"Tooltip goes here"};var m,B,x;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
2
|
+
<Button {...args} />
|
|
3
|
+
<Button colored {...args} />
|
|
4
|
+
<Button colored="success" {...args} />
|
|
5
|
+
<Button colored="danger" {...args} />
|
|
6
|
+
</Flex>`,...(x=(B=i.parameters)==null?void 0:B.docs)==null?void 0:x.source}}};var F,b,v;s.parameters={...s.parameters,docs:{...(F=s.parameters)==null?void 0:F.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
7
|
+
<Button {...args} />
|
|
8
|
+
<Button colored {...args} />
|
|
9
|
+
<Button colored="success" {...args} />
|
|
10
|
+
<Button colored="danger" {...args} />
|
|
11
|
+
</Flex>`,...(v=(b=s.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var S,f,h;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
12
|
+
<Button {...args} />
|
|
13
|
+
<Button colored {...args} />
|
|
14
|
+
<Button colored="success" {...args} />
|
|
15
|
+
<Button colored="danger" {...args} />
|
|
16
|
+
</Flex>`,...(h=(f=a.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var j,y,T;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
17
|
+
<Button {...args} />
|
|
18
|
+
<Button colored {...args} />
|
|
19
|
+
<Button colored="success" {...args} />
|
|
20
|
+
<Button colored="danger" {...args} />
|
|
21
|
+
</Flex>`,...(T=(y=t.parameters)==null?void 0:y.docs)==null?void 0:T.source}}};var R,W,I;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
22
|
+
<Button {...args} />
|
|
23
|
+
<Button colored {...args} />
|
|
24
|
+
<Button colored="success" {...args} />
|
|
25
|
+
<Button colored="danger" {...args} />
|
|
26
|
+
</Flex>`,...(I=(W=n.parameters)==null?void 0:W.docs)==null?void 0:I.source}}};var M,_,A;c.parameters={...c.parameters,docs:{...(M=c.parameters)==null?void 0:M.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
27
|
+
<Button {...args} />
|
|
28
|
+
<Button colored {...args} />
|
|
29
|
+
<Button colored="success" {...args} />
|
|
30
|
+
<Button colored="danger" {...args} />
|
|
31
|
+
</Flex>`,...(A=(_=c.parameters)==null?void 0:_.docs)==null?void 0:A.source}}};var D,w,E;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
32
|
+
<Button {...args} />
|
|
33
|
+
<Button colored {...args} />
|
|
34
|
+
<Button colored="success" {...args} />
|
|
35
|
+
<Button colored="danger" {...args} />
|
|
36
|
+
</Flex>`,...(E=(w=d.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var L,O,U;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
37
|
+
<Button {...args} />
|
|
38
|
+
<Button colored {...args} />
|
|
39
|
+
<Button colored="success" {...args} />
|
|
40
|
+
<Button colored="danger" {...args} />
|
|
41
|
+
</Flex>`,...(U=(O=u.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};var k,q,z;g.parameters={...g.parameters,docs:{...(k=g.parameters)==null?void 0:k.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
42
|
+
<Button {...args} />
|
|
43
|
+
<Button colored {...args} />
|
|
44
|
+
<Button colored="success" {...args} />
|
|
45
|
+
<Button colored="danger" {...args} />
|
|
46
|
+
</Flex>`,...(z=(q=g.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var C,G,H;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`args => <Flex gap="var(--spacing)">
|
|
47
|
+
<Button {...args} />
|
|
48
|
+
<Button colored {...args} />
|
|
49
|
+
<Button colored="success" {...args} />
|
|
50
|
+
<Button colored="danger" {...args} />
|
|
51
|
+
</Flex>`,...(H=(G=l.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};const nr=["Default","Small","Basic","Active","WithIcon","Round","RoundMuted","FullWidth","Submit","Tooltip"];export{t as Active,a as Basic,i as Default,u as FullWidth,c as Round,d as RoundMuted,s as Small,g as Submit,l as Tooltip,n as WithIcon,nr as __namedExportsOrder,tr as default};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime.bc0b5389.js";import{M as i,b as r}from"./index.366d4da9.js";import{Default as p,Basic as a}from"./button.stories.6e26de2a.js";import{Default as c}from"./text-link.stories.9180c74e.js";import{u as n}from"./index.24227caa.js";import"./index.8c7046c4.js";import"./iframe.3e65cb98.js";import"../sb-preview/runtime.js";import"./index.cb615f32.js";import"./extends.946277fc.js";import"./assertThisInitialized.962dde02.js";import"./inheritsLoose.5387fada.js";import"./index.b8646d95.js";import"./flex.f0bedd04.js";import"./button.4d73be0d.js";import"./index.55214191.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./common-enum.04de2059.js";import"./text.3e08313f.js";function s(o){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),o.components);return t.exports.jsxs(t.exports.Fragment,{children:[t.exports.jsx(i,{title:"Buttons & Links"}),`
|
|
2
|
+
`,t.exports.jsx(e.h1,{id:"buttons--links",children:"Buttons & Links"}),`
|
|
3
|
+
`,t.exports.jsx(r,{of:p}),`
|
|
4
|
+
`,t.exports.jsx(e.h2,{id:"a-single-primary-button",children:"A single primary button"}),`
|
|
5
|
+
`,t.exports.jsxs(e.p,{children:["Primary (",t.exports.jsx(e.code,{children:"colored"}),") buttons help highlight the most important action, but not if there are too many of them. Try not to use more than one per view or section."]}),`
|
|
6
|
+
`,t.exports.jsx(e.h2,{id:"error--success-buttons",children:"Error & success buttons"}),`
|
|
7
|
+
`,t.exports.jsxs(e.p,{children:["Like primary buttons, these should be used sparingly for particularly risky actions (",t.exports.jsx(e.code,{children:'colored="red"'}),") or particularly rewarding ones (",t.exports.jsx(e.code,{children:'colored="green"'}),")."]}),`
|
|
8
|
+
`,t.exports.jsx(e.h2,{id:"basic-buttons",children:"Basic buttons"}),`
|
|
9
|
+
`,t.exports.jsx(r,{of:a}),`
|
|
10
|
+
`,t.exports.jsx(e.p,{children:"Same height as other buttons, but without a background. Use when a default button is too heavy, but you want to line up with other buttons or form elements."}),`
|
|
11
|
+
`,t.exports.jsxs(e.p,{children:["If you need a very unobtrusive button, combine ",t.exports.jsx(e.code,{children:"basic"})," with ",t.exports.jsx(e.code,{children:'colored="muted"'}),"."]}),`
|
|
12
|
+
`,t.exports.jsxs(e.h2,{id:"links-textlink",children:["Links (",t.exports.jsx(e.code,{children:"TextLink"}),")"]}),`
|
|
13
|
+
`,t.exports.jsxs(e.p,{children:["Inline links without extra padding. Use when space is limited and/or extra padding would cause problems (e.g. for a link in a ",t.exports.jsx(e.code,{children:"Table"})," or an inline link)."]}),`
|
|
14
|
+
`,t.exports.jsx(r,{of:c})]})}function U(o={}){const{wrapper:e}=Object.assign({},n(),o.components);return e?t.exports.jsx(e,Object.assign({},o,{children:t.exports.jsx(s,o)})):s(o)}export{U as default};
|