freemium-ui 2.0.8 → 2.0.10

package/storybook-static/stories-Accordion-stories.ad87163f.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[16071],{"./node_modules/@radix-ui/react-id/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{B:()=>$1746a345f3d73bb7$export$f680877a34711e37});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");const $1746a345f3d73bb7$var$useReactId=(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2)))["useId".toString()]||(()=>{});let $1746a345f3d73bb7$var$count=0;function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId){const[id,setId]=react__WEBPACK_IMPORTED_MODULE_0__.useState($1746a345f3d73bb7$var$useReactId());return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__.N)((()=>{deterministicId||setId((reactId=>null!=reactId?reactId:String($1746a345f3d73bb7$var$count++)))}),[deterministicId]),deterministicId||(id?`radix-${id}`:"")}},"./src/stories/Accordion.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _components_Accordion__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Accordion/index.ts"),_components_Typography__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Typography/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Accordion",component:_components_Accordion__WEBPACK_IMPORTED_MODULE_1__.n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={args:{defaultValue:"collectors",options:[{id:"surveys",name:"Surveys"},{id:"collectors",name:"Collectors"},{id:"channels",name:"Disabled Channels",disabled:!0},{id:"hidden",name:"Other tab"}],renderContent:tabOption=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{style:{padding:"16px"},children:["surveys"===tabOption.id&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Typography__WEBPACK_IMPORTED_MODULE_2__.o,{children:"Surveys content"}),"collectors"===tabOption.id&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Typography__WEBPACK_IMPORTED_MODULE_2__.o,{children:"Collectors content"}),"channels"===tabOption.id&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Typography__WEBPACK_IMPORTED_MODULE_2__.o,{children:"Channels content"}),"hidden"===tabOption.id&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Typography__WEBPACK_IMPORTED_MODULE_2__.o,{children:"Hidden tab content"})]}),style:{width:"300px"}}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    defaultValue: 'collectors',\n    options: [{\n      id: 'surveys',\n      name: 'Surveys'\n    }, {\n      id: 'collectors',\n      name: 'Collectors'\n    }, {\n      id: 'channels',\n      name: 'Disabled Channels',\n      disabled: true\n    }, {\n      id: 'hidden',\n      name: 'Other tab'\n    }],\n    renderContent: tabOption => {\n      return <div style={{\n        padding: '16px'\n      }}>\n          {tabOption.id === 'surveys' && <Typography>Surveys content</Typography>}\n          {tabOption.id === 'collectors' && <Typography>Collectors content</Typography>}\n          {tabOption.id === 'channels' && <Typography>Channels content</Typography>}\n          {tabOption.id === 'hidden' && <Typography>Hidden tab content</Typography>}\n        </div>;\n    },\n    style: {\n      width: '300px'\n    }\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Accordion/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{n:()=>Accordion_Accordion});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-accordion/dist/index.mjs"),Icons=__webpack_require__("./src/components/Icons/index.ts");const slideDown=(0,styled_components_browser_esm.i7)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n   from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n"]))),slideUp=(0,styled_components_browser_esm.i7)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n  to {\n    height: 0;\n  }\n"]))),AccordionRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 2px 9px ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.fill.surface}),(_ref2=>{let{theme}=_ref2;return theme.colors.border.normal})),AccordionItem=(0,styled_components_browser_esm.Ay)(dist.q7)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  overflow: hidden;\n  margin-top: 1px;\n  &:first-child {\n    margin-top: 0;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n  }\n  &:last-child {\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n  &:focus-within {\n    position: relative;\n    z-index: 1;\n    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);\n  }\n"]))),AccordionHeader=(0,styled_components_browser_esm.Ay)(dist.Y9)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  margin: 0;\n"]))),AccordionTrigger=(0,styled_components_browser_esm.Ay)(dist.l9)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)(["\n  font-family: ",";\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n  font-weight: ",";\n  padding: 0 20px;\n  height: 45px;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ",";\n  border: unset;\n  .AccordionChevron {\n    fill: ",";\n    transform: rotate(0deg);\n    transition: transform;\n    transition-duration: ",";\n    transition-timing-function: ",";\n  }\n  &:hover {\n    background-color: ",";\n  }\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n    .AccordionChevron {\n      fill: ",";\n    }\n  }\n  &[data-state='open'] > .AccordionChevron {\n    transform: rotate(180deg);\n  }\n"])),(_ref3=>{let{theme}=_ref3;return theme.typography.fontFamily}),(_ref4=>{let{theme}=_ref4;return theme.colors.text.primary}),(_ref5=>{let{theme}=_ref5;return theme.typography.primary.lineHeight}),(_ref6=>{let{theme}=_ref6;return theme.typography.primary.fontSize}),(_ref7=>{let{theme}=_ref7;return theme.typography.fontWeight.bold}),(_ref8=>{let{theme}=_ref8;return theme.colors.fill.surface}),(_ref9=>{let{theme}=_ref9;return theme.colors.text.primary}),(_ref10=>{let{theme}=_ref10;return theme.transitions.duration.standard}),(_ref11=>{let{theme}=_ref11;return theme.transitions.easing.easeIn}),(_ref12=>{let{theme}=_ref12;return theme.colors.fill.hover}),(_ref13=>{let{theme}=_ref13;return theme.colors.text.disabled}),(_ref14=>{let{theme}=_ref14;return theme.colors.text.disabled})),AccordionContent=(0,styled_components_browser_esm.Ay)(dist.UC)(_templateObject7||(_templateObject7=(0,taggedTemplateLiteral.A)(["\n  overflow: hidden;\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref15=>{let{theme}=_ref15;return theme.colors.fill.surface}),(_ref16=>{let{theme}=_ref16;return theme.transitions.duration.standard}),(_ref17=>{let{theme}=_ref17;return theme.transitions.easing.easeIn}),slideDown,slideUp);(0,styled_components_browser_esm.Ay)(Icons.rX)(_templateObject8||(_templateObject8=(0,taggedTemplateLiteral.A)(["\n  color: var(--violet-10);\n  transition-property: transform;\n  transition-duration: ",";\n  transition-timing-function: ",";\n"])),(_ref18=>{let{theme}=_ref18;return theme.transitions.duration.standard}),(_ref19=>{let{theme}=_ref19;return theme.transitions.easing.easeIn}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Accordion=_ref=>{let{idAccessor="id",nameAccessor="name",renderContent,hideIcon=!1,renderTitle,options=[],value,onChange,defaultValue,...props}=_ref;return(0,jsx_runtime.jsx)(AccordionRoot,{className:"AccordionRoot",type:"single",collapsible:!0,value,defaultValue,onValueChange:onChange,...props,children:options.map((option=>(0,jsx_runtime.jsxs)(AccordionItem,{className:"AccordionItem",value:null==option?void 0:option[idAccessor],disabled:null==option?void 0:option.disabled,children:[(0,jsx_runtime.jsx)(AccordionTriggerWrapper,{hideIcon,children:renderTitle?renderTitle(option):null==option?void 0:option[nameAccessor]}),(0,jsx_runtime.jsx)(AccordionContentWrapper,{children:renderContent?renderContent(option):null})]},null==option?void 0:option[idAccessor])))})},AccordionTriggerWrapper=react.forwardRef(((_ref2,forwardedRef)=>{let{children,className,hideIcon,...props}=_ref2;return(0,jsx_runtime.jsx)(AccordionHeader,{className:"AccordionHeader",children:(0,jsx_runtime.jsxs)(AccordionTrigger,{className:"AccordionTrigger ".concat(null!=className?className:"").trim(),...props,ref:forwardedRef,children:[children,!hideIcon&&(0,jsx_runtime.jsx)(Icons.rX,{className:"AccordionChevron"})]})})})),AccordionContentWrapper=react.forwardRef(((_ref3,forwardedRef)=>{let{children,className,...props}=_ref3;return(0,jsx_runtime.jsx)(AccordionContent,{className:"AccordionContent ".concat(null!=className?className:"").trim(),...props,ref:forwardedRef,children})})),Accordion_Accordion=Accordion;Accordion.__docgenInfo={description:"Accordion component from the design system.",methods:[],displayName:"Accordion",props:{options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"options for Tabs",defaultValue:{value:"[]",computed:!1}},renderContent:{required:!1,tsType:{name:"signature",type:"function",raw:"(accordianOption: T) => React.ReactNode",signature:{arguments:[{type:{name:"T"},name:"accordianOption"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:"options for Tabs"},renderTitle:{required:!1,tsType:{name:"signature",type:"function",raw:"(accordianOption: T) => React.ReactNode",signature:{arguments:[{type:{name:"T"},name:"accordianOption"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:"options for Tabs"},idAccessor:{required:!1,tsType:{name:"string"},description:"Id accessor of tabes",defaultValue:{value:"'id'",computed:!1}},hideIcon:{required:!1,tsType:{name:"boolean"},description:"Id accessor of tabes",defaultValue:{value:"false",computed:!1}},nameAccessor:{required:!1,tsType:{name:"string"},description:"Name accessor of tabes",defaultValue:{value:"'name'",computed:!1}},value:{required:!1,tsType:{name:"AccordionSingleProps['value']",raw:"AccordionSingleProps['value']"},description:"value for tabs"},defaultValue:{required:!1,tsType:{name:"AccordionSingleProps['defaultValue']",raw:"AccordionSingleProps['defaultValue']"},description:"default value of tabes"},onChange:{required:!1,tsType:{name:"AccordionSingleProps['onValueChange']",raw:"AccordionSingleProps['onValueChange']"},description:"Function to be called when the selected item changes"}},composes:["Omit"]}},"./src/components/Icons/ChevronUp.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ChevronUp=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M0.696495 5.3465C0.882365 5.34499 1.06086 5.27359 1.19649 5.1465L3.99649 2.3365L6.79649 5.1465C7.07264 5.42264 7.52035 5.42264 7.79649 5.1465C8.07264 4.87035 8.07264 4.42264 7.79649 4.1465L4.49649 0.856495C4.36483 0.722118 4.18462 0.646393 3.99649 0.646393C3.80837 0.646393 3.62816 0.722118 3.49649 0.856495L0.206495 4.1465C0.00332102 4.34556 -0.0591904 4.64778 0.0483378 4.91112C0.155867 5.17445 0.412052 5.34654 0.696495 5.3465Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=ChevronUp;ChevronUp.__docgenInfo={description:"",methods:[],displayName:"ChevronUp"}},"./src/components/Icons/Error.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 10C2 5.58172 5.58172 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM3.4 10C3.4 13.6451 6.35492 16.6 10 16.6C13.6428 16.5945 16.5945 13.6428 16.6 10C16.6 6.35492 13.6451 3.4 10 3.4C6.35492 3.4 3.4 6.35492 3.4 10ZM9.34998 10.31V6.7C9.34998 6.44991 9.48339 6.21883 9.69998 6.09378C9.91656 5.96874 10.1834 5.96874 10.4 6.09378C10.6166 6.21883 10.75 6.44991 10.75 6.7V10.31C10.75 10.6966 10.4366 11.01 10.05 11.01C9.66338 11.01 9.34998 10.6966 9.34998 10.31ZM9 13.1099C9 12.53 9.4701 12.0599 10.05 12.0599C10.3327 12.0454 10.6083 12.1513 10.8084 12.3515C11.0086 12.5516 11.1145 12.8272 11.1 13.1099C11.1 13.6898 10.6299 14.1599 10.05 14.1599C9.4701 14.1599 9 13.6898 9 13.1099Z"})}))),__WEBPACK_DEFAULT_EXPORT__=ErrorIcon;ErrorIcon.__docgenInfo={description:"",methods:[],displayName:"ErrorIcon"}},"./src/components/Icons/Minus.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Minus=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"24",height:"7",viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("rect",{y:"0.25",width:"24",height:"6",rx:"3",fill:"white"})}))),__WEBPACK_DEFAULT_EXPORT__=Minus;Minus.__docgenInfo={description:"",methods:[],displayName:"Minus"}},"./src/components/Icons/MoreVertical.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const MoreVertical=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.49996 3.55C8.49193 3.14514 8.64578 2.75382 8.92738 2.46283C9.20899 2.17184 9.59506 2.00525 9.99996 2C10.4049 2.00525 10.7909 2.17184 11.0725 2.46283C11.3541 2.75382 11.508 3.14514 11.5 3.55C11.5053 3.95314 11.3503 4.34188 11.0689 4.6307C10.7876 4.91951 10.4031 5.08473 9.99996 5.09C9.59682 5.08473 9.21229 4.91951 8.93097 4.6307C8.64966 4.34188 8.49462 3.95314 8.49996 3.55ZM9.99995 14.91C9.19475 14.9748 8.57435 15.6472 8.57435 16.455C8.57435 17.2628 9.19475 17.9352 9.99995 18C10.8051 17.9352 11.4256 17.2628 11.4256 16.455C11.4256 15.6472 10.8051 14.9748 9.99995 14.91ZM8.44995 10C8.44995 9.14396 9.14391 8.45 9.99995 8.45C10.856 8.45 11.55 9.14396 11.55 10C11.55 10.856 10.856 11.55 9.99995 11.55C9.14391 11.55 8.44995 10.856 8.44995 10Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=MoreVertical;MoreVertical.__docgenInfo={description:"",methods:[],displayName:"MoreVertical"}},"./src/components/Icons/TickIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TickIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=TickIcon;TickIcon.__docgenInfo={description:"",methods:[],displayName:"TickIcon"}},"./src/components/Icons/Warning.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Warning=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.4512 4.21282L18.2812 12.6328C18.8466 13.608 18.8478 14.8111 18.2843 15.7874C17.7208 16.7638 16.6785 17.3646 15.5512 17.3628H5.87116C4.74387 17.3646 3.70157 16.7638 3.13805 15.7874C2.57454 14.8111 2.57572 13.608 3.14116 12.6328L7.97116 4.21282C8.5388 3.23717 9.58241 2.63696 10.7112 2.63696C11.8399 2.63696 12.8835 3.23717 13.4512 4.21282ZM15.5512 15.9628C16.1775 15.9675 16.758 15.6353 17.0712 15.0928V15.0528C17.3796 14.5027 17.3643 13.8283 17.0312 13.2928L12.1912 4.91282C11.8748 4.38629 11.3054 4.06421 10.6912 4.06421C10.0769 4.06421 9.50757 4.38629 9.19116 4.91282L4.35116 13.3328C4.03558 13.8753 4.03462 14.5452 4.34865 15.0885C4.66267 15.6319 5.2436 15.9655 5.87116 15.9628H15.5512ZM10.0112 10.6328V7.02282C10.0112 6.77273 10.1446 6.54164 10.3612 6.4166C10.5777 6.29156 10.8446 6.29156 11.0612 6.4166C11.2777 6.54164 11.4112 6.77273 11.4112 7.02282V10.6328C11.4112 11.0194 11.0978 11.3328 10.7112 11.3328C10.3246 11.3328 10.0112 11.0194 10.0112 10.6328ZM9.66116 13.4328C9.66116 12.8529 10.1313 12.3828 10.7112 12.3828C10.9938 12.3683 11.2694 12.4742 11.4696 12.6744C11.6697 12.8745 11.7757 13.1501 11.7612 13.4328C11.7612 14.0127 11.2911 14.4828 10.7112 14.4828C10.1313 14.4828 9.66116 14.0127 9.66116 13.4328Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=Warning;Warning.__docgenInfo={description:"",methods:[],displayName:"Warning"}},"./src/components/Icons/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{MG:()=>Icons_Checkmark,rX:()=>ChevronUp.A,w0:()=>Cross.A,mo:()=>Info});var ChevronUp=__webpack_require__("./src/components/Icons/ChevronUp.tsx"),Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),react=(__webpack_require__("./src/components/Icons/TickIcon.tsx"),__webpack_require__("./src/components/Icons/Warning.tsx"),__webpack_require__("./src/components/Icons/Error.tsx"),__webpack_require__("./node_modules/react/index.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Checkmark=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),(0,jsx_runtime.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1 8C1 11.86 4.14 15 8 15H8.01C11.87 15 15.01 11.86 15.01 8C15.01 7.69 14.98 7.38 14.93 7C14.88 6.67 14.57 6.45 14.25 6.49C13.92 6.54 13.69 6.84 13.74 7.17C13.79 7.49 13.81 7.75 13.81 8C13.81 11.2 11.21 13.8 8.01 13.8C4.81 13.8 2.21 11.2 2.21 8C2.21 4.8 4.81 2.2 8.01 2.2C8.73 2.2 9.46 2.35 10.17 2.64C10.47 2.77 10.83 2.62 10.95 2.31C11.07 2.01 10.93 1.66 10.62 1.53C9.76 1.18 8.88 1 8 1C4.14 1 1 4.14 1 8ZM6.65003 10.35C6.76003 10.47 6.91003 10.53 7.07003 10.53L7.08003 10.54C7.23003 10.54 7.39003 10.47 7.50003 10.36L13.43 4.42997C13.66 4.18997 13.66 3.80997 13.43 3.57997C13.19 3.34997 12.81 3.34997 12.58 3.57997L7.08003 9.07997L5.49003 7.48997C5.25003 7.25997 4.88003 7.25997 4.64003 7.48997C4.41003 7.72997 4.41003 8.10997 4.64003 8.33997L6.65003 10.35Z"})]}))),Icons_Checkmark=Checkmark;Checkmark.__docgenInfo={description:"",methods:[],displayName:"Checkmark"};const InfoIcon=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),(0,jsx_runtime.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 13.8C4.8 13.8 2.2 11.2 2.2 8C2.2 4.8 4.8 2.2 8 2.2C11.2 2.2 13.8 4.8 13.8 8C13.8 11.2 11.2 13.8 8 13.8ZM8.00003 6.24004C8.50003 6.24004 8.91003 5.83004 8.91003 5.33004C8.91003 4.83004 8.50003 4.42004 8.00003 4.42004C7.50003 4.42004 7.09003 4.83004 7.09003 5.33004C7.09003 5.83004 7.50003 6.24004 8.00003 6.24004ZM8.00003 5.04004C8.16003 5.04004 8.29003 5.17004 8.29003 5.33004C8.29003 5.49004 8.16003 5.62004 8.00003 5.62004C7.84003 5.62004 7.71003 5.49004 7.71003 5.33004C7.71003 5.17004 7.84003 5.04004 8.00003 5.04004ZM8.60002 10.37H8.86002C9.19002 10.37 9.46002 10.64 9.46002 10.97C9.46002 11.3 9.19002 11.57 8.86002 11.57H7.12002C6.79002 11.57 6.52002 11.3 6.52002 10.97C6.52002 10.64 6.79002 10.37 7.12002 10.37H7.39002V8.24996C7.15002 8.16996 6.96002 7.94996 6.96002 7.67996C6.96002 7.34996 7.23002 7.07996 7.56002 7.07996H8.43002C8.76002 7.07996 9.03002 7.34996 9.03002 7.67996C9.03002 7.95996 8.85002 8.17996 8.60002 8.24996V10.37Z"})]}))),Info=InfoIcon;InfoIcon.__docgenInfo={description:"",methods:[],displayName:"InfoIcon"};__webpack_require__("./src/components/Icons/Minus.tsx"),__webpack_require__("./src/components/Icons/MoreVertical.tsx")},"./src/components/Typography/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>Typography_Typography});var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");const StyledTypography=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js").Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  text-transform: ",";\n  -webkit-font-smoothing: antialiased;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.primary}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme,weight}=_ref3;return theme.typography.fontWeight[weight]}),(_ref4=>{let{theme,variant}=_ref4;return theme.typography[variant].fontSize}),(_ref5=>{let{theme,variant}=_ref5;return theme.typography[variant].lineHeight}),(_ref6=>{let{variant}=_ref6;return"caption"===variant?"uppercase":"none"}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Typography=react.forwardRef(((_ref,forwardedRef)=>{let{children,variant="primary",weight="regular",...rest}=_ref;return(0,jsx_runtime.jsx)(StyledTypography,{variant,weight,ref:forwardedRef,...rest,children})})),Typography_Typography=Typography;Typography.__docgenInfo={description:"Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.",methods:[],displayName:"Typography",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},weight:{defaultValue:{value:"'regular'",computed:!1},required:!1}}}}}]);

