npm - @geoinsight/react-components - Versions diffs - 1.1.1 → 1.1.3 - Mend

@geoinsight/react-components 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (216) hide show

package/storybook-static/components-button-index-stories.b9043eb5.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[163],{"./src/components/button/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonIcon:()=>ButtonIcon,ButtonPrimaryDisabled:()=>ButtonPrimaryDisabled,ButtonPrimaryLarge:()=>ButtonPrimaryLarge,ButtonPrimaryMedium:()=>ButtonPrimaryMedium,ButtonPrimarySmall:()=>ButtonPrimarySmall,ButtonPrimaryWithIcon:()=>ButtonPrimaryWithIcon,ButtonSecondary:()=>ButtonSecondary,ButtonSecondaryDisabled:()=>ButtonSecondaryDisabled,ButtonSecondaryWithIcon:()=>ButtonSecondaryWithIcon,LinkIcon:()=>LinkIcon,LinkOutsideButton:()=>LinkOutsideButton,LinkOutsideButtonAsPureLink:()=>LinkOutsideButtonAsPureLink,LinkPrimary:()=>LinkPrimary,LinkSecondary:()=>LinkSecondary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_icons_fa__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-icons/fa/index.esm.js"),_index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/button/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Button",component:_index__WEBPACK_IMPORTED_MODULE_0__.$n,argTypes:{backgroundColor:{control:"color"},mode:{options:["primary","secondary","icon"],control:{type:"select"}},size:{options:["small","medium","large"],control:{type:"select"}}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.t]},ButtonPrimaryMedium={args:{children:"Click here",mode:"primary",size:"medium",as:"button"}},ButtonPrimaryLarge={args:{children:"Click here",mode:"primary",size:"large",as:"button"}},ButtonPrimarySmall={args:{children:"Click here",mode:"primary",size:"small",as:"button"}},ButtonPrimaryDisabled={args:{mode:"primary",disabled:!0,as:"button"}},ButtonPrimaryWithIcon={args:{children:"Click here",mode:"primary",as:"button",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_fa__WEBPACK_IMPORTED_MODULE_3__.k89,{})}},ButtonSecondary={args:{mode:"secondary",as:"button"}},ButtonSecondaryWithIcon={args:{mode:"secondary",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_fa__WEBPACK_IMPORTED_MODULE_3__.k89,{}),as:"button"}},ButtonSecondaryDisabled={args:{mode:"secondary",disabled:!0,as:"button"}},ButtonIcon={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_fa__WEBPACK_IMPORTED_MODULE_3__.k89,{}),mode:"icon"}},LinkPrimary={args:{mode:"primary",as:"link",href:"https://www.google.com"}},LinkSecondary={args:{mode:"secondary",as:"link",href:"www.google.com"}},LinkIcon={args:{mode:"icon",as:"link",href:"https://www.google.com",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_fa__WEBPACK_IMPORTED_MODULE_3__.k89,{})}},LinkOutsideButton={args:{mode:"primary",as:"link",isNewWindow:!0,href:"https://www.google.com",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_fa__WEBPACK_IMPORTED_MODULE_3__.k89,{}),children:"Access button"}},LinkOutsideButtonAsPureLink={args:{mode:"primary",as:"link",isNewWindow:!0,href:"www.google.com"}};ButtonPrimaryMedium.parameters={...ButtonPrimaryMedium.parameters,docs:{...ButtonPrimaryMedium.parameters?.docs,source:{originalSource:'{\n args: {\n children: "Click here",\n mode: "primary",\n size: "medium",\n as: "button"\n }\n}',...ButtonPrimaryMedium.parameters?.docs?.source}}},ButtonPrimaryLarge.parameters={...ButtonPrimaryLarge.parameters,docs:{...ButtonPrimaryLarge.parameters?.docs,source:{originalSource:'{\n args: {\n children: "Click here",\n mode: "primary",\n size: "large",\n as: "button"\n }\n}',...ButtonPrimaryLarge.parameters?.docs?.source}}},ButtonPrimarySmall.parameters={...ButtonPrimarySmall.parameters,docs:{...ButtonPrimarySmall.parameters?.docs,source:{originalSource:'{\n args: {\n children: "Click here",\n mode: "primary",\n size: "small",\n as: "button"\n }\n}',...ButtonPrimarySmall.parameters?.docs?.source}}},ButtonPrimaryDisabled.parameters={...ButtonPrimaryDisabled.parameters,docs:{...ButtonPrimaryDisabled.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "primary",\n disabled: true,\n as: "button"\n }\n}',...ButtonPrimaryDisabled.parameters?.docs?.source}}},ButtonPrimaryWithIcon.parameters={...ButtonPrimaryWithIcon.parameters,docs:{...ButtonPrimaryWithIcon.parameters?.docs,source:{originalSource:'{\n args: {\n children: "Click here",\n mode: "primary",\n as: "button",\n icon: <FaAddressCard />\n }\n}',...ButtonPrimaryWithIcon.parameters?.docs?.source}}},ButtonSecondary.parameters={...ButtonSecondary.parameters,docs:{...ButtonSecondary.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "secondary",\n as: "button"\n }\n}',...ButtonSecondary.parameters?.docs?.source}}},ButtonSecondaryWithIcon.parameters={...ButtonSecondaryWithIcon.parameters,docs:{...ButtonSecondaryWithIcon.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "secondary",\n icon: <FaAddressCard />,\n as: "button"\n }\n}',...ButtonSecondaryWithIcon.parameters?.docs?.source}}},ButtonSecondaryDisabled.parameters={...ButtonSecondaryDisabled.parameters,docs:{...ButtonSecondaryDisabled.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "secondary",\n disabled: true,\n as: "button"\n }\n}',...ButtonSecondaryDisabled.parameters?.docs?.source}}},ButtonIcon.parameters={...ButtonIcon.parameters,docs:{...ButtonIcon.parameters?.docs,source:{originalSource:'{\n args: {\n children: <FaAddressCard />,\n mode: "icon"\n }\n}',...ButtonIcon.parameters?.docs?.source}}},LinkPrimary.parameters={...LinkPrimary.parameters,docs:{...LinkPrimary.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "primary",\n as: "link",\n href: "https://www.google.com"\n }\n}',...LinkPrimary.parameters?.docs?.source}}},LinkSecondary.parameters={...LinkSecondary.parameters,docs:{...LinkSecondary.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "secondary",\n as: "link",\n href: "www.google.com"\n }\n}',...LinkSecondary.parameters?.docs?.source}}},LinkIcon.parameters={...LinkIcon.parameters,docs:{...LinkIcon.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "icon",\n as: "link",\n href: "https://www.google.com",\n children: <FaAddressCard />\n }\n}',...LinkIcon.parameters?.docs?.source}}},LinkOutsideButton.parameters={...LinkOutsideButton.parameters,docs:{...LinkOutsideButton.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "primary",\n as: "link",\n isNewWindow: true,\n href: "https://www.google.com",\n icon: <FaAddressCard />,\n children: "Access button"\n }\n}',...LinkOutsideButton.parameters?.docs?.source}}},LinkOutsideButtonAsPureLink.parameters={...LinkOutsideButtonAsPureLink.parameters,docs:{...LinkOutsideButtonAsPureLink.parameters?.docs,source:{originalSource:'{\n args: {\n mode: "primary",\n as: "link",\n isNewWindow: true,\n href: "www.google.com"\n }\n}',...LinkOutsideButtonAsPureLink.parameters?.docs?.source}}};const __namedExportsOrder=["ButtonPrimaryMedium","ButtonPrimaryLarge","ButtonPrimarySmall","ButtonPrimaryDisabled","ButtonPrimaryWithIcon","ButtonSecondary","ButtonSecondaryWithIcon","ButtonSecondaryDisabled","ButtonIcon","LinkPrimary","LinkSecondary","LinkIcon","LinkOutsideButton","LinkOutsideButtonAsPureLink"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Mz:()=>Anchor,$n:()=>Button,Ay:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.A,options);components_button.A&&components_button.A.locals&&components_button.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.A)(`button ${className}`,`link__${mode}`,`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.A)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"Anchor for the button to follow.",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}},backgroundColor:{defaultValue:null,description:"Custom background color for storybook.",name:"backgroundColor",required:!1,type:{name:"string"}},link:{defaultValue:null,description:"Link to url",name:"link",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}try{Anchor.displayName="Anchor",Anchor.__docgenInfo={description:"",displayName:"Anchor",props:{Custom:{defaultValue:null,description:"",name:"Custom",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Anchor"]={docgenInfo:Anchor.__docgenInfo,name:"Anchor",path:"src/components/button/index.tsx#Anchor"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});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 ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.button,\n.link {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n color: inherit;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n color: var(--color-light-brighter);\n}\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-dark);\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n background-color: var(--color-primary-bright);\n border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n background-color: var(--color-main-background);\n border: 3px solid var(--color-primary-base);\n border-radius: var(--spacing-32);\n text-decoration: unset;\n}\n\n.button__secondary:hover {\n box-shadow: unset;\n border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n border: unset;\n}\n\n.link__primary {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n text-decoration: underline 1px var(--color-primary-base);\n text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n color: var(--color-primary-darker) !important;\n text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n border: unset;\n box-shadow: unset;\n color: var(--color-primary-dark) !important;\n text-decoration: underline 2px var(--color-primary-base);\n text-underline-offset: calc(var(--spacing-8) * 0.75);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-base);\n box-shadow: unset;\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n}\n\n.link > a {\n text-decoration: inherit;\n color: inherit;\n}\n\n.link__icon svg {\n border: 2px solid transparent;\n border-bottom: 2px solid var(--color-primary-base);\n border-radius: 2px;\n padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n border: unset;\n box-shadow: unset;\n}\n\n.link__icon:hover svg {\n color: var(--color-main-color) !important;\n border: 2px solid var(--color-primary-dark);\n transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n padding: var(--spacing-8) var(--spacing-12);\n}\n',"",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;;EAEE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,mDAAmD;EACnD;6CAC2C;AAC7C;;;AAGA;EACE,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;;EAEE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;EAC3C,wDAAwD;EACxD,uCAAuC;AACzC;;AAEA;EACE,6CAA6C;EAC7C,0DAA0D;AAC5D;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,2CAA2C;EAC3C,wDAAwD;EACxD,oDAAoD;EACpD;wDACsD;AACxD;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,iBAAiB;EACjB;6CAC2C;AAC7C;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;AAC7C;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,6BAA6B;EAC7B,kDAAkD;EAClD,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,yCAAyC;EACzC,2CAA2C;EAC3C,uFAAuF;AACzF;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button,\n.link {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n color: inherit;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n color: var(--color-light-brighter);\n}\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-dark);\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n background-color: var(--color-primary-bright);\n border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n background-color: var(--color-main-background);\n border: 3px solid var(--color-primary-base);\n border-radius: var(--spacing-32);\n text-decoration: unset;\n}\n\n.button__secondary:hover {\n box-shadow: unset;\n border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n border: unset;\n}\n\n.link__primary {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n text-decoration: underline 1px var(--color-primary-base);\n text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n color: var(--color-primary-darker) !important;\n text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n border: unset;\n box-shadow: unset;\n color: var(--color-primary-dark) !important;\n text-decoration: underline 2px var(--color-primary-base);\n text-underline-offset: calc(var(--spacing-8) * 0.75);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-base);\n box-shadow: unset;\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n}\n\n.link > a {\n text-decoration: inherit;\n color: inherit;\n}\n\n.link__icon svg {\n border: 2px solid transparent;\n border-bottom: 2px solid var(--color-primary-base);\n border-radius: 2px;\n padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n border: unset;\n box-shadow: unset;\n}\n\n.link__icon:hover svg {\n color: var(--color-main-color) !important;\n border: 2px solid var(--color-primary-dark);\n transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n padding: var(--spacing-8) var(--spacing-12);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/components-checkbox-index-stories.806a4da2.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see components-checkbox-index-stories.806a4da2.iframe.bundle.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components\|\|[]).push([[308],{"./src/components/checkbox/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Error:()=>Error,Primary:()=>Primary,WithCustomClassName:()=>WithCustomClassName,WithLabel:()=>WithLabel,WithLabelSpecialClass:()=>WithLabelSpecialClass,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_checkbox=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/checkbox/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_checkbox.A,options);components_checkbox.A&&components_checkbox.A.locals&&components_checkbox.A.locals;var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Checkbox({backgroundColor,classNameCheckbox="",classNameGroup="",classNameLabel,error={is:!1,message:""},inputRef,isRequired,label,placeholder="Insert value",styleGroup,...rest}){return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.A)("input-group",classNameGroup),style:{backgroundColor,...styleGroup},children:[(0,jsx_runtime.jsxs)("div",{className:"checkbox__header",children:[label&&(0,jsx_runtime.jsx)("label",{className:classNameLabel,children:label}),error&&error.is&&(0,jsx_runtime.jsx)("span",{className:"input__header--error",children:error.message})]}),(0,jsx_runtime.jsx)("div",{className:"checkbox-subgroup",children:(0,jsx_runtime.jsx)("input",{ref:inputRef,type:"checkbox",required:isRequired,className:(0,clsx_m.A)("checkbox",error.is?"checkbox--error":"",classNameCheckbox),placeholder,...rest})})]})}Checkbox.displayName="Checkbox";try{Checkbox.displayName="Checkbox",Checkbox.__docgenInfo={description:"",displayName:"Checkbox",props:{backgroundColor:{defaultValue:null,description:"Add custom background color for the input",name:"backgroundColor",required:!1,type:{name:"string"}},classNameCheckbox:{defaultValue:{value:""},description:"Custom css class name.",name:"classNameCheckbox",required:!1,type:{name:"string"}},classNameGroup:{defaultValue:{value:""},description:"Custom css class name for group wrapper.",name:"classNameGroup",required:!1,type:{name:"string"}},classNameLabel:{defaultValue:null,description:"Custom css class name for label.",name:"classNameLabel",required:!1,type:{name:"string"}},error:{defaultValue:{value:'{\n is: false,\n message: "",\n }'},description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string \| false \| FieldError \| Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } \| undefined"}},inputRef:{defaultValue:null,description:"Ref react element to use",name:"inputRef",required:!1,type:{name:"Ref<HTMLInputElement>"}},isRequired:{defaultValue:null,description:"Sets if input is required or not",name:"isRequired",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Add a label to the input",name:"label",required:!1,type:{name:"string"}},paletteTheme:{defaultValue:null,description:"Data theme for the html. `${themes}`",name:"paletteTheme",required:!1,type:{name:"any"}},placeholder:{defaultValue:{value:"Insert value"},description:"Placeholder text for the input",name:"placeholder",required:!1,type:{name:"string"}},styleGroup:{defaultValue:null,description:"Style input group wrapper",name:"styleGroup",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/checkbox/index.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/components/checkbox/index.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}const index_stories={title:"Components/Checkbox",component:Checkbox,argTypes:{backgroundColor:{control:"color"}},decorators:[__webpack_require__("./src/decorators/withColorScheme.tsx").t]},Primary={args:{placeholder:"Insert a value"}},Error={args:{error:{is:!0,message:"Insert a value"}}},WithLabel={args:{label:"This is a standard label"}},WithLabelSpecialClass={args:{labelClassName:"special-label-class",label:"This is a custom label"}},WithCustomClassName={args:{className:"custom-class-name",label:"This is a custom className"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n args: {\n placeholder: "Insert a value"\n }\n}',...Primary.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'{\n args: {\n error: {\n is: true,\n message: "Insert a value"\n }\n }\n}',...Error.parameters?.docs?.source}}},WithLabel.parameters={...WithLabel.parameters,docs:{...WithLabel.parameters?.docs,source:{originalSource:'{\n args: {\n label: "This is a standard label"\n }\n}',...WithLabel.parameters?.docs?.source}}},WithLabelSpecialClass.parameters={...WithLabelSpecialClass.parameters,docs:{...WithLabelSpecialClass.parameters?.docs,source:{originalSource:'{\n args: {\n labelClassName: "special-label-class",\n label: "This is a custom label"\n }\n}',...WithLabelSpecialClass.parameters?.docs?.source}}},WithCustomClassName.parameters={...WithCustomClassName.parameters,docs:{...WithCustomClassName.parameters?.docs,source:{originalSource:'{\n args: {\n className: "custom-class-name",\n label: "This is a custom className"\n }\n}',...WithCustomClassName.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Error","WithLabel","WithLabelSpecialClass","WithCustomClassName"]},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});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 ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/clsx/dist/clsx.m.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function r(e){var t,f,n="";if("string"==typeof e\|\|"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/checkbox/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'@property --angle {\n syntax: "<angle>";\n initial-value: 0deg;\n inherits: false;\n}\n\n.checkbox__header {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.checkbox-subgroup {\n align-items: center;\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n}\n\n.checkbox {\n align-content: center;\n appearance: none;\n -webkit-appearance: none;\n background-color: var(--color-main-background);\n border-radius: 1rem;\n display: flex;\n justify-content: start;\n padding: 0.1rem;\n transform-style: preserve-3d;\n width: 4rem;\n}\n\n[data-theme="light"] .checkbox:checked {\n background-color: color-mix(\n in srgb,\n var(--color-primary-dark),\n var(--color-main-background)\n );\n}\n\n[data-theme="dark"] .checkbox:checked {\n background-color: color-mix(\n in srgb,\n var(--color-primary-darker),\n var(--color-main-color)\n );\n}\n\n.checkbox::after {\n animation: 1s spinout linear;\n background-image: conic-gradient(\n from var(--angle),\n transparent 70%,\n var(--conic-color-0),\n var(--conic-color-1),\n var(--conic-color-2)\n );\n background-color: color-mix(\n in srgb,\n transparent 20%,\n var(--color-main-color)\n );\n border-radius: 1rem;\n content: "";\n height: 1.5rem;\n left: 50%;\n padding: 0.2rem;\n position: absolute;\n top: 50%;\n transform: translateZ(-1px);\n translate: -50% -50%;\n width: 4rem;\n}\n\n.checkbox:checked::after {\n animation: 2s spin linear, 2s perc linear;\n animation-fill-mode: none, forwards;\n background-color: color-mix(\n in srgb,\n transparent var(--perc),\n var(--color-main-color)\n );\n background-image: conic-gradient(\n from var(--angle),\n transparent 70%,\n var(--conic-color-0),\n var(--conic-color-1),\n var(--conic-color-2)\n );\n}\n\n.checkbox::before {\n content: "";\n width: 2.25rem;\n height: 1.5rem;\n transform: translate(0, 0);\n background-color: color-mix(\n in srgb,\n transparent 80%,\n var(--color-primary-dark)\n );\n border-radius: 1rem;\n transition: transform 0.2s ease-out, background-color 0.2s ease-out;\n}\n\n.checkbox:checked::before {\n background-color: var(--color-primary-darker);\n transform: translate(1.5rem, 0);\n transition: transform 0.2s ease-in, background-color 0.2s ease-in;\n}\n\n.checkbox:hover::before {\n background-color: var(--color-primary-darker);\n}\n\n.checkbox:disabled {\n opacity: 0.5;\n}\n\n.checkbox--error::after {\n background-color: var(--color-danger);\n}\n\n@keyframes perc {\n 0% {\n --perc: 20%;\n }\n 50% {\n --perc: 10%;\n }\n 100% {\n --perc: 0%;\n }\n}\n\n@keyframes spin {\n 0% {\n --angle: 0deg;\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n 99% {\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n 100% {\n --angle: 360deg;\n --conic-color-0: var(--color-main-color);\n --conic-color-1: var(--color-main-color);\n --conic-color-2: var(--color-main-color);\n }\n}\n\n@keyframes spinout {\n from {\n --angle: 360deg;\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n\n to {\n --angle: 0deg;\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n}\n',"",{version:3,sources:["webpack://./src/components/checkbox/index.css"],names:[],mappings:"AAAA;EACE,iBAAiB;EACjB,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,uBAAuB;EACvB,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,wBAAwB;EACxB,8CAA8C;EAC9C,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,4BAA4B;EAC5B,WAAW;AACb;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE,4BAA4B;EAC5B;;;;;;GAMC;EACD;;;;GAIC;EACD,mBAAmB;EACnB,WAAW;EACX,cAAc;EACd,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,oBAAoB;EACpB,WAAW;AACb;;AAEA;EACE,yCAAyC;EACzC,mCAAmC;EACnC;;;;GAIC;EACD;;;;;;GAMC;AACH;;AAEA;EACE,WAAW;EACX,cAAc;EACd,cAAc;EACd,0BAA0B;EAC1B;;;;GAIC;EACD,mBAAmB;EACnB,mEAAmE;AACrE;;AAEA;EACE,6CAA6C;EAC7C,+BAA+B;EAC/B,iEAAiE;AACnE;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE;IACE,aAAa;IACb,wCAAwC;IACxC,0CAA0C;IAC1C,4CAA4C;EAC9C;EACA;IACE,wCAAwC;IACxC,0CAA0C;IAC1C,4CAA4C;EAC9C;EACA;IACE,eAAe;IACf,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;EAC1C;AACF;;AAEA;EACE;IACE,eAAe;IACf,wCAAwC;IACxC,0CAA0C;IAC1C,4CAA4C;EAC9C;;EAEA;IACE,aAAa;IACb,wCAAwC;IACxC,0CAA0C;IAC1C,4CAA4C;EAC9C;AACF",sourcesContent:['@property --angle {\n syntax: "<angle>";\n initial-value: 0deg;\n inherits: false;\n}\n\n.checkbox__header {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.checkbox-subgroup {\n align-items: center;\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n}\n\n.checkbox {\n align-content: center;\n appearance: none;\n -webkit-appearance: none;\n background-color: var(--color-main-background);\n border-radius: 1rem;\n display: flex;\n justify-content: start;\n padding: 0.1rem;\n transform-style: preserve-3d;\n width: 4rem;\n}\n\n[data-theme="light"] .checkbox:checked {\n background-color: color-mix(\n in srgb,\n var(--color-primary-dark),\n var(--color-main-background)\n );\n}\n\n[data-theme="dark"] .checkbox:checked {\n background-color: color-mix(\n in srgb,\n var(--color-primary-darker),\n var(--color-main-color)\n );\n}\n\n.checkbox::after {\n animation: 1s spinout linear;\n background-image: conic-gradient(\n from var(--angle),\n transparent 70%,\n var(--conic-color-0),\n var(--conic-color-1),\n var(--conic-color-2)\n );\n background-color: color-mix(\n in srgb,\n transparent 20%,\n var(--color-main-color)\n );\n border-radius: 1rem;\n content: "";\n height: 1.5rem;\n left: 50%;\n padding: 0.2rem;\n position: absolute;\n top: 50%;\n transform: translateZ(-1px);\n translate: -50% -50%;\n width: 4rem;\n}\n\n.checkbox:checked::after {\n animation: 2s spin linear, 2s perc linear;\n animation-fill-mode: none, forwards;\n background-color: color-mix(\n in srgb,\n transparent var(--perc),\n var(--color-main-color)\n );\n background-image: conic-gradient(\n from var(--angle),\n transparent 70%,\n var(--conic-color-0),\n var(--conic-color-1),\n var(--conic-color-2)\n );\n}\n\n.checkbox::before {\n content: "";\n width: 2.25rem;\n height: 1.5rem;\n transform: translate(0, 0);\n background-color: color-mix(\n in srgb,\n transparent 80%,\n var(--color-primary-dark)\n );\n border-radius: 1rem;\n transition: transform 0.2s ease-out, background-color 0.2s ease-out;\n}\n\n.checkbox:checked::before {\n background-color: var(--color-primary-darker);\n transform: translate(1.5rem, 0);\n transition: transform 0.2s ease-in, background-color 0.2s ease-in;\n}\n\n.checkbox:hover::before {\n background-color: var(--color-primary-darker);\n}\n\n.checkbox:disabled {\n opacity: 0.5;\n}\n\n.checkbox--error::after {\n background-color: var(--color-danger);\n}\n\n@keyframes perc {\n 0% {\n --perc: 20%;\n }\n 50% {\n --perc: 10%;\n }\n 100% {\n --perc: 0%;\n }\n}\n\n@keyframes spin {\n 0% {\n --angle: 0deg;\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n 99% {\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n 100% {\n --angle: 360deg;\n --conic-color-0: var(--color-main-color);\n --conic-color-1: var(--color-main-color);\n --conic-color-2: var(--color-main-color);\n }\n}\n\n@keyframes spinout {\n from {\n --angle: 360deg;\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n\n to {\n --angle: 0deg;\n --conic-color-0: var(--color-light-base);\n --conic-color-1: var(--color-light-bright);\n --conic-color-2: var(--color-light-brighter);\n }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);

