From f05c7ab4ec96e61a8a3fb865b9d7ef6c0156cb3e Mon Sep 17 00:00:00 2001 From: talkor Date: Thu, 4 Jul 2024 13:47:16 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20mondayco?= =?UTF-8?q?m/vibe@9dc60117c3fcafd087a816ae33d3dc5e145bcc33=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...nner-__stories__-AlertBanner-mdx.694f01fa.iframe.bundle.js | 2 +- ...heckbox-__stories__-Checkbox-mdx.511f4c57.iframe.bundle.js | 1 - ...heckbox-__stories__-Checkbox-mdx.5586d75e.iframe.bundle.js | 1 + iframe.html | 4 ++-- ...ac137e6.iframe.bundle.js => main.7360cd08.iframe.bundle.js | 4 ++-- ....LICENSE.txt => main.7360cd08.iframe.bundle.js.LICENSE.txt | 0 project.json | 2 +- ...iframe.bundle.js => runtime~main.d84b86fd.iframe.bundle.js | 2 +- ...-accessibility-accessibility-mdx.e03c15cd.iframe.bundle.js | 2 +- ...mentaion-changelog-changelog-mdx.6ff8fed4.iframe.bundle.js | 1 + ...mentaion-changelog-changelog-mdx.8613a80b.iframe.bundle.js | 1 - 11 files changed, 10 insertions(+), 10 deletions(-) rename components-AlertBanner-__stories__-AlertBanner-mdx.0b2fff80.iframe.bundle.js => components-AlertBanner-__stories__-AlertBanner-mdx.694f01fa.iframe.bundle.js (86%) delete mode 100644 components-Checkbox-__stories__-Checkbox-mdx.511f4c57.iframe.bundle.js create mode 100644 components-Checkbox-__stories__-Checkbox-mdx.5586d75e.iframe.bundle.js rename main.aac137e6.iframe.bundle.js => main.7360cd08.iframe.bundle.js (83%) rename main.aac137e6.iframe.bundle.js.LICENSE.txt => main.7360cd08.iframe.bundle.js.LICENSE.txt (100%) rename runtime~main.91ef5722.iframe.bundle.js => runtime~main.d84b86fd.iframe.bundle.js (98%) rename storybook-stand-alone-documentaion-accessibility-accessibility-mdx.fcd4f290.iframe.bundle.js => storybook-stand-alone-documentaion-accessibility-accessibility-mdx.e03c15cd.iframe.bundle.js (55%) create mode 100644 storybook-stand-alone-documentaion-changelog-changelog-mdx.6ff8fed4.iframe.bundle.js delete mode 100644 storybook-stand-alone-documentaion-changelog-changelog-mdx.8613a80b.iframe.bundle.js diff --git a/components-AlertBanner-__stories__-AlertBanner-mdx.0b2fff80.iframe.bundle.js b/components-AlertBanner-__stories__-AlertBanner-mdx.694f01fa.iframe.bundle.js similarity index 86% rename from components-AlertBanner-__stories__-AlertBanner-mdx.0b2fff80.iframe.bundle.js rename to components-AlertBanner-__stories__-AlertBanner-mdx.694f01fa.iframe.bundle.js index 42aa3a8ed5..2991c1d904 100644 --- a/components-AlertBanner-__stories__-AlertBanner-mdx.0b2fff80.iframe.bundle.js +++ b/components-AlertBanner-__stories__-AlertBanner-mdx.694f01fa.iframe.bundle.js @@ -1 +1 @@ -"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[401,867],{"../../node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./src/components/AlertBanner/__stories__/AlertBanner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlertBannerAsAnAnnouncement:()=>AlertBannerAsAnAnnouncement,AlertBannerAsAnOpportunityToUpgrade:()=>AlertBannerAsAnOpportunityToUpgrade,AlertBannerWithButton:()=>AlertBannerWithButton,AlertBannerWithLink:()=>AlertBannerWithLink,OverflowText:()=>OverflowText,Overview:()=>Overview,Types:()=>Types,__namedExportsOrder:()=>__namedExportsOrder,default:()=>AlertBanner_stories_AlertBanner_stories});__webpack_require__("../../node_modules/react/index.js");var AlertBanner=__webpack_require__("./src/components/AlertBanner/AlertBanner.tsx"),AlertBannerText=__webpack_require__("./src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"),AlertBannerLink=__webpack_require__("./src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"),AlertBannerButton=__webpack_require__("./src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"),createStoryMetaSettingsDecorator=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),AlertBanner_stories=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/AlertBanner/__stories__/AlertBanner.stories.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(AlertBanner_stories.A,options);AlertBanner_stories.A&&AlertBanner_stories.A.locals&&AlertBanner_stories.A.locals;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
,\n name: "Types"\n}',...Types.parameters?.docs?.source}}},AlertBannerWithButton.parameters={...AlertBannerWithButton.parameters,docs:{...AlertBannerWithButton.parameters?.docs,source:{originalSource:'{\n render: () => \n \n Lorem Ipsum\n ,\n name: "Alert Banner with button"\n}',...AlertBannerWithButton.parameters?.docs?.source}}},AlertBannerWithLink.parameters={...AlertBannerWithLink.parameters,docs:{...AlertBannerWithLink.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Alert Banner with link"\n}',...AlertBannerWithLink.parameters?.docs?.source}}},AlertBannerAsAnAnnouncement.parameters={...AlertBannerAsAnAnnouncement.parameters,docs:{...AlertBannerAsAnAnnouncement.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Alert banner as an announcement"\n}',...AlertBannerAsAnAnnouncement.parameters?.docs?.source}}},AlertBannerAsAnOpportunityToUpgrade.parameters={...AlertBannerAsAnOpportunityToUpgrade.parameters,docs:{...AlertBannerAsAnOpportunityToUpgrade.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Alert banner as an opportunity to upgrade"\n}',...AlertBannerAsAnOpportunityToUpgrade.parameters?.docs?.source}}},OverflowText.parameters={...OverflowText.parameters,docs:{...OverflowText.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Overflow text"\n}',...OverflowText.parameters?.docs?.source}}};const __namedExportsOrder=["Overview","Types","AlertBannerWithButton","AlertBannerWithLink","AlertBannerAsAnAnnouncement","AlertBannerAsAnOpportunityToUpgrade","OverflowText"]},"./src/components/AlertBanner/__stories__/AlertBanner.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_stories_AlertBanner});__webpack_require__("../../node_modules/react/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),lib=__webpack_require__("../../node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs"),usage_guidelines=__webpack_require__("../storybook-blocks/dist/src/components/usage-guidelines/usage-guidelines.js"),component_rules=__webpack_require__("../storybook-blocks/dist/src/components/component-rules/component-rules.js"),AlertBanner=__webpack_require__("./src/components/AlertBanner/AlertBanner.tsx"),AlertBannerText=__webpack_require__("./src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"),AlertBannerLink=__webpack_require__("./src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"),AlertBannerButton=__webpack_require__("./src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"),component_description_map=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),tip=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),storybook_link=__webpack_require__("../storybook-blocks/dist/src/components/storybook-link/storybook-link.js"),TipWhenToUse=function TipWhenToUse(){return(0,jsx_runtime.jsxs)(tip.A,{title:"When to use?",children:["Alert banners should be reserved only for high-signal, system-level alert messages. For in-app notifications use a"," ",(0,jsx_runtime.jsx)(storybook_link.A,{page:"Feedback/Toast",size:storybook_link.A.sizes.SMALL,children:"Toast."})]})};TipWhenToUse.displayName="TipWhenToUse";var AlertBanner_stories=__webpack_require__("./src/components/AlertBanner/__stories__/AlertBanner.stories.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",ul:"ul",li:"li",a:"a",h2:"h2",p:"p",h3:"h3",div:"div"},(0,lib.RP)(),props.components),{PropsTable,StorybookLink,RelatedComponents}=_components;return PropsTable||_missingMdxReference("PropsTable",!0),RelatedComponents||_missingMdxReference("RelatedComponents",!0),StorybookLink||_missingMdxReference("StorybookLink",!0),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{of:AlertBanner_stories}),"\n",(0,jsx_runtime.jsx)(_components.h1,{id:"alert-banner",children:"Alert Banner"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#overview",children:"Overview"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#props",children:"Props"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#usage",children:"Usage"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#variants",children:"Variants"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#dos-and-donts",children:"Do’s and don’ts"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#use-cases-and-examples",children:"Use cases and examples"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#related-components",children:"Related components"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#feedback",children:"Feedback"})}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"overview",children:"Overview"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Alert banners show pressing and high-signal messages, such as system alerts. They are meant to be noticed and prompt users to take action."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.Overview}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(PropsTable,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,jsx_runtime.jsx)(usage_guidelines.A,{guidelines:["Alert banners should have call for action and an option to dismiss.","Don't include more than one call to action in an alert banner.","Place the banner on the top of the screen, and push all other content below it."]}),"\n",(0,jsx_runtime.jsx)(TipWhenToUse,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"variants",children:"Variants"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"types",children:"Types"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"There are five types of alert banners: primary, positive, negative, warning and inverted."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.Types}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-with-button",children:"Alert Banner with button"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerWithButton}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-with-link",children:"Alert Banner with link"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerWithLink}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"dos-and-donts",children:"Do’s and Don’ts"}),"\n",(0,jsx_runtime.jsx)(component_rules.A,{rules:[{positive:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"Join us at Elevate!"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"RSVP now",href:"https://monday.com"})]}),description:"Use banners for system messages, background processes, and general updates."},negative:{component:(0,jsx_runtime.jsx)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container",children:(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"We successfully archived 1 item"})}),description:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Don’t use banners for notifying a user of an action they have taken. Instead, provide visual feedback with a"," ",(0,jsx_runtime.jsx)(StorybookLink,{page:"Feedback/Toast",children:"Toast."})]})}},{positive:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container",backgroundColor:AlertBanner.A.backgroundColors.NEGATIVE,children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"No connection"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"Learn more",href:"https://monday.com"}),(0,jsx_runtime.jsx)(AlertBannerButton.A,{children:"Try again"})]}),description:"If two actions are needed, use two different call to acitons."},negative:{component:(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-alert-banner_column-wrapper",children:[(0,jsx_runtime.jsxs)(AlertBanner.A,{backgroundColor:AlertBanner.A.backgroundColors.NEGATIVE,className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"No connection"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"Learn more",href:"https://monday.com"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"Try again",href:"https://monday.com"})]}),(0,jsx_runtime.jsxs)(AlertBanner.A,{backgroundColor:AlertBanner.A.backgroundColors.NEGATIVE,className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"No connection"}),(0,jsx_runtime.jsx)(AlertBannerButton.A,{children:"Learn more"}),(0,jsx_runtime.jsx)(AlertBannerButton.A,{children:"Try again"})]})]}),description:"Don't include more than one action in an alert banner with the same type."}},{positive:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{backgroundColor:AlertBanner.A.backgroundColors.DARK,className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"Join us at Elevate!"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"RSVP now",href:"https://monday.com"})]}),description:"Use only the 4 color types: primary, negative, positive, and inverted."},negative:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container monday-storybook-alert-banner_pink",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"Join us at Elevate!"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"RSVP now",href:"https://monday.com"})]}),description:"Don’t choose other colors for alert banners. Keep it consistent."}}]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"use-cases-and-examples",children:"Use cases and examples"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-as-an-announcement",children:"Alert banner as an announcement"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use when you’d like to notify about an event or cross-company announcment."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerAsAnAnnouncement}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-as-an-opportunity-to-upgrade",children:"Alert banner as an opportunity to upgrade"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use to show a trial user the number of remaining free days to use the platform."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerAsAnOpportunityToUpgrade}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"overflow-text",children:"Overflow text"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"In case that there’s not enough space for the conent, use an ellipses (...)."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.OverflowText}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"related-components",children:"Related components"}),"\n",(0,jsx_runtime.jsx)(RelatedComponents,{componentsNames:[component_description_map._Y,component_description_map.N5,component_description_map.UB]})]})}const _stories_AlertBanner=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.RP)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function _missingMdxReference(id,component){throw new Error("Expected "+(component?"component":"object")+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/AlertBanner/__stories__/AlertBanner.stories.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".monday-storybook-alert-banner_column-wrapper{display:flex;flex-direction:column;gap:16px}.monday-storybook-alert-banner_big-container{width:610px}.monday-storybook-alert-banner_small-container{width:320px}.monday-storybook-alert-banner_medium-container{width:392px}.monday-storybook-alert-banner_pink{background:var(--sb-color-sofia_pink)}","",{version:3,sources:["webpack://./src/components/AlertBanner/__stories__/AlertBanner.stories.scss"],names:[],mappings:"AACE,8CACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,6CACE,WAAA,CAGF,+CACE,WAAA,CAGF,gDACE,WAAA,CAGF,oCACE,qCAAA",sourcesContent:[".monday-storybook-alert-banner {\n &_column-wrapper {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n &_big-container {\n width: 610px;\n }\n\n &_small-container {\n width: 320px;\n }\n\n &_medium-container {\n width: 392px;\n }\n\n &_pink {\n background: var(--sb-color-sofia_pink);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file +"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[401,867],{"../../node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./src/components/AlertBanner/__stories__/AlertBanner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlertBannerAsAnAnnouncement:()=>AlertBannerAsAnAnnouncement,AlertBannerAsAnOpportunityToUpgrade:()=>AlertBannerAsAnOpportunityToUpgrade,AlertBannerWithButton:()=>AlertBannerWithButton,AlertBannerWithLink:()=>AlertBannerWithLink,OverflowText:()=>OverflowText,Overview:()=>Overview,Types:()=>Types,__namedExportsOrder:()=>__namedExportsOrder,default:()=>AlertBanner_stories_AlertBanner_stories});__webpack_require__("../../node_modules/react/index.js");var AlertBanner=__webpack_require__("./src/components/AlertBanner/AlertBanner.tsx"),AlertBannerText=__webpack_require__("./src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"),AlertBannerLink=__webpack_require__("./src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"),AlertBannerButton=__webpack_require__("./src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"),createStoryMetaSettingsDecorator=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),AlertBanner_stories=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/AlertBanner/__stories__/AlertBanner.stories.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(AlertBanner_stories.A,options);AlertBanner_stories.A&&AlertBanner_stories.A.locals&&AlertBanner_stories.A.locals;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
,\n name: "Types"\n}',...Types.parameters?.docs?.source}}},AlertBannerWithButton.parameters={...AlertBannerWithButton.parameters,docs:{...AlertBannerWithButton.parameters?.docs,source:{originalSource:'{\n render: () => \n \n Lorem Ipsum\n ,\n name: "Alert Banner with button"\n}',...AlertBannerWithButton.parameters?.docs?.source}}},AlertBannerWithLink.parameters={...AlertBannerWithLink.parameters,docs:{...AlertBannerWithLink.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Alert Banner with link"\n}',...AlertBannerWithLink.parameters?.docs?.source}}},AlertBannerAsAnAnnouncement.parameters={...AlertBannerAsAnAnnouncement.parameters,docs:{...AlertBannerAsAnAnnouncement.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Alert banner as an announcement"\n}',...AlertBannerAsAnAnnouncement.parameters?.docs?.source}}},AlertBannerAsAnOpportunityToUpgrade.parameters={...AlertBannerAsAnOpportunityToUpgrade.parameters,docs:{...AlertBannerAsAnOpportunityToUpgrade.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Alert banner as an opportunity to upgrade"\n}',...AlertBannerAsAnOpportunityToUpgrade.parameters?.docs?.source}}},OverflowText.parameters={...OverflowText.parameters,docs:{...OverflowText.parameters?.docs,source:{originalSource:'{\n render: () => \n \n \n ,\n name: "Overflow text"\n}',...OverflowText.parameters?.docs?.source}}};const __namedExportsOrder=["Overview","Types","AlertBannerWithButton","AlertBannerWithLink","AlertBannerAsAnAnnouncement","AlertBannerAsAnOpportunityToUpgrade","OverflowText"]},"./src/components/AlertBanner/__stories__/AlertBanner.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_stories_AlertBanner});__webpack_require__("../../node_modules/react/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),lib=__webpack_require__("../../node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs"),usage_guidelines=__webpack_require__("../storybook-blocks/dist/src/components/usage-guidelines/usage-guidelines.js"),component_rules=__webpack_require__("../storybook-blocks/dist/src/components/component-rules/component-rules.js"),AlertBanner=__webpack_require__("./src/components/AlertBanner/AlertBanner.tsx"),AlertBannerText=__webpack_require__("./src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"),AlertBannerLink=__webpack_require__("./src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"),AlertBannerButton=__webpack_require__("./src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"),component_description_map=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),tip=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),storybook_link=__webpack_require__("../storybook-blocks/dist/src/components/storybook-link/storybook-link.js"),TipWhenToUse=function TipWhenToUse(){return(0,jsx_runtime.jsxs)(tip.A,{title:"When to use?",children:["Alert banners should be reserved only for high-signal, system-level alert messages. For in-app notifications use a"," ",(0,jsx_runtime.jsx)(storybook_link.A,{page:"Feedback/Toast",size:storybook_link.A.sizes.SMALL,children:"Toast."})]})};TipWhenToUse.displayName="TipWhenToUse";var AlertBanner_stories=__webpack_require__("./src/components/AlertBanner/__stories__/AlertBanner.stories.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",ul:"ul",li:"li",a:"a",h2:"h2",p:"p",h3:"h3",div:"div"},(0,lib.RP)(),props.components),{PropsTable,StorybookLink,RelatedComponents}=_components;return PropsTable||_missingMdxReference("PropsTable",!0),RelatedComponents||_missingMdxReference("RelatedComponents",!0),StorybookLink||_missingMdxReference("StorybookLink",!0),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{of:AlertBanner_stories}),"\n",(0,jsx_runtime.jsx)(_components.h1,{id:"alert-banner",children:"Alert Banner"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#overview",children:"Overview"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#props",children:"Props"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#usage",children:"Usage"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#variants",children:"Variants"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#dos-and-donts",children:"Do’s and don’ts"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#use-cases-and-examples",children:"Use cases and examples"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#related-components",children:"Related components"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#feedback",children:"Feedback"})}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"overview",children:"Overview"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Alert banners show pressing and high-signal messages, such as system alerts. They are meant to be noticed and prompt users to take action."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.Overview}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(PropsTable,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,jsx_runtime.jsx)(usage_guidelines.A,{guidelines:["Alert banners should have call for action and an option to dismiss.","Don't include more than one call to action in an alert banner.","Place the banner on the top of the screen, and push all other content below it."]}),"\n",(0,jsx_runtime.jsx)(TipWhenToUse,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"variants",children:"Variants"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"types",children:"Types"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"There are five types of alert banners: primary, positive, negative, warning and inverted."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.Types}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-with-button",children:"Alert Banner with button"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerWithButton}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-with-link",children:"Alert Banner with link"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerWithLink}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"dos-and-donts",children:"Do’s and Don’ts"}),"\n",(0,jsx_runtime.jsx)(component_rules.A,{rules:[{positive:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"Join us at Elevate!"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"RSVP now",href:"https://monday.com"})]}),description:"Use banners for system messages, background processes, and general updates."},negative:{component:(0,jsx_runtime.jsx)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container",children:(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"We successfully archived 1 item"})}),description:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Don’t use banners for notifying a user of an action they have taken. Instead, provide visual feedback with a"," ",(0,jsx_runtime.jsx)(StorybookLink,{page:"Feedback/Toast",children:"Toast."})]})}},{positive:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container",backgroundColor:AlertBanner.A.backgroundColors.NEGATIVE,children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"No connection"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"Learn more",href:"https://monday.com"}),(0,jsx_runtime.jsx)(AlertBannerButton.A,{children:"Try again"})]}),description:"If two actions are needed, use two different call to acitons."},negative:{component:(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-alert-banner_column-wrapper",children:[(0,jsx_runtime.jsxs)(AlertBanner.A,{backgroundColor:AlertBanner.A.backgroundColors.NEGATIVE,className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"No connection"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"Learn more",href:"https://monday.com"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"Try again",href:"https://monday.com"})]}),(0,jsx_runtime.jsxs)(AlertBanner.A,{backgroundColor:AlertBanner.A.backgroundColors.NEGATIVE,className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"No connection"}),(0,jsx_runtime.jsx)(AlertBannerButton.A,{children:"Learn more"}),(0,jsx_runtime.jsx)(AlertBannerButton.A,{children:"Try again"})]})]}),description:"Don't include more than one action in an alert banner with the same type."}},{positive:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{backgroundColor:AlertBanner.A.backgroundColors.DARK,className:"monday-storybook-alert-banner_medium-container",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"Join us at Elevate!"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"RSVP now",href:"https://monday.com"})]}),description:"Use only the 4 color types: primary, negative, positive, and inverted."},negative:{component:(0,jsx_runtime.jsxs)(AlertBanner.A,{className:"monday-storybook-alert-banner_medium-container monday-storybook-alert-banner_pink",children:[(0,jsx_runtime.jsx)(AlertBannerText.A,{text:"Join us at Elevate!"}),(0,jsx_runtime.jsx)(AlertBannerLink.A,{text:"RSVP now",href:"https://monday.com"})]}),description:"Don’t choose other colors for alert banners. Keep it consistent."}}]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"use-cases-and-examples",children:"Use cases and examples"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-as-an-announcement",children:"Alert banner as an announcement"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use when you'd like to notify about an event or cross-company announcment."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerAsAnAnnouncement}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"alert-banner-as-an-opportunity-to-upgrade",children:"Alert banner as an opportunity to upgrade"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use to show a trial user the number of remaining free days to use the platform."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.AlertBannerAsAnOpportunityToUpgrade}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"overflow-text",children:"Overflow text"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"In case that there's not enough space for the content, use an ellipses (...)."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:AlertBanner_stories.OverflowText}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"related-components",children:"Related components"}),"\n",(0,jsx_runtime.jsx)(RelatedComponents,{componentsNames:[component_description_map._Y,component_description_map.N5,component_description_map.UB]})]})}const _stories_AlertBanner=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.RP)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function _missingMdxReference(id,component){throw new Error("Expected "+(component?"component":"object")+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/AlertBanner/__stories__/AlertBanner.stories.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".monday-storybook-alert-banner_column-wrapper{display:flex;flex-direction:column;gap:16px}.monday-storybook-alert-banner_big-container{width:610px}.monday-storybook-alert-banner_small-container{width:320px}.monday-storybook-alert-banner_medium-container{width:392px}.monday-storybook-alert-banner_pink{background:var(--sb-color-sofia_pink)}","",{version:3,sources:["webpack://./src/components/AlertBanner/__stories__/AlertBanner.stories.scss"],names:[],mappings:"AACE,8CACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,6CACE,WAAA,CAGF,+CACE,WAAA,CAGF,gDACE,WAAA,CAGF,oCACE,qCAAA",sourcesContent:[".monday-storybook-alert-banner {\n &_column-wrapper {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n &_big-container {\n width: 610px;\n }\n\n &_small-container {\n width: 320px;\n }\n\n &_medium-container {\n width: 392px;\n }\n\n &_pink {\n background: var(--sb-color-sofia_pink);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/components-Checkbox-__stories__-Checkbox-mdx.511f4c57.iframe.bundle.js b/components-Checkbox-__stories__-Checkbox-mdx.511f4c57.iframe.bundle.js deleted file mode 100644 index fcd27bb392..0000000000 --- a/components-Checkbox-__stories__-Checkbox-mdx.511f4c57.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[4785,7619],{"../../node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./src/components/Checkbox/__stories__/Checkbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Overview:()=>Overview,SingleCheckbox:()=>SingleCheckbox,States:()=>States,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/react/index.js");var vibe_storybook_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../storybook-blocks/dist/src/functions/createComponentTemplate.js"),_Link_Link__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Link/Link.tsx"),_Checkbox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/components/Checkbox/__stories__/Checkbox.stories.scss"),__webpack_require__("../../node_modules/react/jsx-runtime.js")),metaSettings=(0,_storybook__WEBPACK_IMPORTED_MODULE_3__.B)({component:_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A}),checkboxTemplate=(0,vibe_storybook_components__WEBPACK_IMPORTED_MODULE_5__.M)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A);const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Checkbox",component:_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,decorators:metaSettings.decorators};var Overview={render:checkboxTemplate.bind({}),args:{label:"Option",defaultChecked:!0},parameters:{docs:{liveEdit:{isEnabled:!1}}}},States={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Regular"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Selected",checked:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Indeterminate",indeterminate:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Disabled",disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Disabled checked",disabled:!0,checked:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Disabled indeterminate",disabled:!0,indeterminate:!0})]})}},SingleCheckbox={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{checked:!0,label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["I agree to the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Link_Link__WEBPACK_IMPORTED_MODULE_6__.A,{href:"#",text:"Terms of Service",inlineText:!0})," and"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Link_Link__WEBPACK_IMPORTED_MODULE_6__.A,{href:"#",text:"Privacy Policy",inlineText:!0}),"."]})})},name:"Single checkbox"};Overview.parameters={...Overview.parameters,docs:{...Overview.parameters?.docs,source:{originalSource:'{\n render: checkboxTemplate.bind({}),\n args: {\n label: "Option",\n defaultChecked: true\n },\n parameters: {\n docs: {\n liveEdit: {\n isEnabled: false\n }\n }\n }\n}',...Overview.parameters?.docs?.source}}},States.parameters={...States.parameters,docs:{...States.parameters?.docs,source:{originalSource:'{\n render: () => <>\n \n \n \n \n \n \n \n}',...States.parameters?.docs?.source}}},SingleCheckbox.parameters={...SingleCheckbox.parameters,docs:{...SingleCheckbox.parameters?.docs,source:{originalSource:'{\n render: () => \n I agree to the and{" "}\n .\n } />,\n name: "Single checkbox"\n}',...SingleCheckbox.parameters?.docs?.source}}};const __namedExportsOrder=["Overview","States","SingleCheckbox"]},"./src/components/Checkbox/__stories__/Checkbox.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{checkboxTemplate:()=>checkboxTemplate,default:()=>_stories_Checkbox,metaSettings:()=>metaSettings});__webpack_require__("../../node_modules/react/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),lib=__webpack_require__("../../node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),createComponentTemplate=__webpack_require__("../storybook-blocks/dist/src/functions/createComponentTemplate.js"),createStoryMetaSettingsDecorator=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),component_description_map=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),DialogContentContainer=__webpack_require__("./src/components/DialogContentContainer/DialogContentContainer.tsx"),tip=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),storybook_link=__webpack_require__("../storybook-blocks/dist/src/components/storybook-link/storybook-link.js"),TipAmIUsingTheRightComponent=function TipAmIUsingTheRightComponent(){return(0,jsx_runtime.jsxs)(tip.A,{title:"Am I using the right component?",children:["For settings that are immediately applied, consider using a"," ",(0,jsx_runtime.jsx)(storybook_link.A,{page:"Inputs/Toggle",size:storybook_link.A.sizes.SMALL,children:"toggle switch"})," ","instead."]})};TipAmIUsingTheRightComponent.displayName="TipAmIUsingTheRightComponent";__webpack_require__("./src/components/Checkbox/__stories__/Checkbox.stories.scss");var _stories_Checkbox_stories=__webpack_require__("./src/components/Checkbox/__stories__/Checkbox.stories.tsx");const metaSettings=(0,createStoryMetaSettingsDecorator.B)({component:Checkbox.A}),checkboxTemplate=(0,createComponentTemplate.M)(Checkbox.A);function _createMdxContent(props){const _components=Object.assign({h1:"h1",ul:"ul",li:"li",a:"a",h2:"h2",p:"p",span:"span",h3:"h3",div:"div"},(0,lib.RP)(),props.components),{Canvas,PropsTable,UsageGuidelines,ComponentRules,StorybookLink,RelatedComponents}=_components;return Canvas||_missingMdxReference("Canvas",!0),ComponentRules||_missingMdxReference("ComponentRules",!0),PropsTable||_missingMdxReference("PropsTable",!0),RelatedComponents||_missingMdxReference("RelatedComponents",!0),StorybookLink||_missingMdxReference("StorybookLink",!0),UsageGuidelines||_missingMdxReference("UsageGuidelines",!0),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{of:_stories_Checkbox_stories}),"\n","\n",(0,jsx_runtime.jsx)(_components.h1,{id:"checkbox",children:"Checkbox"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#overview",children:"Overview"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#props",children:"Props"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#usage",children:"Usage"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#variants",children:"Variants"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#dos-and-donts",children:"Do’s and don’ts"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#use-cases-and-examples",children:"Use cases and examples"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#related-components",children:"Related components"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#feedback",children:"Feedback"})}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"overview",children:"Overview"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Checkboxes allow users to select one or more items from a set of options."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:_stories_Checkbox_stories.Overview}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(PropsTable,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,jsx_runtime.jsx)(UsageGuidelines,{guidelines:[(0,jsx_runtime.jsxs)(_components.span,{className:"monday-storybook-checkbox_list",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Use checkboxes to:"}),(0,jsx_runtime.jsx)(_components.span,{className:"monday-storybook-checkbox_list-item",children:"1. Select one or more options from a list"}),(0,jsx_runtime.jsx)(_components.span,{className:"monday-storybook-checkbox_list-item",children:"2. Turn an item on or off in a desktop environment"})]}),"Use checkboxes independently from each other: selecting one checkbox shouldn’t change the selection status of another checkbox in the list. The exception is when a checkbox is used to make a bulk selection.","Ensure both label and input are clickable to select the checkbox field. ","Keep a positive tone of voice. For example: “Turn on notifications” instead of “Turn off notifications”.","Checkboxes should be listed according to a logical order.","Place checkboxes vertically, using 16px spacing.","Checkbox will always apear with a label."]}),"\n",(0,jsx_runtime.jsx)(TipAmIUsingTheRightComponent,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"variants",children:"Variants"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"states",children:"States"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Has 4 states: regular, hover, selected, and disabled."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:_stories_Checkbox_stories.States}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"dos-and-donts",children:"Do’s and Don’ts"}),"\n",(0,jsx_runtime.jsx)(ComponentRules,{rules:[{positive:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 1",name:"Item 1"}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 2",name:"Item 2",checked:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 3",name:"Item 3",checked:!0})]}),description:"Use checkboxes when one or more items can be selected."},negative:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 1",name:"Item 1",checked:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 2",name:"Item 2",disabled:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 3",name:"Item 3",disabled:!0})]}),description:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Don't use checkboxes when only one item can be selected from a list. Use"," ",(0,jsx_runtime.jsx)(StorybookLink,{page:"Inputs/RadioButton",children:"radio buttons"})," instead."]})}},{positive:{component:(0,jsx_runtime.jsx)(_components.div,{className:"monday-storybook-checkbox_border",children:(0,jsx_runtime.jsx)(Checkbox.A,{label:"Option",checked:!0})}),description:"Use the checkbox label’s prop to describe the option purpse."},negative:{component:[(0,jsx_runtime.jsx)(_components.div,{className:"monday-storybook-checkbox_border",children:(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin",checked:!0})}),(0,jsx_runtime.jsx)(_components.div,{className:"monday-storybook-checkbox_border",children:"Option"})],description:"Don’t use a separte div which is not related to the Checkbox component."}},{positive:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 1",name:"Item 1"}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 2",name:"Item 2",checked:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 3",name:"Item 3",checked:!0})]}),description:"Place the checkbox on the left side of the label."},negative:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-checkbox_inline-wrapper",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Item 1"}),(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin"})]}),(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-checkbox_inline-wrapper",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Item 2"}),(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin",checked:!0})]}),(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-checkbox_inline-wrapper",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Item 3"}),(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin",checked:!0})]})]}),description:"Don’t change the position of the checkbox. Keep it to the left side of the label."}},{positive:{component:(0,jsx_runtime.jsx)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:(0,jsx_runtime.jsx)(Checkbox.A,{label:"Only show incomplete items",checked:!0})}),description:"Always keep a positive tone of voice."},negative:{component:(0,jsx_runtime.jsx)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:(0,jsx_runtime.jsx)(Checkbox.A,{label:"Hide done items",checked:!0})}),description:"Avoid negative language that makes the user check the box in order for something not to happen."}}]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"use-cases-and-examples",children:"Use cases and examples"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"single-checkbox",children:"Single checkbox"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Allows the user to choose a single option. For example: accept terms of use."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:_stories_Checkbox_stories.SingleCheckbox}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"related-components",children:"Related components"}),"\n",(0,jsx_runtime.jsx)(RelatedComponents,{componentsNames:[component_description_map.rT,component_description_map.DR,component_description_map.a0]})]})}const _stories_Checkbox=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.RP)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function _missingMdxReference(id,component){throw new Error("Expected "+(component?"component":"object")+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}},"../storybook-blocks/dist/src/functions/createComponentTemplate.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>r});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function r(r){return function(e){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(r,Object.assign({},e))}}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Checkbox/__stories__/Checkbox.stories.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".monday-storybook-checkbox_border{display:flex;align-items:center;justify-content:center;border:1px dashed var(--sb-ui-border-color);padding:0 8px;height:38px;margin-right:3px}.monday-storybook-checkbox_border:nth-child(2){margin-left:11px;font-size:14px;line-height:22px}.monday-storybook-checkbox_wrapper{padding:14px 16px;width:240px;display:flex;flex-direction:column;row-gap:16px}.monday-storybook-checkbox_inline-wrapper{display:flex;justify-content:space-between;align-items:center}.monday-storybook-checkbox_minus-margin{margin-right:-8px}.monday-storybook-checkbox_list{display:flex;flex-direction:column}.monday-storybook-checkbox_list span{font-family:var(--sb-font-family);font-size:var(--sb-text-font-size);line-height:var(--sb-text-line-height);font-weight:400;color:var(--sb-primary-text-color);-webkit-font-smoothing:initial}.monday-storybook-checkbox_list-item{display:inline-block;width:100%}.monday-storybook-checkbox_link{display:initial}","",{version:3,sources:["webpack://./src/components/Checkbox/__stories__/Checkbox.stories.scss","webpack://./../storybook-blocks/dist/styles/mixins/_typography.scss"],names:[],mappings:"AAGE,kCACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,2CAAA,CACA,aAAA,CACA,WAAA,CACA,gBAAA,CACA,+CACE,gBAAA,CACA,cAAA,CACA,gBAAA,CAIJ,mCACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CAGF,0CACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAGF,wCACE,iBAAA,CAGF,gCACE,YAAA,CACA,qBAAA,CACA,qCCjCF,iCAAA,CACA,kCAAA,CACA,sCAAA,CACA,eAAA,CARA,kCAAA,CACA,8BAAA,CD0CA,qCACE,oBAAA,CACA,UAAA,CAGF,gCACE,eAAA",sourcesContent:['@import "~vibe-storybook-components/dist/mixins";\n\n.monday-storybook-checkbox {\n &_border {\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px dashed var(--sb-ui-border-color);\n padding: 0 8px;\n height: 38px;\n margin-right: 3px;\n &:nth-child(2) {\n margin-left: 11px;\n font-size: 14px;\n line-height: 22px;\n }\n }\n\n &_wrapper {\n padding: 14px 16px;\n width: 240px;\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n }\n\n &_inline-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n &_minus-margin {\n margin-right: -8px;\n }\n\n &_list {\n display: flex;\n flex-direction: column;\n span {\n @include sb-content-text;\n }\n }\n\n &_list-item {\n display: inline-block;\n width: 100%;\n }\n\n &_link {\n display: initial;\n }\n}\n',"@mixin sb-basic-text {\n color: var(--sb-primary-text-color);\n -webkit-font-smoothing: initial;\n}\n\n@mixin sb-content-text-without-color {\n font-family: var(--sb-font-family);\n font-size: var(--sb-text-font-size);\n line-height: var(--sb-text-line-height);\n font-weight: 400;\n}\n\n@mixin sb-content-text {\n @include sb-content-text-without-color;\n @include sb-basic-text;\n}\n\n@mixin sb-small-text-without-color {\n font-size: var(--sb-small-text-font-size);\n font-weight: 400;\n line-height: var(--sb-text-line-height);\n}\n\n@mixin sb-small-text {\n @include sb-basic-text;\n @include sb-small-text-without-color;\n}\n\n@mixin sb-title-appearance {\n margin-bottom: var(--sb-spacing-between-title-to-content);\n font-family: var(--sb-title-font-family);\n @include sb-basic-text;\n font-size: var(--sb-h3-font-size);\n line-height: 28px;\n letter-spacing: -0.21px;\n text-align: left;\n font-weight: 300;\n}\n\n@mixin sb-font-link {\n font: var(--sb-font-general-label);\n text-decoration: none;\n color: var(--sb-link-color);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/components/Checkbox/__stories__/Checkbox.stories.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Checkbox/__stories__/Checkbox.stories.scss"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A,options),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals}}]); \ No newline at end of file diff --git a/components-Checkbox-__stories__-Checkbox-mdx.5586d75e.iframe.bundle.js b/components-Checkbox-__stories__-Checkbox-mdx.5586d75e.iframe.bundle.js new file mode 100644 index 0000000000..2d7510aec7 --- /dev/null +++ b/components-Checkbox-__stories__-Checkbox-mdx.5586d75e.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[4785,7619],{"../../node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./src/components/Checkbox/__stories__/Checkbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Overview:()=>Overview,SingleCheckbox:()=>SingleCheckbox,States:()=>States,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/react/index.js");var vibe_storybook_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../storybook-blocks/dist/src/functions/createComponentTemplate.js"),_Link_Link__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Link/Link.tsx"),_Checkbox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/components/Checkbox/__stories__/Checkbox.stories.scss"),__webpack_require__("../../node_modules/react/jsx-runtime.js")),metaSettings=(0,_storybook__WEBPACK_IMPORTED_MODULE_3__.B)({component:_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A}),checkboxTemplate=(0,vibe_storybook_components__WEBPACK_IMPORTED_MODULE_5__.M)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A);const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Checkbox",component:_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,decorators:metaSettings.decorators};var Overview={render:checkboxTemplate.bind({}),args:{label:"Option",defaultChecked:!0},parameters:{docs:{liveEdit:{isEnabled:!1}}}},States={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Regular"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Selected",checked:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Indeterminate",indeterminate:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Disabled",disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Disabled checked",disabled:!0,checked:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{label:"Disabled indeterminate",disabled:!0,indeterminate:!0})]})}},SingleCheckbox={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__.A,{checked:!0,label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["I agree to the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Link_Link__WEBPACK_IMPORTED_MODULE_6__.A,{href:"#",text:"Terms of Service",inlineText:!0})," and"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Link_Link__WEBPACK_IMPORTED_MODULE_6__.A,{href:"#",text:"Privacy Policy",inlineText:!0}),"."]})})},name:"Single checkbox"};Overview.parameters={...Overview.parameters,docs:{...Overview.parameters?.docs,source:{originalSource:'{\n render: checkboxTemplate.bind({}),\n args: {\n label: "Option",\n defaultChecked: true\n },\n parameters: {\n docs: {\n liveEdit: {\n isEnabled: false\n }\n }\n }\n}',...Overview.parameters?.docs?.source}}},States.parameters={...States.parameters,docs:{...States.parameters?.docs,source:{originalSource:'{\n render: () => <>\n \n \n \n \n \n \n \n}',...States.parameters?.docs?.source}}},SingleCheckbox.parameters={...SingleCheckbox.parameters,docs:{...SingleCheckbox.parameters?.docs,source:{originalSource:'{\n render: () => \n I agree to the and{" "}\n .\n } />,\n name: "Single checkbox"\n}',...SingleCheckbox.parameters?.docs?.source}}};const __namedExportsOrder=["Overview","States","SingleCheckbox"]},"./src/components/Checkbox/__stories__/Checkbox.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{checkboxTemplate:()=>checkboxTemplate,default:()=>_stories_Checkbox,metaSettings:()=>metaSettings});__webpack_require__("../../node_modules/react/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),lib=__webpack_require__("../../node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),createComponentTemplate=__webpack_require__("../storybook-blocks/dist/src/functions/createComponentTemplate.js"),createStoryMetaSettingsDecorator=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),component_description_map=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),DialogContentContainer=__webpack_require__("./src/components/DialogContentContainer/DialogContentContainer.tsx"),tip=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),storybook_link=__webpack_require__("../storybook-blocks/dist/src/components/storybook-link/storybook-link.js"),TipAmIUsingTheRightComponent=function TipAmIUsingTheRightComponent(){return(0,jsx_runtime.jsxs)(tip.A,{title:"Am I using the right component?",children:["For settings that are immediately applied, consider using a"," ",(0,jsx_runtime.jsx)(storybook_link.A,{page:"Inputs/Toggle",size:storybook_link.A.sizes.SMALL,children:"toggle switch"})," ","instead."]})};TipAmIUsingTheRightComponent.displayName="TipAmIUsingTheRightComponent";__webpack_require__("./src/components/Checkbox/__stories__/Checkbox.stories.scss");var _stories_Checkbox_stories=__webpack_require__("./src/components/Checkbox/__stories__/Checkbox.stories.tsx");const metaSettings=(0,createStoryMetaSettingsDecorator.B)({component:Checkbox.A}),checkboxTemplate=(0,createComponentTemplate.M)(Checkbox.A);function _createMdxContent(props){const _components=Object.assign({h1:"h1",ul:"ul",li:"li",a:"a",h2:"h2",p:"p",span:"span",h3:"h3",div:"div"},(0,lib.RP)(),props.components),{Canvas,PropsTable,UsageGuidelines,ComponentRules,StorybookLink,RelatedComponents}=_components;return Canvas||_missingMdxReference("Canvas",!0),ComponentRules||_missingMdxReference("ComponentRules",!0),PropsTable||_missingMdxReference("PropsTable",!0),RelatedComponents||_missingMdxReference("RelatedComponents",!0),StorybookLink||_missingMdxReference("StorybookLink",!0),UsageGuidelines||_missingMdxReference("UsageGuidelines",!0),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{of:_stories_Checkbox_stories}),"\n","\n",(0,jsx_runtime.jsx)(_components.h1,{id:"checkbox",children:"Checkbox"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#overview",children:"Overview"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#props",children:"Props"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#usage",children:"Usage"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#variants",children:"Variants"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#dos-and-donts",children:"Do’s and don’ts"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#use-cases-and-examples",children:"Use cases and examples"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#related-components",children:"Related components"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#feedback",children:"Feedback"})}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"overview",children:"Overview"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Checkboxes allow users to select one or more items from a set of options."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:_stories_Checkbox_stories.Overview}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(PropsTable,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,jsx_runtime.jsx)(UsageGuidelines,{guidelines:[(0,jsx_runtime.jsxs)(_components.span,{className:"monday-storybook-checkbox_list",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Use checkboxes to:"}),(0,jsx_runtime.jsx)(_components.span,{className:"monday-storybook-checkbox_list-item",children:"1. Select one or more options from a list"}),(0,jsx_runtime.jsx)(_components.span,{className:"monday-storybook-checkbox_list-item",children:"2. Turn an item on or off in a desktop environment"})]}),"Use checkboxes independently from each other: selecting one checkbox shouldn’t change the selection status of another checkbox in the list. The exception is when a checkbox is used to make a bulk selection.","Ensure both label and input are clickable to select the checkbox field. ","Keep a positive tone of voice. For example: “Turn on notifications” instead of “Turn off notifications”.","Checkboxes should be listed according to a logical order.","Place checkboxes vertically, using 16px spacing.","Checkbox will always appear with a label."]}),"\n",(0,jsx_runtime.jsx)(TipAmIUsingTheRightComponent,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"variants",children:"Variants"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"states",children:"States"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Has 4 states: regular, hover, selected, and disabled."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:_stories_Checkbox_stories.States}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"dos-and-donts",children:"Do’s and Don’ts"}),"\n",(0,jsx_runtime.jsx)(ComponentRules,{rules:[{positive:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 1",name:"Item 1"}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 2",name:"Item 2",checked:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 3",name:"Item 3",checked:!0})]}),description:"Use checkboxes when one or more items can be selected."},negative:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 1",name:"Item 1",checked:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 2",name:"Item 2",disabled:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 3",name:"Item 3",disabled:!0})]}),description:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Don't use checkboxes when only one item can be selected from a list. Use"," ",(0,jsx_runtime.jsx)(StorybookLink,{page:"Inputs/RadioButton",children:"radio buttons"})," instead."]})}},{positive:{component:(0,jsx_runtime.jsx)(_components.div,{className:"monday-storybook-checkbox_border",children:(0,jsx_runtime.jsx)(Checkbox.A,{label:"Option",checked:!0})}),description:"Use the checkbox label’s prop to describe the option purpse."},negative:{component:[(0,jsx_runtime.jsx)(_components.div,{className:"monday-storybook-checkbox_border",children:(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin",checked:!0})}),(0,jsx_runtime.jsx)(_components.div,{className:"monday-storybook-checkbox_border",children:"Option"})],description:"Don’t use a separte div which is not related to the Checkbox component."}},{positive:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 1",name:"Item 1"}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 2",name:"Item 2",checked:!0}),(0,jsx_runtime.jsx)(Checkbox.A,{label:"Item 3",name:"Item 3",checked:!0})]}),description:"Place the checkbox on the left side of the label."},negative:{component:(0,jsx_runtime.jsxs)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:[(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-checkbox_inline-wrapper",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Item 1"}),(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin"})]}),(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-checkbox_inline-wrapper",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Item 2"}),(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin",checked:!0})]}),(0,jsx_runtime.jsxs)(_components.div,{className:"monday-storybook-checkbox_inline-wrapper",children:[(0,jsx_runtime.jsx)(_components.span,{children:"Item 3"}),(0,jsx_runtime.jsx)(Checkbox.A,{className:"monday-storybook-checkbox_minus-margin",checked:!0})]})]}),description:"Don’t change the position of the checkbox. Keep it to the left side of the label."}},{positive:{component:(0,jsx_runtime.jsx)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:(0,jsx_runtime.jsx)(Checkbox.A,{label:"Only show incomplete items",checked:!0})}),description:"Always keep a positive tone of voice."},negative:{component:(0,jsx_runtime.jsx)(DialogContentContainer.A,{className:"monday-storybook-checkbox_wrapper",children:(0,jsx_runtime.jsx)(Checkbox.A,{label:"Hide done items",checked:!0})}),description:"Avoid negative language that makes the user check the box in order for something not to happen."}}]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"use-cases-and-examples",children:"Use cases and examples"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"single-checkbox",children:"Single checkbox"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Allows the user to choose a single option. For example: accept terms of use."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:_stories_Checkbox_stories.SingleCheckbox}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"related-components",children:"Related components"}),"\n",(0,jsx_runtime.jsx)(RelatedComponents,{componentsNames:[component_description_map.rT,component_description_map.DR,component_description_map.a0]})]})}const _stories_Checkbox=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.RP)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function _missingMdxReference(id,component){throw new Error("Expected "+(component?"component":"object")+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}},"../storybook-blocks/dist/src/functions/createComponentTemplate.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>r});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function r(r){return function(e){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(r,Object.assign({},e))}}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Checkbox/__stories__/Checkbox.stories.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".monday-storybook-checkbox_border{display:flex;align-items:center;justify-content:center;border:1px dashed var(--sb-ui-border-color);padding:0 8px;height:38px;margin-right:3px}.monday-storybook-checkbox_border:nth-child(2){margin-left:11px;font-size:14px;line-height:22px}.monday-storybook-checkbox_wrapper{padding:14px 16px;width:240px;display:flex;flex-direction:column;row-gap:16px}.monday-storybook-checkbox_inline-wrapper{display:flex;justify-content:space-between;align-items:center}.monday-storybook-checkbox_minus-margin{margin-right:-8px}.monday-storybook-checkbox_list{display:flex;flex-direction:column}.monday-storybook-checkbox_list span{font-family:var(--sb-font-family);font-size:var(--sb-text-font-size);line-height:var(--sb-text-line-height);font-weight:400;color:var(--sb-primary-text-color);-webkit-font-smoothing:initial}.monday-storybook-checkbox_list-item{display:inline-block;width:100%}.monday-storybook-checkbox_link{display:initial}","",{version:3,sources:["webpack://./src/components/Checkbox/__stories__/Checkbox.stories.scss","webpack://./../storybook-blocks/dist/styles/mixins/_typography.scss"],names:[],mappings:"AAGE,kCACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,2CAAA,CACA,aAAA,CACA,WAAA,CACA,gBAAA,CACA,+CACE,gBAAA,CACA,cAAA,CACA,gBAAA,CAIJ,mCACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CAGF,0CACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAGF,wCACE,iBAAA,CAGF,gCACE,YAAA,CACA,qBAAA,CACA,qCCjCF,iCAAA,CACA,kCAAA,CACA,sCAAA,CACA,eAAA,CARA,kCAAA,CACA,8BAAA,CD0CA,qCACE,oBAAA,CACA,UAAA,CAGF,gCACE,eAAA",sourcesContent:['@import "~vibe-storybook-components/dist/mixins";\n\n.monday-storybook-checkbox {\n &_border {\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px dashed var(--sb-ui-border-color);\n padding: 0 8px;\n height: 38px;\n margin-right: 3px;\n &:nth-child(2) {\n margin-left: 11px;\n font-size: 14px;\n line-height: 22px;\n }\n }\n\n &_wrapper {\n padding: 14px 16px;\n width: 240px;\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n }\n\n &_inline-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n &_minus-margin {\n margin-right: -8px;\n }\n\n &_list {\n display: flex;\n flex-direction: column;\n span {\n @include sb-content-text;\n }\n }\n\n &_list-item {\n display: inline-block;\n width: 100%;\n }\n\n &_link {\n display: initial;\n }\n}\n',"@mixin sb-basic-text {\n color: var(--sb-primary-text-color);\n -webkit-font-smoothing: initial;\n}\n\n@mixin sb-content-text-without-color {\n font-family: var(--sb-font-family);\n font-size: var(--sb-text-font-size);\n line-height: var(--sb-text-line-height);\n font-weight: 400;\n}\n\n@mixin sb-content-text {\n @include sb-content-text-without-color;\n @include sb-basic-text;\n}\n\n@mixin sb-small-text-without-color {\n font-size: var(--sb-small-text-font-size);\n font-weight: 400;\n line-height: var(--sb-text-line-height);\n}\n\n@mixin sb-small-text {\n @include sb-basic-text;\n @include sb-small-text-without-color;\n}\n\n@mixin sb-title-appearance {\n margin-bottom: var(--sb-spacing-between-title-to-content);\n font-family: var(--sb-title-font-family);\n @include sb-basic-text;\n font-size: var(--sb-h3-font-size);\n line-height: 28px;\n letter-spacing: -0.21px;\n text-align: left;\n font-weight: 300;\n}\n\n@mixin sb-font-link {\n font: var(--sb-font-general-label);\n text-decoration: none;\n color: var(--sb-link-color);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/components/Checkbox/__stories__/Checkbox.stories.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Checkbox/__stories__/Checkbox.stories.scss"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A,options),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_15_use_1_node_modules_resolve_url_loader_index_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_15_use_3_Checkbox_stories_scss__WEBPACK_IMPORTED_MODULE_6__.A.locals}}]); \ No newline at end of file diff --git a/iframe.html b/iframe.html index 557c1e11d4..b7ccc94723 100644 --- a/iframe.html +++ b/iframe.html @@ -442,8 +442,8 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":false}; \ No newline at end of file + import './main.7360cd08.iframe.bundle.js'; \ No newline at end of file diff --git a/main.aac137e6.iframe.bundle.js b/main.7360cd08.iframe.bundle.js similarity index 83% rename from main.aac137e6.iframe.bundle.js rename to main.7360cd08.iframe.bundle.js index 16b431ec5e..5c93eb6c07 100644 --- a/main.aac137e6.iframe.bundle.js +++ b/main.7360cd08.iframe.bundle.js @@ -1,2 +1,2 @@ -/*! For license information please see main.aac137e6.iframe.bundle.js.LICENSE.txt */ -(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[8792],{"../../node_modules/@babel/standalone sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="../../node_modules/@babel/standalone sync recursive",module.exports=webpackEmptyContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.mdx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("../../node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("../../node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("../../node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-a11y/dist/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-themes/dist/preview.js"),__webpack_require__("./.storybook/preview.tsx")])})},"./src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>ChildrenContent});var react=__webpack_require__("../../node_modules/react/index.js"),Avatar=__webpack_require__("./src/components/Avatar/Avatar.tsx"),Icon=__webpack_require__("./src/components/Icon/Icon.tsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChildrenContent_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChildrenContent_module.A,options);const ChildrenContent_ChildrenContent_module=ChildrenContent_module.A&&ChildrenContent_module.A.locals?ChildrenContent_module.A.locals:void 0;var test_ids_utils=__webpack_require__("./src/tests/test-ids-utils.ts"),constants=__webpack_require__("./src/tests/constants.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),ChildrenContent=function ChildrenContent(_ref){var data=_ref.data,children=_ref.children,readOnly=_ref.readOnly,onMouseDown=(0,react.useCallback)((function(event){readOnly&&event.stopPropagation()}),[readOnly]);return(0,jsx_runtime.jsxs)("div",{className:ChildrenContent_ChildrenContent_module.valueContainer,onMouseDown,"data-testid":(0,test_ids_utils.G)(constants.w.DROPDOWN_OPTION_CONTENT),children:[(null==data?void 0:data.leftRenderer)||(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(null==data?void 0:data.leftAvatar)&&(0,jsx_runtime.jsx)(Avatar.A,{className:ChildrenContent_ChildrenContent_module.avatar,withoutBorder:!0,square:data.square,src:data.leftAvatar,type:Avatar.A.types.IMG,customSize:20}),(null==data?void 0:data.leftIcon)&&(0,jsx_runtime.jsx)(Icon.A,{iconSize:18,icon:data.leftIcon,clickable:!1})]}),children,(null==data?void 0:data.rightIcon)&&(0,jsx_runtime.jsx)(Icon.A,{iconSize:18,icon:data.rightIcon,clickable:!1}),(null==data?void 0:data.rightAvatar)&&(0,jsx_runtime.jsx)(Avatar.A,{withoutBorder:!0,square:data.square,src:data.rightAvatar,type:Avatar.A.types.IMG,customSize:20})]})};ChildrenContent.displayName="ChildrenContent",ChildrenContent.__docgenInfo={description:"",methods:[],displayName:"ChildrenContent"}},"./src/components/Dropdown/components/menu/menu.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react_select__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/react-select/dist/index-4bd03571.esm.js")),_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Dropdown/components/menu/menu.module.scss"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}var _excluded=["children","Renderer","selectProps","dropdownMenuWrapperClassName","id","ariaLabel"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Menu=function Menu(_ref){var _selectProps$selectPr,_selectProps$selectPr2,children=_ref.children,Renderer=_ref.Renderer,selectProps=_ref.selectProps,dropdownMenuWrapperClassName=_ref.dropdownMenuWrapperClassName,id=_ref.id,ariaLabel=_ref.ariaLabel,props=_objectWithoutProperties(_ref,_excluded),rendererProps=_objectSpread(_objectSpread({children,selectProps},props),{},{innerProps:_objectSpread(_objectSpread({},props.innerProps),{},{id,role:"listbox","aria-label":ariaLabel})}),withFixedPosition=(null==selectProps||null===(_selectProps$selectPr=selectProps.selectProps)||void 0===_selectProps$selectPr?void 0:_selectProps$selectPr.insideOverflowContainer)||(null==selectProps||null===(_selectProps$selectPr2=selectProps.selectProps)||void 0===_selectProps$selectPr2?void 0:_selectProps$selectPr2.insideOverflowWithTransformContainer);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_select__WEBPACK_IMPORTED_MODULE_4__.c.Menu,_objectSpread(_objectSpread({},props),{},{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.dropdownMenuWrapper,_defineProperty(_defineProperty({},_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.dropdownMenuWrapperFixedPosition,withFixedPosition),_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.withoutAnimation,!0),dropdownMenuWrapperClassName),children:[Renderer&&Renderer(rendererProps),!Renderer&&children]}))};Menu.displayName="Menu";const __WEBPACK_DEFAULT_EXPORT__=Menu;Menu.__docgenInfo={description:"",methods:[],displayName:"Menu"}},"./src/components/Dropdown/components/option/option.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>option_option});var classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_4bd03571_esm=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/react-select/dist/index-4bd03571.esm.js")),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),ChildrenContent=__webpack_require__("./src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),option_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Dropdown/components/option/option.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(option_module.A,options);const option_option_module=option_module.A&&option_module.A.locals?option_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}var _excluded=["Renderer","data","children","optionWrapperClassName"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Option=function Option(_ref){var Renderer=_ref.Renderer,data=_ref.data,children=_ref.children,optionWrapperClassName=_ref.optionWrapperClassName,props=_objectWithoutProperties(_ref,_excluded),tooltipProps=(null==data?void 0:data.tooltipProps)||{},rendererProps=_objectSpread(_objectSpread({children,data},props),{},{innerProps:_objectSpread(_objectSpread({},props.innerProps),{},{role:"option","aria-selected":props.isSelected})});return(0,jsx_runtime.jsx)(Tooltip.A,_objectSpread(_objectSpread({},tooltipProps),{},{position:Tooltip.A.positions.RIGHT,children:Renderer?(0,jsx_runtime.jsxs)(index_4bd03571_esm.c.Option,_objectSpread(_objectSpread({},rendererProps),{},{className:classnames_default()(option_option_module.optionReset,optionWrapperClassName),children:[(0,jsx_runtime.jsx)(Renderer,_objectSpread(_objectSpread({},rendererProps),data))," "]})):(0,jsx_runtime.jsx)(index_4bd03571_esm.c.Option,_objectSpread(_objectSpread({},rendererProps),{},{className:classnames_default()(option_option_module.optionReset,optionWrapperClassName),children:(0,jsx_runtime.jsx)(ChildrenContent.X,{data,children})}))}))};Option.displayName="Option";const option_option=Option;Option.__docgenInfo={description:"",methods:[],displayName:"Option"}},"./src/components/Dropdown/components/singleValue/singleValue.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>singleValue});__webpack_require__("../../node_modules/react/index.js");var classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_4bd03571_esm=__webpack_require__("../../node_modules/react-select/dist/index-4bd03571.esm.js"),ChildrenContent=__webpack_require__("./src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),singleValue_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Dropdown/components/singleValue/singleValue.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(singleValue_module.A,options);const singleValue_singleValue_module=singleValue_module.A&&singleValue_module.A.locals?singleValue_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}var _excluded=["Renderer","data","children","readOnly","singleValueWrapperClassName"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SingleValue=function SingleValue(_ref){var Renderer=_ref.Renderer,data=_ref.data,children=_ref.children,readOnly=_ref.readOnly,singleValueWrapperClassName=_ref.singleValueWrapperClassName,props=_objectWithoutProperties(_ref,_excluded),rendererProps=_objectSpread({children,readOnly,data},props),value=Renderer?(0,jsx_runtime.jsx)(Renderer,_objectSpread(_objectSpread({},rendererProps),data)):(0,jsx_runtime.jsx)(ChildrenContent.X,{data,readOnly,children});return(0,jsx_runtime.jsx)(index_4bd03571_esm.c.SingleValue,_objectSpread(_objectSpread({},props),{},{className:classnames_default()(singleValue_singleValue_module.singleValue,"dropdown-wrapper__single-value--reset",singleValueWrapperClassName),children:value}))};SingleValue.displayName="SingleValue";const singleValue=SingleValue;SingleValue.__docgenInfo={description:"",methods:[],displayName:"SingleValue"}},"./src/components/VirtualizedGrid/__stories__/VirtualizedGrid.stories.helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>generateItems,p:()=>itemRenderer});__webpack_require__("../../node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),generateItems=function generateItems(){for(var height=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,width=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",itemsCount=arguments.length>2?arguments[2]:void 0,items=[],i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>generateItems,_:()=>TipItemRenderer});__webpack_require__("../../node_modules/react/index.js");var vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),generateItems=function generateItems(){for(var defaultItemSize=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,itemsCount=arguments.length>1?arguments[1]:void 0,items=[],isVertical="horizontal"!==(arguments.length>2?arguments[2]:void 0),i=0;i0&&i%15)?2*defaultItemSize:defaultItemSize;items.push({value:"Item ".concat(i),size,id:i,height:isVertical?size:30})}return items},TipItemRenderer=function TipItemRenderer(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__.A,{title:"Are your list items not rendered correctly?",children:["Please make sure you inject the style parameter of the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("code",{children:"itemRenderer"})," function to the item ","element's","wrapper style."]})};TipItemRenderer.displayName="TipItemRenderer",TipItemRenderer.__docgenInfo={description:"",methods:[],displayName:"TipItemRenderer"}},"./src/constants/keyCodes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{GS:()=>UP_DOWN_ARROWS,S$:()=>SELECTION_KEYS,uP:()=>keyCodes});var keyCodes={ENTER:"Enter",SPACE:" ",ESCAPE:"Escape",DOWN_ARROW:"ArrowDown",UP_ARROW:"ArrowUp",LEFT_ARROW:"ArrowLeft",RIGHT_ARROW:"ArrowRight",TAB:"Tab"},SELECTION_KEYS=[keyCodes.ENTER,keyCodes.SPACE],UP_DOWN_ARROWS=[keyCodes.UP_ARROW,keyCodes.DOWN_ARROW]},"./src/services/themes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function getCSSVar(varName){if(function isThemesSupported(){try{return!(!window.CSS||!window.CSS.supports)&&window.CSS.supports("color","var(--fake-var)")}catch(e){return!1}}())return"var(--".concat(varName,")")}__webpack_require__.d(__webpack_exports__,{E2:()=>hexToRgb,Qb:()=>getComputedVarColor,f4:()=>getCSSVar});var getComputedVarColor=function getComputedVarColor(elem,cssVar){return getComputedStyle(elem).getPropertyValue("--".concat(cssVar))};function hexToRgb(hex){hex.startsWith("#")&&(hex=hex.substring(1));var bigint=parseInt(hex,16),g=bigint>>8&255,b=255&bigint;return"rgb(".concat(bigint>>16&255,", ").concat(g,", ").concat(b,")")}},"./src/services/virtualized-service.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>easeInOutQuint,Cq:()=>getMaxOffset,Np:()=>getOnItemsRenderedData,SI:()=>isLayoutDirectionScrollbarVisible,yl:()=>getNormalizedItems});var EMPTY_OBJECT={},getNormalizedItems=function getNormalizedItems(items,idGetter,sizeGetter){var normalizedItems={},offset=0,lastIndex=items.length-1;return items.forEach((function(item,index){var size=sizeGetter(item,index),uniqueId=idGetter(item,index);normalizedItems[uniqueId]={item,index,height:size,size,offsetTop:offset,offset},lastIndex===index&&(normalizedItems["~~~lastItem~~~"]=normalizedItems[uniqueId]),offset+=size})),normalizedItems},getMaxOffset=function getMaxOffset(offsetSize,normalizedItems){var lastItem=normalizedItems["~~~lastItem~~~"];if(!lastItem)return 0;var size=lastItem.size;return lastItem.offset+size-offsetSize},easeInOutQuint=function easeInOutQuint(time){var t=time;return t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t};var isLayoutDirectionScrollbarVisible=function isLayoutDirectionScrollbarVisible(items,normalizedItems,idGetter,componentSize){if(!componentSize)return!1;var lastExistingItemId=idGetter(items[items.length-1]||EMPTY_OBJECT,items.length-1);if(!normalizedItems[lastExistingItemId])return!1;var _normalizedItems$last=normalizedItems[lastExistingItemId];return _normalizedItems$last.offset+_normalizedItems$last.size>componentSize};function isEmptyObject(obj){return obj===EMPTY_OBJECT}var getOnItemsRenderedData=function getOnItemsRenderedData(items,normalizedItems,idGetter,visibleStartIndex,visibleStopIndex,listSize,currentOffsetTop){var firstVisibleItem=items[visibleStartIndex]||EMPTY_OBJECT,secondVisibleItem=items[visibleStartIndex+1]||EMPTY_OBJECT,lastVisibleItem=items[visibleStopIndex]||EMPTY_OBJECT,firstItemId=isEmptyObject(firstVisibleItem)?void 0:idGetter(firstVisibleItem,visibleStartIndex),secondItemId=isEmptyObject(secondVisibleItem)?void 0:idGetter(secondVisibleItem,visibleStartIndex+1),lastItemId=isEmptyObject(lastVisibleItem)?void 0:idGetter(lastVisibleItem,visibleStopIndex),centerOffset=currentOffsetTop+listSize/2,_ref2=normalizedItems[firstItemId]||EMPTY_OBJECT,firstItemOffsetEnd=_ref2.offsetTop+_ref2.height,centerItemId=function findItemAtOffset(items,normalizedItems,idGetter,fromIndex,offset){for(var i=fromIndex;ioffset)return itemId}return null}(items,normalizedItems,idGetter,visibleStartIndex,centerOffset);return{firstItemId,secondItemId,lastItemId,centerItemId,firstItemOffsetEnd,currentOffsetTop}}},"./src/storybook/components/component-name/component-name-decorator.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>ComponentNameDecorator});__webpack_require__("../../node_modules/react/index.js");var classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e_componentName="component-name-module_componentName__02j5D",o=function o(_ref){var o=_ref.children,a=_ref.className;return(0,jsx_runtime.jsx)("h1",{className:classnames_default()(e_componentName,a),children:o})},injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),component_name_decorator=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/storybook/components/component-name/component-name-decorator.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(component_name_decorator.A,options);component_name_decorator.A&&component_name_decorator.A.locals&&component_name_decorator.A.locals;var ComponentNameDecorator=function ComponentNameDecorator(_ref){var children=_ref.children,className=_ref.className,_ref$withFoundationBa=_ref.withFoundationBackground,withFoundationBackground=void 0!==_ref$withFoundationBa&&_ref$withFoundationBa;return(0,jsx_runtime.jsx)(o,{className:classnames_default()("vibe-storybook-component-name",className,{"vibe-storybook-component-name--foundation":withFoundationBackground}),children})};ComponentNameDecorator.displayName="ComponentNameDecorator";ComponentNameDecorator.__docgenInfo={description:"",methods:[],displayName:"ComponentNameDecorator",props:{withFoundationBackground:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./src/storybook/components/related-components/related-components-decorator.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>RelatedComponentsDecorator});__webpack_require__("../../node_modules/react/index.js");var vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../storybook-blocks/dist/src/components/related-components/related-components.js"),_component_description_map__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),RelatedComponentsDecorator=function RelatedComponentsDecorator(_ref){var componentsNames=_ref.componentsNames,linkTarget=_ref.linkTarget;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__.A,{componentsNames,descriptionComponentsMap:_component_description_map__WEBPACK_IMPORTED_MODULE_3__.lP,linkTarget})};RelatedComponentsDecorator.displayName="RelatedComponentsDecorator",RelatedComponentsDecorator.defaultProps={componentsNames:[],linkTarget:void 0};RelatedComponentsDecorator.__docgenInfo={description:"",methods:[],displayName:"RelatedComponentsDecorator",props:{componentsNames:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},linkTarget:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1}}}},"../storybook-blocks/dist/_virtual/_tslib.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function t(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&0>n.indexOf(r)&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);r.length>o;o++)0>n.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]])}return e}function n(t,n,e,r){return new(e||(e=Promise))((function(o,c){function p(t){try{u(r.next(t))}catch(t){c(t)}}function f(t){try{u(r.throw(t))}catch(t){c(t)}}function u(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(p,f)}u((r=r.apply(t,n||[])).next())}))}__webpack_require__.d(__webpack_exports__,{T:()=>t,s:()=>n}),"function"==typeof SuppressedError&&SuppressedError},"../storybook-blocks/dist/src/components/component-rules/component-rules.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>a});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),_tslib=__webpack_require__("../storybook-blocks/dist/_virtual/_tslib.js"),Check_i=function i(_i){var l=_i.size,t=(0,_tslib.T)(_i,["size"]);return(0,jsx_runtime.jsx)("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:l||"20",height:l||"20"},t,{children:(0,jsx_runtime.jsx)("path",{d:"M8.53033 14.2478L8 13.7175L7.46967 14.2478C7.76256 14.5407 8.23744 14.5407 8.53033 14.2478ZM8 12.6569L4.53033 9.18718C4.23744 8.89429 3.76256 8.89429 3.46967 9.18718C3.17678 9.48008 3.17678 9.95495 3.46967 10.2478L7.46967 14.2478L8 13.7175L8.53033 14.2478L16.2478 6.53033C16.5407 6.23743 16.5407 5.76256 16.2478 5.46967C15.955 5.17677 15.4801 5.17677 15.1872 5.46967L8 12.6569Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}))};Check_i.displayName="Check";var r=function r(_r){var i=_r.size,t=(0,_tslib.T)(_r,["size"]);return(0,jsx_runtime.jsx)("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:i||"20",height:i||"20"},t,{children:(0,jsx_runtime.jsx)("path",{d:"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}))};r.displayName="CloseSmall";var e_componentRule="component-rule-module_componentRule__b51wz",e_component="component-rule-module_component__ibOBm",e_title="component-rule-module_title__r8nKb",e_icon="component-rule-module_icon__NHO3w",e_description="component-rule-module_description__34TNB",e_recommended="component-rule-module_recommended__JAYjs",e_notRecommended="component-rule-module_notRecommended__R6RSC";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var l=function l(_ref){var l=_ref.component,_ref$description=_ref.description,a=void 0===_ref$description?"":_ref$description,_ref$isRecommended=_ref.isRecommended,i=void 0!==_ref$isRecommended&&_ref$isRecommended,p=_ref.className,d=_ref.componentContainerClassName,f=(0,jsx_runtime.jsx)(i?Check_i:r,{className:e_icon}),h=i?"Do":"Don't";return(0,jsx_runtime.jsxs)("section",{className:classnames_default()(e_componentRule,_defineProperty(_defineProperty({},e_recommended,i),e_notRecommended,!i),p),children:[(0,jsx_runtime.jsx)("figure",{className:classnames_default()(e_component,d),children:l}),(0,jsx_runtime.jsxs)("h5",{className:e_title,children:[f,h]}),(0,jsx_runtime.jsx)("section",{className:e_description,children:a})]})},component_rules_module_scss_e_componentRules="component-rules-module_componentRules__D0v0z",component_rules_module_scss_e_pair="component-rules-module_pair__06KDD",a=function a(_ref){var _ref$rules=_ref.rules,a=void 0===_ref$rules?[]:_ref$rules,c=_ref.className,r=(0,react.useMemo)((function(){return a.map((function(n,a){var r="rule-"+a;return(0,jsx_runtime.jsxs)("section",{className:classnames_default()(component_rules_module_scss_e_pair,c),children:[(0,jsx_runtime.jsx)(l,{component:n.positive.component,description:n.positive.description,className:n.className,componentContainerClassName:n.componentContainerClassName,isRecommended:!0}),(0,jsx_runtime.jsx)(l,{component:n.negative.component,description:n.negative.description,className:n.className,componentContainerClassName:n.componentContainerClassName,isRecommended:!1})]},r)}))}),[c,a]);return(0,jsx_runtime.jsx)("article",{className:component_rules_module_scss_e_componentRules,children:r})}},"../storybook-blocks/dist/src/components/deprecated-warning/deprecated-warning.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>r});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_link_link_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../storybook-blocks/dist/src/components/link/link.js"),_tip_tip_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),r=function r(_ref){var r=_ref.alternativeName,a=_ref.alternativeLink,s=_ref.additionalContent;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tip_tip_js__WEBPACK_IMPORTED_MODULE_1__.A,{emoji:"🚨",title:"Deprecated component",type:_tip_tip_js__WEBPACK_IMPORTED_MODULE_1__.A.types.DANGER,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:["This is a legacy component and will be deprecated in the next major version. Please consider using the",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_link_link_js__WEBPACK_IMPORTED_MODULE_2__.A,{href:a,size:_link_link_js__WEBPACK_IMPORTED_MODULE_2__.A.sizes.SMALL,children:r}),"component for your needs instead.",s]})})}},"../storybook-blocks/dist/src/components/frame/frame.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),e_frame="frame-module_frame__0mDDi",e_noBorder="frame-module_noBorder__KZ24s",e_noGutter="frame-module_noGutter__Y1s2j";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var s=function s(_ref){var s=_ref.children,m=_ref.className,_ref$noGutter=_ref.noGutter,t=void 0!==_ref$noGutter&&_ref$noGutter,_ref$noBorder=_ref.noBorder,a=void 0!==_ref$noBorder&&_ref$noBorder;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(e_frame,m,_defineProperty(_defineProperty({},e_noGutter,t),e_noBorder,a)),children:s})}},"../storybook-blocks/dist/src/components/function-arguments/function-argument.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>d});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e_argument="index-module_argument__dZueg",e_argument_name="index-module_argument-name__Z03bZ",e_argument_type="index-module_argument-type__fExEG",e_required="index-module_required__M5SD8",d=function d(_ref){var d=_ref.children,l=_ref.name,n=_ref.type,i=_ref.description,s=_ref.default,t=_ref.required;return(0,jsx_runtime.jsxs)("li",{className:e_argument,children:[l&&(0,jsx_runtime.jsx)("code",{className:e_argument_name,children:l}),(0,jsx_runtime.jsx)("code",{className:e_argument_type,children:n}),t&&(0,jsx_runtime.jsx)("span",{className:e_required,children:"*"}),i&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" - ",i]}),s&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","Defaults to: ",(0,jsx_runtime.jsx)("code",{children:s})]}),d&&(0,jsx_runtime.jsx)("ul",{children:d})]})}},"../storybook-blocks/dist/src/components/function-arguments/function-arguments.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>e});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e=function e(_ref){var _ref$children=_ref.children,e=void 0===_ref$children?[]:_ref$children;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("ul",{children:e})}},"../storybook-blocks/dist/src/components/information-box-title/information-box-title.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),link_link=__webpack_require__("../storybook-blocks/dist/src/components/link/link.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),i_informationBoxTitle="information-box-title-module_informationBoxTitle__Ue-Ii",i_titleLink="information-box-title-module_titleLink__BtwHW";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var s=(0,withStaticProps.N)((function(_ref){var r=_ref.children,e=_ref.href,s=_ref.linkTarget;return e&&"string"==typeof r?(0,jsx_runtime.jsx)(link_link.A,{className:classnames_default()(i_informationBoxTitle),href:e,withoutSpacing:!0,target:s,children:r}):(0,jsx_runtime.jsx)("h4",{className:classnames_default()(i_informationBoxTitle,_defineProperty({},i_titleLink,e)),children:r})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/information-box/information-box.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),information_box_title=__webpack_require__("../storybook-blocks/dist/src/components/information-box-title/information-box-title.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),o_informationBox="information-box-module_informationBox__QOoZN",o_component="information-box-module_component__Fe90I",o_description="information-box-module_description__0MwCB",s=(0,withStaticProps.N)((function(_ref){var _ref$component=_ref.component,r=void 0===_ref$component?null:_ref$component,_ref$title=_ref.title,n=void 0===_ref$title?"":_ref$title,_ref$description=_ref.description,s=void 0===_ref$description?"":_ref$description,m=_ref.href,a=_ref.linkTarget,l="string"==typeof n?(0,jsx_runtime.jsx)(information_box_title.A,{href:m,linkTarget:a,children:n}):n;return(0,jsx_runtime.jsxs)("section",{className:o_informationBox,children:[r&&(0,jsx_runtime.jsx)("figure",{className:o_component,children:r}),l,(0,jsx_runtime.jsx)("section",{className:o_description,children:s})]})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/link/LinkConstants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var n,t;__webpack_require__.d(__webpack_exports__,{M:()=>t,s:()=>n}),function(n){n.SMALL="small",n.MEDIUM="medium"}(n||(n={})),function(n){n.NEW_WINDOW="_blank",n.SELF="_self",n.PARENT="_parent",n.TOP="_top"}(t||(t={}))},"../storybook-blocks/dist/src/components/link/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>link_n});var _,jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("../../node_modules/react/index.js");function n(){}!function(_){_.NEW_WINDOW="_blank",_.SELF="_self",_.PARENT="_parent",_.TOP="_top"}(_||(_={}));var withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),i_link="Link-module_link__llHuh",i_text="Link-module_text__IUUHV",i_inlineText="Link-module_inlineText__gd10O",i_inheritFontSize="Link-module_inheritFontSize__m-O4o";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var Link_n=(0,react.forwardRef)((function(r,s){var o,m=r.className,c=r.textClassName,_r$href=r.href,f=void 0===_r$href?"":_r$href,_r$text=r.text,p=void 0===_r$text?"":_r$text,_r$rel=r.rel,d=void 0===_r$rel?"noreferrer":_r$rel,_r$onClick=r.onClick,u=void 0===_r$onClick?n:_r$onClick,_r$target=r.target,h=void 0===_r$target?null===(o=Link_n.targets)||void 0===o?void 0:o.NEW_WINDOW:_r$target,_r$ariaLabelDescripti=r.ariaLabelDescription,x=void 0===_r$ariaLabelDescripti?"":_r$ariaLabelDescripti,_r$id=r.id,N=void 0===_r$id?"":_r$id,_r$ariaLabeledBy=r.ariaLabeledBy,b=void 0===_r$ariaLabeledBy?"":_r$ariaLabeledBy,_r$disableNavigation=r.disableNavigation,g=void 0!==_r$disableNavigation&&_r$disableNavigation,_r$inheritFontSize=r.inheritFontSize,v=void 0!==_r$inheritFontSize&&_r$inheritFontSize,_r$inlineText=r.inlineText,j=void 0!==_r$inlineText&&_r$inlineText,k=(0,react.useCallback)((function(e){g&&e.preventDefault(),u&&u(e)}),[g,u]);return(0,jsx_runtime.jsx)("a",{id:N,href:f,rel:d,ref:s,onClick:k,target:h,className:classnames_default()(i_link,m,_defineProperty(_defineProperty({},i_inheritFontSize,v),i_inlineText,j)),"aria-label":x,"aria-labelledby":b,children:(0,jsx_runtime.jsx)("span",{className:classnames_default()(i_text,c),children:p})})})),m=(0,withStaticProps.N)(Link_n,{target:_,targets:_});Link_n.__docgenInfo={description:"",methods:[],displayName:"n"};var LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),link_module_scss_l_compsLink="link-module_compsLink__qp9ha",link_module_scss_l_small="link-module_small__N-0kQ",link_module_scss_l_medium="link-module_medium__VE5qu",link_module_scss_l_withSpacing="link-module_withSpacing__wLA9n";function link_typeof(o){return link_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},link_typeof(o)}function link_defineProperty(obj,key,value){return key=function link_toPropertyKey(t){var i=function link_toPrimitive(t,r){if("object"!=link_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=link_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==link_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var link_n=(0,withStaticProps.N)((function a(o){var r,e,n,l,p=o.children,c=o.href,_o$size=o.size,d=void 0===_o$size?null===(r=a.sizes)||void 0===r?void 0:r.MEDIUM:_o$size,_o$withoutSpacing=o.withoutSpacing,u=void 0!==_o$withoutSpacing&&_o$withoutSpacing,_o$target=o.target,v=void 0===_o$target?null===(e=a.targets)||void 0===e?void 0:e.NEW_WINDOW:_o$target,f=o.className;return(0,jsx_runtime.jsx)(m,{text:p,href:c,target:v,className:classnames_default()(link_module_scss_l_compsLink,f,link_defineProperty(link_defineProperty(link_defineProperty({},link_module_scss_l_small,d===(null===(n=a.sizes)||void 0===n?void 0:n.SMALL)),link_module_scss_l_medium,d===(null===(l=a.sizes)||void 0===l?void 0:l.MEDIUM)),link_module_scss_l_withSpacing,!u))})}),{sizes:LinkConstants.s,targets:LinkConstants.M})},"../storybook-blocks/dist/src/components/multiple-story-elements-wrapper/multiple-story-elements-wrapper.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>t});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),e_multipleStoryElementsWrapper="multiple-story-elements-wrapper-module_multipleStoryElementsWrapper__EoEMA",e_focusTrap="multiple-story-elements-wrapper-module_focusTrap__IOwSd",t=function t(_ref){var t=_ref.className,m=_ref.children;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(e_multipleStoryElementsWrapper,t),children:[(0,jsx_runtime.jsx)("div",{"data-testid":"focusTrap",className:e_focusTrap}),m]})}},"../storybook-blocks/dist/src/components/paragraph/paragraph.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>r});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),r=function r(_ref){var r=_ref.children,e=_ref.className;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("vibe-sb-comps-paragraph",e),children:r})}},"../storybook-blocks/dist/src/components/related-component/related-component.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),information_box=__webpack_require__("../storybook-blocks/dist/src/components/information-box/information-box.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),related_components_context=__webpack_require__("../storybook-blocks/dist/src/components/related-components/related-components-context.js"),related_component_module_scss_e_relatedComponentComponent="related-component-module_relatedComponentComponent__uZQwS",s=(0,withStaticProps.N)((function(_ref){var l,e=_ref.component,_ref$title=_ref.title,n=void 0===_ref$title?"":_ref$title,_ref$description=_ref.description,s=void 0===_ref$description?"":_ref$description,a=_ref.href,p=_ref.linkTarget,c=null===(l=(0,react.useContext)(related_components_context.j))||void 0===l?void 0:l.linkTarget,d=p||c;return(0,jsx_runtime.jsx)(information_box.A,{component:(0,jsx_runtime.jsx)("div",{className:related_component_module_scss_e_relatedComponentComponent,children:e}),title:n,description:s,href:a,linkTarget:d})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/related-components/related-components-context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>r});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_link_LinkConstants_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),r=react__WEBPACK_IMPORTED_MODULE_0__.createContext({linkTarget:_link_LinkConstants_js__WEBPACK_IMPORTED_MODULE_1__.M.NEW_WINDOW})},"../storybook-blocks/dist/src/components/related-components/related-components.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>i});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),related_components_context=__webpack_require__("../storybook-blocks/dist/src/components/related-components/related-components-context.js"),e_relatedComponents="related-components-module_relatedComponents__i89L0",i=(0,withStaticProps.N)((function(_ref){var _ref$componentsNames=_ref.componentsNames,r=void 0===_ref$componentsNames?[]:_ref$componentsNames,o=_ref.descriptionComponentsMap,i=_ref.linkTarget,m=(0,react.useMemo)((function(){return r.map((function(e,r){var n="".concat(e,"_").concat(r);return(0,jsx_runtime.jsx)("section",{children:o.get(e)},n)}))}),[r,o]);return(0,jsx_runtime.jsx)(related_components_context.j.Provider,{value:{linkTarget:i},children:(0,jsx_runtime.jsx)("article",{className:e_relatedComponents,children:m})})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/storybook-link/storybook-link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>a});var _virtual_tslib_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../storybook-blocks/dist/_virtual/_tslib.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),_link_link_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../storybook-blocks/dist/src/components/link/link.js"),_storybook_addon_links__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-links/dist/index.mjs"),_link_LinkConstants_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>l});var tipConstants_r,r,jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Flex=__webpack_require__("../storybook-blocks/dist/src/helpers/components/Flex/Flex.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js");(r=tipConstants_r||(tipConstants_r={})).PRIMARY="primary",r.SUCCESS="success",r.DANGER="danger",r.DARK="dark",r.WARNING="warning";var _={tip:"tip-module_tip__Fh-HE",title:"tip-module_title__JthJR",body:"tip-module_body__FiA3R",primary:"tip-module_primary__2KKDH",danger:"tip-module_danger__nQ5eQ",success:"tip-module_success__j8L0M",dark:"tip-module_dark__xa10r",warning:"tip-module_warning__I78T1"},l=(0,withStaticProps.N)((function(_ref){var _ref$title=_ref.title,r=void 0===_ref$title?"Tip":_ref$title,l=_ref.children,_ref$emoji=_ref.emoji,m=void 0===_ref$emoji?"🤓":_ref$emoji,_ref$type=_ref.type,o=void 0===_ref$type?tipConstants_r.DARK:_ref$type;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(_.tip,_[o]),children:[(0,jsx_runtime.jsx)("div",{className:_.title,children:(0,jsx_runtime.jsxs)(Flex.A,{gap:Flex.A.gaps.XS,align:Flex.A.align.CENTER,children:[(0,jsx_runtime.jsx)("span",{children:m}),(0,jsx_runtime.jsx)("span",{children:r})]})}),(0,jsx_runtime.jsx)("div",{className:_.body,children:l})]})}),{types:tipConstants_r})},"../storybook-blocks/dist/src/components/unstyled-list-item/unstyled-list-item.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>e});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),t_unstyledListItem="unstyled-list-item-module_unstyledListItem__prrSE",e=function e(_ref){var e=_ref.children;return(0,jsx_runtime.jsx)("li",{className:t_unstyledListItem,children:e})}},"../storybook-blocks/dist/src/components/unstyled-list/unstyled-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>e});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e=function e(_ref){var e=_ref.children;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("ul",{children:e})}},"../storybook-blocks/dist/src/components/usage-guidelines/usage-guidelines.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>r});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),e={usageGuideline:"usage-guidelines-module_usageGuideline__RNDP8",icon:"usage-guidelines-module_icon__Cb645"},r=function r(_ref){var _ref$guidelines=_ref.guidelines,r=void 0===_ref$guidelines?[]:_ref$guidelines,n=(0,react.useMemo)((function(){return r.map((function(i,r){return(0,jsx_runtime.jsxs)("span",{id:""+r,className:e.usageGuideline,children:[(0,jsx_runtime.jsx)("span",{className:e.icon,children:"➡️"}),(0,jsx_runtime.jsx)("span",{children:i})]},r)}))}),[r]);return(0,jsx_runtime.jsx)("article",{className:e.usageGuidelines,children:n})}},"../storybook-blocks/dist/src/helpers/components/Flex/Flex.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>p});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),FlexConstants=__webpack_require__("../storybook-blocks/dist/src/helpers/components/Flex/FlexConstants.js");function typesciptCssModulesHelper_n(n,r){return r&&n[r]?n[r]:""}var withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),e={container:"Flex-module_container__-8TjW",justifyStart:"Flex-module_justifyStart__WTGva",justifyEnd:"Flex-module_justifyEnd__mFuEf",justifyCenter:"Flex-module_justifyCenter__YbSfd",justifySpaceBetween:"Flex-module_justifySpaceBetween__t3iCX",justifySpaceAround:"Flex-module_justifySpaceAround__5Vckf",alignStart:"Flex-module_alignStart__Gy7YI",alignEnd:"Flex-module_alignEnd__HzxbP",alignCenter:"Flex-module_alignCenter__ZG9dk",alignStretch:"Flex-module_alignStretch__KLARl",directionColumn:"Flex-module_directionColumn__Dgbbo",wrap:"Flex-module_wrap__j-H7a"};function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var p=(0,withStaticProps.N)((function c(t){var s,l,r,n,p=t.className,m=t.id,_t$elementType=t.elementType,u=void 0===_t$elementType?"div":_t$elementType,_t$direction=t.direction,b=void 0===_t$direction?null===(s=c.directions)||void 0===s?void 0:s.ROW:_t$direction,_t$wrap=t.wrap,y=void 0!==_t$wrap&&_t$wrap,f=t.children,_t$justify=t.justify,j=void 0===_t$justify?null===(l=c.justify)||void 0===l?void 0:l.START:_t$justify,_t$align=t.align,g=void 0===_t$align?null===(r=c.align)||void 0===r?void 0:r.CENTER:_t$align,_t$gap=t.gap,v=void 0===_t$gap?null===(n=c.gaps)||void 0===n?void 0:n.NONE:_t$gap,x=t.onClick,C=t.style,N=t.ariaLabelledby,O=t.ariaLabel,T=t.tabIndex,h=t["data-testid"],w=(0,react.useMemo)((function(){return Object.assign(Object.assign({},C),{gap:v+"px"})}),[C,v]),E=(0,react.useMemo)((function(){return x?{elementType:u,ariaLabelledby:N}:{"aria-labelledby":N}}),[x,u,N]);return(0,jsx_runtime.jsx)(u,Object.assign({id:m,"data-testid":h},E,{className:classnames_default()(e.container,typesciptCssModulesHelper_n(e,"direction"+b),typesciptCssModulesHelper_n(e,"justify"+j),typesciptCssModulesHelper_n(e,"align"+g),p,_defineProperty({},e.wrap,y)),tabIndex:T,onClick:x,style:w,"aria-label":O,children:f}))}),{justify:FlexConstants.aP,align:FlexConstants.xB,gaps:FlexConstants.Us,directions:FlexConstants.bo})},"../storybook-blocks/dist/src/helpers/components/Flex/FlexConstants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var E,t,S,n;__webpack_require__.d(__webpack_exports__,{Us:()=>S,aP:()=>t,bo:()=>n,xB:()=>E}),function(E){E.START="Start",E.CENTER="Center",E.END="End",E.STRETCH="Stretch"}(E||(E={})),function(E){E.START="Start",E.CENTER="Center",E.END="End",E.STRETCH="Stretch",E.SPACE_AROUND="SpaceAround",E.SPACE_BETWEEN="SpaceBetween"}(t||(t={})),function(E){E[E.XS=4]="XS",E[E.SMALL=8]="SMALL",E[E.MEDIUM=16]="MEDIUM",E[E.LARGE=24]="LARGE",E[E.NONE=0]="NONE"}(S||(S={})),function(E){E.ROW="Row",E.COLUMN="Column"}(n||(n={}))},"../storybook-blocks/dist/src/types/withStaticProps.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>s});var s=function s(_s,t){return Object.assign(_s,t)}},"./.storybook/preview.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});var FormattedNumber_namespaceObject={};__webpack_require__.r(FormattedNumber_namespaceObject),__webpack_require__.d(FormattedNumber_namespaceObject,{A:()=>FormattedNumber_FormattedNumber});var components_namespaceObject={};__webpack_require__.r(components_namespaceObject),__webpack_require__.d(components_namespaceObject,{Accordion:()=>Accordion.A,AccordionItem:()=>AccordionItem.A,AccordionItemProps:()=>AccordionItem.AccordionItemProps,AccordionProps:()=>Accordion.AccordionProps,AlertBanner:()=>AlertBanner.A,AlertBannerButton:()=>AlertBannerButton.A,AlertBannerButtonProps:()=>AlertBannerButton.AlertBannerButtonProps,AlertBannerLink:()=>AlertBannerLink.A,AlertBannerLinkProps:()=>AlertBannerLink.AlertBannerLinkProps,AlertBannerProps:()=>AlertBanner.AlertBannerProps,AlertBannerText:()=>AlertBannerText.A,AlertBannerTextProps:()=>AlertBannerText.AlertBannerTextProps,AttentionBox:()=>AttentionBox.A,AttentionBoxLink:()=>AttentionBoxLink.A,AttentionBoxLinkProps:()=>AttentionBoxLink.AttentionBoxLinkProps,AttentionBoxProps:()=>AttentionBox.AttentionBoxProps,Avatar:()=>Avatar.A,AvatarGroup:()=>AvatarGroup.A,AvatarGroupProps:()=>AvatarGroup.AvatarGroupProps,AvatarProps:()=>Avatar.AvatarProps,Badge:()=>Badge.A,BadgeProps:()=>Badge.BadgeProps,Box:()=>Box.A,BoxProps:()=>Box.BoxProps,BreadcrumbBarProps:()=>BreadcrumbsBar.BreadcrumbBarProps,BreadcrumbItem:()=>BreadcrumbItem.A,BreadcrumbItemProps:()=>BreadcrumbItem.BreadcrumbItemProps,BreadcrumbsBar:()=>BreadcrumbsBar.A,Button:()=>Button.A,ButtonGroup:()=>ButtonGroup.A,ButtonGroupProps:()=>ButtonGroup.ButtonGroupProps,ButtonProps:()=>Button.ButtonProps,Checkbox:()=>Checkbox.A,CheckboxProps:()=>Checkbox.CheckBoxProps,Chips:()=>Chips.A,ChipsProps:()=>Chips.ChipsProps,Clickable:()=>Clickable.A,ClickableProps:()=>Clickable.ClickableProps,ColorPicker:()=>ColorPicker.A,ColorPickerContent:()=>ColorPickerContent.A,ColorPickerContentProps:()=>ColorPickerContent.ColorPickerContentProps,ColorPickerProps:()=>ColorPicker.ColorPickerProps,ColorUtils:()=>colors_utils.A,Combobox:()=>Combobox.A,ComboboxProps:()=>Combobox.ComboboxProps,Counter:()=>Counter.A,CounterProps:()=>Counter.CounterProps,CustomSvgIcon:()=>CustomSvgIcon.A,CustomSvgIconProps:()=>CustomSvgIcon.CustomSvgIconProps,DatePicker:()=>DatePicker.A,DatePickerProps:()=>DatePicker.DatePickerProps,Dialog:()=>Dialog.A,DialogContentContainer:()=>DialogContentContainer.A,DialogContentContainerProps:()=>DialogContentContainer.DialogContentContainerProps,DialogProps:()=>Dialog.DialogProps,Divider:()=>Divider.A,DividerProps:()=>Divider.DividerProps,Dropdown:()=>Dropdown.A,DropdownMenu:()=>menu.A,DropdownOption:()=>option_option.A,DropdownSingleValue:()=>singleValue.A,EditableHeading:()=>LegacyEditableHeading.A,EditableInput:()=>EditableInput.A,EditableInputProps:()=>EditableInput.EditableInputProps,EditableText:()=>EditableText.A,EditableTextProps:()=>EditableText.EditableTextProps,ExpandCollapse:()=>ExpandCollapse.A,ExpandCollapseProps:()=>ExpandCollapse.ExpandCollapseProps,Flex:()=>Flex.A,FlexProps:()=>Flex.FlexProps,FormattedNumber:()=>FormattedNumber_FormattedNumber,FormattedNumberProps:()=>FormattedNumber_namespaceObject.FormattedNumberProps,GridKeyboardNavigationContext:()=>GridKeyboardNavigationContext.v,Heading:()=>LegacyHeading.A,HiddenText:()=>HiddenText.A,HiddenTextProps:()=>HiddenText.HiddenTextProps,Icon:()=>Icon.A,IconButton:()=>IconButton.A,IconButtonProps:()=>IconButton.IconButtonProps,IconProps:()=>Icon.IconProps,InputField:()=>TextField.A,Label:()=>Label.A,LabelProps:()=>Label.LabelProps,LinearProgressBar:()=>LinearProgressBar.A,LinearProgressBarProps:()=>LinearProgressBar.LinearProgressBarProps,Link:()=>Link.A,LinkProps:()=>Link.LinkProps,List:()=>List.A,ListItem:()=>ListItem.A,ListItemAvatar:()=>ListItemAvatar.A,ListItemAvatarProps:()=>ListItemAvatar.ListItemAvatarProps,ListItemIcon:()=>ListItemIcon.A,ListItemIconProps:()=>ListItemIcon.ListItemIconProps,ListItemProps:()=>ListItem.ListItemProps,ListProps:()=>List.ListProps,ListTitle:()=>ListTitle.A,ListTitleProps:()=>ListTitle.ListTitleProps,Loader:()=>Loader.A,LoaderProps:()=>Loader.LoaderProps,Menu:()=>Menu.A,MenuButton:()=>MenuButton.A,MenuButtonProps:()=>MenuButton.MenuButtonProps,MenuDivider:()=>MenuDivider.A,MenuDividerProps:()=>MenuDivider.MenuDividerProps,MenuGridItem:()=>MenuGridItem.A,MenuGridItemProps:()=>MenuGridItem.MenuGridItemProps,MenuItem:()=>MenuItem.A,MenuItemButton:()=>MenuItemButton.A,MenuItemButtonProps:()=>MenuItemButton.MenuItemButtonProps,MenuItemProps:()=>MenuItem.MenuItemProps,MenuProps:()=>Menu.MenuProps,MenuTitle:()=>MenuTitle.A,MenuTitleProps:()=>MenuTitle.MenuTitleProps,Modal:()=>Modal.A,ModalContent:()=>ModalContent.A,ModalContentProps:()=>ModalContent.ModalContentProps,ModalFooter:()=>ModalFooter.A,ModalFooterButtons:()=>ModalFooterButtons.A,ModalFooterButtonsProps:()=>ModalFooterButtons.ModalFooterButtonsProps,ModalFooterProps:()=>ModalFooter.ModalFooterProps,ModalHeader:()=>ModalHeader.A,ModalHeaderProps:()=>ModalHeader.ModalHeaderProps,ModalProps:()=>Modal.ModalProps,MultiStepIndicator:()=>MultiStepIndicator.A,MultiStepIndicatorProps:()=>MultiStepIndicator.MultiStepIndicatorProps,RadioButton:()=>RadioButton.A,RadioButtonProps:()=>RadioButton.RadioButtonProps,ResponsiveList:()=>ResponsiveList.A,ResponsiveListProps:()=>ResponsiveList_types.ResponsiveListProps,Search:()=>LegacySearch.A,SearchComponent:()=>LegacySearch.A,Skeleton:()=>Skeleton.A,SkeletonProps:()=>Skeleton.SkeletonProps,Slider:()=>Slider.A,SliderProps:()=>Slider.SliderProps,SplitButton:()=>SplitButton.A,SplitButtonMenu:()=>SplitButtonMenu.A,SplitButtonMenuProps:()=>SplitButtonMenu.SplitButtonMenuProps,SplitButtonProps:()=>SplitButton.SplitButtonProps,Steps:()=>Steps.A,StepsProps:()=>Steps.StepsProps,Tab:()=>Tab.A,TabList:()=>TabList.A,TabListProps:()=>TabList.TabListProps,TabPanel:()=>TabPanel.A,TabPanelProps:()=>TabPanel.TabPanelProps,TabPanels:()=>TabPanels.A,TabPanelsProps:()=>TabPanels.TabPanelsProps,TabProps:()=>Tab.TabProps,Table:()=>Table.A,TableBody:()=>TableBody.A,TableBodyProps:()=>TableBody.ITableBodyProps,TableCell:()=>TableCell.A,TableCellProps:()=>TableCell.ITableCellProps,TableContainer:()=>TableContainer_TableContainer,TableHeader:()=>TableHeader.A,TableHeaderCell:()=>TableHeaderCell.A,TableHeaderCellProps:()=>TableHeaderCell.ITableHeaderCellProps,TableHeaderProps:()=>TableHeader.ITableHeaderProps,TableProps:()=>Table.ITableProps,TableRow:()=>TableRow.A,TableRowMenu:()=>TableRowMenu_TableRowMenu,TableRowProps:()=>TableRow.ITableRowProps,TableVirtualizedBody:()=>TableVirtualizedBody.A,TableVirtualizedBodyProps:()=>TableVirtualizedBody.ITableVirtualizedBodyProps,TableVirtualizedRow:()=>TableVirtualizedBody.TableVirtualizedRow,TabsContext:()=>TabsContext.A,TabsContextProps:()=>TabsContext.TabsContextProps,Text:()=>Text.A,TextArea:()=>TextArea.A,TextField:()=>TextField.A,TextFieldProps:()=>TextField.TextFieldProps,TextProps:()=>Text.TextProps,TextWithHighlight:()=>TextWithHighlight.A,TextWithHighlightProps:()=>TextWithHighlight.TextWithHighlightProps,ThemeProvider:()=>ThemeProvider.A,ThemeProviderProps:()=>ThemeProvider.ThemeProviderProps,Tipseen:()=>Tipseen.A,TipseenContent:()=>TipseenContent.A,TipseenContentProps:()=>TipseenContent.TipseenContentProps,TipseenImage:()=>TipseenImage.A,TipseenImageProps:()=>TipseenImage.TipseenImageProps,TipseenMedia:()=>TipseenMedia.A,TipseenMediaProps:()=>TipseenMedia.TipseenMediaProps,TipseenProps:()=>Tipseen.TipseenProps,TipseenWizard:()=>TipseenWizard.A,TipseenWizardProps:()=>TipseenWizard.TipseenWizardProps,Toast:()=>Toast.A,ToastButton:()=>ToastButton.A,ToastButtonProps:()=>ToastButton.ToastButtonProps,ToastLink:()=>ToastLink.A,ToastLinkProps:()=>ToastLink.ToastLinkProps,ToastProps:()=>Toast.ToastProps,Toggle:()=>Toggle.A,ToggleProps:()=>Toggle.ToggleProps,Tooltip:()=>Tooltip.A,TooltipProps:()=>Tooltip.TooltipProps,VirtualizedGrid:()=>VirtualizedGrid.A,VirtualizedGridProps:()=>VirtualizedGrid.VirtualizedGridProps,VirtualizedList:()=>VirtualizedList.A,VirtualizedListProps:()=>VirtualizedList.VirtualizedListProps,useGridKeyboardNavigationContext:()=>GridKeyboardNavigationContext.q});var next_namespaceObject={};__webpack_require__.r(next_namespaceObject),__webpack_require__.d(next_namespaceObject,{EditableHeading:()=>EditableHeading.A,EditableHeadingProps:()=>EditableHeading.EditableHeadingProps,Heading:()=>Heading.A,HeadingProps:()=>Heading.HeadingProps,Search:()=>Search.A});var hooks_namespaceObject={};__webpack_require__.r(hooks_namespaceObject),__webpack_require__.d(hooks_namespaceObject,{useActiveDescendantListFocus:()=>useActiveDescendantListFocus.A,useAfterFirstRender:()=>useAfterFirstRender.A,useClickOutside:()=>useClickOutside.A,useClickableProps:()=>useClickableProps.A,useDebounceEvent:()=>useDebounceEvent.A,useElementsOverflowingIndex:()=>useElementsOverflowingIndex.A,useEventListener:()=>useEventListener.A,useGridKeyboardNavigation:()=>useGridKeyboardNavigation.A,useHover:()=>useHover.A,useIsMouseOver:()=>useIsMouseOver,useIsOverflowing:()=>useIsOverflowing.A,useKeyEvent:()=>useKeyEvent.A,useListenFocusTriggers:()=>useListenFocusTriggers.A,useMediaQuery:()=>useMediaQuery.A,useMergeRefs:()=>useMergeRefs,usePrevious:()=>usePrevious.A,useResizeObserver:()=>useResizeObserver.A,useSetFocus:()=>useSetFocus.A,useSwitch:()=>useSwitch.A,useTimeout:()=>useTimeout.A,useVibeMediaQuery:()=>useVibeMediaQuery.A});var react=__webpack_require__("../../node_modules/react/index.js"),Accordion=__webpack_require__("./src/components/Accordion/Accordion/Accordion.tsx"),AccordionItem=__webpack_require__("./src/components/Accordion/AccordionItem/AccordionItem.tsx"),AlertBanner=__webpack_require__("./src/components/AlertBanner/AlertBanner.tsx"),AlertBannerButton=__webpack_require__("./src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"),AlertBannerLink=__webpack_require__("./src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"),AlertBannerText=__webpack_require__("./src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"),AttentionBox=__webpack_require__("./src/components/AttentionBox/AttentionBox.tsx"),AttentionBoxLink=__webpack_require__("./src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.tsx"),Avatar=__webpack_require__("./src/components/Avatar/Avatar.tsx"),AvatarGroup=__webpack_require__("./src/components/AvatarGroup/AvatarGroup.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Box=__webpack_require__("./src/components/Box/Box.tsx"),BreadcrumbsBar=__webpack_require__("./src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"),BreadcrumbItem=__webpack_require__("./src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),ButtonGroup=__webpack_require__("./src/components/ButtonGroup/ButtonGroup.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Chips=__webpack_require__("./src/components/Chips/Chips.tsx"),Clickable=__webpack_require__("./src/components/Clickable/Clickable.tsx"),ColorPicker=__webpack_require__("./src/components/ColorPicker/ColorPicker.tsx"),ColorPickerContent=__webpack_require__("./src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.tsx"),Combobox=__webpack_require__("./src/components/Combobox/Combobox.tsx"),Counter=__webpack_require__("./src/components/Counter/Counter.tsx"),DatePicker=__webpack_require__("./src/components/DatePicker/DatePicker.tsx"),Dialog=__webpack_require__("./src/components/Dialog/Dialog.tsx"),DialogContentContainer=__webpack_require__("./src/components/DialogContentContainer/DialogContentContainer.tsx"),Divider=__webpack_require__("./src/components/Divider/Divider.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),menu=__webpack_require__("./src/components/Dropdown/components/menu/menu.jsx"),option_option=__webpack_require__("./src/components/Dropdown/components/option/option.jsx"),singleValue=__webpack_require__("./src/components/Dropdown/components/singleValue/singleValue.jsx"),EditableInput=__webpack_require__("./src/components/EditableInput/EditableInput.tsx"),EditableText=__webpack_require__("./src/components/EditableText/EditableText.tsx"),ExpandCollapse=__webpack_require__("./src/components/ExpandCollapse/ExpandCollapse.tsx"),Flex=__webpack_require__("./src/components/Flex/Flex.tsx"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),function_utils=__webpack_require__("./src/utils/function-utils.ts");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r1&&void 0!==arguments[1]?arguments[1]:{},_ref$local=_ref.local,local=void 0===_ref$local?"en-US":_ref$local,_ref$isCompact=_ref.isCompact,isCompact=void 0===_ref$isCompact||_ref$isCompact,_ref$precision=_ref.precision,precision=void 0===_ref$precision?2:_ref$precision;if(null!=value){var isLocalSupported=function validateLocalSupported(local){var isLocalSupported;try{isLocalSupported=!!Intl.NumberFormat.supportedLocalesOf((0,function_utils.GT)(local),{localeMatcher:"lookup"}).length}catch(err){isLocalSupported=!1}return isLocalSupported}(local),normalizedPrecision=function validatePrecision(precision){return precisionMAX_PRECISION?MAX_PRECISION:precision}(precision),selectedLocal=isLocalSupported?local:"en-US";return new Intl.NumberFormat(selectedLocal,_objectSpread(_objectSpread({},isCompact&&{notation:"compact"}),{},{maximumFractionDigits:normalizedPrecision})).format(value)}}Object.freeze({range:function range(min,max){return function(props,propName,componentName){if(props[propName]max)return new Error("Invalid prop ".concat(propName," supplied to ").concat(componentName,". ").concat(propName," should be between ").concat(min," to ").concat(max,"."))}}});var test_ids_utils=__webpack_require__("./src/tests/test-ids-utils.ts"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),FormattedNumber_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/FormattedNumber/FormattedNumber.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FormattedNumber_module.A,options);const FormattedNumber_FormattedNumber_module=FormattedNumber_module.A&&FormattedNumber_module.A.locals?FormattedNumber_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),FormattedNumber=(0,react.forwardRef)((function(_ref,ref){var value=_ref.value,className=_ref.className,_ref$local=_ref.local,local=void 0===_ref$local?FormattedNumber.localFallBack:_ref$local,prefix=_ref.prefix,suffix=_ref.suffix,_ref$emptyPlaceHolder=_ref.emptyPlaceHolder,emptyPlaceHolder=void 0===_ref$emptyPlaceHolder?"N/A":_ref$emptyPlaceHolder,_ref$decimalPrecision=_ref.decimalPrecision,decimalPrecision=void 0===_ref$decimalPrecision?2:_ref$decimalPrecision,_ref$compact=_ref.compact,compact=void 0===_ref$compact||_ref$compact,rtl=_ref.rtl,id=_ref.id,dataTestId=_ref["data-testid"],renderSuffix=(0,react.useMemo)((function(){return suffix?(0,jsx_runtime.jsx)("span",{className:classnames_default()(FormattedNumber_FormattedNumber_module.suffix),children:suffix}):null}),[suffix]),renderPrefix=(0,react.useMemo)((function(){return prefix?(0,jsx_runtime.jsx)("span",{className:classnames_default()(FormattedNumber_FormattedNumber_module.prefix),children:prefix}):null}),[prefix]),calculatedValue=(0,react.useMemo)((function(){return formatNumber(Number(value),{local,precision:decimalPrecision,isCompact:compact})}),[value,decimalPrecision,local,compact]);return function validateValue(value){var isNullOrUndefined=null==value,isEmptyStringWithSpaces="string"==typeof value&&!value.replace(" ","").length;return isNullOrUndefined||isNaN(Number(value))||isEmptyStringWithSpaces}(value)?(0,jsx_runtime.jsx)("span",{children:emptyPlaceHolder}):(0,jsx_runtime.jsxs)("div",{ref,className,id,"data-testid":dataTestId||(0,test_ids_utils.G)(test_ids_utils.w.FORMATTED_NUMBER,id),children:[rtl?renderSuffix:renderPrefix,(0,jsx_runtime.jsx)("span",{children:calculatedValue}),rtl?renderPrefix:renderSuffix]})}));Object.assign(FormattedNumber,{formatNumber,localFallBack:formatNumberConsts.DEFAULT_LOCAL});const FormattedNumber_FormattedNumber=FormattedNumber;try{FormattedNumber.displayName="FormattedNumber",FormattedNumber.__docgenInfo={description:"",displayName:"FormattedNumber",props:{value:{defaultValue:null,description:"A numeric value to format.",name:"value",required:!1,type:{name:"string | number"}},prefix:{defaultValue:null,description:"If included, will be added as a prefix to the number.",name:"prefix",required:!1,type:{name:"string"}},suffix:{defaultValue:null,description:"If included, will be added as a suffix to the number.",name:"suffix",required:!1,type:{name:"string"}},emptyPlaceHolder:{defaultValue:{value:"N/A"},description:"The text that will be shown if no value is provided.",name:"emptyPlaceHolder",required:!1,type:{name:"string"}},decimalPrecision:{defaultValue:{value:"2"},description:"Determines the number of decimal numbers (0 ~ 20).",name:"decimalPrecision",required:!1,type:{name:"number"}},compact:{defaultValue:{value:"true"},description:"Format number into compact number and initial (if required).",name:"compact",required:!1,type:{name:"boolean"}},local:{defaultValue:{value:"FormattedNumber.localFallBack"},description:"Determines the number's local (Unicode BCP 47 locale identifier).",name:"local",required:!1,type:{name:"string"}},rtl:{defaultValue:null,description:"Determines suffix and prefix location",name:"rtl",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FormattedNumber/FormattedNumber.tsx#FormattedNumber"]={docgenInfo:FormattedNumber.__docgenInfo,name:"FormattedNumber",path:"src/components/FormattedNumber/FormattedNumber.tsx#FormattedNumber"})}catch(__react_docgen_typescript_loader_error){}var GridKeyboardNavigationContext=__webpack_require__("./src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"),HiddenText=__webpack_require__("./src/components/HiddenText/HiddenText.tsx"),Icon=__webpack_require__("./src/components/Icon/Icon.tsx"),CustomSvgIcon=__webpack_require__("./src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Label=__webpack_require__("./src/components/Label/Label.tsx"),LegacyEditableHeading=__webpack_require__("./src/components/LegacyEditableHeading/LegacyEditableHeading.tsx"),LegacyHeading=__webpack_require__("./src/components/LegacyHeading/LegacyHeading.tsx"),LegacySearch=__webpack_require__("./src/components/LegacySearch/LegacySearch.tsx"),Link=__webpack_require__("./src/components/Link/Link.tsx"),List=__webpack_require__("./src/components/List/List.tsx"),ListItem=__webpack_require__("./src/components/ListItem/ListItem.tsx"),ListItemAvatar=__webpack_require__("./src/components/ListItemAvatar/ListItemAvatar.tsx"),ListItemIcon=__webpack_require__("./src/components/ListItemIcon/ListItemIcon.tsx"),ListTitle=__webpack_require__("./src/components/ListTitle/ListTitle.tsx"),Loader=__webpack_require__("./src/components/Loader/Loader.tsx"),Menu=__webpack_require__("./src/components/Menu/Menu/Menu.tsx"),MenuItem=__webpack_require__("./src/components/Menu/MenuItem/MenuItem.tsx"),MenuItemButton=__webpack_require__("./src/components/Menu/MenuItemButton/MenuItemButton.tsx"),MenuDivider=__webpack_require__("./src/components/Menu/MenuDivider/MenuDivider.tsx"),MenuTitle=__webpack_require__("./src/components/Menu/MenuTitle/MenuTitle.tsx"),MenuGridItem=__webpack_require__("./src/components/Menu/MenuGridItem/MenuGridItem.tsx"),MenuButton=__webpack_require__("./src/components/MenuButton/MenuButton.tsx"),Modal=__webpack_require__("./src/components/Modal/Modal.tsx"),ModalHeader=__webpack_require__("./src/components/Modal/ModalHeader/ModalHeader.tsx"),ModalContent=__webpack_require__("./src/components/Modal/ModalContent/ModalContent.tsx"),ModalFooter=__webpack_require__("./src/components/Modal/ModalFooter/ModalFooter.tsx"),ModalFooterButtons=__webpack_require__("./src/components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.tsx"),MultiStepIndicator=__webpack_require__("./src/components/MultiStepIndicator/MultiStepIndicator.tsx"),LinearProgressBar=__webpack_require__("./src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"),RadioButton=__webpack_require__("./src/components/RadioButton/RadioButton.tsx"),ResponsiveList=__webpack_require__("./src/components/ResponsiveList/ResponsiveList.tsx"),ResponsiveList_types=__webpack_require__("./src/components/ResponsiveList/ResponsiveList.types.ts"),Skeleton=__webpack_require__("./src/components/Skeleton/Skeleton.tsx"),Slider=__webpack_require__("./src/components/Slider/Slider.tsx"),SplitButton=__webpack_require__("./src/components/SplitButton/SplitButton.tsx"),SplitButtonMenu=__webpack_require__("./src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"),Steps=__webpack_require__("./src/components/Steps/Steps.tsx"),Table=__webpack_require__("./src/components/Table/Table/Table.tsx"),TableContainerContext=(0,react.createContext)(void 0),TableContainerProvider=function TableContainerProvider(_ref){var children=_ref.children,menuContainerRef=(0,react.useRef)(null),contextValue=(0,react.useMemo)((function(){return{menuContainerRef}}),[menuContainerRef]);return(0,jsx_runtime.jsx)(TableContainerContext.Provider,{value:contextValue,children})};TableContainerProvider.displayName="TableContainerProvider";var useTableContainer=function useTableContainer(){var context=(0,react.useContext)(TableContainerContext);if(!context)throw new Error("useTableContainer must be used within a TableContainerProvider");return context};try{TableContainerProvider.displayName="TableContainerProvider",TableContainerProvider.__docgenInfo={description:"",displayName:"TableContainerProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/context/TableContainerContext/TableContainerContext.tsx#TableContainerProvider"]={docgenInfo:TableContainerProvider.__docgenInfo,name:"TableContainerProvider",path:"src/components/Table/context/TableContainerContext/TableContainerContext.tsx#TableContainerProvider"})}catch(__react_docgen_typescript_loader_error){}var TableContainerRoot_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Table/TableContainer/TableContainerRoot.module.scss"),TableContainerRoot_module_options={};TableContainerRoot_module_options.styleTagTransform=styleTagTransform_default(),TableContainerRoot_module_options.setAttributes=setAttributesWithoutAttributes_default(),TableContainerRoot_module_options.insert=insertBySelector_default().bind(null,"head"),TableContainerRoot_module_options.domAPI=styleDomAPI_default(),TableContainerRoot_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TableContainerRoot_module.A,TableContainerRoot_module_options);const TableContainer_TableContainerRoot_module=TableContainerRoot_module.A&&TableContainerRoot_module.A.locals?TableContainerRoot_module.A.locals:void 0;var TableContainerRoot=(0,react.forwardRef)((function(_ref,ref){var id=_ref.id,className=_ref.className,dataTestId=_ref["data-testid"],style=_ref.style,children=_ref.children,menuContainerRef=useTableContainer().menuContainerRef;return(0,jsx_runtime.jsxs)("div",{ref,id,className:classnames_default()(TableContainer_TableContainerRoot_module.tableContainer,className),"data-testid":dataTestId,style,children:[(0,jsx_runtime.jsx)("div",{ref:menuContainerRef,className:TableContainer_TableContainerRoot_module.menuContainer}),children]})}));const TableContainer_TableContainerRoot=TableContainerRoot;try{TableContainerRoot.displayName="TableContainerRoot",TableContainerRoot.__docgenInfo={description:"",displayName:"TableContainerRoot",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableContainer/TableContainerRoot.tsx#TableContainerRoot"]={docgenInfo:TableContainerRoot.__docgenInfo,name:"TableContainerRoot",path:"src/components/Table/TableContainer/TableContainerRoot.tsx#TableContainerRoot"})}catch(__react_docgen_typescript_loader_error){}var constants=__webpack_require__("./src/tests/constants.ts"),TableContainer=function TableContainer(_ref){var id=_ref.id,className=_ref.className,dataTestId=_ref["data-testid"],style=_ref.style,children=_ref.children;return(0,jsx_runtime.jsx)(TableContainerProvider,{children:(0,jsx_runtime.jsx)(TableContainer_TableContainerRoot,{id,className,"data-testid":dataTestId||(0,test_ids_utils.G)(constants.w.TABLE_CONTAINER,id),style,children})})};TableContainer.displayName="TableContainer";const TableContainer_TableContainer=TableContainer;try{TableContainer.displayName="TableContainer",TableContainer.__docgenInfo={description:"",displayName:"TableContainer",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableContainer/TableContainer.tsx#TableContainer"]={docgenInfo:TableContainer.__docgenInfo,name:"TableContainer",path:"src/components/Table/TableContainer/TableContainer.tsx#TableContainer"})}catch(__react_docgen_typescript_loader_error){}var TableHeader=__webpack_require__("./src/components/Table/TableHeader/TableHeader.tsx"),TableHeaderCell=__webpack_require__("./src/components/Table/TableHeaderCell/TableHeaderCell.tsx"),TableBody=__webpack_require__("./src/components/Table/TableBody/TableBody.tsx"),TableVirtualizedBody=__webpack_require__("./src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"),TableRow=__webpack_require__("./src/components/Table/TableRow/TableRow.tsx"),TableRowMenu_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/components/Table/TableRowMenu/TableRowMenu.module.scss"),TableRowMenu_module_options={};TableRowMenu_module_options.styleTagTransform=styleTagTransform_default(),TableRowMenu_module_options.setAttributes=setAttributesWithoutAttributes_default(),TableRowMenu_module_options.insert=insertBySelector_default().bind(null,"head"),TableRowMenu_module_options.domAPI=styleDomAPI_default(),TableRowMenu_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TableRowMenu_module.A,TableRowMenu_module_options);const TableRowMenu_TableRowMenu_module=TableRowMenu_module.A&&TableRowMenu_module.A.locals?TableRowMenu_module.A.locals:void 0;var react_dom=__webpack_require__("../../node_modules/react-dom/index.js"),TableContext=__webpack_require__("./src/components/Table/context/TableContext/TableContext.tsx"),typesciptCssModulesHelper=__webpack_require__("./src/helpers/typesciptCssModulesHelper.ts"),TableRowMenuContext=__webpack_require__("./src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"),TableRowMenu=(0,react.forwardRef)((function(_ref,ref){var rowId=_ref.rowId,className=_ref.className,id=_ref.id,dataTestId=_ref["data-testid"],children=_ref.children,menuContainerRef=useTableContainer().menuContainerRef,size=(0,TableContext.K)().size,_useTableRowMenu=(0,TableRowMenuContext.V)(),hoveredRowId=_useTableRowMenu.hoveredRowId,setTableMenuHidden=_useTableRowMenu.setTableMenuHidden,setTableMenuShown=_useTableRowMenu.setTableMenuShown,menuButtonPosition=_useTableRowMenu.menuButtonPosition,onMouseOverRowMenu=_useTableRowMenu.onMouseOverRowMenu,onMouseLeaveRowMenu=_useTableRowMenu.onMouseLeaveRowMenu,onMenuHide=(0,react.useCallback)((function(){setTableMenuHidden()}),[setTableMenuHidden]),onMenuShow=(0,react.useCallback)((function(){setTableMenuShown()}),[setTableMenuShown]);return menuContainerRef.current&&hoveredRowId&&hoveredRowId===rowId?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,react_dom.createPortal)((0,jsx_runtime.jsx)("div",{className:classnames_default()(TableRowMenu_TableRowMenu_module.rowMenuContainer,(0,typesciptCssModulesHelper.g)(TableRowMenu_TableRowMenu_module,size)),style:{top:menuButtonPosition},onMouseOver:onMouseOverRowMenu,onMouseLeave:onMouseLeaveRowMenu,children:(0,jsx_runtime.jsx)(MenuButton.A,{id,ref,className:classnames_default()(TableRowMenu_TableRowMenu_module.tableMenu,className),size:MenuButton.A.sizes.XS,onMenuHide,onMenuShow,"data-testid":dataTestId||(0,test_ids_utils.G)(constants.w.TABLE_ROW_MENU,id),children:(0,jsx_runtime.jsx)(Menu.A,{children})})}),menuContainerRef.current)}):null}));const TableRowMenu_TableRowMenu=TableRowMenu;try{TableRowMenu.displayName="TableRowMenu",TableRowMenu.__docgenInfo={description:"",displayName:"TableRowMenu",props:{rowId:{defaultValue:null,description:"",name:"rowId",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableRowMenu/TableRowMenu.tsx#TableRowMenu"]={docgenInfo:TableRowMenu.__docgenInfo,name:"TableRowMenu",path:"src/components/Table/TableRowMenu/TableRowMenu.tsx#TableRowMenu"})}catch(__react_docgen_typescript_loader_error){}var TableCell=__webpack_require__("./src/components/Table/TableCell/TableCell.tsx"),Tab=__webpack_require__("./src/components/Tabs/Tab/Tab.tsx"),TabList=__webpack_require__("./src/components/Tabs/TabList/TabList.tsx"),TabPanel=__webpack_require__("./src/components/Tabs/TabPanel/TabPanel.tsx"),TabsContext=__webpack_require__("./src/components/Tabs/TabsContext/TabsContext.tsx"),TabPanels=__webpack_require__("./src/components/Tabs/TabPanels/TabPanels.tsx"),Text=__webpack_require__("./src/components/Text/Text.tsx"),TextArea=__webpack_require__("./src/components/TextArea/TextArea.tsx"),TextField=__webpack_require__("./src/components/TextField/TextField.tsx"),TextWithHighlight=__webpack_require__("./src/components/TextWithHighlight/TextWithHighlight.tsx"),ThemeProvider=__webpack_require__("./src/components/ThemeProvider/ThemeProvider.tsx"),Tipseen=__webpack_require__("./src/components/Tipseen/Tipseen.tsx"),TipseenContent=__webpack_require__("./src/components/Tipseen/TipseenContent.tsx"),TipseenWizard=__webpack_require__("./src/components/Tipseen/TipseenWizard.tsx"),TipseenImage=__webpack_require__("./src/components/Tipseen/TipseenImage.tsx"),TipseenMedia=__webpack_require__("./src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"),Toast=__webpack_require__("./src/components/Toast/Toast.tsx"),ToastButton=__webpack_require__("./src/components/Toast/ToastButton/ToastButton.tsx"),ToastLink=__webpack_require__("./src/components/Toast/ToastLink/ToastLink.tsx"),Toggle=__webpack_require__("./src/components/Toggle/Toggle.tsx"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),VirtualizedGrid=__webpack_require__("./src/components/VirtualizedGrid/VirtualizedGrid.tsx"),VirtualizedList=__webpack_require__("./src/components/VirtualizedList/VirtualizedList.tsx"),colors_utils=__webpack_require__("./src/utils/colors-utils.ts"),Heading=__webpack_require__("./src/components/Heading/Heading.tsx"),EditableHeading=__webpack_require__("./src/components/EditableHeading/EditableHeading.tsx"),Search=__webpack_require__("./src/components/Search/Search.tsx"),useKeyEvent=__webpack_require__("./src/hooks/useKeyEvent/index.ts"),useEventListener=__webpack_require__("./src/hooks/useEventListener/index.ts"),useDebounceEvent=__webpack_require__("./src/hooks/useDebounceEvent/index.ts"),useClickOutside=__webpack_require__("./src/hooks/useClickOutside/index.ts"),useResizeObserver=__webpack_require__("./src/hooks/useResizeObserver.ts"),useAfterFirstRender=__webpack_require__("./src/hooks/useAfterFirstRender/index.ts"),useTimeout=__webpack_require__("./src/hooks/useTimeout/index.ts"),usePrevious=__webpack_require__("./src/hooks/usePrevious/index.ts"),useSetFocus=__webpack_require__("./src/hooks/useSetFocus/index.ts");function useMergeRefs(_ref){var _ref$refs=_ref.refs,refs=void 0===_ref$refs?[]:_ref$refs;return(0,react.useMemo)((function(){return refs.every((function(ref){return null===ref}))?null:function(node){refs.forEach((function(ref){ref&&function assignRef(ref,value){if(null===ref)return;if("function"==typeof ref)return void ref(value);try{ref.current=value}catch(error){throw console.error(error),new Error("Cannot assign value '".concat(value,"' to ref '").concat(ref,"'"))}}(ref,node)}))}}),[refs])}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);ia.children.length;){var _e=document.createElement("span");_e.style.cssText="width:1px;height:30px;float:left;background-color:#131",a.appendChild(_e)}window.performance&&!performance.memory&&(performance.memory={usedJSHeapSize:0,totalJSHeapSize:0}),0===performance.memory.totalJSHeapSize&&console.warn("totalJSHeapSize === 0... performance.memory is only available in Chrome .");var l,s,i=["Bytes","KB","MB","GB","TB"],c=Date.now(),m=performance.memory.usedJSHeapSize,p=0,d="#131",h=0,f=0,u=0;return{domElement:o,update:function update(){var o,n,y,g;Date.now()-c<1e3/30||(c=Date.now(),p=performance.memory.usedJSHeapSize-m,m=performance.memory.usedJSHeapSize,d=0>p?"#830":"#131",h=m,r.textContent="Mem: "+(n=2,0===(o=h)?"n/a":(l=Math.pow(10,n=void 0!==n?n:0),s=Math.floor(Math.log(o)/Math.log(1024)),"".concat(Math.round(o*l/Math.pow(1024,s))/l," ").concat(i[s]))),(f=h/1048576)>t&&(y=e/t,g=e/(u=e*((f-f%e)/e+1)),[].forEach.call(a.children,(function(t){var o=t.style.height.substring(0,t.style.height.length-2);t.style.height=e-(e-o)/y*g+"px"})),t=u),function(e,t,o){var n=e.appendChild(e.firstChild);n.style.height=t+"px",o&&(n.style.backgroundColor=o)}(a,e-f*(e/t),d))}}});var memory_stats_lib_o=function _commonjsHelpers_e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}(memory_stats_lib_e.exports),memory_stats_t=null;var CanvasWrapper_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/storybook/components/canvas-wrapper/CanvasWrapper.module.scss"),CanvasWrapper_module_options={};CanvasWrapper_module_options.styleTagTransform=styleTagTransform_default(),CanvasWrapper_module_options.setAttributes=setAttributesWithoutAttributes_default(),CanvasWrapper_module_options.insert=insertBySelector_default().bind(null,"head"),CanvasWrapper_module_options.domAPI=styleDomAPI_default(),CanvasWrapper_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CanvasWrapper_module.A,CanvasWrapper_module_options);const canvas_wrapper_CanvasWrapper_module=CanvasWrapper_module.A&&CanvasWrapper_module.A.locals?CanvasWrapper_module.A.locals:void 0;function CanvasWrapper_slicedToArray(arr,i){return function CanvasWrapper_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function CanvasWrapper_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function CanvasWrapper_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return CanvasWrapper_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return CanvasWrapper_arrayLikeToArray(o,minLen)}(arr,i)||function CanvasWrapper_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function CanvasWrapper_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\n\n```",name:"of",required:!1,type:{name:"any"}},meta:{defaultValue:null,description:"Pass all exports of the CSF file if this MDX file is unattached\n\n```jsx\nimport { Canvas } from '@storybook/blocks';\nimport * as ButtonStories from './Button.stories';\n\n\n```",name:"meta",required:!1,type:{name:"ModuleExports"}},sourceState:{defaultValue:{value:"'hidden'"},description:"Specify the initial state of the source panel\nhidden: the source panel is hidden by default\nshown: the source panel is shown by default\nnone: the source panel is not available and the button to show it is hidden",name:"sourceState",required:!1,type:{name:"enum",value:[{value:'"hidden"'},{value:'"shown"'},{value:'"none"'}]}},layout:{defaultValue:{value:"'padded'"},description:"how to layout the story within the canvas\npadded: the story has padding within the canvas\nfullscreen: the story is rendered edge to edge within the canvas\ncentered: the story is centered within the canvas",name:"layout",required:!1,type:{name:"enum",value:[{value:'"padded"'},{value:'"fullscreen"'},{value:'"centered"'}]}},source:{defaultValue:null,description:"@see {SourceProps}",name:"source",required:!1,type:{name:'Omit'}},story:{defaultValue:null,description:"@see {StoryProps}",name:"story",required:!1,type:{name:'Pick'}},isColumn:{defaultValue:null,description:"@deprecated multiple stories are not supported",name:"isColumn",required:!1,type:{name:"boolean"}},columns:{defaultValue:null,description:"@deprecated multiple stories are not supported",name:"columns",required:!1,type:{name:"number"}},withSource:{defaultValue:null,description:"@deprecated use `sourceState` instead",name:"withSource",required:!1,type:{name:"enum",value:[{value:'"open"'},{value:'"closed"'},{value:'"none"'}]}},mdxSource:{defaultValue:null,description:"@deprecated use `source.code` instead",name:"mdxSource",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"@deprecated reference stories with the `of` prop instead",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/components/canvas-wrapper/CanvasWrapper.tsx#CanvasWrapper"]={docgenInfo:CanvasWrapper.__docgenInfo,name:"CanvasWrapper",path:"src/storybook/components/canvas-wrapper/CanvasWrapper.tsx#CanvasWrapper"})}catch(__react_docgen_typescript_loader_error){}var multiple_story_elements_wrapper=__webpack_require__("../storybook-blocks/dist/src/components/multiple-story-elements-wrapper/multiple-story-elements-wrapper.js"),withGlobalStyle_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/storybook/decorators/withGlobalStyle/withGlobalStyle.module.scss"),withGlobalStyle_module_options={};withGlobalStyle_module_options.styleTagTransform=styleTagTransform_default(),withGlobalStyle_module_options.setAttributes=setAttributesWithoutAttributes_default(),withGlobalStyle_module_options.insert=insertBySelector_default().bind(null,"head"),withGlobalStyle_module_options.domAPI=styleDomAPI_default(),withGlobalStyle_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(withGlobalStyle_module.A,withGlobalStyle_module_options);const withGlobalStyle_withGlobalStyle_module=withGlobalStyle_module.A&&withGlobalStyle_module.A.locals?withGlobalStyle_module.A.locals:void 0;function withGlobalStyle_typeof(o){return withGlobalStyle_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},withGlobalStyle_typeof(o)}function withGlobalStyle_defineProperty(obj,key,value){return key=function withGlobalStyle_toPropertyKey(t){var i=function withGlobalStyle_toPrimitive(t,r){if("object"!=withGlobalStyle_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=withGlobalStyle_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==withGlobalStyle_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var WithGlobalStyle=function WithGlobalStyle(Story,_ref){var className=_ref.className,viewMode=_ref.viewMode;return(0,jsx_runtime.jsx)(multiple_story_elements_wrapper.A,{className:classnames_default()(withGlobalStyle_defineProperty({},withGlobalStyle_withGlobalStyle_module.storyWrapper,"docs"===viewMode),className),children:(0,jsx_runtime.jsx)(Story,{})})};WithGlobalStyle.displayName="WithGlobalStyle";const withGlobalStyle=WithGlobalStyle;function props_table_typeof(o){return props_table_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},props_table_typeof(o)}function props_table_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function props_table_defineProperty(obj,key,value){return key=function props_table_toPropertyKey(t){var i=function props_table_toPrimitive(t,r){if("object"!=props_table_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=props_table_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==props_table_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var PropsTable=function PropsTable(props){return(0,jsx_runtime.jsx)(dist.uY,function props_table_objectSpread(e){for(var r=1;r {\n const [timesClicked, setTimesClicked] = React.useState(0);\n\n function onButtonClick(): void {\n if (timesClicked === 0) {\n alert("isn\'t that nice?");\n }\n setTimesClicked(prev => prev + 1);\n }\n\n return (\n \n
\n Online Playground\n \n Prototype with actual components\n \n
\n
\n Can\'t see the code editor?\n \n Click on the button on the left panel and\n select the{" "}\n \n \n "Change Addons Orientation"\n \n
\n \n Button has been clicked {timesClicked} times\n \n );\n}',css:".container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium);\n}\n\n.action-button {\n align-self: flex-start;\n}"},react_docgen_output_namespaceObject=JSON.parse('{"src/components/AlertBanner/AlertBanner.tsx":[{"description":"","methods":[],"displayName":"AlertBanner","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Set external styling to the progress bar."},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"AlertBannerBackgroundColor"},"description":"","defaultValue":{"value":"AlertBanner.backgroundColors.PRIMARY","computed":true}},"isCloseHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA description for the progress bar","defaultValue":{"value":"\\"\\"","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ChildrenType | ChildrenType[]","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"}],"raw":"ChildrenType[]"}]},"description":""}}}],"src/components/AttentionBox/AttentionBox.tsx":[{"description":"","methods":[],"displayName":"AttentionBox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withIconWithoutHeader":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"type":{"required":false,"tsType":{"name":"AttentionBoxType"},"description":"we support 5 types of attention boxes","defaultValue":{"value":"AttentionBox.types.PRIMARY","computed":true}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon classname for icon font or SVG Icon Component for SVG Type"},"iconType":{"required":false,"tsType":{"name":"union","raw":"IconType.SVG | IconType.ICON_FONT","elements":[{"name":"IconType.SVG"},{"name":"IconType.ICON_FONT"}]},"description":"","defaultValue":{"value":"Icon.type.SVG","computed":true}},"title":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"withoutIcon":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}}}}],"src/components/Avatar/Avatar.tsx":[{"description":"","methods":[],"displayName":"Avatar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"withoutTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for the avatar content of text type","defaultValue":{"value":"\\"\\"","computed":false}},"avatarContentWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for a div-wrapper of avatar content"},"backgroundColor":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Avatar.colors.CHILI_BLUE","computed":true}},"customBackgroundColor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"null","computed":false}},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":""},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"customSize":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"null","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"isSquare":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use square instead"},"isDisabled":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use disabled instead"},"square":{"required":false,"tsType":{"name":"boolean"},"description":""},"topLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"topRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"withoutBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"},{"type":{"name":"string"},"name":"avatarId"}],"return":{"name":"void"}}},"description":""}}}],"src/components/Avatar/AvatarBadge.tsx":[{"description":"","methods":[],"displayName":"AvatarBadge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Use to provide SVG Components"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"0","computed":false}},"size":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}}}}],"src/components/Avatar/AvatarContent.tsx":[{"description":"","methods":[],"displayName":"AvatarContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"role":{"required":false,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component"},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"text":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx":[{"description":"","methods":[],"displayName":"avatarRenderer","props":{"value":{"required":true,"tsType":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"ElementContent","required":true}}]}}]},"description":""}}}],"src/components/AvatarGroup/AvatarGroup.tsx":[{"description":"","methods":[],"displayName":"AvatarGroup","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":"Array of `Avatar` components"},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"max":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"5","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"4 `Counter.props` for customization + ariaLabelItemsName for specifying the \\"items\\" name in aria label"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":"`Tooltip.props`: props for custom counter tooltip"},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"Using counter default tooltip virtualized list for rendering only visible items (performance optimization)","defaultValue":{"value":"false","computed":false}},"removePadding":{"required":false,"tsType":{"name":"boolean"},"description":"If true, padding will be removed from the container","defaultValue":{"value":"false","computed":false}}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContentVirtualizedList","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarItems":{"required":false,"tsType":{"name":"Array","elements":[{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}}],"raw":"AvatarItem[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"avatarRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(\\n item: AvatarItem,\\n index: number,\\n style: CSSProperties,\\n type: AvatarType,\\n displayAsGrid: boolean\\n) => ReactElement","signature":{"arguments":[{"type":{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}},"name":"item"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"CSSProperties"},"name":"style"},{"type":{"name":"AvatarType"},"name":"type"},{"type":{"name":"boolean"},"name":"displayAsGrid"}],"return":{"name":"ReactElement"}}},"description":""},"tooltipContainerAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""}}}],"src/components/Badge/Badge.tsx":[{"description":"","methods":[],"displayName":"Badge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"anchor":{"required":false,"tsType":{"name":"BadgeAnchor"},"description":"","defaultValue":{"value":"Badge.anchors.TOP_END","computed":true}},"alignment":{"required":false,"tsType":{"name":"BadgeAlignments"},"description":"","defaultValue":{"value":"Badge.alignments.RECTANGULAR","computed":true}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"type":{"defaultValue":{"value":"Badge.types.INDICATOR","computed":true},"required":false}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"children":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},"description":"Counter element & focus placeholders","defaultValue":{"value":"[]","computed":false}},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"focusPrevPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"focusNextPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"counterContainerRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounter.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"counterTooltipAvatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"AvatarGroupCounterVisualProps: props for counter"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"Avatar.sizes.MEDIUM","computed":true}},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"counterAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"isVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""}}}],"src/components/BreadcrumbsBar/BreadcrumbsBar.tsx":[{"description":"","methods":[],"displayName":"BreadcrumbsBar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"BreadcrumbsBarType"},"description":"The type of the bar is responsible for whether it will be navigational or for indication only","defaultValue":{"value":"BreadcrumbsBar.types.INDICATION","computed":true}},"children":{"required":true,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":""}}}],"src/components/Box/Box.tsx":[{"description":"","methods":[],"displayName":"Box","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"border":{"required":false,"tsType":{"name":"BORDER[BORDER]","raw":"T[keyof T]"},"description":""},"borderColor":{"required":false,"tsType":{"name":"BORDER_COLOR[BORDER_COLOR]","raw":"T[keyof T]"},"description":""},"rounded":{"required":false,"tsType":{"name":"ROUNDED[ROUNDED]","raw":"T[keyof T]"},"description":""},"shadow":{"required":false,"tsType":{"name":"SHADOW[SHADOW]","raw":"T[keyof T]"},"description":""},"margin":{"required":false,"tsType":{"name":"MARGIN[MARGIN]","raw":"T[keyof T]"},"description":""},"marginX":{"required":false,"tsType":{"name":"MARGIN_X[MARGIN_X]","raw":"T[keyof T]"},"description":""},"marginY":{"required":false,"tsType":{"name":"MARGIN_Y[MARGIN_Y]","raw":"T[keyof T]"},"description":""},"marginTop":{"required":false,"tsType":{"name":"MARGIN_TOP[MARGIN_TOP]","raw":"T[keyof T]"},"description":""},"marginEnd":{"required":false,"tsType":{"name":"MARGIN_END[MARGIN_END]","raw":"T[keyof T]"},"description":""},"marginBottom":{"required":false,"tsType":{"name":"MARGIN_BOTTOM[MARGIN_BOTTOM]","raw":"T[keyof T]"},"description":""},"marginStart":{"required":false,"tsType":{"name":"MARGIN_START[MARGIN_START]","raw":"T[keyof T]"},"description":""},"padding":{"required":false,"tsType":{"name":"PADDING[PADDING]","raw":"T[keyof T]"},"description":""},"paddingX":{"required":false,"tsType":{"name":"PADDING_X[PADDING_X]","raw":"T[keyof T]"},"description":""},"paddingY":{"required":false,"tsType":{"name":"PADDING_Y[PADDING_Y]","raw":"T[keyof T]"},"description":""},"paddingTop":{"required":false,"tsType":{"name":"PADDING_TOP[PADDING_TOP]","raw":"T[keyof T]"},"description":""},"paddingEnd":{"required":false,"tsType":{"name":"PADDING_END[PADDING_END]","raw":"T[keyof T]"},"description":""},"paddingBottom":{"required":false,"tsType":{"name":"PADDING_BOTTOM[PADDING_BOTTOM]","raw":"T[keyof T]"},"description":""},"paddingStart":{"required":false,"tsType":{"name":"PADDING_START[PADDING_START]","raw":"T[keyof T]"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"BACKGROUND_COLORS[BACKGROUND_COLORS]","raw":"T[keyof T]"},"description":""},"textColor":{"required":false,"tsType":{"name":"COLORS[COLORS]","raw":"T[keyof T]"},"description":""},"scrollable":{"required":false,"tsType":{"name":"boolean"},"description":"TODO: make default in next major version"}}}],"src/components/Button/Button.tsx":[{"description":"","methods":[],"displayName":"Button","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button","defaultValue":{"value":"undefined","computed":true}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind","defaultValue":{"value":"ButtonType.PRIMARY","computed":true}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked","defaultValue":{"value":"function NOOP() {}","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click","defaultValue":{"value":"true","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages","defaultValue":{"value":"undefined","computed":true}},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size","defaultValue":{"value":"SIZES.MEDIUM","computed":true}},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color","defaultValue":{"value":"ButtonColor.PRIMARY","computed":true}},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type","defaultValue":{"value":"ButtonInputType.BUTTON","computed":true}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not","defaultValue":{"value":"false","computed":false}},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message","defaultValue":{"value":"false","computed":false}},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name","defaultValue":{"value":"null","computed":false}},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text","defaultValue":{"value":"\\"\\"","computed":false}},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":"","defaultValue":{"value":"undefined","computed":true}},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state","defaultValue":{"value":"false","computed":false}},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right","defaultValue":{"value":"false","computed":false}},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left","defaultValue":{"value":"false","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly","defaultValue":{"value":"undefined","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon","defaultValue":{"value":"undefined","computed":true}},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup","defaultValue":{"value":"undefined","computed":true}},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open","defaultValue":{"value":"undefined","computed":true}},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region","defaultValue":{"value":"undefined","computed":true}},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)","defaultValue":{"value":"\\"rgba(0, 0, 0, 0)\\"","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead","defaultValue":{"value":"undefined","computed":true}},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it","defaultValue":{"value":"false","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"}}}],"src/components/ButtonGroup/ButtonWrapper.tsx":[{"description":"","methods":[],"displayName":"ButtonWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked"},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click"},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages"},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size"},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color"},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right"},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left"},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message"},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name"},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text"},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state"},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right"},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left"},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon"},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open"},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region"},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback"},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":""},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":""},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)"},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it"},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipPosition":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ..."},"tooltipHideDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipShowDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipContainerSelector":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipMoveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n main?: number;\\n secondary?: number;\\n}","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":""}}}],"src/components/Chips/Chips.tsx":[{"description":"","methods":[],"displayName":"Chips","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"rightRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the right of the text"},"leftRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the left of the text"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"rightAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the right","defaultValue":{"value":"null","computed":false}},"rightAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of right avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"leftAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the left","defaultValue":{"value":"null","computed":false}},"leftAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of left avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right icon"},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right avatar"},"color":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Chips.colors.PRIMARY","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"18","computed":false}},"onDelete":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string, event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"},{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_id: string, _e: React.MouseEvent) => {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the Chip\'s entry animation","defaultValue":{"value":"true","computed":false}},"allowTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Allow user to select text","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Applies when element has onClick or onMouseDown props"},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"disableClickableBehavior":{"required":false,"tsType":{"name":"boolean"},"description":"Disable click behaviors","defaultValue":{"value":"false","computed":false}},"showBorder":{"required":false,"tsType":{"name":"boolean"},"description":"Show border, the border color is `--text-color-on-primary`, should be when the chip is a colored background like\\nselected-color","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Remove\\"","computed":false}}}}],"src/components/Checkbox/Checkbox.tsx":[{"description":"","methods":[],"displayName":"Checkbox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the wrapping element"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"An id to be added the input element"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"checkboxClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the checkbox element label"},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the label element"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"A11y prop to describe the content for screen readers"},"label":{"required":false,"tsType":{"name":"union","raw":"React.ReactNode | Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"}],"raw":"Array"}]},"description":"The content to be rendered within the option"},"ariaLabelledBy":{"required":false,"tsType":{"name":"string"},"description":"A11y prop - An Id of an element which describes this option"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.ChangeEvent) => void","signature":{"arguments":[{"type":{"name":"ReactChangeEvent","raw":"React.ChangeEvent","elements":[{"name":"HTMLInputElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when the value changes","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"checked":{"required":false,"tsType":{"name":"boolean"},"description":"Use this when you want to control the component, this will set the state of the component"},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"An in between state to display a non selected","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Set the option to be disabled","defaultValue":{"value":"false","computed":false}},"defaultChecked":{"required":false,"tsType":{"name":"boolean"},"description":"the default value which the checkbox will start from"},"value":{"required":false,"tsType":{"name":"string"},"description":"The input control\'s value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object\'s value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l","defaultValue":{"value":"\\"\\"","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"A string specifying a name for the input control. This name is submitted along with the control\'s value when the form data is submitted.","defaultValue":{"value":"\\"\\"","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of the input element"}}}],"src/components/Clickable/ClickableWrapper.tsx":[{"description":"","methods":[],"displayName":"ClickableWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"clickableProps":{"required":false,"tsType":{"name":"ClickableProps"},"description":"","defaultValue":{"value":"{}","computed":false}}}}],"src/components/Counter/Counter.tsx":[{"description":"","methods":[],"displayName":"Counter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component wrapper"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the element","defaultValue":{"value":"\\"\\"","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly","defaultValue":{"value":"\\"\\"","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Use className instead\\n@deprecated"},"counterClassName":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"count":{"required":false,"tsType":{"name":"number"},"description":"The numeric value of the counter","defaultValue":{"value":"0","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Counter description","defaultValue":{"value":"\\"\\"","computed":false}},"size":{"required":false,"tsType":{"name":"CounterSize"},"description":"The size of the counter","defaultValue":{"value":"Counter.sizes.LARGE","computed":true}},"kind":{"required":false,"tsType":{"name":"CounterType"},"description":"","defaultValue":{"value":"Counter.kinds.FILL","computed":true}},"color":{"required":false,"tsType":{"name":"CounterColor"},"description":"The color of the counter","defaultValue":{"value":"Counter.colors.PRIMARY","computed":true}},"maxDigits":{"required":false,"tsType":{"name":"number"},"description":"maximum number of digits to display (see relevant story)","defaultValue":{"value":"3","computed":false}},"prefix":{"required":false,"tsType":{"name":"string"},"description":"Text prepended to counter value","defaultValue":{"value":"\\"\\"","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback to be called when the counter is clicked.","defaultValue":{"value":"function NOOP() {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the component\'s animation","defaultValue":{"value":"false","computed":false}}}}],"src/components/Combobox/Combobox.tsx":[{"description":"","methods":[],"displayName":"Combobox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"Unique element id","defaultValue":{"value":"\\"\\"","computed":false}},"optionClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"searchWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder to show when no value was selected","defaultValue":{"value":"\\"\\"","computed":false}},"noResultsMessage":{"required":false,"tsType":{"name":"string"},"description":"A message that will be displayed inside the combo box when no results are found","defaultValue":{"value":"\\"No results found\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"options":{"required":false,"tsType":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"description":"","defaultValue":{"value":"[]","computed":false}},"categories":{"required":false,"tsType":{"name":"IComboboxCategoryMap"},"description":""},"withCategoriesDivider":{"required":false,"tsType":{"name":"boolean"},"description":"Divider between categories sections","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof BASE_SIZES)[keyof typeof BASE_SIZES]"},"description":"","defaultValue":{"value":"Combobox.sizes.MEDIUM","computed":true}},"optionLineHeight":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"32","computed":false}},"optionsListHeight":{"required":false,"tsType":{"name":"number"},"description":""},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onAddNew":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Callback that called after clicking on the add new combo box button.\\n@param {string} _filterValue"},"addNewLabel":{"required":false,"tsType":{"name":"union","raw":"((label: string) => ElementContent) | string","elements":[{"name":"unknown"},{"name":"string"}]},"description":"The label of the button that appears at the end of the combo box when the search does not return appropriate options","defaultValue":{"value":"\\"Add new\\"","computed":false}},"filter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(filterValue: string, options: IComboboxOption[]) => IComboboxOption[]","signature":{"arguments":[{"type":{"name":"string"},"name":"filterValue"},{"type":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"name":"options"}],"return":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"}}},"description":"","defaultValue":{"value":"(filterValue: string, options: IComboboxOption[]) =>\\noptions.filter(\\n ({ label }: { label: string }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase())\\n)","computed":false}},"defaultFilter":{"required":false,"tsType":{"name":"string"},"description":"Default search input","defaultValue":{"value":"\\"\\"","computed":false}},"disableFilter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onFilterChanged":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Display the combo box with loading state","defaultValue":{"value":"false","computed":false}},"onOptionHover":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent, index: number, option: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"void"}}},"description":"on mouse hover callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onOptionLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"on mouse leave callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"shouldScrollToSelectedItem":{"required":false,"tsType":{"name":"boolean"},"description":"Allowed to the following behavior: scrolling automatically to the combo box\'s selected option","defaultValue":{"value":"true","computed":false}},"noResultsRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => JSX.Element","signature":{"arguments":[],"return":{"name":"JSX.Element"}}},"description":""},"stickyCategories":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultVisualFocusFirstIndex":{"required":false,"tsType":{"name":"boolean"},"description":"By default, the first option will be selected, when focusing selecting the first option, or when changing items"},"clearFilterOnSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Clear the filter/search on selection (click or enter)","defaultValue":{"value":"false","computed":false}},"optionRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(option: IComboboxOption) => JSX.Element","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"JSX.Element"}}},"description":"Replace the regular appearance of combo box option with custom renderer.","defaultValue":{"value":"null","computed":false}},"maxOptionsWithoutScroll":{"required":false,"tsType":{"name":"number"},"description":"Maximum options count without scroll"},"renderOnlyVisibleOptions":{"required":false,"tsType":{"name":"boolean"},"description":"Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(optionData: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"optionData"}],"return":{"name":"void"}}},"description":"On option click callback","defaultValue":{"value":"(_optionData: IComboboxOption) => {}","computed":false}},"searchIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Custom search icon"},"searchInputAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Search for content\\"","computed":false}}}}],"src/components/DatePicker/DatePicker.tsx":[{"description":"","methods":[],"displayName":"DatePicker","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"firstDayOfWeek":{"required":false,"tsType":{"name":"DayOfWeekShape"},"description":"set the first day of the week to display","defaultValue":{"value":"1","computed":false}},"date":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current start date"},"endDate":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current end date"},"onPickDate":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment | RangeDate) => void","signature":{"arguments":[{"type":{"name":"union","raw":"Moment | RangeDate","elements":[{"name":"moment.Moment"},{"name":"RangeDate"}]},"name":"date"}],"return":{"name":"void"}}},"description":"on date selected callback"},"hideNavigationKeys":{"required":false,"tsType":{"name":"boolean"},"description":"hide the month navigations keys","defaultValue":{"value":"false","computed":false}},"enableOutsideDays":{"required":false,"tsType":{"name":"boolean"},"description":"show days outside the cuurent month view","defaultValue":{"value":"false","computed":false}},"showWeekNumber":{"required":false,"tsType":{"name":"boolean"},"description":"show week number column","defaultValue":{"value":"false","computed":false}},"daySize":{"required":false,"tsType":{"name":"number"},"description":"set the size of single day element","defaultValue":{"value":"40","computed":false}},"shouldBlockDay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if day should be disabled"},"range":{"required":false,"tsType":{"name":"boolean"},"description":"date range mode","defaultValue":{"value":"false","computed":false}},"numberOfMonths":{"required":false,"tsType":{"name":"number"},"description":"number of month to display","defaultValue":{"value":"1","computed":false}},"shouldBlockYear":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(year: number) => boolean","signature":{"arguments":[{"type":{"name":"number"},"name":"year"}],"return":{"name":"boolean"}}},"description":"determine if year should be disabled"},"shouldBlockRange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if date range should be disabled"}}}],"src/components/Dialog/Dialog.tsx":[{"description":"","methods":[{"name":"closeDialogOnEscape","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"KeyboardEvent","alias":"KeyboardEvent"}}],"returns":null},{"name":"getContainer","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialog","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"onShowDialog","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"hideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"onHideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"hideDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"handleEvent","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}},{"name":"target","optional":false,"type":{"name":"EventTarget","alias":"EventTarget"}},{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}}],"returns":null},{"name":"isShown","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"isShowTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"isHideTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"onMouseEnter","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onMouseLeave","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onKeyDown","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onMouseDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onEsc","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onContextMenu","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClickOutside","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onDialogEnter","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onDialogLeave","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onContentClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null}],"displayName":"Dialog","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"referenceWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"A Classname to be added to element which wraps the children"},"position":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the dialog should be in reference to the children,\\nTop, Left, Right, Bottom ...","defaultValue":{"value":"\\"top\\"","computed":false}},"modifiers":{"required":false,"tsType":{"name":"Array","elements":[{"name":"Modifier","elements":[{"name":"any"}],"raw":"Modifier"}],"raw":"Modifier[]"},"description":"PopperJS Modifiers type\\nhttps://popper.js.org/docs/v2/modifiers/","defaultValue":{"value":"[]","computed":false}},"startingEdge":{"required":false,"tsType":{"name":"string"},"description":""},"moveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{ main?: number; secondary?: number }","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":"How much to move the dialog in relative to children\\nmain is the axis in which the position is aligned to\\nsecondary is the vertical axes to the position","defaultValue":{"value":"{ main: 0, secondary: 0 }","computed":false}},"showDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the show in MS","defaultValue":{"value":"100","computed":false}},"hideDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the hide in MS","defaultValue":{"value":"100","computed":false}},"showTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_ENTER","computed":true}},"hideTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_LEAVE","computed":true}},"showOnDialogEnter":{"required":false,"tsType":{"name":"boolean"},"description":"If true, prevents open Dialog from closing on mouseEnter and closes Dialog, when mouse leaves it","defaultValue":{"value":"false","computed":false}},"shouldShowOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Show the Dialog when the children are mounting","defaultValue":{"value":"false","computed":false}},"disable":{"required":false,"tsType":{"name":"boolean"},"description":"disable the opening of the dialog","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":"open is a controlled prop to open the dialog","defaultValue":{"value":"false","computed":false}},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"used when state is derived from props"},"showTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the show trigger will be ignored"},"hideTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the hide trigger will be ignored"},"animationType":{"required":false,"tsType":{"name":"AnimationType"},"description":"Dialog animation type","defaultValue":{"value":"Dialog.animationTypes.EXPAND","computed":true}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Classname to be added to the content container"},"preventAnimationOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Prevent Animation","defaultValue":{"value":"false","computed":false}},"containerSelector":{"required":false,"tsType":{"name":"string"},"description":"the container selector in which to append the dialog\\nfor examples: \\"body\\" , \\".my-class\\", \\"#my-id\\"","defaultValue":{"value":"\\"body\\"","computed":false}},"tooltip":{"required":false,"tsType":{"name":"boolean"},"description":"should position the tooltip element\\nhttps://popper.js.org/docs/v2/modifiers/arrow/","defaultValue":{"value":"false","computed":false}},"tooltipClassName":{"required":false,"tsType":{"name":"string"},"description":"class name to add to the tooltip element"},"onDialogDidShow":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"callback to be called when the dialog is shown","defaultValue":{"value":"function NOOP() {}","computed":false}},"onDialogDidHide":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: DialogEvent, eventName: HideShowEvent | string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}]},"name":"event"},{"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]},"name":"eventName"}],"return":{"name":"void"}}},"description":"callback to be called when the dialog is hidden","defaultValue":{"value":"function NOOP() {}","computed":false}},"onClickOutside":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click outside is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"onContentClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click on the content is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"z-index to add to the dialog"},"useDerivedStateFromProps":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"hideWhenReferenceHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Make the dialog disappear when the element it is attached to becomes hidden","defaultValue":{"value":"false","computed":false}},"shoudlCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use shouldCallbackOnMount instead","defaultValue":{"value":"false","computed":false}},"shouldCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"instantShowAndHide":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"getDynamicShowDelay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => { showDelay: number; preventAnimation: boolean }","signature":{"arguments":[],"return":{"name":"signature","type":"object","raw":"{ showDelay: number; preventAnimation: boolean }","signature":{"properties":[{"key":"showDelay","value":{"name":"number","required":true}},{"key":"preventAnimation","value":{"name":"boolean","required":true}}]}}}},"description":""},"content":{"required":false,"tsType":{"name":"union","raw":"(() => JSX.Element) | JSX.Element","elements":[{"name":"unknown"},{"name":"JSX.Element"}]},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[] | string","elements":[{"name":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},{"name":"string"}]},"description":"The element where we will position the dialog beside."},"addKeyboardHideShowTriggersByDefault":{"required":false,"tsType":{"name":"boolean"},"description":"Treats keyboard focus/blur events as mouse-enter/mouse-leave events","defaultValue":{"value":"false","computed":false}},"disableContainerScroll":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":"If true disable the scroll for the containerSelector element.\\nIf string use it as selector to prevent scroll."}}}],"src/components/Dropdown/Dropdown.jsx":[{"description":"","methods":[],"displayName":"Dropdown","props":{"multi":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, the dropdown will be in multi-select mode.\\nWhen in multi-select mode, the selected value will be an array,\\nand it will be displayed as our [``](/?path=/docs/components-chips--sandbox) component.","type":{"name":"bool"},"required":false},"multiline":{"defaultValue":{"value":"false","computed":false},"description":"If set to true together with `multi`, it will make the dropdown expand to multiple lines when new values are selected.","type":{"name":"bool"},"required":false},"closeMenuOnSelect":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass closeMenuOnSelect to close the multi choose any time an options is chosen.","type":{"name":"bool"},"required":false},"tabSelectsValue":{"defaultValue":{"value":"true","computed":false},"description":"Overrides the built-in logic of tab selecting value (default: true)","type":{"name":"bool"},"required":false},"className":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Custom style","type":{"name":"string"},"required":false},"optionWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown option wrapper (dropdown-wrapper__option--reset)","type":{"name":"string"},"required":false},"dropdownMenuWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown menu wrapper (dropdown-menu-wrapper)","type":{"name":"string"},"required":false},"singleValueWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown single value wrapper (dropdown-wrapper__single-value--reset)","type":{"name":"string"},"required":false},"placeholder":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Placeholder to show when no value was selected","type":{"name":"string"},"required":false},"onMenuOpen":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is opened","type":{"name":"func"},"required":false},"onMenuClose":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is closed","type":{"name":"func"},"required":false},"onKeyDown":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when key is pressed in the dropdown","type":{"name":"func"},"required":false},"onFocus":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when focused","type":{"name":"func"},"required":false},"onBlur":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when blurred","type":{"name":"func"},"required":false},"onChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when selected value has changed","type":{"name":"func"},"required":false},"onInputChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when the dropdown\'s input changes.","type":{"name":"func"},"required":false},"searchable":{"defaultValue":{"value":"true","computed":false},"description":"If true, search in options will be enabled","type":{"name":"bool"},"required":false},"options":{"defaultValue":{"value":"[]","computed":false},"description":"The dropdown options","type":{"name":"arrayOf","value":{"name":"object"}},"required":false},"menuPlacement":{"defaultValue":{"value":"Dropdown.menuPlacements.BOTTOM","computed":true},"description":"Default placement of the Dropdown menu in relation to its control. Use \\"auto\\" to flip the menu when there isn\'t enough space below the control.","type":{"name":"enum","value":[{"value":"\\"top\\"","computed":false},{"value":"\\"bottom\\"","computed":false},{"value":"\\"auto\\"","computed":false}]},"required":false},"menuPosition":{"defaultValue":{"value":"Dropdown.menuPositions.ABSOLUTE","computed":true},"description":"The CSS position value of the menu, when \\"fixed\\" extra layout management might be required\\nFixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog","type":{"name":"enum","value":[{"value":"\\"absolute\\"","computed":false},{"value":"\\"fixed\\"","computed":false}]},"required":false},"noOptionsMessage":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Text to display when there are no options","type":{"name":"func"},"required":false},"clearable":{"defaultValue":{"value":"true","computed":false},"description":"If set to true, clear button will be added","type":{"name":"bool"},"required":false},"size":{"defaultValue":{"value":"SIZES.MEDIUM","computed":true},"description":"Select menu size from `Dropdown.size` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL","type":{"name":"string"},"required":false},"extraStyles":{"defaultValue":{"value":"baseStyles => baseStyles","computed":false},"description":"Custom function to override existing styles (similar to `react-select`\'s `style` prop), for example: `base => ({...base, color: \'red\'})`, where `base` is the component\'s default styles","type":{"name":"func"},"required":false},"tabIndex":{"defaultValue":{"value":"\\"0\\"","computed":false},"description":"Tab index for keyboard navigation purposes","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false},"onOptionRemove":{"defaultValue":{"value":"undefined","computed":true},"description":"callback to be called when `multiline` is `true` and the option is removed","type":{"name":"func"},"required":false},"id":{"defaultValue":{"value":"\\"dropdown-menu-id\\"","computed":false},"description":"ID for the select container","type":{"name":"string"},"required":false},"autoFocus":{"defaultValue":{"value":"false","computed":false},"description":"focusAuto when component mount","type":{"name":"bool"},"required":false},"closeMenuOnScroll":{"defaultValue":{"value":"false","computed":false},"description":"If menu should be closed on scroll - helpful for some tricky use cases\\n@default false, but true when insideOverflowContainer or insideOverflowWithTransformContainer are true","type":{"name":"bool"},"required":false},"ref":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass Ref for reference of the actual dropdown component","type":{"name":"func"},"required":false},"withMandatoryDefaultOptions":{"defaultValue":{"value":"false","computed":false},"description":"The options set by default will be set as mandatory and the user will not be able to cancel their selection","type":{"name":"bool"},"required":false},"insideOverflowContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container.","type":{"name":"bool"},"required":false},"insideOverflowWithTransformContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container which contains transform css function usage.","type":{"name":"bool"},"required":false},"tooltipContent":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"When content is passed, the dropdown will include a tooltip on the dropdown\'s value.","type":{"name":"string"},"required":false},"disabled":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown will be disabled","type":{"name":"bool"},"required":false},"readOnly":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown won\'t be editable","type":{"name":"bool"},"required":false},"isLoading":{"defaultValue":{"value":"false","computed":false},"description":"Display the drop down with loading state.","type":{"name":"bool"},"required":false},"loadingMessage":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the built-in logic of loading message design","type":{"name":"func"},"required":false},"ariaLabel":{"defaultValue":{"value":"undefined","computed":true},"description":"aria-label attribute for dropdown","type":{"name":"string"},"required":false},"filterOption":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the build-in search filter logic - https://react-select.com/advanced#custom-filter-logic\\ncreateFilter function is available at Dropdown.createFilter","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"openMenuOnFocus":{"description":"If set to true, the menu will open when focused","type":{"name":"bool"},"required":false},"openMenuOnClick":{"description":"If set to true, the menu will open when clicked","type":{"name":"bool"},"required":false},"optionRenderer":{"description":"custom option render function","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"valueRenderer":{"description":"custom value render function","type":{"name":"func"},"required":false},"menuRenderer":{"description":"custom menu render function","type":{"name":"func"},"required":false},"rtl":{"description":"If set to true, the dropdown will be in Right to Left mode","type":{"name":"bool"},"required":false},"defaultValue":{"description":"Set default selected value","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"value":{"description":"The component\'s value.\\nWhen passed, makes this a [controlled](https://reactjs.org/docs/forms.html#controlled-components) component.","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"asyncOptions":{"description":"If provided Dropdown will work in async mode. Can be either promise or callback","type":{"name":"union","value":[{"name":"func"},{"name":"shape","value":{"then":{"name":"func","required":true},"catch":{"name":"func","required":true}}}]},"required":false},"cacheOptions":{"description":"If set to true, fetched async options will be cached","type":{"name":"bool"},"required":false},"defaultOptions":{"description":"If set, `asyncOptions` will be invoked with its value on mount and the resolved results will be loaded","type":{"name":"union","value":[{"name":"bool"},{"name":"arrayOf","value":{"name":"object"}}]},"required":false},"isVirtualized":{"description":"If set to true, the menu will use virtualization. Virtualized async works only with","type":{"name":"bool"},"required":false},"menuPortalTarget":{"description":"Whether the menu should use a portal, and where it should attach","type":{"name":"union","value":[{"name":"element"},{"name":"object"}]},"required":false},"maxMenuHeight":{"description":"Maximum height of the menu before scrolling","type":{"name":"number"},"required":false},"isOptionSelected":{"description":"Override the built-in logic to detect whether an option is selected.","type":{"name":"func"},"required":false}}}],"src/components/DialogContentContainer/DialogContentContainer.tsx":[{"description":"","methods":[],"displayName":"DialogContentContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id)","computed":true}},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"type":{"required":false,"tsType":{"name":"DialogType"},"description":"","defaultValue":{"value":"DialogType.POPOVER","computed":true}},"size":{"required":false,"tsType":{"name":"DialogSize"},"description":"","defaultValue":{"value":"DialogSize.MEDIUM","computed":true}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""}}}],"src/components/Clickable/Clickable.tsx":[{"description":"","methods":[],"displayName":"Clickable","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"The type of the clickable element wrapper (for example div or span)","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":"","defaultValue":{"value":"\\"button\\"","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"enableTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseEnter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Is the element and its content should be hidden from screen readers and other assistive technologies"},"ariaHasPopup":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":""},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"\\"0\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"}}}],"src/components/Divider/Divider.tsx":[{"description":"","methods":[],"displayName":"Divider","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"direction":{"required":false,"tsType":{"name":"DirectionType"},"description":"","defaultValue":{"value":"DirectionType.HORIZONTAL","computed":true}},"classname":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withoutMargin":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/EditableInput/EditableInput.tsx":[{"description":"","methods":[],"displayName":"EditableInput","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"inputType":{"required":false,"tsType":{"name":"InputType"},"description":"","defaultValue":{"value":"InputType.INPUT","computed":true}},"autoSize":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"autoComplete":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"maxLength":{"required":false,"tsType":{"name":"number"},"description":""},"shouldFocusOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"textareaSubmitOnEnter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"customColor":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"isValidValue":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => boolean","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"boolean"}}},"description":""},"onFinishEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent | React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"union","raw":"React.KeyboardEvent | React.FocusEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onArrowKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"union","raw":"HTMLInputElement | HTMLTextAreaElement","elements":[{"name":"HTMLInputElement"},{"name":"HTMLTextAreaElement"}]}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"selectOnMount":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"ignoreBlurClass":{"required":false,"tsType":{"name":"string"},"description":""},"onIgnoreBlurEvent":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onCancelEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onError":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onSuccess":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onTabHandler":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""}}}],"src/components/EditableText/EditableText.tsx":[{"description":"","methods":[],"displayName":"EditableText","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"TextType"},"description":"Sets the Text type\\n@type {TextType}","defaultValue":{"value":"Text.types.TEXT2","computed":true}},"weight":{"required":false,"tsType":{"name":"TextWeight"},"description":"Sets the Text weight\\n@type {TextWeight}","defaultValue":{"value":"Text.weights.NORMAL","computed":true}}}}],"src/components/EditableTypography/EditableTypography.tsx":[{"description":"","methods":[],"displayName":"EditableTypography","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element","defaultValue":{"value":"false","computed":false}},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label","defaultValue":{"value":"\\"\\"","computed":false}},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"component":{"required":true,"tsType":{"name":"ElementType"},"description":"A typography component that is being rendered in view mode"},"typographyClassName":{"required":true,"tsType":{"name":"string"},"description":"Controls the style of the typography component in view mode"},"clearable":{"required":false,"tsType":{"name":"boolean"},"description":"Shows placeholder when empty, if provided"}}}],"src/components/EditableHeading/EditableHeading.tsx":[{"description":"","methods":[],"displayName":"EditableHeading","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"HeadingType"},"description":"Sets the Heading type\\n@type {HeadingType}","defaultValue":{"value":"Heading.types.H1","computed":true}},"weight":{"required":false,"tsType":{"name":"HeadingWeight"},"description":"Sets the Heading weight\\n@type {HeadingWeight}","defaultValue":{"value":"Heading.weights.NORMAL","computed":true}}}}],"src/components/FieldLabel/FieldLabel.tsx":[{"description":"","methods":[],"displayName":"FieldLabel","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FunctionComponent | null","elements":[{"name":"string"},{"name":"ReactFunctionComponent","raw":"React.FunctionComponent"},{"name":"null"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelText":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelFor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"requiredAsterisk":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/FormattedNumber/FormattedNumber.tsx":[{"description":"","methods":[],"displayName":"FormattedNumber","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"A numeric value to format."},"prefix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a prefix to the number."},"suffix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a suffix to the number."},"emptyPlaceHolder":{"required":false,"tsType":{"name":"string"},"description":"The text that will be shown if no value is provided.","defaultValue":{"value":"\\"N/A\\"","computed":false}},"decimalPrecision":{"required":false,"tsType":{"name":"number"},"description":"Determines the number of decimal numbers (0 ~ 20).","defaultValue":{"value":"2","computed":false}},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Format number into compact number and initial (if required).","defaultValue":{"value":"true","computed":false}},"local":{"required":false,"tsType":{"name":"string"},"description":"Determines the number\'s local (Unicode BCP 47 locale identifier).","defaultValue":{"value":"FormattedNumber.localFallBack","computed":true}},"rtl":{"required":false,"tsType":{"name":"boolean"},"description":"Determines suffix and prefix location"}}}],"src/components/Icon/Icon.tsx":[{"description":"","methods":[],"displayName":"Icon","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_event: React.MouseEvent) => {}","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component","defaultValue":{"value":"\\"\\"","computed":false}},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Is icon is a button","defaultValue":{"value":"true","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"mo * Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"},"iconType":{"required":false,"tsType":{"name":"IconType"},"description":"The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))","defaultValue":{"value":"IconType.SVG","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"16","computed":false}},"ignoreFocusStyle":{"required":false,"tsType":{"name":"boolean"},"description":"Remove focus style","defaultValue":{"value":"false","computed":false}},"tabindex":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"useCurrentColor":{"required":false,"tsType":{"name":"boolean"},"description":"When using svg from src (Icon.type.SRC) this boolean will transform the \\"fill\\" property to \\"currentColor\\"","defaultValue":{"value":"false","computed":false}},"customColor":{"required":false,"tsType":{"name":"string"},"description":"Override the default color with a custom one"}}}],"src/components/ExpandCollapse/ExpandCollapse.tsx":[{"description":"","methods":[],"displayName":"ExpandCollapse","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"headerComponentRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => ReactElement","signature":{"arguments":[],"return":{"name":"ReactElement"}}},"description":"Component as parameter to be rendered as header","defaultValue":{"value":"null","computed":false}},"headerClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the header of the expandable"},"contentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the content of the expandable"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the component"},"title":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"Header title","defaultValue":{"value":"\\"\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"The value of the expandable section"},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"The expand icon font size","defaultValue":{"value":"24","computed":false}},"defaultOpenState":{"required":false,"tsType":{"name":"boolean"},"description":"Should be open or closed by default (when rendered)","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"null","computed":false}},"hideBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/Flex/Flex.tsx":[{"description":"","methods":[],"displayName":"Flex","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"style":{"required":false,"tsType":{"name":"object"},"description":""},"direction":{"required":false,"tsType":{"name":"FlexDirection"},"description":"","defaultValue":{"value":"Flex.directions.ROW","computed":true}},"elementType":{"required":false,"tsType":{"name":"ReactElementType","raw":"React.ElementType"},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"wrap":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ElementContent | ElementContent[]","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},{"name":"Array","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]}],"raw":"ElementContent[]"}]},"description":""},"justify":{"required":false,"tsType":{"name":"FlexJustify"},"description":"","defaultValue":{"value":"Flex.justify.START","computed":true}},"align":{"required":false,"tsType":{"name":"FlexAlign"},"description":"","defaultValue":{"value":"Flex.align.CENTER","computed":true}},"gap":{"required":false,"tsType":{"name":"union","raw":"FlexGap | number","elements":[{"name":"FlexGap"},{"name":"number"}]},"description":"","defaultValue":{"value":"Flex.gaps.NONE","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"onClick function - MouseEvent"},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly"}}}],"src/components/HiddenText/HiddenText.tsx":[{"description":"","methods":[],"displayName":"HiddenText","props":{"className":{"defaultValue":{"value":"\\"\\"","computed":false},"required":false},"id":{"defaultValue":{"value":"\\"hiddenText\\"","computed":false},"required":false}}}],"src/components/IconButton/IconButton.tsx":[{"description":"","methods":[],"displayName":"IconButton","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to be added to the element"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when clicking the icon button","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button wrapper"},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button icon"},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to be rendered","defaultValue":{"value":"({size, ...props}) => (\\n \\n \\n \\n)","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"a11y property to be added, used for screen reader to know what kind of button it is"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"a11y property to be added, used for screen reader to know if the button is expanded"},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"a11y property to be added, used for screen reader to know if the button is hidden"},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},"description":"Size of the icon","defaultValue":{"value":"IconButton.sizes.MEDIUM","computed":true}},"hideTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the tooltip should be displayed or not","defaultValue":{"value":"false","computed":false}},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Props for Tooltip component","defaultValue":{"value":"{}","computed":false}},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":"Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown"},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"Kind of button - like \n Button has been clicked {timesClicked} times\n \n );\n}',css:".container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium);\n}\n\n.action-button {\n align-self: flex-start;\n}"},react_docgen_output_namespaceObject=JSON.parse('{"src/components/AlertBanner/AlertBanner.tsx":[{"description":"","methods":[],"displayName":"AlertBanner","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Set external styling to the progress bar."},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"AlertBannerBackgroundColor"},"description":"","defaultValue":{"value":"AlertBanner.backgroundColors.PRIMARY","computed":true}},"isCloseHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA description for the progress bar","defaultValue":{"value":"\\"\\"","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ChildrenType | ChildrenType[]","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"}],"raw":"ChildrenType[]"}]},"description":""}}}],"src/components/AttentionBox/AttentionBox.tsx":[{"description":"","methods":[],"displayName":"AttentionBox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withIconWithoutHeader":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"type":{"required":false,"tsType":{"name":"AttentionBoxType"},"description":"we support 5 types of attention boxes","defaultValue":{"value":"AttentionBox.types.PRIMARY","computed":true}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon classname for icon font or SVG Icon Component for SVG Type"},"iconType":{"required":false,"tsType":{"name":"union","raw":"IconType.SVG | IconType.ICON_FONT","elements":[{"name":"IconType.SVG"},{"name":"IconType.ICON_FONT"}]},"description":"","defaultValue":{"value":"Icon.type.SVG","computed":true}},"title":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"withoutIcon":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}}}}],"src/components/Avatar/Avatar.tsx":[{"description":"","methods":[],"displayName":"Avatar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"withoutTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for the avatar content of text type","defaultValue":{"value":"\\"\\"","computed":false}},"avatarContentWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for a div-wrapper of avatar content"},"backgroundColor":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Avatar.colors.CHILI_BLUE","computed":true}},"customBackgroundColor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"null","computed":false}},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":""},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"customSize":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"null","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"isSquare":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use square instead"},"isDisabled":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use disabled instead"},"square":{"required":false,"tsType":{"name":"boolean"},"description":""},"topLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"topRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"withoutBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"},{"type":{"name":"string"},"name":"avatarId"}],"return":{"name":"void"}}},"description":""}}}],"src/components/Avatar/AvatarBadge.tsx":[{"description":"","methods":[],"displayName":"AvatarBadge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Use to provide SVG Components"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"0","computed":false}},"size":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}}}}],"src/components/Avatar/AvatarContent.tsx":[{"description":"","methods":[],"displayName":"AvatarContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"role":{"required":false,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component"},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"text":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx":[{"description":"","methods":[],"displayName":"avatarRenderer","props":{"value":{"required":true,"tsType":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"ElementContent","required":true}}]}}]},"description":""}}}],"src/components/AvatarGroup/AvatarGroup.tsx":[{"description":"","methods":[],"displayName":"AvatarGroup","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":"Array of `Avatar` components"},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"max":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"5","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"4 `Counter.props` for customization + ariaLabelItemsName for specifying the \\"items\\" name in aria label"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":"`Tooltip.props`: props for custom counter tooltip"},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"Using counter default tooltip virtualized list for rendering only visible items (performance optimization)","defaultValue":{"value":"false","computed":false}},"removePadding":{"required":false,"tsType":{"name":"boolean"},"description":"If true, padding will be removed from the container","defaultValue":{"value":"false","computed":false}}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContentVirtualizedList","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarItems":{"required":false,"tsType":{"name":"Array","elements":[{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}}],"raw":"AvatarItem[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"avatarRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(\\n item: AvatarItem,\\n index: number,\\n style: CSSProperties,\\n type: AvatarType,\\n displayAsGrid: boolean\\n) => ReactElement","signature":{"arguments":[{"type":{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}},"name":"item"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"CSSProperties"},"name":"style"},{"type":{"name":"AvatarType"},"name":"type"},{"type":{"name":"boolean"},"name":"displayAsGrid"}],"return":{"name":"ReactElement"}}},"description":""},"tooltipContainerAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""}}}],"src/components/Badge/Badge.tsx":[{"description":"","methods":[],"displayName":"Badge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"anchor":{"required":false,"tsType":{"name":"BadgeAnchor"},"description":"","defaultValue":{"value":"Badge.anchors.TOP_END","computed":true}},"alignment":{"required":false,"tsType":{"name":"BadgeAlignments"},"description":"","defaultValue":{"value":"Badge.alignments.RECTANGULAR","computed":true}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"type":{"defaultValue":{"value":"Badge.types.INDICATOR","computed":true},"required":false}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"children":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},"description":"Counter element & focus placeholders","defaultValue":{"value":"[]","computed":false}},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"focusPrevPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"focusNextPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"counterContainerRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounter.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"counterTooltipAvatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"AvatarGroupCounterVisualProps: props for counter"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"Avatar.sizes.MEDIUM","computed":true}},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"counterAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"isVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""}}}],"src/components/BreadcrumbsBar/BreadcrumbsBar.tsx":[{"description":"","methods":[],"displayName":"BreadcrumbsBar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"BreadcrumbsBarType"},"description":"The type of the bar is responsible for whether it will be navigational or for indication only","defaultValue":{"value":"BreadcrumbsBar.types.INDICATION","computed":true}},"children":{"required":true,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":""}}}],"src/components/Box/Box.tsx":[{"description":"","methods":[],"displayName":"Box","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"border":{"required":false,"tsType":{"name":"BORDER[BORDER]","raw":"T[keyof T]"},"description":""},"borderColor":{"required":false,"tsType":{"name":"BORDER_COLOR[BORDER_COLOR]","raw":"T[keyof T]"},"description":""},"rounded":{"required":false,"tsType":{"name":"ROUNDED[ROUNDED]","raw":"T[keyof T]"},"description":""},"shadow":{"required":false,"tsType":{"name":"SHADOW[SHADOW]","raw":"T[keyof T]"},"description":""},"margin":{"required":false,"tsType":{"name":"MARGIN[MARGIN]","raw":"T[keyof T]"},"description":""},"marginX":{"required":false,"tsType":{"name":"MARGIN_X[MARGIN_X]","raw":"T[keyof T]"},"description":""},"marginY":{"required":false,"tsType":{"name":"MARGIN_Y[MARGIN_Y]","raw":"T[keyof T]"},"description":""},"marginTop":{"required":false,"tsType":{"name":"MARGIN_TOP[MARGIN_TOP]","raw":"T[keyof T]"},"description":""},"marginEnd":{"required":false,"tsType":{"name":"MARGIN_END[MARGIN_END]","raw":"T[keyof T]"},"description":""},"marginBottom":{"required":false,"tsType":{"name":"MARGIN_BOTTOM[MARGIN_BOTTOM]","raw":"T[keyof T]"},"description":""},"marginStart":{"required":false,"tsType":{"name":"MARGIN_START[MARGIN_START]","raw":"T[keyof T]"},"description":""},"padding":{"required":false,"tsType":{"name":"PADDING[PADDING]","raw":"T[keyof T]"},"description":""},"paddingX":{"required":false,"tsType":{"name":"PADDING_X[PADDING_X]","raw":"T[keyof T]"},"description":""},"paddingY":{"required":false,"tsType":{"name":"PADDING_Y[PADDING_Y]","raw":"T[keyof T]"},"description":""},"paddingTop":{"required":false,"tsType":{"name":"PADDING_TOP[PADDING_TOP]","raw":"T[keyof T]"},"description":""},"paddingEnd":{"required":false,"tsType":{"name":"PADDING_END[PADDING_END]","raw":"T[keyof T]"},"description":""},"paddingBottom":{"required":false,"tsType":{"name":"PADDING_BOTTOM[PADDING_BOTTOM]","raw":"T[keyof T]"},"description":""},"paddingStart":{"required":false,"tsType":{"name":"PADDING_START[PADDING_START]","raw":"T[keyof T]"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"BACKGROUND_COLORS[BACKGROUND_COLORS]","raw":"T[keyof T]"},"description":""},"textColor":{"required":false,"tsType":{"name":"COLORS[COLORS]","raw":"T[keyof T]"},"description":""},"scrollable":{"required":false,"tsType":{"name":"boolean"},"description":"TODO: make default in next major version"}}}],"src/components/Button/Button.tsx":[{"description":"","methods":[],"displayName":"Button","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button","defaultValue":{"value":"undefined","computed":true}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind","defaultValue":{"value":"ButtonType.PRIMARY","computed":true}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked","defaultValue":{"value":"function NOOP() {}","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click","defaultValue":{"value":"true","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages","defaultValue":{"value":"undefined","computed":true}},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size","defaultValue":{"value":"SIZES.MEDIUM","computed":true}},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color","defaultValue":{"value":"ButtonColor.PRIMARY","computed":true}},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type","defaultValue":{"value":"ButtonInputType.BUTTON","computed":true}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not","defaultValue":{"value":"false","computed":false}},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message","defaultValue":{"value":"false","computed":false}},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name","defaultValue":{"value":"null","computed":false}},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text","defaultValue":{"value":"\\"\\"","computed":false}},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":"","defaultValue":{"value":"undefined","computed":true}},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state","defaultValue":{"value":"false","computed":false}},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right","defaultValue":{"value":"false","computed":false}},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left","defaultValue":{"value":"false","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly","defaultValue":{"value":"undefined","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon","defaultValue":{"value":"undefined","computed":true}},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup","defaultValue":{"value":"undefined","computed":true}},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open","defaultValue":{"value":"undefined","computed":true}},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region","defaultValue":{"value":"undefined","computed":true}},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)","defaultValue":{"value":"\\"rgba(0, 0, 0, 0)\\"","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead","defaultValue":{"value":"undefined","computed":true}},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it","defaultValue":{"value":"false","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"}}}],"src/components/ButtonGroup/ButtonWrapper.tsx":[{"description":"","methods":[],"displayName":"ButtonWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked"},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click"},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages"},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size"},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color"},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right"},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left"},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message"},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name"},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text"},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state"},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right"},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left"},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon"},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open"},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region"},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback"},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":""},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":""},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)"},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it"},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipPosition":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ..."},"tooltipHideDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipShowDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipContainerSelector":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipMoveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n main?: number;\\n secondary?: number;\\n}","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":""}}}],"src/components/Chips/Chips.tsx":[{"description":"","methods":[],"displayName":"Chips","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"rightRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the right of the text"},"leftRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the left of the text"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"rightAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the right","defaultValue":{"value":"null","computed":false}},"rightAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of right avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"leftAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the left","defaultValue":{"value":"null","computed":false}},"leftAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of left avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right icon"},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right avatar"},"color":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Chips.colors.PRIMARY","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"18","computed":false}},"onDelete":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string, event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"},{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_id: string, _e: React.MouseEvent) => {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the Chip\'s entry animation","defaultValue":{"value":"true","computed":false}},"allowTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Allow user to select text","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Applies when element has onClick or onMouseDown props"},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"disableClickableBehavior":{"required":false,"tsType":{"name":"boolean"},"description":"Disable click behaviors","defaultValue":{"value":"false","computed":false}},"showBorder":{"required":false,"tsType":{"name":"boolean"},"description":"Show border, the border color is `--text-color-on-primary`, should be when the chip is a colored background like\\nselected-color","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Remove\\"","computed":false}}}}],"src/components/Checkbox/Checkbox.tsx":[{"description":"","methods":[],"displayName":"Checkbox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the wrapping element"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"An id to be added the input element"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"checkboxClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the checkbox element label"},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the label element"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"A11y prop to describe the content for screen readers"},"label":{"required":false,"tsType":{"name":"union","raw":"React.ReactNode | Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"}],"raw":"Array"}]},"description":"The content to be rendered within the option"},"ariaLabelledBy":{"required":false,"tsType":{"name":"string"},"description":"A11y prop - An Id of an element which describes this option"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.ChangeEvent) => void","signature":{"arguments":[{"type":{"name":"ReactChangeEvent","raw":"React.ChangeEvent","elements":[{"name":"HTMLInputElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when the value changes","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"checked":{"required":false,"tsType":{"name":"boolean"},"description":"Use this when you want to control the component, this will set the state of the component"},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"An in between state to display a non selected","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Set the option to be disabled","defaultValue":{"value":"false","computed":false}},"defaultChecked":{"required":false,"tsType":{"name":"boolean"},"description":"the default value which the checkbox will start from"},"value":{"required":false,"tsType":{"name":"string"},"description":"The input control\'s value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object\'s value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l","defaultValue":{"value":"\\"\\"","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"A string specifying a name for the input control. This name is submitted along with the control\'s value when the form data is submitted.","defaultValue":{"value":"\\"\\"","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of the input element"}}}],"src/components/Clickable/ClickableWrapper.tsx":[{"description":"","methods":[],"displayName":"ClickableWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"clickableProps":{"required":false,"tsType":{"name":"ClickableProps"},"description":"","defaultValue":{"value":"{}","computed":false}}}}],"src/components/Counter/Counter.tsx":[{"description":"","methods":[],"displayName":"Counter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component wrapper"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the element","defaultValue":{"value":"\\"\\"","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly","defaultValue":{"value":"\\"\\"","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Use className instead\\n@deprecated"},"counterClassName":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"count":{"required":false,"tsType":{"name":"number"},"description":"The numeric value of the counter","defaultValue":{"value":"0","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Counter description","defaultValue":{"value":"\\"\\"","computed":false}},"size":{"required":false,"tsType":{"name":"CounterSize"},"description":"The size of the counter","defaultValue":{"value":"Counter.sizes.LARGE","computed":true}},"kind":{"required":false,"tsType":{"name":"CounterType"},"description":"","defaultValue":{"value":"Counter.kinds.FILL","computed":true}},"color":{"required":false,"tsType":{"name":"CounterColor"},"description":"The color of the counter","defaultValue":{"value":"Counter.colors.PRIMARY","computed":true}},"maxDigits":{"required":false,"tsType":{"name":"number"},"description":"maximum number of digits to display (see relevant story)","defaultValue":{"value":"3","computed":false}},"prefix":{"required":false,"tsType":{"name":"string"},"description":"Text prepended to counter value","defaultValue":{"value":"\\"\\"","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback to be called when the counter is clicked.","defaultValue":{"value":"function NOOP() {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the component\'s animation","defaultValue":{"value":"false","computed":false}}}}],"src/components/Combobox/Combobox.tsx":[{"description":"","methods":[],"displayName":"Combobox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"Unique element id","defaultValue":{"value":"\\"\\"","computed":false}},"optionClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"searchWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder to show when no value was selected","defaultValue":{"value":"\\"\\"","computed":false}},"noResultsMessage":{"required":false,"tsType":{"name":"string"},"description":"A message that will be displayed inside the combo box when no results are found","defaultValue":{"value":"\\"No results found\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"options":{"required":false,"tsType":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"description":"","defaultValue":{"value":"[]","computed":false}},"categories":{"required":false,"tsType":{"name":"IComboboxCategoryMap"},"description":""},"withCategoriesDivider":{"required":false,"tsType":{"name":"boolean"},"description":"Divider between categories sections","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof BASE_SIZES)[keyof typeof BASE_SIZES]"},"description":"","defaultValue":{"value":"Combobox.sizes.MEDIUM","computed":true}},"optionLineHeight":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"32","computed":false}},"optionsListHeight":{"required":false,"tsType":{"name":"number"},"description":""},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onAddNew":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Callback that called after clicking on the add new combo box button.\\n@param {string} _filterValue"},"addNewLabel":{"required":false,"tsType":{"name":"union","raw":"((label: string) => ElementContent) | string","elements":[{"name":"unknown"},{"name":"string"}]},"description":"The label of the button that appears at the end of the combo box when the search does not return appropriate options","defaultValue":{"value":"\\"Add new\\"","computed":false}},"filter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(filterValue: string, options: IComboboxOption[]) => IComboboxOption[]","signature":{"arguments":[{"type":{"name":"string"},"name":"filterValue"},{"type":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"name":"options"}],"return":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"}}},"description":"","defaultValue":{"value":"(filterValue: string, options: IComboboxOption[]) =>\\noptions.filter(\\n ({ label }: { label: string }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase())\\n)","computed":false}},"defaultFilter":{"required":false,"tsType":{"name":"string"},"description":"Default search input","defaultValue":{"value":"\\"\\"","computed":false}},"disableFilter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onFilterChanged":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Display the combo box with loading state","defaultValue":{"value":"false","computed":false}},"onOptionHover":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent, index: number, option: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"void"}}},"description":"on mouse hover callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onOptionLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"on mouse leave callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"shouldScrollToSelectedItem":{"required":false,"tsType":{"name":"boolean"},"description":"Allowed to the following behavior: scrolling automatically to the combo box\'s selected option","defaultValue":{"value":"true","computed":false}},"noResultsRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => JSX.Element","signature":{"arguments":[],"return":{"name":"JSX.Element"}}},"description":""},"stickyCategories":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultVisualFocusFirstIndex":{"required":false,"tsType":{"name":"boolean"},"description":"By default, the first option will be selected, when focusing selecting the first option, or when changing items"},"clearFilterOnSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Clear the filter/search on selection (click or enter)","defaultValue":{"value":"false","computed":false}},"optionRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(option: IComboboxOption) => JSX.Element","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"JSX.Element"}}},"description":"Replace the regular appearance of combo box option with custom renderer.","defaultValue":{"value":"null","computed":false}},"maxOptionsWithoutScroll":{"required":false,"tsType":{"name":"number"},"description":"Maximum options count without scroll"},"renderOnlyVisibleOptions":{"required":false,"tsType":{"name":"boolean"},"description":"Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(optionData: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"optionData"}],"return":{"name":"void"}}},"description":"On option click callback","defaultValue":{"value":"(_optionData: IComboboxOption) => {}","computed":false}},"searchIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Custom search icon"},"searchInputAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Search for content\\"","computed":false}}}}],"src/components/DatePicker/DatePicker.tsx":[{"description":"","methods":[],"displayName":"DatePicker","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"firstDayOfWeek":{"required":false,"tsType":{"name":"DayOfWeekShape"},"description":"set the first day of the week to display","defaultValue":{"value":"1","computed":false}},"date":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current start date"},"endDate":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current end date"},"onPickDate":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment | RangeDate) => void","signature":{"arguments":[{"type":{"name":"union","raw":"Moment | RangeDate","elements":[{"name":"moment.Moment"},{"name":"RangeDate"}]},"name":"date"}],"return":{"name":"void"}}},"description":"on date selected callback"},"hideNavigationKeys":{"required":false,"tsType":{"name":"boolean"},"description":"hide the month navigations keys","defaultValue":{"value":"false","computed":false}},"enableOutsideDays":{"required":false,"tsType":{"name":"boolean"},"description":"show days outside the cuurent month view","defaultValue":{"value":"false","computed":false}},"showWeekNumber":{"required":false,"tsType":{"name":"boolean"},"description":"show week number column","defaultValue":{"value":"false","computed":false}},"daySize":{"required":false,"tsType":{"name":"number"},"description":"set the size of single day element","defaultValue":{"value":"40","computed":false}},"shouldBlockDay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if day should be disabled"},"range":{"required":false,"tsType":{"name":"boolean"},"description":"date range mode","defaultValue":{"value":"false","computed":false}},"numberOfMonths":{"required":false,"tsType":{"name":"number"},"description":"number of month to display","defaultValue":{"value":"1","computed":false}},"shouldBlockYear":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(year: number) => boolean","signature":{"arguments":[{"type":{"name":"number"},"name":"year"}],"return":{"name":"boolean"}}},"description":"determine if year should be disabled"},"shouldBlockRange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if date range should be disabled"}}}],"src/components/Dialog/Dialog.tsx":[{"description":"","methods":[{"name":"closeDialogOnEscape","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"KeyboardEvent","alias":"KeyboardEvent"}}],"returns":null},{"name":"getContainer","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialog","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"onShowDialog","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"hideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"onHideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"hideDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"handleEvent","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}},{"name":"target","optional":false,"type":{"name":"EventTarget","alias":"EventTarget"}},{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}}],"returns":null},{"name":"isShown","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"isShowTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"isHideTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"onMouseEnter","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onMouseLeave","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onKeyDown","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onMouseDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onEsc","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onContextMenu","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClickOutside","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onDialogEnter","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onDialogLeave","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onContentClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null}],"displayName":"Dialog","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"referenceWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"A Classname to be added to element which wraps the children"},"position":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the dialog should be in reference to the children,\\nTop, Left, Right, Bottom ...","defaultValue":{"value":"\\"top\\"","computed":false}},"modifiers":{"required":false,"tsType":{"name":"Array","elements":[{"name":"Modifier","elements":[{"name":"any"}],"raw":"Modifier"}],"raw":"Modifier[]"},"description":"PopperJS Modifiers type\\nhttps://popper.js.org/docs/v2/modifiers/","defaultValue":{"value":"[]","computed":false}},"startingEdge":{"required":false,"tsType":{"name":"string"},"description":""},"moveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{ main?: number; secondary?: number }","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":"How much to move the dialog in relative to children\\nmain is the axis in which the position is aligned to\\nsecondary is the vertical axes to the position","defaultValue":{"value":"{ main: 0, secondary: 0 }","computed":false}},"showDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the show in MS","defaultValue":{"value":"100","computed":false}},"hideDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the hide in MS","defaultValue":{"value":"100","computed":false}},"showTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_ENTER","computed":true}},"hideTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_LEAVE","computed":true}},"showOnDialogEnter":{"required":false,"tsType":{"name":"boolean"},"description":"If true, prevents open Dialog from closing on mouseEnter and closes Dialog, when mouse leaves it","defaultValue":{"value":"false","computed":false}},"shouldShowOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Show the Dialog when the children are mounting","defaultValue":{"value":"false","computed":false}},"disable":{"required":false,"tsType":{"name":"boolean"},"description":"disable the opening of the dialog","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":"open is a controlled prop to open the dialog","defaultValue":{"value":"false","computed":false}},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"used when state is derived from props"},"showTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the show trigger will be ignored"},"hideTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the hide trigger will be ignored"},"animationType":{"required":false,"tsType":{"name":"AnimationType"},"description":"Dialog animation type","defaultValue":{"value":"Dialog.animationTypes.EXPAND","computed":true}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Classname to be added to the content container"},"preventAnimationOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Prevent Animation","defaultValue":{"value":"false","computed":false}},"containerSelector":{"required":false,"tsType":{"name":"string"},"description":"the container selector in which to append the dialog\\nfor examples: \\"body\\" , \\".my-class\\", \\"#my-id\\"","defaultValue":{"value":"\\"body\\"","computed":false}},"tooltip":{"required":false,"tsType":{"name":"boolean"},"description":"should position the tooltip element\\nhttps://popper.js.org/docs/v2/modifiers/arrow/","defaultValue":{"value":"false","computed":false}},"tooltipClassName":{"required":false,"tsType":{"name":"string"},"description":"class name to add to the tooltip element"},"onDialogDidShow":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"callback to be called when the dialog is shown","defaultValue":{"value":"function NOOP() {}","computed":false}},"onDialogDidHide":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: DialogEvent, eventName: HideShowEvent | string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}]},"name":"event"},{"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]},"name":"eventName"}],"return":{"name":"void"}}},"description":"callback to be called when the dialog is hidden","defaultValue":{"value":"function NOOP() {}","computed":false}},"onClickOutside":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click outside is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"onContentClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click on the content is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"z-index to add to the dialog"},"useDerivedStateFromProps":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"hideWhenReferenceHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Make the dialog disappear when the element it is attached to becomes hidden","defaultValue":{"value":"false","computed":false}},"shoudlCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use shouldCallbackOnMount instead","defaultValue":{"value":"false","computed":false}},"shouldCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"instantShowAndHide":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"getDynamicShowDelay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => { showDelay: number; preventAnimation: boolean }","signature":{"arguments":[],"return":{"name":"signature","type":"object","raw":"{ showDelay: number; preventAnimation: boolean }","signature":{"properties":[{"key":"showDelay","value":{"name":"number","required":true}},{"key":"preventAnimation","value":{"name":"boolean","required":true}}]}}}},"description":""},"content":{"required":false,"tsType":{"name":"union","raw":"(() => JSX.Element) | JSX.Element","elements":[{"name":"unknown"},{"name":"JSX.Element"}]},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[] | string","elements":[{"name":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},{"name":"string"}]},"description":"The element where we will position the dialog beside."},"addKeyboardHideShowTriggersByDefault":{"required":false,"tsType":{"name":"boolean"},"description":"Treats keyboard focus/blur events as mouse-enter/mouse-leave events","defaultValue":{"value":"false","computed":false}},"disableContainerScroll":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":"If true disable the scroll for the containerSelector element.\\nIf string use it as selector to prevent scroll."}}}],"src/components/Dropdown/Dropdown.jsx":[{"description":"","methods":[],"displayName":"Dropdown","props":{"multi":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, the dropdown will be in multi-select mode.\\nWhen in multi-select mode, the selected value will be an array,\\nand it will be displayed as our [``](/?path=/docs/components-chips--sandbox) component.","type":{"name":"bool"},"required":false},"multiline":{"defaultValue":{"value":"false","computed":false},"description":"If set to true together with `multi`, it will make the dropdown expand to multiple lines when new values are selected.","type":{"name":"bool"},"required":false},"closeMenuOnSelect":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass closeMenuOnSelect to close the multi choose any time an options is chosen.","type":{"name":"bool"},"required":false},"tabSelectsValue":{"defaultValue":{"value":"true","computed":false},"description":"Overrides the built-in logic of tab selecting value (default: true)","type":{"name":"bool"},"required":false},"className":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Custom style","type":{"name":"string"},"required":false},"optionWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown option wrapper (dropdown-wrapper__option--reset)","type":{"name":"string"},"required":false},"dropdownMenuWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown menu wrapper (dropdown-menu-wrapper)","type":{"name":"string"},"required":false},"singleValueWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown single value wrapper (dropdown-wrapper__single-value--reset)","type":{"name":"string"},"required":false},"placeholder":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Placeholder to show when no value was selected","type":{"name":"string"},"required":false},"onMenuOpen":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is opened","type":{"name":"func"},"required":false},"onMenuClose":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is closed","type":{"name":"func"},"required":false},"onKeyDown":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when key is pressed in the dropdown","type":{"name":"func"},"required":false},"onFocus":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when focused","type":{"name":"func"},"required":false},"onBlur":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when blurred","type":{"name":"func"},"required":false},"onChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when selected value has changed","type":{"name":"func"},"required":false},"onInputChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when the dropdown\'s input changes.","type":{"name":"func"},"required":false},"searchable":{"defaultValue":{"value":"true","computed":false},"description":"If true, search in options will be enabled","type":{"name":"bool"},"required":false},"options":{"defaultValue":{"value":"[]","computed":false},"description":"The dropdown options","type":{"name":"arrayOf","value":{"name":"object"}},"required":false},"menuPlacement":{"defaultValue":{"value":"Dropdown.menuPlacements.BOTTOM","computed":true},"description":"Default placement of the Dropdown menu in relation to its control. Use \\"auto\\" to flip the menu when there isn\'t enough space below the control.","type":{"name":"enum","value":[{"value":"\\"top\\"","computed":false},{"value":"\\"bottom\\"","computed":false},{"value":"\\"auto\\"","computed":false}]},"required":false},"menuPosition":{"defaultValue":{"value":"Dropdown.menuPositions.ABSOLUTE","computed":true},"description":"The CSS position value of the menu, when \\"fixed\\" extra layout management might be required\\nFixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog","type":{"name":"enum","value":[{"value":"\\"absolute\\"","computed":false},{"value":"\\"fixed\\"","computed":false}]},"required":false},"noOptionsMessage":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Text to display when there are no options","type":{"name":"func"},"required":false},"clearable":{"defaultValue":{"value":"true","computed":false},"description":"If set to true, clear button will be added","type":{"name":"bool"},"required":false},"size":{"defaultValue":{"value":"SIZES.MEDIUM","computed":true},"description":"Select menu size from `Dropdown.size` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL","type":{"name":"string"},"required":false},"extraStyles":{"defaultValue":{"value":"baseStyles => baseStyles","computed":false},"description":"Custom function to override existing styles (similar to `react-select`\'s `style` prop), for example: `base => ({...base, color: \'red\'})`, where `base` is the component\'s default styles","type":{"name":"func"},"required":false},"tabIndex":{"defaultValue":{"value":"\\"0\\"","computed":false},"description":"Tab index for keyboard navigation purposes","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false},"onOptionRemove":{"defaultValue":{"value":"undefined","computed":true},"description":"callback to be called when `multiline` is `true` and the option is removed","type":{"name":"func"},"required":false},"id":{"defaultValue":{"value":"\\"dropdown-menu-id\\"","computed":false},"description":"ID for the select container","type":{"name":"string"},"required":false},"autoFocus":{"defaultValue":{"value":"false","computed":false},"description":"focusAuto when component mount","type":{"name":"bool"},"required":false},"closeMenuOnScroll":{"defaultValue":{"value":"false","computed":false},"description":"If menu should be closed on scroll - helpful for some tricky use cases\\n@default false, but true when insideOverflowContainer or insideOverflowWithTransformContainer are true","type":{"name":"bool"},"required":false},"ref":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass Ref for reference of the actual dropdown component","type":{"name":"func"},"required":false},"withMandatoryDefaultOptions":{"defaultValue":{"value":"false","computed":false},"description":"The options set by default will be set as mandatory and the user will not be able to cancel their selection","type":{"name":"bool"},"required":false},"insideOverflowContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container.","type":{"name":"bool"},"required":false},"insideOverflowWithTransformContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container which contains transform css function usage.","type":{"name":"bool"},"required":false},"tooltipContent":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"When content is passed, the dropdown will include a tooltip on the dropdown\'s value.","type":{"name":"string"},"required":false},"disabled":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown will be disabled","type":{"name":"bool"},"required":false},"readOnly":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown won\'t be editable","type":{"name":"bool"},"required":false},"isLoading":{"defaultValue":{"value":"false","computed":false},"description":"Display the drop down with loading state.","type":{"name":"bool"},"required":false},"loadingMessage":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the built-in logic of loading message design","type":{"name":"func"},"required":false},"ariaLabel":{"defaultValue":{"value":"undefined","computed":true},"description":"aria-label attribute for dropdown","type":{"name":"string"},"required":false},"filterOption":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the build-in search filter logic - https://react-select.com/advanced#custom-filter-logic\\ncreateFilter function is available at Dropdown.createFilter","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"openMenuOnFocus":{"description":"If set to true, the menu will open when focused","type":{"name":"bool"},"required":false},"openMenuOnClick":{"description":"If set to true, the menu will open when clicked","type":{"name":"bool"},"required":false},"optionRenderer":{"description":"custom option render function","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"valueRenderer":{"description":"custom value render function","type":{"name":"func"},"required":false},"menuRenderer":{"description":"custom menu render function","type":{"name":"func"},"required":false},"rtl":{"description":"If set to true, the dropdown will be in Right to Left mode","type":{"name":"bool"},"required":false},"defaultValue":{"description":"Set default selected value","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"value":{"description":"The component\'s value.\\nWhen passed, makes this a [controlled](https://reactjs.org/docs/forms.html#controlled-components) component.","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"asyncOptions":{"description":"If provided Dropdown will work in async mode. Can be either promise or callback","type":{"name":"union","value":[{"name":"func"},{"name":"shape","value":{"then":{"name":"func","required":true},"catch":{"name":"func","required":true}}}]},"required":false},"cacheOptions":{"description":"If set to true, fetched async options will be cached","type":{"name":"bool"},"required":false},"defaultOptions":{"description":"If set, `asyncOptions` will be invoked with its value on mount and the resolved results will be loaded","type":{"name":"union","value":[{"name":"bool"},{"name":"arrayOf","value":{"name":"object"}}]},"required":false},"isVirtualized":{"description":"If set to true, the menu will use virtualization. Virtualized async works only with","type":{"name":"bool"},"required":false},"menuPortalTarget":{"description":"Whether the menu should use a portal, and where it should attach","type":{"name":"union","value":[{"name":"element"},{"name":"object"}]},"required":false},"maxMenuHeight":{"description":"Maximum height of the menu before scrolling","type":{"name":"number"},"required":false},"isOptionSelected":{"description":"Override the built-in logic to detect whether an option is selected.","type":{"name":"func"},"required":false}}}],"src/components/DialogContentContainer/DialogContentContainer.tsx":[{"description":"","methods":[],"displayName":"DialogContentContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id)","computed":true}},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"type":{"required":false,"tsType":{"name":"DialogType"},"description":"","defaultValue":{"value":"DialogType.POPOVER","computed":true}},"size":{"required":false,"tsType":{"name":"DialogSize"},"description":"","defaultValue":{"value":"DialogSize.MEDIUM","computed":true}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""}}}],"src/components/Clickable/Clickable.tsx":[{"description":"","methods":[],"displayName":"Clickable","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"The type of the clickable element wrapper (for example div or span)","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":"","defaultValue":{"value":"\\"button\\"","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"enableTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseEnter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Is the element and its content should be hidden from screen readers and other assistive technologies"},"ariaHasPopup":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":""},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"\\"0\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"}}}],"src/components/Divider/Divider.tsx":[{"description":"","methods":[],"displayName":"Divider","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"direction":{"required":false,"tsType":{"name":"DirectionType"},"description":"","defaultValue":{"value":"DirectionType.HORIZONTAL","computed":true}},"classname":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withoutMargin":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/EditableInput/EditableInput.tsx":[{"description":"","methods":[],"displayName":"EditableInput","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"inputType":{"required":false,"tsType":{"name":"InputType"},"description":"","defaultValue":{"value":"InputType.INPUT","computed":true}},"autoSize":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"autoComplete":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"maxLength":{"required":false,"tsType":{"name":"number"},"description":""},"shouldFocusOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"textareaSubmitOnEnter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"customColor":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"isValidValue":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => boolean","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"boolean"}}},"description":""},"onFinishEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent | React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"union","raw":"React.KeyboardEvent | React.FocusEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onArrowKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"union","raw":"HTMLInputElement | HTMLTextAreaElement","elements":[{"name":"HTMLInputElement"},{"name":"HTMLTextAreaElement"}]}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"selectOnMount":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"ignoreBlurClass":{"required":false,"tsType":{"name":"string"},"description":""},"onIgnoreBlurEvent":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onCancelEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onError":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onSuccess":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onTabHandler":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""}}}],"src/components/EditableText/EditableText.tsx":[{"description":"","methods":[],"displayName":"EditableText","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"TextType"},"description":"Sets the Text type\\n@type {TextType}","defaultValue":{"value":"Text.types.TEXT2","computed":true}},"weight":{"required":false,"tsType":{"name":"TextWeight"},"description":"Sets the Text weight\\n@type {TextWeight}","defaultValue":{"value":"Text.weights.NORMAL","computed":true}}}}],"src/components/EditableTypography/EditableTypography.tsx":[{"description":"","methods":[],"displayName":"EditableTypography","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element","defaultValue":{"value":"false","computed":false}},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label","defaultValue":{"value":"\\"\\"","computed":false}},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"component":{"required":true,"tsType":{"name":"ElementType"},"description":"A typography component that is being rendered in view mode"},"typographyClassName":{"required":true,"tsType":{"name":"string"},"description":"Controls the style of the typography component in view mode"},"clearable":{"required":false,"tsType":{"name":"boolean"},"description":"Shows placeholder when empty, if provided"}}}],"src/components/EditableHeading/EditableHeading.tsx":[{"description":"","methods":[],"displayName":"EditableHeading","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"HeadingType"},"description":"Sets the Heading type\\n@type {HeadingType}","defaultValue":{"value":"Heading.types.H1","computed":true}},"weight":{"required":false,"tsType":{"name":"HeadingWeight"},"description":"Sets the Heading weight\\n@type {HeadingWeight}","defaultValue":{"value":"Heading.weights.NORMAL","computed":true}}}}],"src/components/FieldLabel/FieldLabel.tsx":[{"description":"","methods":[],"displayName":"FieldLabel","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FunctionComponent | null","elements":[{"name":"string"},{"name":"ReactFunctionComponent","raw":"React.FunctionComponent"},{"name":"null"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelText":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelFor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"requiredAsterisk":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/FormattedNumber/FormattedNumber.tsx":[{"description":"","methods":[],"displayName":"FormattedNumber","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"A numeric value to format."},"prefix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a prefix to the number."},"suffix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a suffix to the number."},"emptyPlaceHolder":{"required":false,"tsType":{"name":"string"},"description":"The text that will be shown if no value is provided.","defaultValue":{"value":"\\"N/A\\"","computed":false}},"decimalPrecision":{"required":false,"tsType":{"name":"number"},"description":"Determines the number of decimal numbers (0 ~ 20).","defaultValue":{"value":"2","computed":false}},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Format number into compact number and initial (if required).","defaultValue":{"value":"true","computed":false}},"local":{"required":false,"tsType":{"name":"string"},"description":"Determines the number\'s local (Unicode BCP 47 locale identifier).","defaultValue":{"value":"FormattedNumber.localFallBack","computed":true}},"rtl":{"required":false,"tsType":{"name":"boolean"},"description":"Determines suffix and prefix location"}}}],"src/components/Icon/Icon.tsx":[{"description":"","methods":[],"displayName":"Icon","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_event: React.MouseEvent) => {}","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component","defaultValue":{"value":"\\"\\"","computed":false}},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Is icon is a button","defaultValue":{"value":"true","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"mo * Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"},"iconType":{"required":false,"tsType":{"name":"IconType"},"description":"The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))","defaultValue":{"value":"IconType.SVG","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"16","computed":false}},"ignoreFocusStyle":{"required":false,"tsType":{"name":"boolean"},"description":"Remove focus style","defaultValue":{"value":"false","computed":false}},"tabindex":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"useCurrentColor":{"required":false,"tsType":{"name":"boolean"},"description":"When using svg from src (Icon.type.SRC) this boolean will transform the \\"fill\\" property to \\"currentColor\\"","defaultValue":{"value":"false","computed":false}},"customColor":{"required":false,"tsType":{"name":"string"},"description":"Override the default color with a custom one"}}}],"src/components/ExpandCollapse/ExpandCollapse.tsx":[{"description":"","methods":[],"displayName":"ExpandCollapse","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"headerComponentRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => ReactElement","signature":{"arguments":[],"return":{"name":"ReactElement"}}},"description":"Component as parameter to be rendered as header","defaultValue":{"value":"null","computed":false}},"headerClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the header of the expandable"},"contentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the content of the expandable"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the component"},"title":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"Header title","defaultValue":{"value":"\\"\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"The value of the expandable section"},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"The expand icon font size","defaultValue":{"value":"24","computed":false}},"defaultOpenState":{"required":false,"tsType":{"name":"boolean"},"description":"Should be open or closed by default (when rendered)","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"null","computed":false}},"hideBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/Flex/Flex.tsx":[{"description":"","methods":[],"displayName":"Flex","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"style":{"required":false,"tsType":{"name":"object"},"description":""},"direction":{"required":false,"tsType":{"name":"FlexDirection"},"description":"","defaultValue":{"value":"Flex.directions.ROW","computed":true}},"elementType":{"required":false,"tsType":{"name":"ReactElementType","raw":"React.ElementType"},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"wrap":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ElementContent | ElementContent[]","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},{"name":"Array","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]}],"raw":"ElementContent[]"}]},"description":""},"justify":{"required":false,"tsType":{"name":"FlexJustify"},"description":"","defaultValue":{"value":"Flex.justify.START","computed":true}},"align":{"required":false,"tsType":{"name":"FlexAlign"},"description":"","defaultValue":{"value":"Flex.align.CENTER","computed":true}},"gap":{"required":false,"tsType":{"name":"union","raw":"FlexGap | number","elements":[{"name":"FlexGap"},{"name":"number"}]},"description":"","defaultValue":{"value":"Flex.gaps.NONE","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"onClick function - MouseEvent"},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly"}}}],"src/components/HiddenText/HiddenText.tsx":[{"description":"","methods":[],"displayName":"HiddenText","props":{"className":{"defaultValue":{"value":"\\"\\"","computed":false},"required":false},"id":{"defaultValue":{"value":"\\"hiddenText\\"","computed":false},"required":false}}}],"src/components/IconButton/IconButton.tsx":[{"description":"","methods":[],"displayName":"IconButton","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to be added to the element"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when clicking the icon button","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button wrapper"},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button icon"},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to be rendered","defaultValue":{"value":"({size, ...props}) => (\\n \\n \\n \\n)","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"a11y property to be added, used for screen reader to know what kind of button it is"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"a11y property to be added, used for screen reader to know if the button is expanded"},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"a11y property to be added, used for screen reader to know if the button is hidden"},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},"description":"Size of the icon","defaultValue":{"value":"IconButton.sizes.MEDIUM","computed":true}},"hideTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the tooltip should be displayed or not","defaultValue":{"value":"false","computed":false}},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Props for Tooltip component","defaultValue":{"value":"{}","computed":false}},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":"Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown"},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"Kind of button - like