package/storybook-static/stories-Alert-stories.8ef45731.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[73815],{"./src/stories/Alert.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Dismissible:()=>Dismissible,Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Alert",component:__webpack_require__("./src/components/Alert/index.ts").F,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={args:{level:"error",data:{message:"This is an Error banner",href:"https://www.freshworks.com",linkText:"Learn more"}}},Dismissible={args:{level:"warning",children:"This is a auto dismiss banner",timeout:2e3}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    level: 'error',\n    data: {\n      message: 'This is an Error banner',\n      href: 'https://www.freshworks.com',\n      linkText: 'Learn more'\n    }\n  }\n}",...Primary.parameters?.docs?.source}}},Dismissible.parameters={...Dismissible.parameters,docs:{...Dismissible.parameters?.docs,source:{originalSource:"{\n  args: {\n    level: 'warning',\n    children: 'This is a auto dismiss banner',\n    timeout: 2000\n  }\n}",...Dismissible.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Dismissible"]},"./src/components/Alert/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{F:()=>Alert_Alert});var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styles=__webpack_require__("./src/styles/index.ts"),Icons=__webpack_require__("./src/components/Icons/index.ts"),Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),Error=__webpack_require__("./src/components/Icons/Error.tsx"),Warning=__webpack_require__("./src/components/Icons/Warning.tsx"),Typography=__webpack_require__("./src/components/Typography/index.ts"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");const StyledAlert=styled_components_browser_esm.Ay.div(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 12px;\n  width: 100%;\n  min-width: 320px;\n  font-size: 14px;\n  box-shadow: 0px -1px 0px 0px "," inset;\n  color: ",";\n  line-height: ",";\n  font-weight: ",";\n  font-family: ",";\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-name: ",";\n"])),(_ref=>{let{level,theme}=_ref;return theme.colors.semantic[level].border}),(_ref2=>{let{theme}=_ref2;return theme.colors.text.primary}),(_ref3=>{let{theme}=_ref3;return theme.typography.primary.lineHeight}),(_ref4=>{let{theme}=_ref4;return theme.typography.primary.fontWeight}),(_ref5=>{let{theme}=_ref5;return theme.typography.fontFamily}),(_ref6=>{let{level,theme}=_ref6;return theme.colors.semantic[level].border}),(_ref7=>{let{level,theme}=_ref7;return theme.colors.semantic[level].bg}),(_ref8=>{let{theme}=_ref8;return theme.transitions.duration.standard}),(_ref9=>{let{theme}=_ref9;return theme.transitions.easing.easeIn}),styles.QZ),AlertContent=styled_components_browser_esm.Ay.div(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: ",";\n  & .alert-icon {\n    margin-right: 4px;\n    min-width: 18px;\n  }\n"])),(_ref10=>{let{align}=_ref10;return align}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const iconMapper={error:Error.A,success:Icons.MG,info:Icons.mo,warning:Warning.A},Alert=_ref=>{var _data$href;let{onClose,children,level,onDisappear,data,icon,overideClassName,timeout=0,canDismiss=!0,alignContent="center",...props}=_ref;const theme=(0,styled_components_browser_esm.DP)(),AlertIcon=iconMapper[level],[showAlert,toggleAlert]=react.useState(!0);return react.useEffect((()=>{timeout>0&&(showAlert||toggleAlert(!0),setTimeout((()=>{toggleAlert(!1),null==onDisappear||onDisappear()}),timeout))}),[timeout]),react.useEffect((()=>{"string"==typeof children||"string"==typeof(null==data?void 0:data.message)||props["aria-describedby"]||console.warn("The `aria-describedby` prop is required when the children of the Alert are not a string. This is to ensure that assistive technologies can announce the content of the alert. Please provide a valid `aria-describedby` prop to the Alert component.")}),[]),showAlert?(0,jsx_runtime.jsxs)(StyledAlert,{level,role:"alert","aria-describedby":"string"==typeof(null==data?void 0:data.message)?data.message:void 0,...props,children:[(0,jsx_runtime.jsxs)(AlertContent,{align:alignContent,children:[null!=icon?icon:(0,jsx_runtime.jsx)(AlertIcon,{className:"alert-icon",fill:theme.colors.text.semantic[level]}),null!=data&&data.message?(0,jsx_runtime.jsx)(Typography.o,{children:data.message}):children,(null==data?void 0:data.linkText)&&(0,jsx_runtime.jsx)(styles.jG,{target:"_blank",rel:"noreferrer",href:null!==(_data$href=null==data?void 0:data.href)&&void 0!==_data$href?_data$href:"#",children:data.linkText})]}),canDismiss&&(0,jsx_runtime.jsx)(styles.K0,{onClick:()=>{toggleAlert(!1),null==onClose||onClose()},children:(0,jsx_runtime.jsx)(Cross.A,{fill:theme.colors.text.primary})})]}):null},Alert_Alert=Alert;Alert.__docgenInfo={description:"Alert displays an alert on the user interface and enables displaying additional information to the context of the page.",methods:[],displayName:"Alert",props:{data:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n  message: string;\n  linkText?: string;\n  href?: string;\n}",signature:{properties:[{key:"message",value:{name:"string",required:!0}},{key:"linkText",value:{name:"string",required:!1}},{key:"href",value:{name:"string",required:!1}}]}},description:"data to be displayed in the alert"},level:{required:!0,tsType:{name:"union",raw:"'warning' | 'success' | 'error' | 'info'",elements:[{name:"literal",value:"'warning'"},{name:"literal",value:"'success'"},{name:"literal",value:"'error'"},{name:"literal",value:"'info'"}]},description:"Level of the alert"},canDismiss:{required:!1,tsType:{name:"boolean"},description:"Whether the alert can be dismissed",defaultValue:{value:"true",computed:!1}},timeout:{required:!1,tsType:{name:"number"},description:"Timeout for the alert to disappear",defaultValue:{value:"0",computed:!1}},overideClassName:{required:!1,tsType:{name:"string"},description:"@deprecated\nClass name to be overriden"},children:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"Children to be displayed in the alert"},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"() => any",signature:{arguments:[],return:{name:"any"}}},description:"Function to be called when the alert is closed"},onDisappear:{required:!1,tsType:{name:"signature",type:"function",raw:"() => any",signature:{arguments:[],return:{name:"any"}}},description:"Function to be called when the alert is dismissed"},icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"Icon to be displayed in the alert\n@default getAlertIcon(level)"},alignContent:{required:!1,tsType:{name:"union",raw:"'flex-start' | 'center' | 'flex-end'",elements:[{name:"literal",value:"'flex-start'"},{name:"literal",value:"'center'"},{name:"literal",value:"'flex-end'"}]},description:"Alignment of the content in the alert",defaultValue:{value:"'center'",computed:!1}}}}},"./src/components/Icons/ChevronUp.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ChevronUp=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M0.696495 5.3465C0.882365 5.34499 1.06086 5.27359 1.19649 5.1465L3.99649 2.3365L6.79649 5.1465C7.07264 5.42264 7.52035 5.42264 7.79649 5.1465C8.07264 4.87035 8.07264 4.42264 7.79649 4.1465L4.49649 0.856495C4.36483 0.722118 4.18462 0.646393 3.99649 0.646393C3.80837 0.646393 3.62816 0.722118 3.49649 0.856495L0.206495 4.1465C0.00332102 4.34556 -0.0591904 4.64778 0.0483378 4.91112C0.155867 5.17445 0.412052 5.34654 0.696495 5.3465Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=ChevronUp;ChevronUp.__docgenInfo={description:"",methods:[],displayName:"ChevronUp"}},"./src/components/Icons/Error.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 10C2 5.58172 5.58172 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM3.4 10C3.4 13.6451 6.35492 16.6 10 16.6C13.6428 16.5945 16.5945 13.6428 16.6 10C16.6 6.35492 13.6451 3.4 10 3.4C6.35492 3.4 3.4 6.35492 3.4 10ZM9.34998 10.31V6.7C9.34998 6.44991 9.48339 6.21883 9.69998 6.09378C9.91656 5.96874 10.1834 5.96874 10.4 6.09378C10.6166 6.21883 10.75 6.44991 10.75 6.7V10.31C10.75 10.6966 10.4366 11.01 10.05 11.01C9.66338 11.01 9.34998 10.6966 9.34998 10.31ZM9 13.1099C9 12.53 9.4701 12.0599 10.05 12.0599C10.3327 12.0454 10.6083 12.1513 10.8084 12.3515C11.0086 12.5516 11.1145 12.8272 11.1 13.1099C11.1 13.6898 10.6299 14.1599 10.05 14.1599C9.4701 14.1599 9 13.6898 9 13.1099Z"})}))),__WEBPACK_DEFAULT_EXPORT__=ErrorIcon;ErrorIcon.__docgenInfo={description:"",methods:[],displayName:"ErrorIcon"}},"./src/components/Icons/Minus.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Minus=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"24",height:"7",viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("rect",{y:"0.25",width:"24",height:"6",rx:"3",fill:"white"})}))),__WEBPACK_DEFAULT_EXPORT__=Minus;Minus.__docgenInfo={description:"",methods:[],displayName:"Minus"}},"./src/components/Icons/MoreVertical.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const MoreVertical=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.49996 3.55C8.49193 3.14514 8.64578 2.75382 8.92738 2.46283C9.20899 2.17184 9.59506 2.00525 9.99996 2C10.4049 2.00525 10.7909 2.17184 11.0725 2.46283C11.3541 2.75382 11.508 3.14514 11.5 3.55C11.5053 3.95314 11.3503 4.34188 11.0689 4.6307C10.7876 4.91951 10.4031 5.08473 9.99996 5.09C9.59682 5.08473 9.21229 4.91951 8.93097 4.6307C8.64966 4.34188 8.49462 3.95314 8.49996 3.55ZM9.99995 14.91C9.19475 14.9748 8.57435 15.6472 8.57435 16.455C8.57435 17.2628 9.19475 17.9352 9.99995 18C10.8051 17.9352 11.4256 17.2628 11.4256 16.455C11.4256 15.6472 10.8051 14.9748 9.99995 14.91ZM8.44995 10C8.44995 9.14396 9.14391 8.45 9.99995 8.45C10.856 8.45 11.55 9.14396 11.55 10C11.55 10.856 10.856 11.55 9.99995 11.55C9.14391 11.55 8.44995 10.856 8.44995 10Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=MoreVertical;MoreVertical.__docgenInfo={description:"",methods:[],displayName:"MoreVertical"}},"./src/components/Icons/TickIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TickIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=TickIcon;TickIcon.__docgenInfo={description:"",methods:[],displayName:"TickIcon"}},"./src/components/Icons/Warning.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Warning=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.4512 4.21282L18.2812 12.6328C18.8466 13.608 18.8478 14.8111 18.2843 15.7874C17.7208 16.7638 16.6785 17.3646 15.5512 17.3628H5.87116C4.74387 17.3646 3.70157 16.7638 3.13805 15.7874C2.57454 14.8111 2.57572 13.608 3.14116 12.6328L7.97116 4.21282C8.5388 3.23717 9.58241 2.63696 10.7112 2.63696C11.8399 2.63696 12.8835 3.23717 13.4512 4.21282ZM15.5512 15.9628C16.1775 15.9675 16.758 15.6353 17.0712 15.0928V15.0528C17.3796 14.5027 17.3643 13.8283 17.0312 13.2928L12.1912 4.91282C11.8748 4.38629 11.3054 4.06421 10.6912 4.06421C10.0769 4.06421 9.50757 4.38629 9.19116 4.91282L4.35116 13.3328C4.03558 13.8753 4.03462 14.5452 4.34865 15.0885C4.66267 15.6319 5.2436 15.9655 5.87116 15.9628H15.5512ZM10.0112 10.6328V7.02282C10.0112 6.77273 10.1446 6.54164 10.3612 6.4166C10.5777 6.29156 10.8446 6.29156 11.0612 6.4166C11.2777 6.54164 11.4112 6.77273 11.4112 7.02282V10.6328C11.4112 11.0194 11.0978 11.3328 10.7112 11.3328C10.3246 11.3328 10.0112 11.0194 10.0112 10.6328ZM9.66116 13.4328C9.66116 12.8529 10.1313 12.3828 10.7112 12.3828C10.9938 12.3683 11.2694 12.4742 11.4696 12.6744C11.6697 12.8745 11.7757 13.1501 11.7612 13.4328C11.7612 14.0127 11.2911 14.4828 10.7112 14.4828C10.1313 14.4828 9.66116 14.0127 9.66116 13.4328Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=Warning;Warning.__docgenInfo={description:"",methods:[],displayName:"Warning"}},"./src/components/Icons/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{MG:()=>Icons_Checkmark,rX:()=>ChevronUp.A,w0:()=>Cross.A,mo:()=>Info});var ChevronUp=__webpack_require__("./src/components/Icons/ChevronUp.tsx"),Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),react=(__webpack_require__("./src/components/Icons/TickIcon.tsx"),__webpack_require__("./src/components/Icons/Warning.tsx"),__webpack_require__("./src/components/Icons/Error.tsx"),__webpack_require__("./node_modules/react/index.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Checkmark=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),(0,jsx_runtime.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1 8C1 11.86 4.14 15 8 15H8.01C11.87 15 15.01 11.86 15.01 8C15.01 7.69 14.98 7.38 14.93 7C14.88 6.67 14.57 6.45 14.25 6.49C13.92 6.54 13.69 6.84 13.74 7.17C13.79 7.49 13.81 7.75 13.81 8C13.81 11.2 11.21 13.8 8.01 13.8C4.81 13.8 2.21 11.2 2.21 8C2.21 4.8 4.81 2.2 8.01 2.2C8.73 2.2 9.46 2.35 10.17 2.64C10.47 2.77 10.83 2.62 10.95 2.31C11.07 2.01 10.93 1.66 10.62 1.53C9.76 1.18 8.88 1 8 1C4.14 1 1 4.14 1 8ZM6.65003 10.35C6.76003 10.47 6.91003 10.53 7.07003 10.53L7.08003 10.54C7.23003 10.54 7.39003 10.47 7.50003 10.36L13.43 4.42997C13.66 4.18997 13.66 3.80997 13.43 3.57997C13.19 3.34997 12.81 3.34997 12.58 3.57997L7.08003 9.07997L5.49003 7.48997C5.25003 7.25997 4.88003 7.25997 4.64003 7.48997C4.41003 7.72997 4.41003 8.10997 4.64003 8.33997L6.65003 10.35Z"})]}))),Icons_Checkmark=Checkmark;Checkmark.__docgenInfo={description:"",methods:[],displayName:"Checkmark"};const InfoIcon=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),(0,jsx_runtime.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 13.8C4.8 13.8 2.2 11.2 2.2 8C2.2 4.8 4.8 2.2 8 2.2C11.2 2.2 13.8 4.8 13.8 8C13.8 11.2 11.2 13.8 8 13.8ZM8.00003 6.24004C8.50003 6.24004 8.91003 5.83004 8.91003 5.33004C8.91003 4.83004 8.50003 4.42004 8.00003 4.42004C7.50003 4.42004 7.09003 4.83004 7.09003 5.33004C7.09003 5.83004 7.50003 6.24004 8.00003 6.24004ZM8.00003 5.04004C8.16003 5.04004 8.29003 5.17004 8.29003 5.33004C8.29003 5.49004 8.16003 5.62004 8.00003 5.62004C7.84003 5.62004 7.71003 5.49004 7.71003 5.33004C7.71003 5.17004 7.84003 5.04004 8.00003 5.04004ZM8.60002 10.37H8.86002C9.19002 10.37 9.46002 10.64 9.46002 10.97C9.46002 11.3 9.19002 11.57 8.86002 11.57H7.12002C6.79002 11.57 6.52002 11.3 6.52002 10.97C6.52002 10.64 6.79002 10.37 7.12002 10.37H7.39002V8.24996C7.15002 8.16996 6.96002 7.94996 6.96002 7.67996C6.96002 7.34996 7.23002 7.07996 7.56002 7.07996H8.43002C8.76002 7.07996 9.03002 7.34996 9.03002 7.67996C9.03002 7.95996 8.85002 8.17996 8.60002 8.24996V10.37Z"})]}))),Info=InfoIcon;InfoIcon.__docgenInfo={description:"",methods:[],displayName:"InfoIcon"};__webpack_require__("./src/components/Icons/Minus.tsx"),__webpack_require__("./src/components/Icons/MoreVertical.tsx")},"./src/components/Typography/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>Typography_Typography});var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");const StyledTypography=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js").Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  text-transform: ",";\n  -webkit-font-smoothing: antialiased;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.primary}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme,weight}=_ref3;return theme.typography.fontWeight[weight]}),(_ref4=>{let{theme,variant}=_ref4;return theme.typography[variant].fontSize}),(_ref5=>{let{theme,variant}=_ref5;return theme.typography[variant].lineHeight}),(_ref6=>{let{variant}=_ref6;return"caption"===variant?"uppercase":"none"}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Typography=react.forwardRef(((_ref,forwardedRef)=>{let{children,variant="primary",weight="regular",...rest}=_ref;return(0,jsx_runtime.jsx)(StyledTypography,{variant,weight,ref:forwardedRef,...rest,children})})),Typography_Typography=Typography;Typography.__docgenInfo={description:"Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.",methods:[],displayName:"Typography",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},weight:{defaultValue:{value:"'regular'",computed:!1},required:!1}}}}}]);