package/storybook-static/components-checkbox-index-stories.806a4da2.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/components-form-index-stories.98e14f53.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[437],{"./src/components/form/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InsertForm:()=>InsertForm,OnlyInput:()=>OnlyInput,OnlySelectDifferentButton:()=>OnlySelectDifferentButton,OnlyTextArea:()=>OnlyTextArea,UpdateFormWithFullInitialState:()=>UpdateFormWithFullInitialState,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_form=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/form/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_form.A,options);components_form.A&&components_form.A.locals&&components_form.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),index_esm=__webpack_require__("./node_modules/react-icons/bs/index.esm.js"),dist_index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.mjs"),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Form({children,onSubmit,submitButton={label:"Submit"},initialState,backgroundColor,...rest}){const methods=(0,dist_index_esm.mN)(initialState),{formState:{isValid}}=methods,[result,setResult]=(0,react.useState)({message:"",isSuccess:!1});return(0,jsx_runtime.jsx)(dist_index_esm.Op,{...methods,children:(0,jsx_runtime.jsxs)("form",{className:"form",style:{backgroundColor},onSubmit:methods.handleSubmit((data=>onSubmit(data,methods,setResult))),...rest,children:[children,result.message&&(0,jsx_runtime.jsxs)("div",{className:"form__message",children:[result.isSuccess?(0,jsx_runtime.jsx)(index_esm.HU4,{color:"var(--color-success)",size:48}):(0,jsx_runtime.jsx)(index_esm.Fl6,{color:"var(--color-danger)",size:48}),result.message]}),(0,jsx_runtime.jsx)(components_button.Ay,{type:"submit",disabled:!isValid,children:submitButton.label})]})})}Form.displayName="Form";try{Form.displayName="Form",Form.__docgenInfo={description:"",displayName:"Form",props:{className:{defaultValue:null,description:"Custom css class name.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"In case the form has children to pass.",name:"children",required:!1,type:{name:"ReactNode | ReactNode[]"}},onSubmit:{defaultValue:null,description:"Function that submits the form",name:"onSubmit",required:!0,type:{name:"(data: FieldValues, methods: UseFormReturn<FieldValues, any, undefined>, setResult: SetResult) => void"}},submitButton:{defaultValue:{value:'{\n label: "Submit",\n }'},description:"Text that goes on the submit form button.",name:"submitButton",required:!1,type:{name:"{ label: string; }"}},initialState:{defaultValue:null,description:'Initial state of the form, values that are defaults. Ex: name: "Test", type: "Test Type", subject: "Test Subject", [type]: "Test Type II",',name:"initialState",required:!1,type:{name:"{ defaultValues?: { name?: string; type?: string; subject?: string | undefined; customValues?: { [key: string]: string; } | undefined; } | undefined; } | undefined"}},backgroundColor:{defaultValue:null,description:"Custom background color if needed.",name:"backgroundColor",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/index.tsx#Form"]={docgenInfo:Form.__docgenInfo,name:"Form",path:"src/components/form/index.tsx#Form"})}catch(__react_docgen_typescript_loader_error){}var withColorScheme=__webpack_require__("./src/decorators/withColorScheme.tsx"),input=__webpack_require__("./src/components/input/index.tsx");function FormInput({name,isRequired,error,defaultValue,...rest}){const{control}=(0,dist_index_esm.xW)();return(0,jsx_runtime.jsx)(dist_index_esm.xI,{name,control,rules:{...isRequired?{required:error?.message||"Field is required"}:{}},render:({field,fieldState:{error}})=>(0,jsx_runtime.jsx)(input.A,{isRequired:!0,error:{is:!!error,message:error?.message},defaultValue,...field,...rest})})}FormInput.displayName="FormInput";const form_input=FormInput;try{FormInput.displayName="FormInput",FormInput.__docgenInfo={description:"",displayName:"FormInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},isRequired:{defaultValue:null,description:"Sets if input is required or not",name:"isRequired",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } | undefined"}},placeholder:{defaultValue:null,description:"Placeholder text for the input",name:"placeholder",required:!0,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Custom css class name.",name:"inputClassName",required:!1,type:{name:"string"}},classNameGroup:{defaultValue:null,description:"Custom css class name for group wrapper.",name:"classNameGroup",required:!1,type:{name:"string"}},paletteTheme:{defaultValue:null,description:"Data theme for the html. `${themes}`",name:"paletteTheme",required:!1,type:{name:"any"}},inputRef:{defaultValue:null,description:"Ref react element to use",name:"inputRef",required:!1,type:{name:"Ref<HTMLInputElement>"}},styleGroup:{defaultValue:null,description:"Style input group wrapper",name:"styleGroup",required:!1,type:{name:"CSSProperties"}},label:{defaultValue:null,description:"Add a label to the input",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Styles the label of the input",name:"labelClassName",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Add an icon to the right or the left of the input",name:"icon",required:!1,type:{name:'{ className?: string; element?: ReactNode; position?: "right" | "left"; } | undefined'}},backgroundColor:{defaultValue:null,description:"Add custom background color for the input",name:"backgroundColor",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/form-input.tsx#FormInput"]={docgenInfo:FormInput.__docgenInfo,name:"FormInput",path:"src/components/form/form-input.tsx#FormInput"})}catch(__react_docgen_typescript_loader_error){}var text_area=__webpack_require__("./src/components/text-area/index.tsx");function FormTextArea({name,isRequired,error,...rest}){const{control}=(0,dist_index_esm.xW)();return(0,jsx_runtime.jsx)(dist_index_esm.xI,{name,control,rules:{...isRequired?{required:error?.message||"Field is required"}:{}},render:({field,fieldState:{error}})=>(0,jsx_runtime.jsx)(text_area.A,{isRequired:!0,error:{is:!!error,message:error?.message},...field,...rest})})}FormTextArea.displayName="FormTextArea";try{FormTextArea.displayName="FormTextArea",FormTextArea.__docgenInfo={description:"",displayName:"FormTextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},isRequired:{defaultValue:null,description:"Sets if input is required or not",name:"isRequired",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } | undefined"}},placeholder:{defaultValue:null,description:"Placeholder text for the input",name:"placeholder",required:!0,type:{name:"string"}},inputClassName:{defaultValue:null,description:"Custom css class name.",name:"inputClassName",required:!1,type:{name:"string"}},classNameGroup:{defaultValue:null,description:"Custom css class name for group wrapper.",name:"classNameGroup",required:!1,type:{name:"string"}},paletteTheme:{defaultValue:null,description:"Data theme for the html. `${themes}`",name:"paletteTheme",required:!1,type:{name:"any"}},inputRef:{defaultValue:null,description:"Ref react element to use",name:"inputRef",required:!1,type:{name:"Ref<HTMLInputElement>"}},styleGroup:{defaultValue:null,description:"Style input group wrapper",name:"styleGroup",required:!1,type:{name:"CSSProperties"}},label:{defaultValue:null,description:"Add a label to the input",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Styles the label of the input",name:"labelClassName",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Add an icon to the right or the left of the input",name:"icon",required:!1,type:{name:'{ className?: string; element?: ReactNode; position?: "right" | "left"; } | undefined'}},backgroundColor:{defaultValue:null,description:"Add custom background color for the input",name:"backgroundColor",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/form-text-area.tsx#FormTextArea"]={docgenInfo:FormTextArea.__docgenInfo,name:"FormTextArea",path:"src/components/form/form-text-area.tsx#FormTextArea"})}catch(__react_docgen_typescript_loader_error){}var components_select=__webpack_require__("./src/components/select/index.tsx");function FormSelect({name,isRequired,error,fieldsToReset,label,...rest}){const{control,setValue,clearErrors,unregister,resetField}=(0,dist_index_esm.xW)();return(0,jsx_runtime.jsx)(dist_index_esm.xI,{name,control,rules:{...isRequired?{required:error?.message||"Field is required"}:{}},render:({field:{onBlur,...restField},fieldState:{error}})=>(0,jsx_runtime.jsx)(components_select.A,{isRequired:!0,label,error:{is:!!error,message:error?.message||""},setFormSelected:setValue,resetForm:()=>fieldsToReset&&fieldsToReset.map((field=>{setValue(field,void 0),unregister(field)})),clearError:clearErrors,onFormBlur:onBlur,...restField,...rest})})}FormSelect.displayName="FormSelect";const form_select=FormSelect;try{FormSelect.displayName="FormSelect",FormSelect.__docgenInfo={description:"",displayName:"FormSelect",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"string[]"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"{ message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } | undefined"}},fieldsToReset:{defaultValue:null,description:"",name:"fieldsToReset",required:!1,type:{name:"string[]"}},handleSelect:{defaultValue:null,description:"",name:"handleSelect",required:!0,type:{name:"Function"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/form-select.tsx#FormSelect"]={docgenInfo:FormSelect.__docgenInfo,name:"FormSelect",path:"src/components/form/form-select.tsx#FormSelect"})}catch(__react_docgen_typescript_loader_error){}const index_stories={title:"Components/Form",component:Form,argTypes:{backgroundColor:{control:"color"}},decorators:[withColorScheme.t]},InsertForm={render:args=>{const methods=(0,dist_index_esm.mN)(),{formState:{isValid}}=methods,[type,setType]=(0,react.useState)();return(0,jsx_runtime.jsxs)(Form,{onSubmit:(data,methods,setResult)=>{setResult({data,methods,setResult})},backgroundColor:args.backgroundColor,children:[(0,jsx_runtime.jsx)("h5",{children:"Test presentation"}),(0,jsx_runtime.jsx)(form_input,{name:"password",label:"Label 1",type:"password",error:{message:"password is required"},isRequired:!0,placeholder:"Test"}),(0,jsx_runtime.jsx)(FormTextArea,{isRequired:!0,name:"subject",label:"Label 2",disabled:!1,placeholder:"Test"}),(0,jsx_runtime.jsx)(form_select,{name:"type",label:"Type Test",options:["","Features","Story","Form","Feed","Example","Test","Test 2"],isRequired:!0,handleSelect:value=>{setType(value)},fieldsToReset:type?[type]:void 0}),type&&(0,jsx_runtime.jsx)(form_input,{placeholder:"Test",name:type,label:type})]})},args:{}},UpdateFormWithFullInitialState={render:args=>{const result={message:"field added",isSuccess:!0},[type,setType]=(0,react.useState)("features");return(0,jsx_runtime.jsxs)(Form,{backgroundColor:args.backgroundColor,initialState:{defaultValues:{name:"Test Name",type:"Features",subject:"Test subject",[type]:"This is a description of the feature chosen"}},onSubmit:(data,setResult)=>{console.log(data),setResult(result)},children:[(0,jsx_runtime.jsx)("h5",{children:"Test Case 2"}),(0,jsx_runtime.jsx)(form_input,{name:"name",label:"Label 2.1",error:{message:"password is required"},isRequired:!0,placeholder:"Test"}),(0,jsx_runtime.jsx)(FormTextArea,{isRequired:!0,name:"subject",label:"Label 2.2",disabled:!1,placeholder:"Test"}),(0,jsx_runtime.jsx)(form_select,{name:"type",label:"Type Test 2",options:["","Features","Story","Form","Feed","Example","Test","Test 2"],isRequired:!0,handleSelect:value=>{console.log(value),setType(value)},fieldsToReset:type?[type]:void 0}),(0,jsx_runtime.jsx)(form_input,{placeholder:"Test",name:type,label:type})]})},args:{}},OnlyInput={render:args=>{const result={message:"field added",isSuccess:!0};return(0,jsx_runtime.jsx)(Form,{initialState:{defaultValues:{name:"Test Name"}},onSubmit:(data,setResult)=>{console.log(data),setResult(result)},children:(0,jsx_runtime.jsx)(form_input,{placeholder:"Test",name:"name",label:"Label",error:{message:"password is required"},isRequired:!0})})},args:{}},OnlyTextArea={render:args=>{const result={message:"field added",isSuccess:!0};return(0,jsx_runtime.jsx)(Form,{onSubmit:(data,setResult)=>{console.log(data),setResult(result)},children:(0,jsx_runtime.jsx)(FormTextArea,{placeholder:"Test",isRequired:!0,name:"subject",label:"Label Test",disabled:!1})})},args:{}},OnlySelectDifferentButton={render:args=>{const result={message:"field added",isSuccess:!0},[type,setType]=(0,react.useState)("features");return(0,jsx_runtime.jsx)(Form,{onSubmit:(data,setResult)=>{console.log(data),setResult(result)},submitButton:{label:"Submit selection"},children:(0,jsx_runtime.jsx)(form_select,{name:"type",label:"Type Test Case",options:["","Features","Story","Form","Feed","Example","Test","Test 2"],isRequired:!0,handleSelect:value=>{console.log(value),setType(value)},fieldsToReset:type?[type]:void 0})})},args:{}};InsertForm.parameters={...InsertForm.parameters,docs:{...InsertForm.parameters?.docs,source:{originalSource:'{\n render: args => {\n const methods = useForm();\n const {\n formState: {\n isValid\n }\n } = methods;\n const result = {\n message: "field added",\n isSuccess: true\n };\n const onSubmit = (data: {\n [key: string]: any;\n }, methods: UseFormReturn, setResult: SetResult) => {\n setResult({\n data,\n methods,\n setResult\n });\n };\n const [type, setType] = useState<string>();\n const handleSelect = (value: string) => {\n setType(value);\n };\n return <Form onSubmit={onSubmit} backgroundColor={args.backgroundColor}>\n {/* <Input name="mail" label="fef" error={{ message: "email is required" }} isRequired /> */}\n <h5>Test presentation</h5>\n <FormInput name="password" label="Label 1" type="password" error={{\n message: "password is required"\n }} isRequired placeholder="Test" />\n <FormTextArea isRequired name="subject" label="Label 2" disabled={false} placeholder="Test" />\n <FormSelect name="type" label="Type Test" options={["", "Features", "Story", "Form", "Feed", "Example", "Test", "Test 2"]} isRequired handleSelect={handleSelect} fieldsToReset={type ? [type] : undefined} />\n {type && <FormInput placeholder="Test" name={type} label={type} />}\n </Form>;\n },\n args: {}\n}',...InsertForm.parameters?.docs?.source}}},UpdateFormWithFullInitialState.parameters={...UpdateFormWithFullInitialState.parameters,docs:{...UpdateFormWithFullInitialState.parameters?.docs,source:{originalSource:'{\n render: args => {\n const result = {\n message: "field added",\n isSuccess: true\n };\n const onSubmit = (data: {\n [key: string]: any;\n }, setResult: SetResult) => {\n console.log(data);\n setResult(result);\n };\n const [type, setType] = useState("features");\n const handleSelect = (value: string) => {\n console.log(value);\n setType(value);\n };\n return <Form backgroundColor={args.backgroundColor} initialState={{\n defaultValues: {\n name: "Test Name",\n type: "Features",\n subject: "Test subject",\n [type]: "This is a description of the feature chosen"\n }\n }} onSubmit={onSubmit}>\n {/* <Input name="mail" label="fef" error={{ message: "email is required" }} isRequired /> */}\n <h5>Test Case 2</h5>\n <FormInput name="name" label="Label 2.1" error={{\n message: "password is required"\n }} isRequired placeholder="Test" />\n <FormTextArea isRequired name="subject" label="Label 2.2" disabled={false} placeholder="Test" />\n <FormSelect name="type" label="Type Test 2" options={["", "Features", "Story", "Form", "Feed", "Example", "Test", "Test 2"]} isRequired handleSelect={handleSelect} fieldsToReset={type ? [type] : undefined} />\n <FormInput placeholder="Test" name={type} label={type} />\n </Form>;\n },\n args: {}\n}',...UpdateFormWithFullInitialState.parameters?.docs?.source}}},OnlyInput.parameters={...OnlyInput.parameters,docs:{...OnlyInput.parameters?.docs,source:{originalSource:'{\n render: args => {\n const result = {\n message: "field added",\n isSuccess: true\n };\n const onSubmit = (data: {\n [key: string]: any;\n }, setResult: SetResult) => {\n console.log(data);\n setResult(result);\n };\n return <Form initialState={{\n defaultValues: {\n name: "Test Name"\n }\n }} onSubmit={onSubmit}>\n <FormInput placeholder="Test" name="name" label="Label" error={{\n message: "password is required"\n }} isRequired />\n </Form>;\n },\n args: {}\n}',...OnlyInput.parameters?.docs?.source}}},OnlyTextArea.parameters={...OnlyTextArea.parameters,docs:{...OnlyTextArea.parameters?.docs,source:{originalSource:'{\n render: args => {\n const result = {\n message: "field added",\n isSuccess: true\n };\n const onSubmit = (data: {\n [key: string]: any;\n }, setResult: SetResult) => {\n console.log(data);\n setResult(result);\n };\n return <Form onSubmit={onSubmit}>\n <FormTextArea placeholder="Test" isRequired name="subject" label="Label Test" disabled={false} />\n </Form>;\n },\n args: {}\n}',...OnlyTextArea.parameters?.docs?.source}}},OnlySelectDifferentButton.parameters={...OnlySelectDifferentButton.parameters,docs:{...OnlySelectDifferentButton.parameters?.docs,source:{originalSource:'{\n render: args => {\n const result = {\n message: "field added",\n isSuccess: true\n };\n const onSubmit = (data: {\n [key: string]: any;\n }, setResult: SetResult) => {\n console.log(data);\n setResult(result);\n };\n const [type, setType] = useState("features");\n const handleSelect = (value: string) => {\n console.log(value);\n setType(value);\n };\n return <Form onSubmit={onSubmit} submitButton={{\n label: "Submit selection"\n }}>\n <FormSelect name="type" label="Type Test Case" options={["", "Features", "Story", "Form", "Feed", "Example", "Test", "Test 2"]} isRequired handleSelect={handleSelect} fieldsToReset={type ? [type] : undefined} />\n </Form>;\n },\n args: {}\n}',...OnlySelectDifferentButton.parameters?.docs?.source}}};const __namedExportsOrder=["InsertForm","UpdateFormWithFullInitialState","OnlyInput","OnlyTextArea","OnlySelectDifferentButton"]},"./src/components/select/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>Select,A:()=>src_components_select_0});var react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_select=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/select/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_select.A,options);components_select.A&&components_select.A.locals&&components_select.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),index_esm=__webpack_require__("./node_modules/react-icons/tfi/index.esm.js"),input=__webpack_require__("./src/components/input/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Select({inputClassName="",classNameGroup="",options,styleGroup,defaultValue,setFormSelected,clearError,resetForm,onFormBlur,handleSelect,label,labelClassName,error,backgroundColor,isRequired,...rest}){const[isOpen,setIsOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(defaultValue||options&&options[0]),[filteredOptions,setFilteredOptions]=(0,react.useState)(options),{name}=rest,handleClose=()=>{setIsOpen(!1)},handleSelectChange=e=>{const{name:value}=e.target;setFormSelected?(setFormSelected(name,value),clearError&&clearError(name),resetForm&&resetForm()):setValue(value),handleSelect&&handleSelect(value),handleClose()};return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.A)("select-group",classNameGroup),style:{backgroundColor,...styleGroup},children:[(0,jsx_runtime.jsx)(input.A,{inputClassName:(0,clsx_m.A)("select",{"select--focus":isOpen},inputClassName),value,error,required:isRequired,placeholder:"Select a value",icon:{className:"select__arrow",element:(0,jsx_runtime.jsx)(components_button.Ay,{type:"button",size:"large",mode:"icon",className:(0,clsx_m.A)("select__arrow-button",{"select__arrow-button--open":isOpen}),onClick:()=>{setIsOpen((prev=>!prev))},onBlur:handleClose,children:(0,jsx_runtime.jsx)(index_esm.dqe,{size:24})})},onFocus:()=>{setIsOpen(!0)},onBlur:()=>{onFormBlur&&onFormBlur(),setIsOpen(!1)},onChange:e=>{const{value}=e.target;setValue(value)},autoComplete:"off",label,labelClassName,...rest}),isOpen&&(0,jsx_runtime.jsx)("div",{className:"select__box",children:filteredOptions.map(((option,index)=>(0,jsx_runtime.jsx)(components_button.Ay,{type:"button",mode:"secondary",className:"select__option",name:option,onMouseDown:handleSelectChange,children:option},`index-${index}`)))})]})}Select.displayName="Select";const src_components_select_0=Select;try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{inputClassName:{defaultValue:{value:""},description:"Custom css class name.",name:"inputClassName",required:!1,type:{name:"string"}},classNameGroup:{defaultValue:{value:""},description:"Custom css class name for group wrapper.",name:"classNameGroup",required:!1,type:{name:"string"}},paletteTheme:{defaultValue:null,description:"Data theme for the html. `${themes}`",name:"paletteTheme",required:!1,type:{name:"any"}},options:{defaultValue:null,description:"Options of the select component.",name:"options",required:!1,type:{name:"string[]"}},error:{defaultValue:null,description:"Error message to show when input has an error.",name:"error",required:!0,type:{name:"{ is: boolean; message: string; }"}},styleGroup:{defaultValue:null,description:"Style input group wrapper",name:"styleGroup",required:!1,type:{name:"CSSProperties"}},defaultValue:{defaultValue:null,description:"Default selected value",name:"defaultValue",required:!1,type:{name:"string"}},backgroundColor:{defaultValue:null,description:"Style of the backgroundColor",name:"backgroundColor",required:!1,type:{name:"string"}},handleSelect:{defaultValue:null,description:"Pass a custom function to the select",name:"handleSelect",required:!1,type:{name:"Function"}},setFormSelected:{defaultValue:null,description:"Pass a custom function to the select",name:"setFormSelected",required:!1,type:{name:"Function"}},clearError:{defaultValue:null,description:"Pass a custom function to the select on clear error",name:"clearError",required:!1,type:{name:"Function"}},resetForm:{defaultValue:null,description:"Pass a custom function to the select on reset form",name:"resetForm",required:!1,type:{name:"Function"}},onFormBlur:{defaultValue:null,description:"Pass a custom function to the select on form blur, when closing the select",name:"onFormBlur",required:!1,type:{name:"Function"}},label:{defaultValue:null,description:"Pass a custom label to the select",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Pass a custom class to the label of the select",name:"labelClassName",required:!1,type:{name:"string"}},isRequired:{defaultValue:null,description:"Sets if select is required or not",name:"isRequired",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/select/index.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/select/index.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/text-area/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{f:()=>TextArea,A:()=>src_components_text_area});var react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),index_esm=__webpack_require__("./node_modules/react-icons/tb/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),text_area=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/text-area/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(text_area.A,options);text_area.A&&text_area.A.locals&&text_area.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function TextArea({buttonDisabled=!1,className="",disabled=!0,error={is:!1,message:""},hasToggleButton=!0,hideHeight="5rem",label,labelClassName,isRequired,placeholder="Insert value",showHeight="10rem",backgroundColor,style={},textareaClassName="",...rest}){const ref=(0,react.useRef)(),[isShow,setIsShow]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.A)("textarea",className),style:{backgroundColor,...style},children:[(0,jsx_runtime.jsxs)("div",{className:"textarea__header",children:[label&&(0,jsx_runtime.jsx)("label",{className:labelClassName,children:label}),error&&error.is&&(0,jsx_runtime.jsx)("span",{className:"textarea__header--error",children:error.message})]}),(0,jsx_runtime.jsx)("textarea",{ref,className:(0,clsx_m.A)("textarea__input",error.is&&"textarea__input--error",textareaClassName),style:{height:hasToggleButton?hideHeight:showHeight},placeholder,disabled,required:isRequired,...rest}),hasToggleButton&&(0,jsx_runtime.jsx)(components_button.Ay,{type:"button",className:(0,clsx_m.A)("textarea__button",isShow&&"textarea__button--show",error.is&&"textarea__button--error"),onClick:()=>{ref&&ref.current&&(ref.current.style.height=isShow?hideHeight:showHeight,setIsShow((prev=>!prev)))},disabled:buttonDisabled,children:(0,jsx_runtime.jsx)(index_esm.COm,{size:"1.5rem"})})]})}TextArea.displayName="TextArea";const src_components_text_area=TextArea;try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{className:{defaultValue:{value:""},description:"Custom css class name textarea wrapper.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"true"},description:"Disable prop",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:'{\n is: false,\n message: "",\n }'},description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } | undefined"}},hasToggleButton:{defaultValue:{value:"true"},description:"",name:"hasToggleButton",required:!1,type:{name:"boolean"}},hideHeight:{defaultValue:{value:"5rem"},description:"Minimum height if toggle button is true",name:"hideHeight",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Insert value"},description:"Placeholder for textarea html tag",name:"placeholder",required:!1,type:{name:"string"}},showHeight:{defaultValue:{value:"10rem"},description:"Maximum height if toggle button is false",name:"showHeight",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Style textarea group wrapper",name:"style",required:!1,type:{name:"CSSProperties"}},textareaClassName:{defaultValue:{value:""},description:"Classname of the textarea",name:"textareaClassName",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Places a text on top of the text-area",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"className of the text on top of the text-area",name:"labelClassName",required:!1,type:{name:"string"}},buttonDisabled:{defaultValue:{value:"false"},description:"Shows the full component as disabled",name:"buttonDisabled",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"Changes the background color of the input",name:"backgroundColor",required:!1,type:{name:"string"}},isRequired:{defaultValue:null,description:"Makes input text required or not",name:"isRequired",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/text-area/index.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/components/text-area/index.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/form/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".form {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-32);\n padding: var(--spacing-32) 0;\n}\n\n.form__message {\n align-items: center;\n display: flex;\n justify-content: center;\n gap: var(--spacing-16);\n}","",{version:3,sources:["webpack://./src/components/form/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,uBAAuB;EACvB,sBAAsB;AACxB",sourcesContent:[".form {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-32);\n padding: var(--spacing-32) 0;\n}\n\n.form__message {\n align-items: center;\n display: flex;\n justify-content: center;\n gap: var(--spacing-16);\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/select/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".select-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n}\n\n.select {\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n padding: var(--spacing-16) var(--spacing-24);\n font-size: var(--font-size-16);\n width: 100%;\n}\n\n.select--focus {\n border-radius: var(--spacing-8) var(--spacing-8) 0 0 !important;\n}\n\n.select:focus {\n border-radius: var(--spacing-8) var(--spacing-8) 0 0;\n}\n\n.select:disabled {\n opacity: 0.5;\n}\n\n.select__arrow.input__icon {\n padding: 0;\n}\n\n.select__arrow-button.button {\n background-color: unset;\n border-radius: 0 var(--spacing-8) var(--spacing-8) 0;\n padding: 15px var(--spacing-24);\n}\n\n.select__arrow-button.button:hover {\n background-color: var(--color-primary-dark);\n}\n\n.select__arrow-button--open.button {\n border-bottom-right-radius: 0 !important;\n}\n\n.select__box {\n border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n box-sizing: border-box;\n max-height: var(--size-m);\n overflow: scroll;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 2;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n}\n\n.select__box::-webkit-scrollbar {\n display: none; /* Safari and Chrome */\n}\n\n.select__option.button {\n border: none;\n border-radius: 0;\n text-align: left;\n width: 100%;\n}\n\n.select__option.button:hover {\n border: unset;\n}\n\n.select__option.button:last-child {\n border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n}\n\n.select--error {\n border: 3px solid var(--color-danger);\n}\n\n.select--error:focus {\n border: 3px solid var(--color-danger);\n outline: none;\n}\n\n.custom-class-name-group {\n background-color: blue;\n padding: var(--spacing-8);\n}\n","",{version:3,sources:["webpack://./src/components/select/index.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,6CAA6C;EAC7C,4CAA4C;EAC5C,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,kEAAkE;AACpE;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,uBAAuB;EACvB,oDAAoD;EACpD,+BAA+B;AACjC;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,oDAAoD;EACpD,6CAA6C;EAC7C,sBAAsB;EACtB,yBAAyB;EACzB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,WAAW;EACX,UAAU;EACV,wBAAwB,EAAE,0BAA0B;EACpD,qBAAqB,EAAE,YAAY;AACrC;;AAEA;EACE,aAAa,EAAE,sBAAsB;AACvC;;AAEA;EACE,YAAY;EACZ,gBAAgB;EAChB,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,yBAAyB;AAC3B",sourcesContent:[".select-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n}\n\n.select {\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n padding: var(--spacing-16) var(--spacing-24);\n font-size: var(--font-size-16);\n width: 100%;\n}\n\n.select--focus {\n border-radius: var(--spacing-8) var(--spacing-8) 0 0 !important;\n}\n\n.select:focus {\n border-radius: var(--spacing-8) var(--spacing-8) 0 0;\n}\n\n.select:disabled {\n opacity: 0.5;\n}\n\n.select__arrow.input__icon {\n padding: 0;\n}\n\n.select__arrow-button.button {\n background-color: unset;\n border-radius: 0 var(--spacing-8) var(--spacing-8) 0;\n padding: 15px var(--spacing-24);\n}\n\n.select__arrow-button.button:hover {\n background-color: var(--color-primary-dark);\n}\n\n.select__arrow-button--open.button {\n border-bottom-right-radius: 0 !important;\n}\n\n.select__box {\n border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n box-sizing: border-box;\n max-height: var(--size-m);\n overflow: scroll;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 2;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n}\n\n.select__box::-webkit-scrollbar {\n display: none; /* Safari and Chrome */\n}\n\n.select__option.button {\n border: none;\n border-radius: 0;\n text-align: left;\n width: 100%;\n}\n\n.select__option.button:hover {\n border: unset;\n}\n\n.select__option.button:last-child {\n border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n}\n\n.select--error {\n border: 3px solid var(--color-danger);\n}\n\n.select--error:focus {\n border: 3px solid var(--color-danger);\n outline: none;\n}\n\n.custom-class-name-group {\n background-color: blue;\n padding: var(--spacing-8);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/text-area/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.textarea {\n margin-bottom: var(--spacing-8);\n position: relative;\n width: 100%;\n}\n\n.textarea__header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.textarea__header--error {\n font-size: 12px;\n color: var(--color-danger);\n}\n\n.textarea__input {\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n cursor: text;\n outline: none;\n padding: var(--spacing-8) var(--spacing-16);\n resize: vertical;\n width: 100%;\n}\n\n[data-theme="dark"] .textarea__input {\n background-color: var(--color-dark-bright);\n color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n background-color: var(--color-light-bright);\n color: var(--color-dark-bright);\n}\n\n[data-theme="dark"] .textarea__input {\n background-color: var(--color-dark-bright);\n color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n background-color: var(--color-light-bright);\n color: var(--color-dark-bright);\n}\n\n.textarea__input--error {\n border: 3px solid var(--color-danger);\n}\n\n.textarea__input:enabled:hover {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.textarea__input:focus {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n outline: none;\n}\n\n.textarea__input:disabled {\n opacity: 0.5;\n}\n\n.textarea__button.button {\n border-radius: 0px 0px var(--spacing-8) var(--spacing-8);\n bottom: 0;\n cursor: pointer;\n left: 0;\n padding: var(--spacing-4) var(--spacing-8);\n position: absolute;\n width: 100%;\n}\n\n.textarea__button--error {\n background: var(--color-danger) !important;\n border: 3px solid var(--color-danger) !important;\n}\n\n.textarea__button > svg {\n color: var(--color-main-color);\n}\n\n.textarea__button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.textarea__button--show {\n background-color: var(--color-primary-dark) !important;\n border: 2px solid var(--color-primary-dark) !important;\n}\n\n.custom-label {\n color: red;\n text-decoration: line-through;\n}\n\n.textarea__button--show.textarea__button--error {\n background: var(--color-danger) !important;\n border: 3px solid var(--color-danger) !important;\n}\n',"",{version:3,sources:["webpack://./src/components/text-area/index.css"],names:[],mappings:"AAAA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,eAAe;EACf,0BAA0B;AAC5B;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,6CAA6C;EAC7C,YAAY;EACZ,aAAa;EACb,2CAA2C;EAC3C,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,0CAA0C;EAC1C,gCAAgC;AAClC;;AAEA;EACE,2CAA2C;EAC3C,+BAA+B;AACjC;;AAEA;EACE,0CAA0C;EAC1C,gCAAgC;AAClC;;AAEA;EACE,2CAA2C;EAC3C,+BAA+B;AACjC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,mDAAmD;EACnD,qDAAqD;AACvD;;AAEA;EACE,mDAAmD;EACnD,qDAAqD;EACrD,aAAa;AACf;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,wDAAwD;EACxD,SAAS;EACT,eAAe;EACf,OAAO;EACP,0CAA0C;EAC1C,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,0CAA0C;EAC1C,gDAAgD;AAClD;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,sDAAsD;EACtD,sDAAsD;AACxD;;AAEA;EACE,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,0CAA0C;EAC1C,gDAAgD;AAClD",sourcesContent:['.textarea {\n margin-bottom: var(--spacing-8);\n position: relative;\n width: 100%;\n}\n\n.textarea__header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.textarea__header--error {\n font-size: 12px;\n color: var(--color-danger);\n}\n\n.textarea__input {\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n cursor: text;\n outline: none;\n padding: var(--spacing-8) var(--spacing-16);\n resize: vertical;\n width: 100%;\n}\n\n[data-theme="dark"] .textarea__input {\n background-color: var(--color-dark-bright);\n color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n background-color: var(--color-light-bright);\n color: var(--color-dark-bright);\n}\n\n[data-theme="dark"] .textarea__input {\n background-color: var(--color-dark-bright);\n color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n background-color: var(--color-light-bright);\n color: var(--color-dark-bright);\n}\n\n.textarea__input--error {\n border: 3px solid var(--color-danger);\n}\n\n.textarea__input:enabled:hover {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.textarea__input:focus {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n outline: none;\n}\n\n.textarea__input:disabled {\n opacity: 0.5;\n}\n\n.textarea__button.button {\n border-radius: 0px 0px var(--spacing-8) var(--spacing-8);\n bottom: 0;\n cursor: pointer;\n left: 0;\n padding: var(--spacing-4) var(--spacing-8);\n position: absolute;\n width: 100%;\n}\n\n.textarea__button--error {\n background: var(--color-danger) !important;\n border: 3px solid var(--color-danger) !important;\n}\n\n.textarea__button > svg {\n color: var(--color-main-color);\n}\n\n.textarea__button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.textarea__button--show {\n background-color: var(--color-primary-dark) !important;\n border: 2px solid var(--color-primary-dark) !important;\n}\n\n.custom-label {\n color: red;\n text-decoration: line-through;\n}\n\n.textarea__button--show.textarea__button--error {\n background: var(--color-danger) !important;\n border: 3px solid var(--color-danger) !important;\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/components-input-index-stories.53dbac5d.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see components-input-index-stories.53dbac5d.iframe.bundle.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components\|\|[]).push([[219],{"./src/components/input/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checkbox:()=>Checkbox,CustomBackgroundColor:()=>CustomBackgroundColor,Error:()=>Error,Primary:()=>Primary,Search:()=>Search,WithCustomClassName:()=>WithCustomClassName,WithLabel:()=>WithLabel,WithLabelSpecialClass:()=>WithLabelSpecialClass,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/input/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx"),react_icons_bs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-icons/bs/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Input",component:_index__WEBPACK_IMPORTED_MODULE_0__.p,argTypes:{backgroundColor:{control:"color"}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.t]},Primary={args:{placeholder:"Insert a value"}},Error={args:{error:{is:!0,message:"Insert a value"}}},Search={args:{icon:{element:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_bs__WEBPACK_IMPORTED_MODULE_3__.YQq,{}),position:"left"}}},WithLabel={args:{label:"This is a standard label"}},WithLabelSpecialClass={args:{labelClassName:"special-label-class",label:"This is a custom label"}},WithCustomClassName={args:{className:"custom-class-name",label:"This is a custom className"}},CustomBackgroundColor={args:{backgroundColor:"purple",icon:{element:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_icons_bs__WEBPACK_IMPORTED_MODULE_3__.YQq,{}),position:"left"}}},Checkbox={args:{type:"checkbox"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n args: {\n placeholder: "Insert a value"\n }\n}',...Primary.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'{\n args: {\n error: {\n is: true,\n message: "Insert a value"\n }\n }\n}',...Error.parameters?.docs?.source}}},Search.parameters={...Search.parameters,docs:{...Search.parameters?.docs,source:{originalSource:'{\n args: {\n icon: {\n element: <BsSearch />,\n position: "left"\n }\n }\n}',...Search.parameters?.docs?.source}}},WithLabel.parameters={...WithLabel.parameters,docs:{...WithLabel.parameters?.docs,source:{originalSource:'{\n args: {\n label: "This is a standard label"\n }\n}',...WithLabel.parameters?.docs?.source}}},WithLabelSpecialClass.parameters={...WithLabelSpecialClass.parameters,docs:{...WithLabelSpecialClass.parameters?.docs,source:{originalSource:'{\n args: {\n labelClassName: "special-label-class",\n label: "This is a custom label"\n }\n}',...WithLabelSpecialClass.parameters?.docs?.source}}},WithCustomClassName.parameters={...WithCustomClassName.parameters,docs:{...WithCustomClassName.parameters?.docs,source:{originalSource:'{\n args: {\n className: "custom-class-name",\n label: "This is a custom className"\n }\n}',...WithCustomClassName.parameters?.docs?.source}}},CustomBackgroundColor.parameters={...CustomBackgroundColor.parameters,docs:{...CustomBackgroundColor.parameters?.docs,source:{originalSource:'{\n args: {\n backgroundColor: "purple",\n icon: {\n element: <BsSearch />,\n position: "left"\n }\n }\n}',...CustomBackgroundColor.parameters?.docs?.source}}},Checkbox.parameters={...Checkbox.parameters,docs:{...Checkbox.parameters?.docs,source:{originalSource:'{\n args: {\n type: "checkbox"\n }\n}',...Checkbox.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Error","Search","WithLabel","WithLabelSpecialClass","WithCustomClassName","CustomBackgroundColor","Checkbox"]},"./src/components/input/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>Input,A:()=>src_components_input});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),input=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/input/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(input.A,options);input.A&&input.A.locals&&input.A.locals;var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Input({inputClassName="",classNameGroup="",error={is:!1,message:""},inputRef,styleGroup,placeholder="Insert value",label,labelClassName,icon,isRequired,backgroundColor,...rest}){return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.A)("input-group",classNameGroup),style:{backgroundColor,...styleGroup},children:[(0,jsx_runtime.jsxs)("div",{className:"input__header",children:[label&&(0,jsx_runtime.jsx)("label",{className:labelClassName,children:label}),error&&error.is&&(0,jsx_runtime.jsx)("span",{className:"input__header--error",children:error.message})]}),(0,jsx_runtime.jsxs)("div",{className:"input-subgroup",children:[icon?.element&&"left"===icon.position&&(0,jsx_runtime.jsx)("div",{className:(0,clsx_m.A)("input__icon","input__icon--left",icon.className),children:icon.element}),(0,jsx_runtime.jsx)("input",{ref:inputRef,required:isRequired,className:(0,clsx_m.A)("input",error.is?"input--error":"","left"===icon?.position&&"input--icon",inputClassName),placeholder,...rest}),icon?.element&&"left"!==icon.position&&(0,jsx_runtime.jsx)("div",{className:(0,clsx_m.A)("input__icon","input__icon--right",icon.className),children:icon.element})]})]})}Input.displayName="Input";const src_components_input=Input;try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{placeholder:{defaultValue:{value:"Insert value"},description:"Placeholder text for the input",name:"placeholder",required:!1,type:{name:"string"}},inputClassName:{defaultValue:{value:""},description:"Custom css class name.",name:"inputClassName",required:!1,type:{name:"string"}},classNameGroup:{defaultValue:{value:""},description:"Custom css class name for group wrapper.",name:"classNameGroup",required:!1,type:{name:"string"}},paletteTheme:{defaultValue:null,description:"Data theme for the html. `${themes}`",name:"paletteTheme",required:!1,type:{name:"any"}},error:{defaultValue:{value:'{\n is: false,\n message: "",\n }'},description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string \| false \| FieldError \| Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } \| undefined"}},inputRef:{defaultValue:null,description:"Ref react element to use",name:"inputRef",required:!1,type:{name:"Ref<HTMLInputElement>"}},styleGroup:{defaultValue:null,description:"Style input group wrapper",name:"styleGroup",required:!1,type:{name:"CSSProperties"}},isRequired:{defaultValue:null,description:"Sets if input is required or not",name:"isRequired",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Add a label to the input",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Styles the label of the input",name:"labelClassName",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Add an icon to the right or the left of the input",name:"icon",required:!1,type:{name:'{ className?: string; element?: ReactNode; position?: "right" \| "left"; } \| undefined'}},backgroundColor:{defaultValue:null,description:"Add custom background color for the input",name:"backgroundColor",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/input/index.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/input/index.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});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 ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/clsx/dist/clsx.m.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function r(e){var t,f,n="";if("string"==typeof e\|\|"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/input/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.input-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n}\n\n.input-subgroup {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n}\n\n.input {\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n padding: var(--spacing-16) var(--spacing-24);\n font-size: var(--font-size-16);\n width: 100%;\n}\n\n[data-theme="dark"] .input {\n background-color: var(--color-dark-bright);\n color: var(--color-light-bright);\n}\n\n[data-theme="light"] .input {\n background-color: var(--color-light-bright);\n color: var(--color-dark-bright);\n}\n\n.input__header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.input__header--error {\n font-size: 12px;\n color: var(--color-danger);\n}\n\n.input--icon {\n padding: var(--spacing-16) var(--spacing-40);\n}\n\n.input__icon {\n padding: var(--spacing-16) var(--spacing-16);\n position: absolute;\n}\n\n.input__icon--right {\n right: 0;\n}\n\n.input__icon--left {\n left: 0;\n}\n\n.input:enabled:hover {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.input:focus {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n outline: none;\n}\n\n.input::placeholder {\n color: color-mix(in srgb, var(--color-light-base) 0.5, transparent);\n}\n\n.input:disabled {\n opacity: 0.5;\n}\n\n.input--error {\n border: 3px solid var(--color-danger) !important;\n}\n\n.input--error:focus {\n border: 3px solid var(--color-danger);\n outline: none;\n}\n\n.custom-class-name {\n background-color: cyan;\n width: 94.5%;\n padding: var(--spacing-16) var(--spacing-24);\n font-size: var(--font-size-16);\n border-radius: var(--spacing-8);\n}\n\n.special-label-class {\n color: violet;\n text-decoration: overline;\n}\n\n.input[type="checkbox"] {\n background: #fbfbfb;\n border-radius: 2em;\n padding: 2px;\n}\n\n/* <div class="checkbox-wrapper-7">\n <input class="tgl tgl-ios" id="cb2-7" type="checkbox"/>\n <label class="tgl-btn" for="cb2-7">\n</div>\n\n<style>\n .checkbox-wrapper-7 .tgl {\n display: none;\n }\n .checkbox-wrapper-7 .tgl,\n .checkbox-wrapper-7 .tgl:after,\n .checkbox-wrapper-7 .tgl:before,\n .checkbox-wrapper-7 .tgl ,\n .checkbox-wrapper-7 .tgl :after,\n .checkbox-wrapper-7 .tgl :before,\n .checkbox-wrapper-7 .tgl + .tgl-btn {\n box-sizing: border-box;\n }\n .checkbox-wrapper-7 .tgl::-moz-selection,\n .checkbox-wrapper-7 .tgl:after::-moz-selection,\n .checkbox-wrapper-7 .tgl:before::-moz-selection,\n .checkbox-wrapper-7 .tgl ::-moz-selection,\n .checkbox-wrapper-7 .tgl :after::-moz-selection,\n .checkbox-wrapper-7 .tgl :before::-moz-selection,\n .checkbox-wrapper-7 .tgl + .tgl-btn::-moz-selection,\n .checkbox-wrapper-7 .tgl::selection,\n .checkbox-wrapper-7 .tgl:after::selection,\n .checkbox-wrapper-7 .tgl:before::selection,\n .checkbox-wrapper-7 .tgl ::selection,\n .checkbox-wrapper-7 .tgl :after::selection,\n .checkbox-wrapper-7 .tgl :before::selection,\n .checkbox-wrapper-7 .tgl + .tgl-btn::selection {\n background: none;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn {\n outline: 0;\n display: block;\n width: 4em;\n height: 2em;\n position: relative;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn:after,\n .checkbox-wrapper-7 .tgl + .tgl-btn:before {\n position: relative;\n display: block;\n content: "";\n width: 50%;\n height: 100%;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn:after {\n left: 0;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn:before {\n display: none;\n }\n .checkbox-wrapper-7 .tgl:checked + .tgl-btn:after {\n left: 50%;\n }\n\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn {\n background: #fbfbfb;\n border-radius: 2em;\n padding: 2px;\n transition: all 0.4s ease;\n border: 1px solid #e8eae9;\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:after {\n border-radius: 2em;\n background: #fbfbfb;\n transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:hover:after {\n will-change: padding;\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:active {\n box-shadow: inset 0 0 0 2em #e8eae9;\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:active:after {\n padding-right: 0.8em;\n }\n .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn {\n background: #86d993;\n }\n .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active {\n box-shadow: none;\n }\n .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active:after {\n margin-left: -0.8em;\n }\n</style> /\n',"",{version:3,sources:["webpack://./src/components/input/index.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,6CAA6C;EAC7C,4CAA4C;EAC5C,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,0CAA0C;EAC1C,gCAAgC;AAClC;;AAEA;EACE,2CAA2C;EAC3C,+BAA+B;AACjC;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,eAAe;EACf,0BAA0B;AAC5B;;AAEA;EACE,4CAA4C;AAC9C;;AAEA;EACE,4CAA4C;EAC5C,kBAAkB;AACpB;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,mDAAmD;EACnD,qDAAqD;AACvD;;AAEA;EACE,mDAAmD;EACnD,qDAAqD;EACrD,aAAa;AACf;;AAEA;EACE,mEAAmE;AACrE;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,gDAAgD;AAClD;;AAEA;EACE,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,YAAY;EACZ,4CAA4C;EAC5C,8BAA8B;EAC9B,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;AACd;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA+FU",sourcesContent:['.input-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n}\n\n.input-subgroup {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n}\n\n.input {\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary-bright);\n padding: var(--spacing-16) var(--spacing-24);\n font-size: var(--font-size-16);\n width: 100%;\n}\n\n[data-theme="dark"] .input {\n background-color: var(--color-dark-bright);\n color: var(--color-light-bright);\n}\n\n[data-theme="light"] .input {\n background-color: var(--color-light-bright);\n color: var(--color-dark-bright);\n}\n\n.input__header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.input__header--error {\n font-size: 12px;\n color: var(--color-danger);\n}\n\n.input--icon {\n padding: var(--spacing-16) var(--spacing-40);\n}\n\n.input__icon {\n padding: var(--spacing-16) var(--spacing-16);\n position: absolute;\n}\n\n.input__icon--right {\n right: 0;\n}\n\n.input__icon--left {\n left: 0;\n}\n\n.input:enabled:hover {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.input:focus {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-box-shadow-cubic-bezier);\n outline: none;\n}\n\n.input::placeholder {\n color: color-mix(in srgb, var(--color-light-base) 0.5, transparent);\n}\n\n.input:disabled {\n opacity: 0.5;\n}\n\n.input--error {\n border: 3px solid var(--color-danger) !important;\n}\n\n.input--error:focus {\n border: 3px solid var(--color-danger);\n outline: none;\n}\n\n.custom-class-name {\n background-color: cyan;\n width: 94.5%;\n padding: var(--spacing-16) var(--spacing-24);\n font-size: var(--font-size-16);\n border-radius: var(--spacing-8);\n}\n\n.special-label-class {\n color: violet;\n text-decoration: overline;\n}\n\n.input[type="checkbox"] {\n background: #fbfbfb;\n border-radius: 2em;\n padding: 2px;\n}\n\n/* <div class="checkbox-wrapper-7">\n <input class="tgl tgl-ios" id="cb2-7" type="checkbox"/>\n <label class="tgl-btn" for="cb2-7">\n</div>\n\n<style>\n .checkbox-wrapper-7 .tgl {\n display: none;\n }\n .checkbox-wrapper-7 .tgl,\n .checkbox-wrapper-7 .tgl:after,\n .checkbox-wrapper-7 .tgl:before,\n .checkbox-wrapper-7 .tgl ,\n .checkbox-wrapper-7 .tgl :after,\n .checkbox-wrapper-7 .tgl :before,\n .checkbox-wrapper-7 .tgl + .tgl-btn {\n box-sizing: border-box;\n }\n .checkbox-wrapper-7 .tgl::-moz-selection,\n .checkbox-wrapper-7 .tgl:after::-moz-selection,\n .checkbox-wrapper-7 .tgl:before::-moz-selection,\n .checkbox-wrapper-7 .tgl ::-moz-selection,\n .checkbox-wrapper-7 .tgl :after::-moz-selection,\n .checkbox-wrapper-7 .tgl :before::-moz-selection,\n .checkbox-wrapper-7 .tgl + .tgl-btn::-moz-selection,\n .checkbox-wrapper-7 .tgl::selection,\n .checkbox-wrapper-7 .tgl:after::selection,\n .checkbox-wrapper-7 .tgl:before::selection,\n .checkbox-wrapper-7 .tgl ::selection,\n .checkbox-wrapper-7 .tgl :after::selection,\n .checkbox-wrapper-7 .tgl :before::selection,\n .checkbox-wrapper-7 .tgl + .tgl-btn::selection {\n background: none;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn {\n outline: 0;\n display: block;\n width: 4em;\n height: 2em;\n position: relative;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn:after,\n .checkbox-wrapper-7 .tgl + .tgl-btn:before {\n position: relative;\n display: block;\n content: "";\n width: 50%;\n height: 100%;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn:after {\n left: 0;\n }\n .checkbox-wrapper-7 .tgl + .tgl-btn:before {\n display: none;\n }\n .checkbox-wrapper-7 .tgl:checked + .tgl-btn:after {\n left: 50%;\n }\n\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn {\n background: #fbfbfb;\n border-radius: 2em;\n padding: 2px;\n transition: all 0.4s ease;\n border: 1px solid #e8eae9;\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:after {\n border-radius: 2em;\n background: #fbfbfb;\n transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:hover:after {\n will-change: padding;\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:active {\n box-shadow: inset 0 0 0 2em #e8eae9;\n }\n .checkbox-wrapper-7 .tgl-ios + .tgl-btn:active:after {\n padding-right: 0.8em;\n }\n .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn {\n background: #86d993;\n }\n .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active {\n box-shadow: none;\n }\n .checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active:after {\n margin-left: -0.8em;\n }\n</style> /\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-icons/lib/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k5:()=>GenIcon});var react=__webpack_require__("./node_modules/react/index.js"),DefaultContext={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},IconContext=react.createContext&&react.createContext(DefaultContext),__assign=function(){return __assign=Object.assign\|\|function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t};function Tree2Element(tree){return tree&&tree.map((function(node,i){return react.createElement(node.tag,__assign({key:i},node.attr),Tree2Element(node.child))}))}function GenIcon(data){return function(props){return react.createElement(IconBase,__assign({attr:__assign({},data.attr)},props),Tree2Element(data.child))}}function IconBase(props){var elem=function(conf){var className,attr=props.attr,size=props.size,title=props.title,svgProps=__rest(props,["attr","size","title"]),computedSize=size\|\|conf.size\|\|"1em";return conf.className&&(className=conf.className),props.className&&(className=(className?className+" ":"")+props.className),react.createElement("svg",__assign({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},conf.attr,attr,svgProps,{className,style:__assign(__assign({color:props.color\|\|conf.color},conf.style),props.style),height:computedSize,width:computedSize,xmlns:"http://www.w3.org/2000/svg"}),title&&react.createElement("title",null,title),props.children)};return void 0!==IconContext?react.createElement(IconContext.Consumer,null,(function(conf){return elem(conf)})):elem(DefaultContext)}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);

package/storybook-static/components-input-index-stories.53dbac5d.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/components-loading-index-stories.6082476b.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see components-loading-index-stories.6082476b.iframe.bundle.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components\|\|[]).push([[27],{"./src/components/loading/index.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__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/loading/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Loading",component:_index__WEBPACK_IMPORTED_MODULE_0__.R,decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.t]},Primary={args:{children:"This is a test"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n args: {\n children: "This is a test"\n }\n}',...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/loading/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>Loading,A:()=>src_components_loading});const loading_namespaceObject=__webpack_require__.p+"static/media/loading.cbc96c95.gif";var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),loading=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/loading/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(loading.A,options);loading.A&&loading.A.locals&&loading.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loading({img,children}){return(0,jsx_runtime.jsxs)("div",{className:"loading",children:[(0,jsx_runtime.jsx)("img",{src:img??loading_namespaceObject}),(0,jsx_runtime.jsx)("div",{className:"loading-message",children})]})}Loading.displayName="Loading";const src_components_loading=Loading;try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{img:{defaultValue:null,description:"Either pass an image or gif or nothing at all. Passing an empty string will break the component.",name:"img",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Message that its sent: string or number",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loading/index.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/components/loading/index.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});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 ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/loading/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loading {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n position: relative;\n}\n\n.loading-message {\n color: white;\n}\n","",{version:3,sources:["webpack://./src/components/loading/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,YAAY;AACd",sourcesContent:[".loading {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n position: relative;\n}\n\n.loading-message {\n color: white;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);

package/storybook-static/components-loading-index-stories.6082476b.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/components-menu-index-stories.12782e23.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[450],{"./src/components/menu/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PrimaryOpenByDefault:()=>PrimaryOpenByDefault,SecondaryClosedByDefault:()=>SecondaryClosedByDefault,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var withColorScheme=__webpack_require__("./src/decorators/withColorScheme.tsx"),react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),menu=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/menu/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(menu.A,options);menu.A&&menu.A.locals&&menu.A.locals;var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),index_esm=__webpack_require__("./node_modules/react-icons/tfi/index.esm.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function MenuContent({children,...props}){const{items}=(0,react.useContext)(useMenu()),menuId=(0,react.useMemo)((()=>props["data-menu-id"]),[props]);if((0,react.useMemo)((()=>items[menuId]?.isExpanded),[items,menuId]))return(0,jsx_runtime.jsx)("div",{...props,children})}MenuContent.displayName="MenuContent";try{MenuContent.displayName="MenuContent",MenuContent.__docgenInfo={description:"",displayName:"MenuContent",props:{"data-menu-id":{defaultValue:null,description:"",name:"data-menu-id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu-content.tsx#MenuContent"]={docgenInfo:MenuContent.__docgenInfo,name:"MenuContent",path:"src/components/menu/menu-content.tsx#MenuContent"})}catch(__react_docgen_typescript_loader_error){}const ALLOWED_CHILD_COMPONENT=[MenuButton.name,MenuContent.name];function MenuItem({children,...props}){const{addItem}=(0,react.useContext)(useMenu()),menuId=(0,react.useRef)("");return(0,react.useEffect)((()=>{menuId.current=`id-${Math.random().toString(36).slice(2,11)}`,addItem({id:menuId.current,isExpanded:!0})}),[]),(0,jsx_runtime.jsx)("div",{"data-menu-id":menuId.current,...props,children:react.Children.map(children,(child=>{if(!(0,react.isValidElement)(child))return;const childComponent=child.type;return ALLOWED_CHILD_COMPONENT.includes(childComponent.name)?(0,react.cloneElement)(child,{"data-menu-id":menuId.current}):void 0}))})}MenuItem.displayName="MenuItem";try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu-item.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"src/components/menu/menu-item.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}const menu_wrapper_ALLOWED_CHILD_COMPONENT=[MenuItem.name];function MenuWrapper({children}){const menuItemComponents=(0,react.useMemo)((()=>react.Children.map(children,(child=>{if(!(0,react.isValidElement)(child))return;const childComponent=child.type;return menu_wrapper_ALLOWED_CHILD_COMPONENT.includes(childComponent.name)?(0,react.cloneElement)(child):void 0}))),[children]);return(0,jsx_runtime.jsx)("div",{className:"menu",children:menuItemComponents})}MenuWrapper.displayName="MenuWrapper";try{MenuWrapper.displayName="MenuWrapper",MenuWrapper.__docgenInfo={description:"",displayName:"MenuWrapper",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu-wrapper.tsx#MenuWrapper"]={docgenInfo:MenuWrapper.__docgenInfo,name:"MenuWrapper",path:"src/components/menu/menu-wrapper.tsx#MenuWrapper"})}catch(__react_docgen_typescript_loader_error){}const MenuContext=(0,react.createContext)({});function MenuRoot({children,isOpenByDefault}){const[items,setItems]=(0,react.useState)({});return(0,jsx_runtime.jsx)(MenuContext.Provider,{value:{items,addItem:item=>{setItems((state=>({...state,[item.id]:{...item,isExpanded:isOpenByDefault||!1}})))},toggle:id=>{setItems((state=>({...state,[id]:{...items[id],isExpanded:!items[id].isExpanded||!1}})))}},children:(0,jsx_runtime.jsx)(MenuWrapper,{children})})}function useMenu(){if(void 0===MenuContext)throw new Error("useMenu must be used within a MenuContext Provider");return MenuContext}MenuRoot.displayName="MenuRoot";try{MenuRoot.displayName="MenuRoot",MenuRoot.__docgenInfo={description:"",displayName:"MenuRoot",props:{isOpenByDefault:{defaultValue:null,description:"",name:"isOpenByDefault",required:!1,type:{name:"true"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu-root.tsx#MenuRoot"]={docgenInfo:MenuRoot.__docgenInfo,name:"MenuRoot",path:"src/components/menu/menu-root.tsx#MenuRoot"})}catch(__react_docgen_typescript_loader_error){}var components_button=__webpack_require__("./src/components/button/index.tsx");function MenuButton({anchor,children,buttonClassName,nested,subnested,dropdown,isLink,isSelected,handleCallbackClick,...props}){const{toggle}=(0,react.useContext)(useMenu()),[isToggled,setIsToggled]=(0,react.useState)(!1),menuId=(0,react.useMemo)((()=>props["data-menu-id"]),[props]);return anchor?(0,jsx_runtime.jsxs)(components_button.Mz,{className:(0,clsx_m.A)("menu-button",{"menu-button-dropdown":dropdown,"menu-button-nested":nested,"menu-button-subnested":subnested,"menu-button-is-link":isLink,"menu-button-is-selected":isSelected},buttonClassName),...anchor,children:[children,dropdown?isToggled?(0,jsx_runtime.jsx)(index_esm.dqe,{size:"1rem"}):(0,jsx_runtime.jsx)(index_esm.igi,{size:"1rem"}):null]}):(0,jsx_runtime.jsxs)("div",{role:"button",className:(0,clsx_m.A)("menu-button",{"menu-button-dropdown":dropdown,"menu-button-nested":nested,"menu-button-subnested":subnested,"menu-button-is-link":isLink,"menu-button-is-selected":isSelected},buttonClassName),onClick:()=>{toggle(menuId),setIsToggled(!isToggled),handleCallbackClick&&handleCallbackClick()},...props,children:[children,dropdown?isToggled?(0,jsx_runtime.jsx)(index_esm.dqe,{size:"1rem"}):(0,jsx_runtime.jsx)(index_esm.igi,{size:"1rem"}):null]})}try{MenuButton.displayName="MenuButton",MenuButton.__docgenInfo={description:"",displayName:"MenuButton",props:{anchor:{defaultValue:null,description:"",name:"anchor",required:!1,type:{name:"(AnchorHTMLAttributes<HTMLAnchorElement> & { Custom?: ComponentClass<any, any>; })"}},buttonClassName:{defaultValue:null,description:"",name:"buttonClassName",required:!1,type:{name:"string"}},nested:{defaultValue:null,description:"",name:"nested",required:!1,type:{name:"boolean"}},subnested:{defaultValue:null,description:"",name:"subnested",required:!1,type:{name:"boolean"}},dropdown:{defaultValue:null,description:"",name:"dropdown",required:!1,type:{name:"boolean"}},isLink:{defaultValue:null,description:"",name:"isLink",required:!1,type:{name:"boolean"}},isSelected:{defaultValue:null,description:"",name:"isSelected",required:!1,type:{name:"boolean"}},handleCallbackClick:{defaultValue:null,description:"",name:"handleCallbackClick",required:!1,type:{name:"(() => void)"}},"data-menu-id":{defaultValue:null,description:"",name:"data-menu-id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu-button.tsx#MenuButton"]={docgenInfo:MenuButton.__docgenInfo,name:"MenuButton",path:"src/components/menu/menu-button.tsx#MenuButton"})}catch(__react_docgen_typescript_loader_error){}const src_components_menu={Root:MenuRoot,Item:MenuItem,Button:MenuButton,Content:MenuContent};var input=__webpack_require__("./src/components/input/index.tsx");const meta={title:"Components/Menu",component:src_components_menu,argTypes:{itemsOpenByDefault:{control:"boolean",description:"Whether items should be open by default in the M."}},decorators:[withColorScheme.t]},data=[{id:1,url:"/home",name:"Home",hero:{id:1,title:"Geospatial Insights for Actionable Intelligence",description:"Get your geospatial insights at the click of a button",button:"Get Insights"},containers:[{id:1,pageId:1,type:"story",title:"What do we do",description:null,children:[{id:1,containerId:1,content:null,description:"We aggreggate and provide geospatial data making it simple... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.",image:"story/data-aggregation.svg",icon:null,subtitle:null,title:null,socials:[]},{id:2,containerId:1,content:null,description:"...and extract insights for you. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.",image:"story/data-results.svg",icon:null,subtitle:null,title:null,socials:[]}],button:null,fields:[]},{id:2,pageId:1,type:"features",title:"Our features",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.",children:[{id:3,containerId:2,content:null,description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.",image:null,icon:'<IoLocationSharp color="var(--color-primary-900)" size={"var(--spacing-128)"}/>',subtitle:null,title:"Power of location",socials:[]},{id:4,containerId:2,content:null,description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.",image:null,icon:'<IoEarth color="var(--color-primary-900)" size={"var(--spacing-128)"}/>',subtitle:null,title:"Intelligent Earth",socials:[]},{id:5,containerId:2,content:null,description:"Proficient in data analysis? Need data to train your models? We are currently building an API access to the Intelligent Earth so you can access information and generate insights using your own algorithms.",image:null,icon:'<TbPlugConnected color="var(--color-primary-900)" size={"var(--spacing-128)"}/>',subtitle:null,title:"API Access",socials:[]},{id:6,containerId:2,content:null,description:"We offer an advisory service on a wide variety of geospatial data related topics to help you gain actionable intelligence from your data.",image:null,icon:'<LuHelpingHand color="var(--color-primary-900)" size={"var(--spacing-128)"}/>',subtitle:null,title:"Geospatial Advisory",socials:[]}],button:{id:2,value:"Learn more",href:"/contact"},fields:[]}]},{id:2,url:"/contact",name:"Contact",hero:{id:2,title:"Geospatial Insights for Actionable Intelligence",description:"Get your geospatial insights at the click of a button",button:"Get Insights"},containers:[]},{id:3,url:"/about/team",name:"Team",hero:{id:3,title:"Meet our team",description:"Get to know our team of geospatials specialists, engineers, and analysts.",button:null},containers:[]}],Simple={render:args=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(src_components_menu.Root,{isOpenByDefault:!0,children:(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,children:"title"}),(0,jsx_runtime.jsx)(src_components_menu.Content,{children:(0,jsx_runtime.jsx)(src_components_menu.Item,{children:(0,jsx_runtime.jsx)(src_components_menu.Button,{nested:!0,children:"Hero"})})})]})})})})},PrimaryOpenByDefault={render:args=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(src_components_menu.Root,{isOpenByDefault:!0,children:data.map(((v,index)=>(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,children:v.name}),(0,jsx_runtime.jsxs)(src_components_menu.Content,{children:[(0,jsx_runtime.jsx)(src_components_menu.Item,{children:(0,jsx_runtime.jsx)(src_components_menu.Button,{anchor:{href:"/something"},nested:!0,children:"Hero"})}),v.containers.length>0&&(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,nested:!0,children:"Containers"}),(0,jsx_runtime.jsx)(src_components_menu.Content,{children:(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,nested:!0,children:"Icon"}),(0,jsx_runtime.jsxs)(src_components_menu.Content,{children:[v.containers.map(((container,index)=>(0,jsx_runtime.jsx)(src_components_menu.Item,{children:(0,jsx_runtime.jsx)(src_components_menu.Button,{subnested:!0,isLink:!0,children:container.type})},`third-level-${index}`))),(0,jsx_runtime.jsx)(input.A,{placeholder:"Test"})]})]})})]})]})]},`first-level-${index}`)))})})})},SecondaryClosedByDefault={render:args=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(src_components_menu.Root,{children:data.map(((v,index)=>(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,children:v.name}),(0,jsx_runtime.jsxs)(src_components_menu.Content,{children:[(0,jsx_runtime.jsx)(src_components_menu.Item,{children:(0,jsx_runtime.jsx)(src_components_menu.Button,{nested:!0,children:"Hero"})}),v.containers.length>0&&(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,nested:!0,children:"Containers"}),(0,jsx_runtime.jsx)(src_components_menu.Content,{children:(0,jsx_runtime.jsxs)(src_components_menu.Item,{children:[(0,jsx_runtime.jsx)(src_components_menu.Button,{dropdown:!0,nested:!0,children:"Icon"}),(0,jsx_runtime.jsxs)(src_components_menu.Content,{children:[v.containers.map(((container,index)=>(0,jsx_runtime.jsx)(src_components_menu.Item,{children:(0,jsx_runtime.jsx)(src_components_menu.Button,{subnested:!0,isLink:!0,children:container.type})},`third-level-${index}`))),(0,jsx_runtime.jsx)(input.A,{placeholder:"Test"})]})]})})]})]})]},`first-level-${index}`)))})})})},index_stories=meta;Simple.parameters={...Simple.parameters,docs:{...Simple.parameters?.docs,source:{originalSource:"{\n render: args => <>\n <div>\n <Menu.Root isOpenByDefault>\n <Menu.Item>\n <Menu.Button dropdown>title</Menu.Button>\n <Menu.Content>\n <Menu.Item>\n <Menu.Button nested>Hero</Menu.Button>\n </Menu.Item>\n </Menu.Content>\n </Menu.Item>\n </Menu.Root>\n </div>\n </>\n}",...Simple.parameters?.docs?.source}}},PrimaryOpenByDefault.parameters={...PrimaryOpenByDefault.parameters,docs:{...PrimaryOpenByDefault.parameters?.docs,source:{originalSource:'{\n render: args => <>\n <div>\n <Menu.Root isOpenByDefault>\n {data.map((v, index) => <Menu.Item key={`first-level-${index}`}>\n <Menu.Button dropdown>{v.name}</Menu.Button>\n <Menu.Content>\n <Menu.Item>\n <Menu.Button anchor={{\n href: "/something"\n }} nested>\n Hero\n </Menu.Button>\n </Menu.Item>\n\n {v.containers.length > 0 && <Menu.Item>\n <Menu.Button dropdown nested>\n Containers\n </Menu.Button>\n <Menu.Content>\n <Menu.Item>\n <Menu.Button dropdown nested>\n Icon\n </Menu.Button>\n <Menu.Content>\n {v.containers.map((container, index) => <Menu.Item key={`third-level-${index}`}>\n <Menu.Button subnested isLink>\n {container.type}\n </Menu.Button>\n </Menu.Item>)}\n <Input placeholder="Test" />\n </Menu.Content>\n </Menu.Item>\n </Menu.Content>\n </Menu.Item>}\n </Menu.Content>\n </Menu.Item>)}\n </Menu.Root>\n </div>\n </>\n}',...PrimaryOpenByDefault.parameters?.docs?.source}}},SecondaryClosedByDefault.parameters={...SecondaryClosedByDefault.parameters,docs:{...SecondaryClosedByDefault.parameters?.docs,source:{originalSource:'{\n render: args => <>\n <div>\n <Menu.Root>\n {data.map((v, index) => <Menu.Item key={`first-level-${index}`}>\n <Menu.Button dropdown>{v.name}</Menu.Button>\n <Menu.Content>\n <Menu.Item>\n <Menu.Button nested>Hero</Menu.Button>\n </Menu.Item>\n\n {v.containers.length > 0 && <Menu.Item>\n <Menu.Button dropdown nested>\n Containers\n </Menu.Button>\n <Menu.Content>\n <Menu.Item>\n <Menu.Button dropdown nested>\n Icon\n </Menu.Button>\n <Menu.Content>\n {v.containers.map((container, index) => <Menu.Item key={`third-level-${index}`}>\n <Menu.Button subnested isLink>\n {container.type}\n </Menu.Button>\n </Menu.Item>)}\n <Input placeholder="Test" />\n </Menu.Content>\n </Menu.Item>\n </Menu.Content>\n </Menu.Item>}\n </Menu.Content>\n </Menu.Item>)}\n </Menu.Root>\n </div>\n </>\n}',...SecondaryClosedByDefault.parameters?.docs?.source}}};const __namedExportsOrder=["Simple","PrimaryOpenByDefault","SecondaryClosedByDefault"]},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/menu/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".menu-button {\n align-items: center;\n background-color: var(--color-dark-bright);\n border-radius: var(--spacing-8) var(--spacing-12) var(--spacing-12)\n var(--spacing-8);\n border: none;\n color: var(--color-light-bright);\n cursor: pointer;\n display: flex;\n gap: var(--spacing-8);\n height: var(--spacing-40);\n justify-content: flex-end;\n padding: var(--spacing-4) var(--spacing-16);\n margin: var(--spacing-4) 0;\n text-decoration: none;\n}\n\n/* .menu-button > svg {\n margin-bottom: 5px;\n} */\n\n.menu-button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.menu-button:hover {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n.menu-button-dropdown {\n background-color: var(--color-dark-bright) !important;\n padding-right: var(--spacing-16) !important;\n}\n\n.menu-button-nested {\n background-color: var(--color-dark-brightest);\n margin-left: var(--spacing-16);\n padding-right: var(--spacing-40);\n}\n\n.menu-button-subnested {\n background-color: var(--color-dark-brightest);\n margin-left: var(--spacing-32);\n padding-right: var(--spacing-40);\n}\n\n.menu-button-nested:hover {\n background-color: var(--color-primary-dark) !important;\n}\n\n.menu-button-subnested:hover {\n background-color: var(--color-primary-dark) !important;\n}\n\n.menu-button-is-link:hover {\n background-color: var(--color-primary-dark) !important;\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.menu-button-dropdown:hover {\n background-color: var(--color-primary-darker) !important;\n}\n\n.menu-button-is-selected {\n background-color: var(--color-primary-darker);\n}\n","",{version:3,sources:["webpack://./src/components/menu/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,0CAA0C;EAC1C;oBACkB;EAClB,YAAY;EACZ,gCAAgC;EAChC,eAAe;EACf,aAAa;EACb,qBAAqB;EACrB,yBAAyB;EACzB,yBAAyB;EACzB,2CAA2C;EAC3C,0BAA0B;EAC1B,qBAAqB;AACvB;;AAEA;;GAEG;;AAEH;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,mDAAmD;EACnD;6CAC2C;AAC7C;;AAEA;EACE,qDAAqD;EACrD,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;EAC7C,8BAA8B;EAC9B,gCAAgC;AAClC;;AAEA;EACE,6CAA6C;EAC7C,8BAA8B;EAC9B,gCAAgC;AAClC;;AAEA;EACE,sDAAsD;AACxD;;AAEA;EACE,sDAAsD;AACxD;;AAEA;EACE,sDAAsD;EACtD,6CAA6C;AAC/C;;AAEA;EACE,wDAAwD;AAC1D;;AAEA;EACE,6CAA6C;AAC/C",sourcesContent:[".menu-button {\n align-items: center;\n background-color: var(--color-dark-bright);\n border-radius: var(--spacing-8) var(--spacing-12) var(--spacing-12)\n var(--spacing-8);\n border: none;\n color: var(--color-light-bright);\n cursor: pointer;\n display: flex;\n gap: var(--spacing-8);\n height: var(--spacing-40);\n justify-content: flex-end;\n padding: var(--spacing-4) var(--spacing-16);\n margin: var(--spacing-4) 0;\n text-decoration: none;\n}\n\n/* .menu-button > svg {\n margin-bottom: 5px;\n} */\n\n.menu-button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.menu-button:hover {\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n.menu-button-dropdown {\n background-color: var(--color-dark-bright) !important;\n padding-right: var(--spacing-16) !important;\n}\n\n.menu-button-nested {\n background-color: var(--color-dark-brightest);\n margin-left: var(--spacing-16);\n padding-right: var(--spacing-40);\n}\n\n.menu-button-subnested {\n background-color: var(--color-dark-brightest);\n margin-left: var(--spacing-32);\n padding-right: var(--spacing-40);\n}\n\n.menu-button-nested:hover {\n background-color: var(--color-primary-dark) !important;\n}\n\n.menu-button-subnested:hover {\n background-color: var(--color-primary-dark) !important;\n}\n\n.menu-button-is-link:hover {\n background-color: var(--color-primary-dark) !important;\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.menu-button-dropdown:hover {\n background-color: var(--color-primary-darker) !important;\n}\n\n.menu-button-is-selected {\n background-color: var(--color-primary-darker);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/components-modal-index-stories.280a7455.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[940],{"./src/components/modal/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PrimaryWithOverlay:()=>PrimaryWithOverlay,TitleAndSubtitle:()=>TitleAndSubtitle,WithFooter:()=>WithFooter,WithFooterAndSubtitle:()=>WithFooterAndSubtitle,WithoutCloseButton:()=>WithoutCloseButton,WithoutOverlay:()=>WithoutOverlay,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/modal/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Modal",component:_index__WEBPACK_IMPORTED_MODULE_0__.a,decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.t]},PrimaryWithOverlay={args:{title:"This is an example title"}},TitleAndSubtitle={args:{title:"This is an example title",subtitle:"This is an example subtitle"}},WithoutOverlay={args:{hasOverlay:!1,title:"This is an example title"}},WithFooter={args:{title:"This is an example title",footer:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:"This is a footer"})}},WithFooterAndSubtitle={args:{title:"This is an example title",subtitle:"This is an example subtitle",footer:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:"This is a footer"})}},WithoutCloseButton={args:{title:"This is an example title",subtitle:"This is an example subtitle",footer:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:"This is a footer"}),hasCloseButton:!1}};PrimaryWithOverlay.parameters={...PrimaryWithOverlay.parameters,docs:{...PrimaryWithOverlay.parameters?.docs,source:{originalSource:'{\n args: {\n title: "This is an example title"\n }\n}',...PrimaryWithOverlay.parameters?.docs?.source}}},TitleAndSubtitle.parameters={...TitleAndSubtitle.parameters,docs:{...TitleAndSubtitle.parameters?.docs,source:{originalSource:'{\n args: {\n title: "This is an example title",\n subtitle: "This is an example subtitle"\n }\n}',...TitleAndSubtitle.parameters?.docs?.source}}},WithoutOverlay.parameters={...WithoutOverlay.parameters,docs:{...WithoutOverlay.parameters?.docs,source:{originalSource:'{\n args: {\n hasOverlay: false,\n title: "This is an example title"\n }\n}',...WithoutOverlay.parameters?.docs?.source}}},WithFooter.parameters={...WithFooter.parameters,docs:{...WithFooter.parameters?.docs,source:{originalSource:'{\n args: {\n title: "This is an example title",\n footer: <div>This is a footer</div>\n }\n}',...WithFooter.parameters?.docs?.source}}},WithFooterAndSubtitle.parameters={...WithFooterAndSubtitle.parameters,docs:{...WithFooterAndSubtitle.parameters?.docs,source:{originalSource:'{\n args: {\n title: "This is an example title",\n subtitle: "This is an example subtitle",\n footer: <div>This is a footer</div>\n }\n}',...WithFooterAndSubtitle.parameters?.docs?.source}}},WithoutCloseButton.parameters={...WithoutCloseButton.parameters,docs:{...WithoutCloseButton.parameters?.docs,source:{originalSource:'{\n args: {\n title: "This is an example title",\n subtitle: "This is an example subtitle",\n footer: <div>This is a footer</div>,\n hasCloseButton: false\n }\n}',...WithoutCloseButton.parameters?.docs?.source}}};const __namedExportsOrder=["PrimaryWithOverlay","TitleAndSubtitle","WithoutOverlay","WithFooter","WithFooterAndSubtitle","WithoutCloseButton"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Mz:()=>Anchor,$n:()=>Button,Ay:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.A,options);components_button.A&&components_button.A.locals&&components_button.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.A)(`button ${className}`,`link__${mode}`,`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.A)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"Anchor for the button to follow.",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}},backgroundColor:{defaultValue:null,description:"Custom background color for storybook.",name:"backgroundColor",required:!1,type:{name:"string"}},link:{defaultValue:null,description:"Link to url",name:"link",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}try{Anchor.displayName="Anchor",Anchor.__docgenInfo={description:"",displayName:"Anchor",props:{Custom:{defaultValue:null,description:"",name:"Custom",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Anchor"]={docgenInfo:Anchor.__docgenInfo,name:"Anchor",path:"src/components/button/index.tsx#Anchor"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/modal/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>Modal,A:()=>src_components_modal});var index_esm=__webpack_require__("./node_modules/react-icons/io5/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),modal=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/modal/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(modal.A,options);modal.A&&modal.A.locals&&modal.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Modal({className,modalref,children,title,subtitle,footer,hasOverlay=!0,hasCloseButton=!0,handleClose,...rest}){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[hasOverlay&&(0,jsx_runtime.jsx)("div",{className:"modal-overlay"}),(0,jsx_runtime.jsxs)("div",{ref:modalref,className:(0,clsx_m.A)("modal",className),...rest,children:[hasCloseButton&&(0,jsx_runtime.jsx)(components_button.Ay,{mode:"secondary",className:"modal__close",size:"small",onClick:handleClose,children:(0,jsx_runtime.jsx)(index_esm.$8F,{})}),(0,jsx_runtime.jsxs)("div",{className:"modal__content",children:[title&&(0,jsx_runtime.jsxs)("div",{className:"modal__header",children:[(0,jsx_runtime.jsx)("h3",{children:title}),(0,jsx_runtime.jsx)("h6",{children:subtitle})]}),(0,jsx_runtime.jsx)("div",{className:"modal__children",children}),footer&&(0,jsx_runtime.jsx)("div",{className:"modal__footer",children:footer})]})]})]})}const src_components_modal=Modal;try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{className:{defaultValue:null,description:"Custom css class name.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Modal footer",name:"footer",required:!1,type:{name:"ReactNode"}},handleClose:{defaultValue:null,description:"Close click function",name:"handleClose",required:!1,type:{name:"any"}},hasCloseButton:{defaultValue:{value:"true"},description:"Modal close button",name:"hasCloseButton",required:!1,type:{name:"boolean"}},hasOverlay:{defaultValue:{value:"true"},description:"Overlay div",name:"hasOverlay",required:!1,type:{name:"boolean"}},modalref:{defaultValue:null,description:"Modal body ref",name:"modalref",required:!1,type:{name:"LegacyRef<HTMLDivElement>"}},subtitle:{defaultValue:null,description:"Subtitle of the modal",name:"subtitle",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"Title of the modal",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/index.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/components/modal/index.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});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 ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.button,\n.link {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n color: inherit;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n color: var(--color-light-brighter);\n}\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-dark);\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n background-color: var(--color-primary-bright);\n border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n background-color: var(--color-main-background);\n border: 3px solid var(--color-primary-base);\n border-radius: var(--spacing-32);\n text-decoration: unset;\n}\n\n.button__secondary:hover {\n box-shadow: unset;\n border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n border: unset;\n}\n\n.link__primary {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n text-decoration: underline 1px var(--color-primary-base);\n text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n color: var(--color-primary-darker) !important;\n text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n border: unset;\n box-shadow: unset;\n color: var(--color-primary-dark) !important;\n text-decoration: underline 2px var(--color-primary-base);\n text-underline-offset: calc(var(--spacing-8) * 0.75);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-base);\n box-shadow: unset;\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n}\n\n.link > a {\n text-decoration: inherit;\n color: inherit;\n}\n\n.link__icon svg {\n border: 2px solid transparent;\n border-bottom: 2px solid var(--color-primary-base);\n border-radius: 2px;\n padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n border: unset;\n box-shadow: unset;\n}\n\n.link__icon:hover svg {\n color: var(--color-main-color) !important;\n border: 2px solid var(--color-primary-dark);\n transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n padding: var(--spacing-8) var(--spacing-12);\n}\n',"",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;;EAEE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,mDAAmD;EACnD;6CAC2C;AAC7C;;;AAGA;EACE,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;;EAEE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;EAC3C,wDAAwD;EACxD,uCAAuC;AACzC;;AAEA;EACE,6CAA6C;EAC7C,0DAA0D;AAC5D;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,2CAA2C;EAC3C,wDAAwD;EACxD,oDAAoD;EACpD;wDACsD;AACxD;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,iBAAiB;EACjB;6CAC2C;AAC7C;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;AAC7C;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,6BAA6B;EAC7B,kDAAkD;EAClD,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,yCAAyC;EACzC,2CAA2C;EAC3C,uFAAuF;AACzF;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button,\n.link {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n color: inherit;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n color: var(--color-light-brighter);\n}\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-dark);\n box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n background-color: var(--color-primary-bright);\n border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n background-color: var(--color-main-background);\n border: 3px solid var(--color-primary-base);\n border-radius: var(--spacing-32);\n text-decoration: unset;\n}\n\n.button__secondary:hover {\n box-shadow: unset;\n border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n border: unset;\n}\n\n.link__primary {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n text-decoration: underline 1px var(--color-primary-base);\n text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n color: var(--color-primary-darker) !important;\n text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n border: unset;\n box-shadow: unset;\n color: var(--color-primary-dark) !important;\n text-decoration: underline 2px var(--color-primary-base);\n text-underline-offset: calc(var(--spacing-8) * 0.75);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n background-color: var(--color-primary-dark);\n border: 3px solid var(--color-primary-base);\n box-shadow: unset;\n transition: var(--transition-bg-cubic-bezier),\n var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n background-color: unset !important;\n color: var(--color-primary-base) !important;\n}\n\n.link > a {\n text-decoration: inherit;\n color: inherit;\n}\n\n.link__icon svg {\n border: 2px solid transparent;\n border-bottom: 2px solid var(--color-primary-base);\n border-radius: 2px;\n padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n border: unset;\n box-shadow: unset;\n}\n\n.link__icon:hover svg {\n color: var(--color-main-color) !important;\n border: 2px solid var(--color-primary-dark);\n transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n padding: var(--spacing-8) var(--spacing-12);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/modal/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".modal-overlay {\n background: rgba(0, 0, 0, 0.3);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.modal {\n background: white;\n border-radius: var(--spacing-8);\n border: 1px solid var(--color-neutral-600);\n color: var(--color-black);\n left: 50%;\n padding: var(--spacing-4) var(--spacing-4);\n position: absolute;\n right: var(--spacing-16);\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 5;\n}\n\n.modal__close {\n position: absolute;\n right: calc(var(--spacing-16) * -1);\n top: calc(var(--spacing-16) * -1);\n z-index: 5;\n}\n\n.modal__content {\n border: 1px solid var(--color-neutral-100);\n border-radius: var(--spacing-8);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n padding: 0 var(--spacing-16);\n}\n\n.modal__footer {\n padding-bottom: var(--spacing-16);\n}\n","",{version:3,sources:["webpack://./src/components/modal/index.css"],names:[],mappings:"AAAA;EACE,8BAA8B;EAC9B,SAAS;EACT,OAAO;EACP,eAAe;EACf,QAAQ;EACR,MAAM;AACR;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,0CAA0C;EAC1C,yBAAyB;EACzB,SAAS;EACT,0CAA0C;EAC1C,kBAAkB;EAClB,wBAAwB;EACxB,QAAQ;EACR,gCAAgC;EAChC,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,mCAAmC;EACnC,iCAAiC;EACjC,UAAU;AACZ;;AAEA;EACE,0CAA0C;EAC1C,+BAA+B;EAC/B,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".modal-overlay {\n background: rgba(0, 0, 0, 0.3);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.modal {\n background: white;\n border-radius: var(--spacing-8);\n border: 1px solid var(--color-neutral-600);\n color: var(--color-black);\n left: 50%;\n padding: var(--spacing-4) var(--spacing-4);\n position: absolute;\n right: var(--spacing-16);\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 5;\n}\n\n.modal__close {\n position: absolute;\n right: calc(var(--spacing-16) * -1);\n top: calc(var(--spacing-16) * -1);\n z-index: 5;\n}\n\n.modal__content {\n border: 1px solid var(--color-neutral-100);\n border-radius: var(--spacing-8);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n padding: 0 var(--spacing-16);\n}\n\n.modal__footer {\n padding-bottom: var(--spacing-16);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);