package/storybook-static/stories-BoxedRadio-stories.b3003c27.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[65938],{"./src/stories/BoxedRadio.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>BoxedRadio_stories});__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-radio-group/dist/index.mjs");const StyledBoxedRadio=styled_components_browser_esm.Ay.div(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)([""]))),BoxedRadioGroupRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  gap: 8px;\n  width: 100%;\n"]))),BoxedRadioGroupIndicatorHolder=styled_components_browser_esm.Ay.div(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid transparent;\n  padding: 0;\n  margin: ",";\n  outline: none;\n  display: grid;\n  place-content: center;\n  background-color: ",";\n"])),(_ref=>{let{hasDescription}=_ref;return hasDescription?"4px 0":"0"}),(_ref2=>{let{theme}=_ref2;return theme.colors.common.accent})),BoxedRadioGroupIndicator=(0,styled_components_browser_esm.Ay)(dist.C1)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ",";\n"])),(_ref3=>{let{theme}=_ref3;return theme.colors.common.white})),BoxedRadioGroupItem=(0,styled_components_browser_esm.Ay)(dist.q7)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  padding: 0;\n  margin: 0;\n  outline: none;\n  border: none;\n  background-color: unset;\n  height: 100%;\n  display: flex;\n  align-items: ",";\n  padding: 12px 6px 12px 12px;\n  &[data-state='unchecked'] {\n    div.BoxedRadioGroupIndicatorHolder {\n      border-color: ",";\n      background-color: unset;\n    }\n  }\n  &[data-disabled] {\n    div.BoxedRadioGroupIndicatorHolder {\n      border-color: ",";\n      background: ",";\n    }\n  }\n  &:hover:not([data-disabled]) {\n    div.BoxedRadioGroupIndicatorHolder {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n"])),(_ref4=>{let{hasDescription}=_ref4;return hasDescription?"flex-start":"center"}),(_ref5=>{let{theme}=_ref5;return theme.colors.border.normal}),(_ref6=>{let{theme}=_ref6;return theme.colors.border.disabled}),(_ref7=>{let{theme}=_ref7;return"linear-gradient\n        (0deg, ".concat(theme.colors.fill.dark,", ").concat(theme.colors.fill.dark,"),\n        linear-gradient(0deg, ").concat(theme.colors.fill.medium,", ").concat(theme.colors.fill.medium,")")}),(_ref8=>{let{theme}=_ref8;return theme.colors.border.hover})),BoxedRadioContainer=styled_components_browser_esm.Ay.div(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  border-radius: 4px;\n  flex: 1;\n  border: 1px solid\n    ",";\n  background-color: ",";\n  &:hover {\n    border-color: ",";\n  }\n  &:hover:not([data-disabled]) {\n    box-shadow: 0 0 0 5px\n      ",";\n  }\n  &:focus-within {\n    box-shadow: ","\n      0px 0px 0px 1px;\n    border-color: ",";\n  }\n"])),(_ref9=>{let{theme,disabled,$isErrored}=_ref9;return disabled?theme.colors.border.disabled:$isErrored?theme.colors.border.error:theme.colors.border.normal}),(_ref10=>{let{theme,disabled}=_ref10;return disabled?theme.colors.fill.disabled:theme.colors.fill.surface}),(_ref11=>{let{theme,disabled,$isErrored}=_ref11;return disabled?theme.colors.border.disabled:$isErrored?theme.colors.border.error:theme.colors.border.hover}),(_ref12=>{let{theme,disabled}=_ref12;return disabled?"transparent":theme.colors.fill.hover}),(_ref13=>{let{theme,$isErrored}=_ref13;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref14=>{let{theme,$isErrored}=_ref14;return $isErrored?theme.colors.border.error:theme.colors.border.active})),BoxedRadioLabelHeading=styled_components_browser_esm.Ay.span(_templateObject7||(_templateObject7=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-weight: ",";\n  line-height: ",";\n  font-size: ",";\n  white-space: nowrap;\n  overflow: hidden;\n"])),(_ref15=>{let{theme}=_ref15;return theme.colors.text.primary}),(_ref16=>{let{theme}=_ref16;return theme.typography.fontWeight["semi-bold"]}),(_ref17=>{let{theme}=_ref17;return theme.typography.primary.lineHeight}),(_ref18=>{let{theme}=_ref18;return theme.typography.primary.fontSize})),BoxedRadioLabelDescription=styled_components_browser_esm.Ay.span(_templateObject8||(_templateObject8=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-weight: ",";\n  line-height: ",";\n  font-size: ",";\n  white-space: normal;\n  margin: 4px 0;\n"])),(_ref19=>{let{theme}=_ref19;return theme.colors.text.secondary}),(_ref20=>{let{theme}=_ref20;return theme.typography.fontWeight.regular}),(_ref21=>{let{theme}=_ref21;return theme.typography.secondary.lineHeight}),(_ref22=>{let{theme}=_ref22;return theme.typography.secondary.fontSize})),BoxedRadioLabel=styled_components_browser_esm.Ay.label(_templateObject9||(_templateObject9=(0,taggedTemplateLiteral.A)(["\n  padding: 12px 12px 12px 6px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  white-space: nowrap;\n  overflow: hidden;\n"])),(_ref23=>{let{theme}=_ref23;return theme.typography.fontFamily}),(_ref24=>{let{theme}=_ref24;return theme.typography.fontWeight["semi-bold"]}),(_ref25=>{let{theme}=_ref25;return theme.typography.secondary.fontSize}),(_ref26=>{let{theme}=_ref26;return theme.typography.secondary.lineHeight}),(_ref27=>{let{theme}=_ref27;return theme.colors.text.secondary}));var styles=__webpack_require__("./src/styles/index.ts"),ErrorText=__webpack_require__("./src/global/ErrorText/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const BoxedRadio=_ref=>{let{options,defaultValue,idAccessor="id",onChange,isErrored,errorText,disabled=!1,getTextContent,className,id,isRequired,readOnly,itemComponent,label,value,customIndicator,...props}=_ref;return(0,jsx_runtime.jsxs)(StyledBoxedRadio,{className:"StyledBoxedRadio",children:[label&&(0,jsx_runtime.jsxs)(styles.Gw,{htmlFor:id,className:"input-label",children:[label,label&&isRequired&&(0,jsx_runtime.jsx)(styles.Tr,{children:"*"})]}),(0,jsx_runtime.jsx)(BoxedRadioGroupRoot,{defaultValue,value,onValueChange:newValue=>null==onChange?void 0:onChange(newValue),"aria-readonly":readOnly,id,"aria-label":label,"aria-labelledby":id,"aria-invalid":isErrored,className:"BoxedRadioGroupRoot ".concat(null!=className?className:"").trim(),...props,children:null==options?void 0:options.map((option=>{var _getTextContent,_getTextContent2;const optionName=null!==(_getTextContent=null==getTextContent?void 0:getTextContent(option,"name"))&&void 0!==_getTextContent?_getTextContent:"",optionDescription=null!==(_getTextContent2=null==getTextContent?void 0:getTextContent(option,"description"))&&void 0!==_getTextContent2?_getTextContent2:"";return(0,jsx_runtime.jsxs)(BoxedRadioContainer,{$isErrored:!1,disabled:option.disabled||disabled,className:"BoxedRadioContainer",children:[(0,jsx_runtime.jsx)(BoxedRadioGroupItem,{className:"BoxedRadioGroupItem",disabled:option.disabled||disabled,value:null==option?void 0:option[idAccessor],id:null==option?void 0:option[idAccessor],"aria-label":optionName,hasDescription:!!optionDescription,children:(0,jsx_runtime.jsx)(BoxedRadioGroupIndicatorHolder,{hasDescription:!!optionDescription,className:"BoxedRadioGroupIndicatorHolder",children:null!=customIndicator?customIndicator:(0,jsx_runtime.jsx)(BoxedRadioGroupIndicator,{className:"BoxedRadioGroupIndicator"})})}),(0,jsx_runtime.jsx)(BoxedRadioLabel,{className:"BoxedRadioLabel",htmlFor:null==option?void 0:option[idAccessor],children:itemComponent?itemComponent(option):(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[optionDescription?(0,jsx_runtime.jsx)(BoxedRadioLabelHeading,{className:"BoxedRadioLabelHeading",children:optionName}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:optionName}),optionDescription&&(0,jsx_runtime.jsx)(BoxedRadioLabelDescription,{className:"BoxedRadioLabelDescription",children:optionDescription})]})})]},null==option?void 0:option[idAccessor])}))}),isErrored&&errorText&&(0,jsx_runtime.jsx)(ErrorText.y,{children:errorText})]})},BoxedRadio_BoxedRadio=BoxedRadio;BoxedRadio.__docgenInfo={description:"BoxedRadio displays a group of options with radio buttons and enables selection of one option from the list.",methods:[],displayName:"BoxedRadio",props:{dir:{required:!1,tsType:{name:"RadioGroupProps['dir']",raw:"RadioGroupProps['dir']"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"Select options"},disabled:{required:!1,tsType:{name:"boolean"},description:"Select options",defaultValue:{value:"false",computed:!1}},readOnly:{required:!1,tsType:{name:"boolean"},description:"Select options"},idAccessor:{required:!1,tsType:{name:"string"},description:"Id accessor of radio button",defaultValue:{value:"'id'",computed:!1}},defaultValue:{required:!1,tsType:{name:"string"},description:"The default value"},value:{required:!1,tsType:{name:"RadioGroupContextValue['value']",raw:"RadioGroupContextValue['value']"},description:"Value of radio button"},onChange:{required:!1,tsType:{name:"RadioGroupContextValue['onValueChange']",raw:"RadioGroupContextValue['onValueChange']"},description:"Function to be called when the selected item changes"},label:{required:!1,tsType:{name:"string"},description:"The description of the content"},errorText:{required:!1,tsType:{name:"string"},description:""},isRequired:{required:!1,tsType:{name:"boolean"},description:""},isErrored:{required:!1,tsType:{name:"boolean"},description:""},customIndicator:{required:!1,tsType:{name:"ReactNode"},description:""},getTextContent:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T, type: 'name' | 'description') => string",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"union",raw:"'name' | 'description'",elements:[{name:"literal",value:"'name'"},{name:"literal",value:"'description'"}]},name:"type"}],return:{name:"string"}}},description:"The description of the content"},itemComponent:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T) => React.ReactNode | string",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]}}},description:"The description of the content"}}};var TickIcon=__webpack_require__("./src/components/Icons/TickIcon.tsx"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api");const BoxedRadio_stories={title:"Components/BoxedRadio",component:BoxedRadio_BoxedRadio,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:function Render(props){const[{value},updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return(0,jsx_runtime.jsx)(BoxedRadio_BoxedRadio,{...props,value,onChange:v=>updateArgs({value:v})})},args:{getTextContent:(item,type)=>{var _item$name,_item$description;switch(type){case"name":return null!==(_item$name=null==item?void 0:item.name)&&void 0!==_item$name?_item$name:"";case"description":return null!==(_item$description=null==item?void 0:item.description)&&void 0!==_item$description?_item$description:"";default:return""}},customIndicator:(0,jsx_runtime.jsx)(TickIcon.A,{fill:"#ffffff"}),label:"The best option",value:"opt1",options:[{id:"default",name:"Default",description:"Choose this to send your survey at pre-defined intervals. Ideal for relationship surveys viz. NPS."},{id:"opt1",name:"Option 1",description:"Choose this to send your survey only once. Ideal for market research/event feedback surveys"},{id:"opt2",name:"Option 2",description:"Choose this to send your survey on completion of an interaction. Ideal for CSAT surveys"}]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    const [{\n      value\n    }, updateArgs] = useArgs();\n    return <BoxedRadio {...props} value={value} onChange={v => updateArgs({\n      value: v\n    })} />;\n  },\n  args: {\n    getTextContent: (item, type) => {\n      switch (type) {\n        case 'name':\n          return item?.name ?? '';\n        case 'description':\n          return item?.description ?? '';\n        default:\n          return '';\n      }\n    },\n    customIndicator: <TickIcon fill=\"#ffffff\" />,\n    label: 'The best option',\n    value: 'opt1',\n    options: [{\n      id: 'default',\n      name: 'Default',\n      description: 'Choose this to send your survey at pre-defined intervals. Ideal for relationship surveys viz. NPS.'\n    }, {\n      id: 'opt1',\n      name: 'Option 1',\n      description: 'Choose this to send your survey only once. Ideal for market research/event feedback surveys'\n    }, {\n      id: 'opt2',\n      name: 'Option 2',\n      description: 'Choose this to send your survey on completion of an interaction. Ideal for CSAT surveys'\n    }]\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Icons/TickIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TickIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=TickIcon;TickIcon.__docgenInfo={description:"",methods:[],displayName:"TickIcon"}},"./src/global/ErrorText/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{y:()=>ErrorText_ErrorText});var _templateObject,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const StyledErrorText=styled_components_browser_esm.Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.error}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily})),ErrorText=props=>{var _props$className;return(0,jsx_runtime.jsx)(StyledErrorText,{...props,className:"input-helper ".concat(null!==(_props$className=props.className)&&void 0!==_props$className?_props$className:"").trim(),children:props.children})},ErrorText_ErrorText=ErrorText;ErrorText.__docgenInfo={description:"ErrorText is a component that displays an error message on the user interface.",methods:[],displayName:"ErrorText"}}}]);

package/storybook-static/stories-Button-stories.6bf65579.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[39791],{"./src/stories/Button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,Secondary:()=>Secondary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _components_Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/index.ts");const buttonArgTypes=(0,__webpack_require__("./src/utils/index.ts").rY)(),__WEBPACK_DEFAULT_EXPORT__={title:"Components/Button",component:_components_Button__WEBPACK_IMPORTED_MODULE_0__.$,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"},...buttonArgTypes}},Primary={args:{variant:"primary",children:"Primary Button",disabled:!1,size:"normal"}},Secondary={args:{variant:"secondary",children:"Secondary Button",disabled:!1,size:"normal"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    variant: 'primary',\n    children: 'Primary Button',\n    disabled: false,\n    size: 'normal'\n  }\n}",...Primary.parameters?.docs?.source}}},Secondary.parameters={...Secondary.parameters,docs:{...Secondary.parameters?.docs,source:{originalSource:"{\n  args: {\n    variant: 'secondary',\n    children: 'Secondary Button',\n    disabled: false,\n    size: 'normal'\n  }\n}",...Secondary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Secondary"]},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontWeight["semi-bold"]}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{$inline}=_ref3;return $inline?"inline-block":"block"}),(_ref4=>{let{theme,variant}=_ref4;return theme.components.button[variant].borderColor}),(_ref5=>{let{theme,variant}=_ref5;return theme.components.button[variant].backgroundFrom}),(_ref6=>{let{theme,variant}=_ref6;return theme.components.button[variant].backgroundTo}),(_ref7=>{let{theme,variant}=_ref7;return theme.components.button[variant].color}),(_ref8=>{let{size}=_ref8;return ButtonSizeMap[size].height}),(_ref9=>{let{size}=_ref9;return ButtonSizeMap[size].size}),(_ref10=>{let{disabled}=_ref10;return disabled?"not-allowed":"pointer"}),(_ref11=>{let{theme,variant}=_ref11;return theme.components.button[variant].hoverColor}),(_ref12=>{let{theme,variant}=_ref12;return theme.components.button[variant].activeBackgroundColor}),(_ref13=>{let{theme,variant}=_ref13;return theme.components.button[variant].activeBorderColor}),(_ref14=>{let{theme,variant}=_ref14;return theme.components.button[variant].disabledColor}),(_ref15=>{let{theme,variant}=_ref15;return theme.components.button[variant].disabledBorderColor}),(_ref16=>{let{theme,variant}=_ref16;return theme.components.button[variant].disabledBackgroundFrom}),(_ref17=>{let{theme,variant}=_ref17;return theme.components.button[variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{size,variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",methods:[],displayName:"Button",props:{size:{defaultValue:{value:"'normal'",computed:!1},required:!1},variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},children:{defaultValue:{value:"''",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},inline:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>_Button__WEBPACK_IMPORTED_MODULE_0__.A});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx")}}]);

package/storybook-static/stories-ButtonDropdown-stories.481b7c22.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[83780],{"./src/stories/ButtonDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ButtonDropdown_stories});__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),Button=__webpack_require__("./src/components/Button/Button.tsx"),ChevronUp=__webpack_require__("./src/components/Icons/ChevronUp.tsx");const StyledChevronUp=(0,styled_components_browser_esm.Ay)(ChevronUp.A)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  transform: rotate(180deg);\n  path {\n    fill: ",";\n  }\n"])),(_ref=>{let{theme,variant}=_ref;return theme.components.button[variant].color})),StyledButtonDropdownLeft=(0,styled_components_browser_esm.Ay)(Button.A)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  border-radius: 4px 0 0 4px;\n  padding-right: 6px;\n  border-right: 0;\n"]))),StyledButtonDropdownRight=(0,styled_components_browser_esm.Ay)(Button.A)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  border-radius: 0 4px 4px 0;\n  padding-left: 6px;\n  border-left: 0;\n"])));var styles=__webpack_require__("./src/components/Menu/styles.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ButtonDropdown=_ref=>{var _defaultSelectedItem$,_options$,_defaultSelectedItem$2,_options$2,_ref2,_defaultSelectedItem$3,_options$3,_options$filter;let{size="normal",variant="primary",loading=!1,inline=!0,defaultSelectedItem,idAccessor="id",nameAccessor="name",onClick,options,side="bottom",sideOffset=4,align="end",alignOffset,arrowPadding,avoidCollisions,disabled,id,name}=_ref;return(0,jsx_runtime.jsxs)("div",{style:{display:"flex"},children:[(0,jsx_runtime.jsx)(StyledButtonDropdownLeft,{id,name,size,variant,inline,disabled:disabled||loading,"aria-disabled":disabled||loading,onClick:e=>null==onClick?void 0:onClick(defaultSelectedItem,e),"aria-describedby":"string"===(null!==(_defaultSelectedItem$=typeof(null==defaultSelectedItem?void 0:defaultSelectedItem[nameAccessor]))&&void 0!==_defaultSelectedItem$?_defaultSelectedItem$:null==options||null===(_options$=options[0])||void 0===_options$?void 0:_options$[nameAccessor])?null!==(_defaultSelectedItem$2=null==defaultSelectedItem?void 0:defaultSelectedItem[nameAccessor])&&void 0!==_defaultSelectedItem$2?_defaultSelectedItem$2:null==options||null===(_options$2=options[0])||void 0===_options$2?void 0:_options$2[nameAccessor]:void 0,children:(0,jsx_runtime.jsx)("span",{children:null!==(_ref2=null!==(_defaultSelectedItem$3=null==defaultSelectedItem?void 0:defaultSelectedItem[nameAccessor])&&void 0!==_defaultSelectedItem$3?_defaultSelectedItem$3:null==options||null===(_options$3=options[0])||void 0===_options$3?void 0:_options$3[nameAccessor])&&void 0!==_ref2?_ref2:""})}),(0,jsx_runtime.jsxs)(styles.$E,{children:[(0,jsx_runtime.jsx)(styles.ty,{asChild:!0,children:(0,jsx_runtime.jsx)(StyledButtonDropdownRight,{id:"".concat(id,"-more"),name:"".concat(name,"-more"),size,variant,inline,disabled:disabled||loading,"aria-disabled":disabled||loading,"aria-label":"Additional options",children:(0,jsx_runtime.jsx)(StyledChevronUp,{variant})})}),(0,jsx_runtime.jsx)(styles.dc,{children:(0,jsx_runtime.jsx)(styles.SQ,{side,sideOffset,align,alignOffset,arrowPadding,avoidCollisions,className:"DropdownMenuContent",children:(null!==(_options$filter=null==options?void 0:options.filter((option=>(null==option?void 0:option[idAccessor])!==(null==defaultSelectedItem?void 0:defaultSelectedItem[idAccessor]))))&&void 0!==_options$filter?_options$filter:[]).map((option=>(0,jsx_runtime.jsx)(styles._2,{id:null==option?void 0:option[idAccessor],disabled:null==option?void 0:option.disabled,className:"DropdownMenuItem",onSelect:()=>null==onClick?void 0:onClick(option),children:null==option?void 0:option[nameAccessor]},null==option?void 0:option[idAccessor])))})})]})]})},ButtonDropdown_ButtonDropdown=ButtonDropdown;ButtonDropdown.__docgenInfo={description:"ButtonDropdown is a button with a dropdown menu. It is used to select an item from a list of items.",methods:[],displayName:"ButtonDropdown",props:{side:{required:!1,tsType:{name:"PopperContentProps['side']",raw:"PopperContentProps['side']"},description:"",defaultValue:{value:"'bottom'",computed:!1}},sideOffset:{required:!1,tsType:{name:"PopperContentProps['sideOffset']",raw:"PopperContentProps['sideOffset']"},description:"",defaultValue:{value:"4",computed:!1}},align:{required:!1,tsType:{name:"PopperContentProps['align']",raw:"PopperContentProps['align']"},description:"",defaultValue:{value:"'end'",computed:!1}},alignOffset:{required:!1,tsType:{name:"PopperContentProps['alignOffset']",raw:"PopperContentProps['alignOffset']"},description:""},arrowPadding:{required:!1,tsType:{name:"PopperContentProps['arrowPadding']",raw:"PopperContentProps['arrowPadding']"},description:""},avoidCollisions:{required:!1,tsType:{name:"PopperContentProps['avoidCollisions']",raw:"PopperContentProps['avoidCollisions']"},description:""},defaultSelectedItem:{required:!1,tsType:{name:"T"},description:"value of menu"},options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"options for menu button"},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(option?: T, event?: React.MouseEvent<HTMLButtonElement>) => void",signature:{arguments:[{type:{name:"T"},name:"option"},{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}]},name:"event"}],return:{name:"void"}}},description:"Called when a menu item is selected"},idAccessor:{required:!1,tsType:{name:"string"},description:"id Accessor of menu",defaultValue:{value:"'id'",computed:!1}},nameAccessor:{required:!1,tsType:{name:"string"},description:"name Accessor of menu",defaultValue:{value:"'name'",computed:!1}},id:{required:!1,tsType:{name:"string"},description:"name Accessor of menu"},name:{required:!1,tsType:{name:"string"},description:"name Accessor of menu"},disabled:{required:!1,tsType:{name:"ReactButtonHTMLAttributes['disabled']",raw:"React.ButtonHTMLAttributes<HTMLButtonElement>['disabled']"},description:""},size:{required:!1,tsType:{name:"ButtonProps['size']",raw:"ButtonProps['size']"},description:"",defaultValue:{value:"'normal'",computed:!1}},variant:{required:!1,tsType:{name:"ButtonProps['variant']",raw:"ButtonProps['variant']"},description:"",defaultValue:{value:"'primary'",computed:!1}},loading:{required:!1,tsType:{name:"ButtonProps['loading']",raw:"ButtonProps['loading']"},description:"",defaultValue:{value:"false",computed:!1}},inline:{required:!1,tsType:{name:"ButtonProps['inline']",raw:"ButtonProps['inline']"},description:"",defaultValue:{value:"true",computed:!1}}}};const ButtonDropdown_stories={title:"Components/ButtonDropdown",component:ButtonDropdown_ButtonDropdown,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Primary={args:{variant:"primary",disabled:!1,size:"normal",defaultSelectedItem:{id:"2",name:"Option 2"},options:[{id:"1",name:"Option 1"},{id:"2",name:"Option 2"},{id:"3",name:"Option 3"},{id:"4",name:"Option Disabled",disabled:!0},{id:"5",name:"Option 2"},{id:"6",name:"Option 3"}]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    variant: 'primary',\n    disabled: false,\n    size: 'normal',\n    defaultSelectedItem: {\n      id: '2',\n      name: 'Option 2'\n    },\n    options: [{\n      id: '1',\n      name: 'Option 1'\n    }, {\n      id: '2',\n      name: 'Option 2'\n    }, {\n      id: '3',\n      name: 'Option 3'\n    }, {\n      id: '4',\n      name: 'Option Disabled',\n      disabled: true\n    }, {\n      id: '5',\n      name: 'Option 2'\n    }, {\n      id: '6',\n      name: 'Option 3'\n    }]\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontWeight["semi-bold"]}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{$inline}=_ref3;return $inline?"inline-block":"block"}),(_ref4=>{let{theme,variant}=_ref4;return theme.components.button[variant].borderColor}),(_ref5=>{let{theme,variant}=_ref5;return theme.components.button[variant].backgroundFrom}),(_ref6=>{let{theme,variant}=_ref6;return theme.components.button[variant].backgroundTo}),(_ref7=>{let{theme,variant}=_ref7;return theme.components.button[variant].color}),(_ref8=>{let{size}=_ref8;return ButtonSizeMap[size].height}),(_ref9=>{let{size}=_ref9;return ButtonSizeMap[size].size}),(_ref10=>{let{disabled}=_ref10;return disabled?"not-allowed":"pointer"}),(_ref11=>{let{theme,variant}=_ref11;return theme.components.button[variant].hoverColor}),(_ref12=>{let{theme,variant}=_ref12;return theme.components.button[variant].activeBackgroundColor}),(_ref13=>{let{theme,variant}=_ref13;return theme.components.button[variant].activeBorderColor}),(_ref14=>{let{theme,variant}=_ref14;return theme.components.button[variant].disabledColor}),(_ref15=>{let{theme,variant}=_ref15;return theme.components.button[variant].disabledBorderColor}),(_ref16=>{let{theme,variant}=_ref16;return theme.components.button[variant].disabledBackgroundFrom}),(_ref17=>{let{theme,variant}=_ref17;return theme.components.button[variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{size,variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",methods:[],displayName:"Button",props:{size:{defaultValue:{value:"'normal'",computed:!1},required:!1},variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},children:{defaultValue:{value:"''",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},inline:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./src/components/Icons/ChevronUp.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ChevronUp=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M0.696495 5.3465C0.882365 5.34499 1.06086 5.27359 1.19649 5.1465L3.99649 2.3365L6.79649 5.1465C7.07264 5.42264 7.52035 5.42264 7.79649 5.1465C8.07264 4.87035 8.07264 4.42264 7.79649 4.1465L4.49649 0.856495C4.36483 0.722118 4.18462 0.646393 3.99649 0.646393C3.80837 0.646393 3.62816 0.722118 3.49649 0.856495L0.206495 4.1465C0.00332102 4.34556 -0.0591904 4.64778 0.0483378 4.91112C0.155867 5.17445 0.412052 5.34654 0.696495 5.3465Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=ChevronUp;ChevronUp.__docgenInfo={description:"",methods:[],displayName:"ChevronUp"}},"./src/components/Menu/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$E:()=>DropdownMenuRoot,SQ:()=>DropdownMenuContent,_2:()=>DropdownMenuItem,dc:()=>DropdownMenuPortal,eW:()=>DropdownMenuArrow,ty:()=>DropdownMenuTrigger});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs"),_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/styles/index.ts");const DropdownMenuRoot=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.bL)(_templateObject||(_templateObject=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)([""]))),DropdownMenuTrigger=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.l9)(_templateObject2||(_templateObject2=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)([""]))),DropdownMenuPortal=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.ZL)(_templateObject3||(_templateObject3=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)([""]))),DropdownMenuArrow=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.i3)(_templateObject4||(_templateObject4=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  fill: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.border.light})),DropdownMenuContent=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.UC)(_templateObject5||(_templateObject5=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  padding: 8px;\n  z-index: 1000;\n  border-radius: 2px 2px 8px 8px;\n  border: 1px solid ",";\n  background: ",";\n  box-shadow: -15px 20px 40px 0px rgba(0, 0, 0, 0.04);\n  &[data-side='top'],\n  &[data-side='top'] {\n    animation-name: ",";\n  }\n  &[data-side='right'],\n  &[data-side='right'] {\n    animation-name: ",";\n  }\n  &[data-side='bottom'],\n  &[data-side='bottom'] {\n    animation-name: ",";\n  }\n  &[data-side='left'],\n  &[data-side='left'] {\n    animation-name: ",";\n  }\n  animation-duration: ",";\n  animation-timing-function: ",";\n  will-change: transform, opacity;\n"])),(_ref2=>{let{theme}=_ref2;return theme.colors.border.light}),(_ref3=>{let{theme}=_ref3;return theme.colors.fill.surface}),_styles__WEBPACK_IMPORTED_MODULE_0__.zl,_styles__WEBPACK_IMPORTED_MODULE_0__.wy,_styles__WEBPACK_IMPORTED_MODULE_0__.cc,_styles__WEBPACK_IMPORTED_MODULE_0__.hF,(_ref4=>{let{theme}=_ref4;return theme.transitions.duration.standard}),(_ref5=>{let{theme}=_ref5;return theme.transitions.easing.easeIn})),DropdownMenuItem=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.q7)(_templateObject6||(_templateObject6=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  padding: 8px 12px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-family: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  outline: none;\n  background: ",";\n  cursor: ",";\n  opacity: ",";\n  &:focus,\n  &:hover {\n    background: ",";\n  }\n"])),(_ref6=>{let{theme}=_ref6;return theme.typography.fontFamily}),(_ref7=>{let{theme}=_ref7;return theme.typography.primary.fontSize}),(_ref8=>{let{theme}=_ref8;return theme.typography.primary.lineHeight}),(_ref9=>{let{theme}=_ref9;return theme.colors.text.primary}),(_ref10=>{let{$isSelected,theme}=_ref10;return $isSelected?theme.colors.fill.hilight:"inherit"}),(_ref11=>{let{disabled}=_ref11;return disabled?"not-allowed":"pointer"}),(_ref12=>{let{disabled}=_ref12;return disabled?"0.5":"inherit"}),(_ref13=>{let{disabled,theme}=_ref13;return disabled?theme.colors.fill.disabled:theme.colors.fill.hilight}))}}]);

package/storybook-static/stories-Checkbox-stories.5434b609.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[88208],{"./node_modules/@radix-ui/react-checkbox/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C1:()=>$e698a72e93240346$export$adb584737d712b70,bL:()=>$e698a72e93240346$export$be92b6f5f03c0fe9});var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),_radix_ui_react_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-context/dist/index.mjs"),_radix_ui_primitive__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@radix-ui/primitive/dist/index.mjs"),_radix_ui_react_use_controllable_state__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),_radix_ui_react_use_previous__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@radix-ui/react-use-previous/dist/index.mjs"),_radix_ui_react_use_size__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@radix-ui/react-use-size/dist/index.mjs"),_radix_ui_react_presence__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@radix-ui/react-presence/dist/index.mjs"),_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@radix-ui/react-primitive/dist/index.mjs");const[$e698a72e93240346$var$createCheckboxContext,$e698a72e93240346$export$b566c4ff5488ea01]=(0,_radix_ui_react_context__WEBPACK_IMPORTED_MODULE_1__.A)("Checkbox"),[$e698a72e93240346$var$CheckboxProvider,$e698a72e93240346$var$useCheckboxContext]=$e698a72e93240346$var$createCheckboxContext("Checkbox"),$e698a72e93240346$export$48513f6b9f8ce62d=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((props,forwardedRef)=>{const{__scopeCheckbox,name,checked:checkedProp,defaultChecked,required,disabled,value="on",onCheckedChange,...checkboxProps}=props,[button,setButton]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),composedRefs=(0,_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__.s)(forwardedRef,(node=>setButton(node))),hasConsumerStoppedPropagationRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),isFormControl=!button||Boolean(button.closest("form")),[checked=!1,setChecked]=(0,_radix_ui_react_use_controllable_state__WEBPACK_IMPORTED_MODULE_3__.i)({prop:checkedProp,defaultProp:defaultChecked,onChange:onCheckedChange}),initialCheckedStateRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(checked);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const form=null==button?void 0:button.form;if(form){const reset=()=>setChecked(initialCheckedStateRef.current);return form.addEventListener("reset",reset),()=>form.removeEventListener("reset",reset)}}),[button,setChecked]),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)($e698a72e93240346$var$CheckboxProvider,{scope:__scopeCheckbox,state:checked,disabled},(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_4__.sG.button,(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__.A)({type:"button",role:"checkbox","aria-checked":$e698a72e93240346$var$isIndeterminate(checked)?"mixed":checked,"aria-required":required,"data-state":$e698a72e93240346$var$getState(checked),"data-disabled":disabled?"":void 0,disabled,value},checkboxProps,{ref:composedRefs,onKeyDown:(0,_radix_ui_primitive__WEBPACK_IMPORTED_MODULE_6__.m)(props.onKeyDown,(event=>{"Enter"===event.key&&event.preventDefault()})),onClick:(0,_radix_ui_primitive__WEBPACK_IMPORTED_MODULE_6__.m)(props.onClick,(event=>{setChecked((prevChecked=>!!$e698a72e93240346$var$isIndeterminate(prevChecked)||!prevChecked)),isFormControl&&(hasConsumerStoppedPropagationRef.current=event.isPropagationStopped(),hasConsumerStoppedPropagationRef.current||event.stopPropagation())}))})),isFormControl&&(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)($e698a72e93240346$var$BubbleInput,{control:button,bubbles:!hasConsumerStoppedPropagationRef.current,name,value,checked,required,disabled,style:{transform:"translateX(-100%)"}}))})),$e698a72e93240346$export$59aad738f51d1c05=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((props,forwardedRef)=>{const{__scopeCheckbox,forceMount,...indicatorProps}=props,context=$e698a72e93240346$var$useCheckboxContext("CheckboxIndicator",__scopeCheckbox);return(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_radix_ui_react_presence__WEBPACK_IMPORTED_MODULE_7__.C,{present:forceMount||$e698a72e93240346$var$isIndeterminate(context.state)||!0===context.state},(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_4__.sG.span,(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__.A)({"data-state":$e698a72e93240346$var$getState(context.state),"data-disabled":context.disabled?"":void 0},indicatorProps,{ref:forwardedRef,style:{pointerEvents:"none",...props.style}})))})),$e698a72e93240346$var$BubbleInput=props=>{const{control,checked,bubbles=!0,...inputProps}=props,ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),prevChecked=(0,_radix_ui_react_use_previous__WEBPACK_IMPORTED_MODULE_8__.Z)(checked),controlSize=(0,_radix_ui_react_use_size__WEBPACK_IMPORTED_MODULE_9__.X)(control);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const input=ref.current,inputProto=window.HTMLInputElement.prototype,setChecked=Object.getOwnPropertyDescriptor(inputProto,"checked").set;if(prevChecked!==checked&&setChecked){const event=new Event("click",{bubbles});input.indeterminate=$e698a72e93240346$var$isIndeterminate(checked),setChecked.call(input,!$e698a72e93240346$var$isIndeterminate(checked)&&checked),input.dispatchEvent(event)}}),[prevChecked,checked,bubbles]),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("input",(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__.A)({type:"checkbox","aria-hidden":!0,defaultChecked:!$e698a72e93240346$var$isIndeterminate(checked)&&checked},inputProps,{tabIndex:-1,ref,style:{...props.style,...controlSize,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function $e698a72e93240346$var$isIndeterminate(checked){return"indeterminate"===checked}function $e698a72e93240346$var$getState(checked){return $e698a72e93240346$var$isIndeterminate(checked)?"indeterminate":checked?"checked":"unchecked"}const $e698a72e93240346$export$be92b6f5f03c0fe9=$e698a72e93240346$export$48513f6b9f8ce62d,$e698a72e93240346$export$adb584737d712b70=$e698a72e93240346$export$59aad738f51d1c05},"./node_modules/@radix-ui/react-use-previous/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>$010c2913dbd2fe3d$export$5cae361ad82dce8b});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value){const ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({value,previous:value});return(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>(ref.current.value!==value&&(ref.current.previous=ref.current.value,ref.current.value=value),ref.current.previous)),[value])}},"./node_modules/@radix-ui/react-use-size/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>$db6c3485150b8e66$export$1ab7ae714698c4b8});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");function $db6c3485150b8e66$export$1ab7ae714698c4b8(element){const[size,setSize]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0);return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__.N)((()=>{if(element){setSize({width:element.offsetWidth,height:element.offsetHeight});const resizeObserver=new ResizeObserver((entries=>{if(!Array.isArray(entries))return;if(!entries.length)return;const entry=entries[0];let width,height;if("borderBoxSize"in entry){const borderSizeEntry=entry.borderBoxSize,borderSize=Array.isArray(borderSizeEntry)?borderSizeEntry[0]:borderSizeEntry;width=borderSize.inlineSize,height=borderSize.blockSize}else width=element.offsetWidth,height=element.offsetHeight;setSize({width,height})}));return resizeObserver.observe(element,{box:"border-box"}),()=>resizeObserver.unobserve(element)}setSize(void 0)}),[element]),size}},"./src/stories/Checkbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Indeterminate:()=>Indeterminate,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _components_Checkbox__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Checkbox/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Checkbox",component:_components_Checkbox__WEBPACK_IMPORTED_MODULE_1__.S,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Basic={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Checkbox__WEBPACK_IMPORTED_MODULE_1__.S,{...props}),args:{disabled:!1,label:"Agree terms and conditions"}},Indeterminate={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Checkbox__WEBPACK_IMPORTED_MODULE_1__.S,{...props}),args:{disabled:!1,label:"Agree terms and conditions",checked:"indeterminate"}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{\n  render: props => <Checkbox {...props} />,\n  args: {\n    disabled: false,\n    label: 'Agree terms and conditions'\n  }\n}",...Basic.parameters?.docs?.source}}},Indeterminate.parameters={...Indeterminate.parameters,docs:{...Indeterminate.parameters?.docs,source:{originalSource:"{\n  render: props => <Checkbox {...props} />,\n  args: {\n    disabled: false,\n    label: 'Agree terms and conditions',\n    checked: 'indeterminate'\n  }\n}",...Indeterminate.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Indeterminate"]},"./src/components/Checkbox/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{S:()=>Checkbox_Checkbox});__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-checkbox/dist/index.mjs");const CheckboxIndicator=(0,styled_components_browser_esm.Ay)(dist.C1)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  display: grid;\n  place-content: center;\n  svg.toggle-on {\n    path {\n      fill: ",";\n    }\n  }\n  &[data-state='unchecked'] {\n    svg.toggle-on {\n      display: none;\n    }\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.colors.common.white})),CheckboxField=styled_components_browser_esm.Ay.div(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  align-items: center;\n"]))),CheckboxRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  margin: 0;\n  padding: 0;\n  width: 14px;\n  height: 14px;\n  border-radius: 2px;\n  display: grid;\n  place-content: center;\n  border: 1px solid;\n  outline-offset: 3px;\n  box-shadow: 0px 1px 2px 0px ","05\n    inset;\n  &[data-disabled] {\n    opacity: 0.5;\n  }\n  &[data-state='checked'],\n  &[data-state='indeterminate'] {\n    background-color: ",";\n    border-color: ",";\n  }\n  &[data-state='unchecked'] {\n    background-color: unset;\n    border-color: ",";\n  }\n  &:not([data-disabled]) {\n    &:hover {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n"])),(_ref2=>{let{theme}=_ref2;return theme.colors.border.hover}),(_ref3=>{let{theme}=_ref3;return theme.colors.common.accent}),(_ref4=>{let{theme}=_ref4;return theme.colors.common.accent}),(_ref5=>{let{theme}=_ref5;return theme.colors.border.hover}),(_ref6=>{let{theme}=_ref6;return theme.colors.border.hover}));var TickIcon=__webpack_require__("./src/components/Icons/TickIcon.tsx"),Minus=__webpack_require__("./src/components/Icons/Minus.tsx"),styles=__webpack_require__("./src/styles/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Checkbox=_ref=>{let{isRequired,isErrored,className,readOnly,label,...rest}=_ref;const theme=(0,styled_components_browser_esm.DP)();return(0,jsx_runtime.jsxs)(CheckboxField,{children:[(0,jsx_runtime.jsx)(CheckboxRoot,{className:"CheckboxRoot ".concat(null!=className?className:"").trim(),required:isRequired,"aria-invalid":isErrored,"aria-label":label||"Checkbox","aria-required":isRequired,"aria-readonly":readOnly,"aria-disabled":rest.disabled,...rest,children:(0,jsx_runtime.jsx)(CheckboxIndicator,{className:"CheckboxIndicator",children:"indeterminate"===rest.checked?(0,jsx_runtime.jsx)(Minus.A,{className:"toggle-indeterminate",width:8,height:6,fill:theme.colors.common.accent}):(0,jsx_runtime.jsx)(TickIcon.A,{className:"toggle-on",width:8,height:6,fill:theme.colors.common.accent})})}),label&&(0,jsx_runtime.jsxs)(styles.l1,{className:"CheckboxLabel",htmlFor:rest.id,children:[label,label&&isRequired&&(0,jsx_runtime.jsx)(styles.Tr,{children:"*"})]})]})},Checkbox_Checkbox=Checkbox;Checkbox.__docgenInfo={description:"Checkbox displays a check box on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the check box displayed on the UI is highlighted and contains a check mark.",methods:[],displayName:"Checkbox",props:{isRequired:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is required"},isErrored:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is errored"},readOnly:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is readOnly"},label:{required:!1,tsType:{name:"string"},description:"Label for the checkbox"}},composes:["RadixCheckboxProps"]}},"./src/components/Icons/Minus.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Minus=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"24",height:"7",viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("rect",{y:"0.25",width:"24",height:"6",rx:"3",fill:"white"})}))),__WEBPACK_DEFAULT_EXPORT__=Minus;Minus.__docgenInfo={description:"",methods:[],displayName:"Minus"}},"./src/components/Icons/TickIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TickIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=TickIcon;TickIcon.__docgenInfo={description:"",methods:[],displayName:"TickIcon"}}}]);

package/storybook-static/stories-Colors-mdx.e9049de5.iframe.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[49237],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./src/stories/Colors.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_banagarajan_Documents_repos_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),_themes__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/themes/index.ts");function _createMdxContent(props){const _components={p:"p",...(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.W8,{title:"Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Common colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.common",colors:{black:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.common.black,white:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.common.white,accent:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.common.accent}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.common",colors:{black:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.common.black,white:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.common.white,accent:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.common.accent}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Text colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.text",colors:{link:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.link,primary:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.primary,secondary:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.secondary,disabled:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.disabled,placeholder:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.placeholder,error:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.error,inverse:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.inverse}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.text",colors:{link:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.link,primary:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.primary,secondary:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.secondary,disabled:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.disabled,placeholder:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.placeholder,error:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.error,inverse:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.inverse}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Text semantic colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.text.semantic",colors:{success:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.semantic.success,warning:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.semantic.warning,error:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.semantic.error,info:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.text.semantic.info}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.text.semantic",colors:{success:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.semantic.success,warning:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.semantic.warning,error:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.semantic.error,info:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.text.semantic.info}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Fill colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.fill",colors:{base:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.base,medium:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.medium,dark:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.dark,surface:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.surface,inverse:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.inverse,hover:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.hover,disabled:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.disabled,hilight:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.fill.hilight}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.fill",colors:{base:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.base,medium:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.medium,dark:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.dark,surface:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.surface,inverse:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.inverse,hover:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.hover,disabled:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.disabled,hilight:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.fill.hilight}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Semantic error colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.semantic.error",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.error.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.error.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.semantic.error",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.error.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.error.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Semantic warning colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.semantic.warning",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.warning.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.warning.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.semantic.warning",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.warning.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.warning.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Semantic info colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.semantic.info",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.info.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.info.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.semantic.info",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.info.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.info.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Semantic success colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.colors.semantic.success",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.success.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.semantic.success.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.colors.semantic.success",colors:{bg:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.success.bg,border:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.semantic.success.border}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Misc colors"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"light.color",colors:{shadow:"#12344d",scrim:"#12344d"},colors:{shadow:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.shadow,scrim:_themes__WEBPACK_IMPORTED_MODULE_2__.BB.colors.scrim}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.Jl,{subtitle:"dark.color",colors:{shadow:"#12344d",scrim:"#12344d"},colors:{shadow:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.shadow,scrim:_themes__WEBPACK_IMPORTED_MODULE_2__.XT.colors.scrim}})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}},"./node_modules/memoizerific 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/memoizerific sync recursive",module.exports=webpackEmptyContext}}]);

package/storybook-static/stories-Confirmation-stories.ac6f0684.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[93364],{"./src/stories/Confirmation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Confirmation_stories});var react=__webpack_require__("./node_modules/react/index.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-context/dist/index.mjs"),react_compose_refs_dist=__webpack_require__("./node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_dialog_dist=__webpack_require__("./node_modules/@radix-ui/react-dialog/dist/index.mjs"),primitive_dist=__webpack_require__("./node_modules/@radix-ui/primitive/dist/index.mjs"),react_slot_dist=__webpack_require__("./node_modules/@radix-ui/react-slot/dist/index.mjs");const[$905f4ae918aab1aa$var$createAlertDialogContext,$905f4ae918aab1aa$export$b8891880751c2c5b]=(0,dist.A)("AlertDialog",[react_dialog_dist.Hs]),$905f4ae918aab1aa$var$useDialogScope=(0,react_dialog_dist.Hs)(),$905f4ae918aab1aa$export$de466dd8317b0b75=props=>{const{__scopeAlertDialog,...alertDialogProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog);return(0,react.createElement)(react_dialog_dist.bL,(0,esm_extends.A)({},dialogScope,alertDialogProps,{modal:!0}))},$905f4ae918aab1aa$export$660f2bfdb986706c=props=>{const{__scopeAlertDialog,...portalProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog);return(0,react.createElement)(react_dialog_dist.ZL,(0,esm_extends.A)({},dialogScope,portalProps))},$905f4ae918aab1aa$export$a707a4895ce23256=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAlertDialog,...overlayProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog);return(0,react.createElement)(react_dialog_dist.hJ,(0,esm_extends.A)({},dialogScope,overlayProps,{ref:forwardedRef}))})),[$905f4ae918aab1aa$var$AlertDialogContentProvider,$905f4ae918aab1aa$var$useAlertDialogContentContext]=$905f4ae918aab1aa$var$createAlertDialogContext("AlertDialogContent"),$905f4ae918aab1aa$export$94e6af45f0af4efd=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAlertDialog,children,...contentProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog),contentRef=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.s)(forwardedRef,contentRef),cancelRef=(0,react.useRef)(null);return(0,react.createElement)(react_dialog_dist.G$,{contentName:"AlertDialogContent",titleName:$905f4ae918aab1aa$var$TITLE_NAME,docsSlug:"alert-dialog"},(0,react.createElement)($905f4ae918aab1aa$var$AlertDialogContentProvider,{scope:__scopeAlertDialog,cancelRef},(0,react.createElement)(react_dialog_dist.UC,(0,esm_extends.A)({role:"alertdialog"},dialogScope,contentProps,{ref:composedRefs,onOpenAutoFocus:(0,primitive_dist.m)(contentProps.onOpenAutoFocus,(event=>{var _cancelRef$current;event.preventDefault(),null===(_cancelRef$current=cancelRef.current)||void 0===_cancelRef$current||_cancelRef$current.focus({preventScroll:!0})})),onPointerDownOutside:event=>event.preventDefault(),onInteractOutside:event=>event.preventDefault()}),(0,react.createElement)(react_slot_dist.xV,null,children),!1)))})),$905f4ae918aab1aa$var$TITLE_NAME="AlertDialogTitle",$905f4ae918aab1aa$export$225e0da62d314b7=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAlertDialog,...titleProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog);return(0,react.createElement)(react_dialog_dist.hE,(0,esm_extends.A)({},dialogScope,titleProps,{ref:forwardedRef}))})),$905f4ae918aab1aa$export$a23b55cde55ad9a5=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAlertDialog,...descriptionProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog);return(0,react.createElement)(react_dialog_dist.VY,(0,esm_extends.A)({},dialogScope,descriptionProps,{ref:forwardedRef}))})),$905f4ae918aab1aa$export$b454f818c58ee85d=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAlertDialog,...actionProps}=props,dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog);return(0,react.createElement)(react_dialog_dist.bm,(0,esm_extends.A)({},dialogScope,actionProps,{ref:forwardedRef}))})),$905f4ae918aab1aa$export$2f67a923571aaea0=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAlertDialog,...cancelProps}=props,{cancelRef}=$905f4ae918aab1aa$var$useAlertDialogContentContext("AlertDialogCancel",__scopeAlertDialog),dialogScope=$905f4ae918aab1aa$var$useDialogScope(__scopeAlertDialog),ref=(0,react_compose_refs_dist.s)(forwardedRef,cancelRef);return(0,react.createElement)(react_dialog_dist.bm,(0,esm_extends.A)({},dialogScope,cancelProps,{ref}))})),$905f4ae918aab1aa$export$be92b6f5f03c0fe9=$905f4ae918aab1aa$export$de466dd8317b0b75,$905f4ae918aab1aa$export$602eac185826482c=$905f4ae918aab1aa$export$660f2bfdb986706c,$905f4ae918aab1aa$export$c6fdb837b070b4ff=$905f4ae918aab1aa$export$a707a4895ce23256,$905f4ae918aab1aa$export$7c6e2c02157bb7d2=$905f4ae918aab1aa$export$94e6af45f0af4efd,$905f4ae918aab1aa$export$e19cd5f9376f8cee=$905f4ae918aab1aa$export$b454f818c58ee85d,$905f4ae918aab1aa$export$848c9b7ead0df967=$905f4ae918aab1aa$export$2f67a923571aaea0,$905f4ae918aab1aa$export$f99233281efd08a0=$905f4ae918aab1aa$export$225e0da62d314b7,$905f4ae918aab1aa$export$393edc798c47379d=$905f4ae918aab1aa$export$a23b55cde55ad9a5;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,styles=__webpack_require__("./src/styles/index.ts");const AlertDialogRoot=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$be92b6f5f03c0fe9)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)([""]))),AlertDialogPortal=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$602eac185826482c)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)([""]))),AlertDialogCancel=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$848c9b7ead0df967)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)([""]))),AlertDialogAction=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$e19cd5f9376f8cee)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)([""]))),AlertDialogOverlay=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$c6fdb837b070b4ff)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  background-color: ","40;\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.colors.common.black}),(_ref2=>{let{theme}=_ref2;return theme.transitions.duration.standard}),(_ref3=>{let{theme}=_ref3;return theme.transitions.easing.easeIn}),styles.QZ,styles.Xn),AlertDialogContent=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$7c6e2c02157bb7d2)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)(["\n  background: white;\n  box-shadow: 0 2px 18px 0 rgba(18, 52, 77, 0.2);\n  outline: none;\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, 0);\n  min-width: 500px;\n  max-width: 540px;\n  max-height: 85vh;\n  border-bottom-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  z-index: 120;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &:focus {\n    outline: none;\n  }\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref4=>{let{theme}=_ref4;return theme.transitions.duration.standard}),(_ref5=>{let{theme}=_ref5;return theme.transitions.easing.easeIn}),styles.ZR,styles.gG),AlertDialogTitle=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$f99233281efd08a0)(_templateObject7||(_templateObject7=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  margin: 0;\n  padding: 32px 32px 0 32px;\n"])),(_ref6=>{let{theme}=_ref6;return theme.colors.text.primary}),(_ref7=>{let{theme}=_ref7;return theme.typography.fontFamily}),(_ref8=>{let{theme}=_ref8;return theme.typography.heading4.fontSize}),(_ref9=>{let{theme}=_ref9;return theme.typography.heading4.lineHeight}),(_ref10=>{let{theme}=_ref10;return theme.typography.fontWeight["semi-bold"]})),AlertDialogDescription=(0,styled_components_browser_esm.Ay)($905f4ae918aab1aa$export$393edc798c47379d)(_templateObject8||(_templateObject8=(0,taggedTemplateLiteral.A)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  letter-spacing: 0px;\n  text-align: left;\n  padding: 0 32px "," 32px;\n"])),(_ref11=>{let{theme}=_ref11;return theme.typography.fontFamily}),(_ref12=>{let{theme}=_ref12;return theme.typography.primary.fontSize}),(_ref13=>{let{theme}=_ref13;return theme.typography.fontWeight.regular}),(_ref14=>{let{theme}=_ref14;return theme.typography.primary.lineHeight}),(_ref15=>{let{$hasChildren}=_ref15;return $hasChildren?"16px":"32px"})),StyledActions=styled_components_browser_esm.Ay.div(_templateObject9||(_templateObject9=(0,taggedTemplateLiteral.A)(["\n  border-top: 1px solid ",";\n  border-bottom-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  background-color: ",";\n  display: flex;\n  padding: 16px;\n  gap: 8px;\n  justify-content: flex-end;\n"])),(_ref16=>{let{theme}=_ref16;return theme.colors.border.light}),(_ref17=>{let{theme}=_ref17;return theme.colors.fill.base}));var Button=__webpack_require__("./src/components/Button/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Confirmation=_ref=>{let{isOpen,title,description,onConfirm,onDismiss,cancelButtonText,children,cancelButtonDisabled,confirmButtonDisabled,confirmButtonText,clickOutToClose=!1,bodyStyles,contentStyles,footerStyles,width="520px"}=_ref;return(0,jsx_runtime.jsx)(AlertDialogRoot,{open:isOpen,onOpenChange:o=>{o||null==onDismiss||onDismiss("root")},children:(0,jsx_runtime.jsxs)(AlertDialogPortal,{children:[(0,jsx_runtime.jsx)(AlertDialogOverlay,{forceMount:!0,style:bodyStyles,className:"AlertDialogOverlay",onClick:event=>{clickOutToClose&&(null==onDismiss||onDismiss("overlay",event))}}),(0,jsx_runtime.jsxs)(AlertDialogContent,{forceMount:!0,className:"AlertDialogContent",style:{...contentStyles,width},children:[title&&(0,jsx_runtime.jsx)(AlertDialogTitle,{className:"AlertDialogTitle",children:title}),description&&(0,jsx_runtime.jsx)(AlertDialogDescription,{$hasChildren:!!children,className:"AlertDialogDescription",children:description}),children?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children}):null,(0,jsx_runtime.jsxs)(StyledActions,{style:footerStyles,children:[cancelButtonText&&(0,jsx_runtime.jsx)(AlertDialogCancel,{asChild:!0,children:(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",autoFocus:!0,"aria-disabled":cancelButtonDisabled,disabled:cancelButtonDisabled,onClick:event=>{event.preventDefault(),null==onDismiss||onDismiss("button",event)},"aria-label":cancelButtonText,children:cancelButtonText})}),confirmButtonText&&(0,jsx_runtime.jsx)(AlertDialogAction,{asChild:!0,children:(0,jsx_runtime.jsx)(Button.$,{variant:"primary","aria-disabled":confirmButtonDisabled,disabled:confirmButtonDisabled,onClick:event=>{event.preventDefault(),null==onConfirm||onConfirm(event)},"aria-label":confirmButtonText,children:confirmButtonText})})]})]})]})})},Confirmation_Confirmation=Confirmation;Confirmation.__docgenInfo={description:"Confirmation component is used to show a confirmation dialog to the user. It is used to confirm an action before it is executed.",methods:[],displayName:"Confirmation",props:{isOpen:{required:!1,tsType:{name:"boolean"},description:"Is the confirmation open"},children:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},confirmButtonDisabled:{required:!1,tsType:{name:"boolean"},description:"Is the confirm button disabled"},cancelButtonDisabled:{required:!1,tsType:{name:"boolean"},description:"Is the cancel button disabled"},clickOutToClose:{required:!1,tsType:{name:"boolean"},description:"Should the confirmation close when clicking outside",defaultValue:{value:"false",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"Title of the confirmation"},description:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"Description of the confirmation"},width:{required:!1,tsType:{name:"string"},description:"Width of the confirmation",defaultValue:{value:"'520px'",computed:!1}},onDismiss:{required:!1,tsType:{name:"signature",type:"function",raw:"(\n  type: 'overlay' | 'button' | 'root',\n  event?: React.MouseEvent<HTMLElement, MouseEvent>,\n) => void",signature:{arguments:[{type:{name:"union",raw:"'overlay' | 'button' | 'root'",elements:[{name:"literal",value:"'overlay'"},{name:"literal",value:"'button'"},{name:"literal",value:"'root'"}]},name:"type"},{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement, MouseEvent>",elements:[{name:"HTMLElement"},{name:"MouseEvent"}]},name:"event"}],return:{name:"void"}}},description:"Function to be called when the confirmation is dismissed"},onConfirm:{required:!1,tsType:{name:"ReactDOMAttributes['onClick']",raw:"React.DOMAttributes<HTMLButtonElement>['onClick']"},description:"Function to be called when the confirmation is confirmed"},confirmButtonText:{required:!1,tsType:{name:"string"},description:"Confirm button text"},cancelButtonText:{required:!1,tsType:{name:"string"},description:"Cancel button text"},bodyStyles:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Styles for the overlay"},contentStyles:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Styles for the content"},footerStyles:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Styles for the footer"}}};const Confirmation_stories={title:"Components/Confirmation",component:Confirmation_Confirmation,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:function Render(props){const[{isOpen},updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.$,{onClick:()=>{updateArgs({isOpen:!0})},variant:"primary",children:"Open confirmation"}),(0,jsx_runtime.jsx)(Confirmation_Confirmation,{...props,isOpen,onConfirm:()=>{updateArgs({isOpen:!0})},onDismiss:()=>{updateArgs({isOpen:!1})}})]})},args:{isOpen:!1,clickOutToClose:!1,title:"Are you absolutely sure?",description:"This action cannot be undone. This will permanently delete your account and remove your data from our servers.",confirmButtonText:"Proceed",cancelButtonText:"Cancel"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    const [{\n      isOpen\n    }, updateArgs] = useArgs();\n    return <>\n        <Button onClick={() => {\n        updateArgs({\n          isOpen: true\n        });\n      }} variant=\"primary\">\n          Open confirmation\n        </Button>\n        <Confirmation {...props} isOpen={isOpen} onConfirm={() => {\n        updateArgs({\n          isOpen: true\n        });\n      }} onDismiss={() => {\n        updateArgs({\n          isOpen: false\n        });\n      }} />\n      </>;\n  },\n  args: {\n    isOpen: false,\n    clickOutToClose: false,\n    title: 'Are you absolutely sure?',\n    description: 'This action cannot be undone. This will permanently delete your account and remove your data from our servers.',\n    confirmButtonText: 'Proceed',\n    cancelButtonText: 'Cancel'\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontWeight["semi-bold"]}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{$inline}=_ref3;return $inline?"inline-block":"block"}),(_ref4=>{let{theme,variant}=_ref4;return theme.components.button[variant].borderColor}),(_ref5=>{let{theme,variant}=_ref5;return theme.components.button[variant].backgroundFrom}),(_ref6=>{let{theme,variant}=_ref6;return theme.components.button[variant].backgroundTo}),(_ref7=>{let{theme,variant}=_ref7;return theme.components.button[variant].color}),(_ref8=>{let{size}=_ref8;return ButtonSizeMap[size].height}),(_ref9=>{let{size}=_ref9;return ButtonSizeMap[size].size}),(_ref10=>{let{disabled}=_ref10;return disabled?"not-allowed":"pointer"}),(_ref11=>{let{theme,variant}=_ref11;return theme.components.button[variant].hoverColor}),(_ref12=>{let{theme,variant}=_ref12;return theme.components.button[variant].activeBackgroundColor}),(_ref13=>{let{theme,variant}=_ref13;return theme.components.button[variant].activeBorderColor}),(_ref14=>{let{theme,variant}=_ref14;return theme.components.button[variant].disabledColor}),(_ref15=>{let{theme,variant}=_ref15;return theme.components.button[variant].disabledBorderColor}),(_ref16=>{let{theme,variant}=_ref16;return theme.components.button[variant].disabledBackgroundFrom}),(_ref17=>{let{theme,variant}=_ref17;return theme.components.button[variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{size,variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",methods:[],displayName:"Button",props:{size:{defaultValue:{value:"'normal'",computed:!1},required:!1},variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},children:{defaultValue:{value:"''",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},inline:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>_Button__WEBPACK_IMPORTED_MODULE_0__.A});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx")}}]);