@geoinsight/react-components 0.8.11 → 1.0.0

package/storybook-static/components-text-area-index-stories.44892133.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see components-text-area-index-stories.44892133.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[466],{"./src/components/text-area/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Active:()=>Active,ActiveWithConfigurableLabel:()=>ActiveWithConfigurableLabel,ActiveWithLabel:()=>ActiveWithLabel,Disabled:()=>Disabled,NoToggleButton:()=>NoToggleButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/text-area/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/TextArea",component:_index__WEBPACK_IMPORTED_MODULE_0__.K,argTypes:{backgroundColor:{control:"color"}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.c]},Active={args:{placeholder:"Insert a value",disabled:!1}},Disabled={args:{placeholder:"Insert a value"}},ActiveWithLabel={args:{label:"Test",placeholder:"Insert a value",disabled:!1}},ActiveWithConfigurableLabel={args:{label:"Test",labelClassName:"custom-label",placeholder:"Insert a value",disabled:!1}},NoToggleButton={args:{hasToggleButton:!1,placeholder:"Insert a value",disabled:!1}};Active.parameters={...Active.parameters,docs:{...Active.parameters?.docs,source:{originalSource:'{\n  args: {\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...Active.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:'{\n  args: {\n    placeholder: "Insert a value"\n  }\n}',...Disabled.parameters?.docs?.source}}},ActiveWithLabel.parameters={...ActiveWithLabel.parameters,docs:{...ActiveWithLabel.parameters?.docs,source:{originalSource:'{\n  args: {\n    label: "Test",\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...ActiveWithLabel.parameters?.docs?.source}}},ActiveWithConfigurableLabel.parameters={...ActiveWithConfigurableLabel.parameters,docs:{...ActiveWithConfigurableLabel.parameters?.docs,source:{originalSource:'{\n  args: {\n    label: "Test",\n    labelClassName: "custom-label",\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...ActiveWithConfigurableLabel.parameters?.docs?.source}}},NoToggleButton.parameters={...NoToggleButton.parameters,docs:{...NoToggleButton.parameters?.docs,source:{originalSource:'{\n  args: {\n    hasToggleButton: false,\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...NoToggleButton.parameters?.docs?.source}}};const __namedExportsOrder=["Active","Disabled","ActiveWithLabel","ActiveWithConfigurableLabel","NoToggleButton"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,Z:()=>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.Z,options);components_button.Z&&components_button.Z.locals&&components_button.Z.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.Z)(`button ${className}`,"secondary"===mode?`button button__${mode}`:"button__link",`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.Z)("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){}},"./src/components/text-area/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>TextArea,Z:()=>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.Z,options);text_area.Z&&text_area.Z.locals&&text_area.Z.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.Z)("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.Z)("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.Z,{type:"button",className:(0,clsx_m.Z)("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.RPH,{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){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fg:()=>useTheme,f6:()=>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{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__,{c:()=>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__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{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__,{Z:()=>__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/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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  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.button__link {\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"] .button__link {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.button__link: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.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\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.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__link > a {\n  text-decoration: inherit;\n  color: inherit;\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;EACE,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;;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,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;EACE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;AAClC;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button {\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.button__link {\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"] .button__link {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.button__link: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.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\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.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__link > a {\n  text-decoration: inherit;\n  color: inherit;\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/text-area/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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___},"./node_modules/react-icons/lib/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{w_:()=>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-text-area-index-stories.44892133.iframe.bundle.js.LICENSE.txt

@@ -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/context-loading-index-stories.ad731185.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see context-loading-index-stories.ad731185.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[480],{"./src/context/loading/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,CustomImage:()=>CustomImage,CustomMessage:()=>CustomMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var withColorScheme=__webpack_require__("./src/decorators/withColorScheme.tsx"),react=__webpack_require__("./node_modules/react/index.js"),loading=__webpack_require__("./src/components/loading/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const LoadingContext=(0,react.createContext)(void 0);function loadingReducer(state,action){switch(action.type){case"set_ref":return{...state,ref:action.ref};case"start_loading":return{...state,isLoading:!0};case"stop_loading":return{...state,isLoading:!1};case"set_message":return{...state,message:action.message};default:throw new Error(`Unhandled action type: ${action.type}`)}}function LoadingProvider({children}){const[{isLoading,message,ref},dispatch]=(0,react.useReducer)(loadingReducer,{isLoading:!1,message:"Loading",ref:void 0});return(0,jsx_runtime.jsxs)(LoadingContext.Provider,{value:{state:{ref,message,isLoading},setMessage:message=>{dispatch({type:"set_message",message})},setRef:ref=>{dispatch({type:"set_ref",ref})},startLoading:()=>{dispatch({type:"start_loading"})},stopLoading:()=>{dispatch({type:"stop_loading"})}},children:[!ref&&(0,jsx_runtime.jsx)(loading.Z,{children:message}),children]})}function useLoading({ref,message}={}){const context=(0,react.useContext)(LoadingContext);if((0,react.useEffect)((()=>{ref&&context?.setRef(ref),message&&context?.setMessage(message)}),[]),void 0===context)throw new Error("useLoading must be used within a LoadingProvider");return context}LoadingProvider.displayName="LoadingProvider";try{LoadingProvider.displayName="LoadingProvider",LoadingProvider.__docgenInfo={description:"",displayName:"LoadingProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#LoadingProvider"]={docgenInfo:LoadingProvider.__docgenInfo,name:"LoadingProvider",path:"src/context/loading/index.tsx#LoadingProvider"})}catch(__react_docgen_typescript_loader_error){}try{useLoading.displayName="useLoading",useLoading.__docgenInfo={description:"",displayName:"useLoading",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"RefObject<ReactNode>"}},message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#useLoading"]={docgenInfo:useLoading.__docgenInfo,name:"useLoading",path:"src/context/loading/index.tsx#useLoading"})}catch(__react_docgen_typescript_loader_error){}const LoadingProviderMock=({Story,loadingOptions,loadingArgs})=>{const ref=(0,react.useRef)(),loading=useLoading({...loadingOptions?.isRef&&{ref},...loadingOptions?.message&&{message:loadingOptions.message}});return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[loading.state.ref&&(0,jsx_runtime.jsx)("img",{ref,src:loadingArgs.img}),(0,jsx_runtime.jsx)(Story,{})]})},withLoading=(Story,context)=>(0,jsx_runtime.jsx)(LoadingProvider,{children:(0,jsx_runtime.jsx)(LoadingProviderMock,{Story,loadingOptions:context.parameters.loadingOptions,loadingArgs:context.args})});withLoading.displayName="withLoading";const spinner_2_namespaceObject=__webpack_require__.p+"static/media/spinner_2.6f37ee56.png",index_stories={title:"Context/Loading",component:()=>(0,jsx_runtime.jsx)("div",{}),decorators:[withColorScheme.c,withLoading]},Basic={},CustomMessage={parameters:{loadingOptions:{message:"Updating form"}}},CustomImage={parameters:{loadingOptions:{isRef:!0}},args:{img:spinner_2_namespaceObject}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{}",...Basic.parameters?.docs?.source}}},CustomMessage.parameters={...CustomMessage.parameters,docs:{...CustomMessage.parameters?.docs,source:{originalSource:'{\n  parameters: {\n    loadingOptions: {\n      message: "Updating form"\n    }\n  }\n}',...CustomMessage.parameters?.docs?.source}}},CustomImage.parameters={...CustomImage.parameters,docs:{...CustomImage.parameters?.docs,source:{originalSource:"{\n  parameters: {\n    loadingOptions: {\n      isRef: true\n    }\n  },\n  args: {\n    img: spinner\n  }\n}",...CustomImage.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","CustomMessage","CustomImage"]},"./src/components/loading/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>Loading,Z:()=>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.Z,options);loading.Z&&loading.Z.locals&&loading.Z.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__,{Fg:()=>useTheme,f6:()=>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{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__,{c:()=>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__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{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__,{Z:()=>__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/context-loading-index-stories.ad731185.iframe.bundle.js.LICENSE.txt

@@ -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/context-modal-index-stories.a607105d.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see context-modal-index-stories.a607105d.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[976],{"./src/context/modal/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var react=__webpack_require__("./node_modules/react/index.js"),components_modal=__webpack_require__("./src/components/modal/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ModalContext=(0,react.createContext)(void 0);function modalReducer(state,action){switch(action.type){case"open_modal":return{...state,...action.modal,isModal:!0};case"close_modal":return{...state,isModal:!1};default:throw new Error(`Unhandled action type: ${action.type}`)}}const defaultState={subtitle:void 0,title:void 0,content:void 0,hasCloseButton:!0,hasOverlay:!0,footer:void 0,isCustom:!1,customRef:void 0,hasWindowClose:!0};function ModalProvider({children}){const ref=(0,react.useRef)(null),[state,dispatch]=(0,react.useReducer)(modalReducer,{isModal:!1,...defaultState}),closeModal=()=>{dispatch({type:"close_modal"})};return(0,react.useEffect)((()=>{if(state.isModal&&state.hasWindowClose){const listener=e=>{state.isModal&&ref.current&&!ref.current.contains(e.target)&&closeModal(),state.isModal&&state.customRef&&state.customRef.current&&!state.customRef.current.contains(e.target)&&closeModal()};return document.addEventListener("mousedown",listener),()=>{document.removeEventListener("mousedown",listener)}}}),[closeModal]),(0,jsx_runtime.jsxs)(ModalContext.Provider,{value:{state,openModal:modal=>{dispatch({type:"open_modal",modal})},closeModal},children:[children,state.isModal&&!state.isCustom&&(0,jsx_runtime.jsx)(components_modal.Z,{modalref:ref,title:state.title,footer:state.footer,handleClose:closeModal,subtitle:state.subtitle,hasCloseButton:state.hasCloseButton,hasOverlay:state.hasOverlay,children:state.content})]})}function useModal({}={}){const context=(0,react.useContext)(ModalContext);if(void 0===context)throw new Error("useModal must be used within a ModalProvider");return context}ModalProvider.displayName="ModalProvider";try{ModalProvider.displayName="ModalProvider",ModalProvider.__docgenInfo={description:"",displayName:"ModalProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#ModalProvider"]={docgenInfo:ModalProvider.__docgenInfo,name:"ModalProvider",path:"src/context/modal/index.tsx#ModalProvider"})}catch(__react_docgen_typescript_loader_error){}try{useModal.displayName="useModal",useModal.__docgenInfo={description:"",displayName:"useModal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#useModal"]={docgenInfo:useModal.__docgenInfo,name:"useModal",path:"src/context/modal/index.tsx#useModal"})}catch(__react_docgen_typescript_loader_error){}var components_button=__webpack_require__("./src/components/button/index.tsx");const ModalProviderMock=({Story,modalOptions,modalArgs})=>{const ref=(0,react.useRef)(),modal=useModal();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:()=>modal.openModal({isCustom:!0,customRef:ref}),children:"Custom"}),modal.state.isModal&&(0,jsx_runtime.jsx)(components_modal.Z,{modalref:ref,handleClose:()=>modal.closeModal(),children:"2"}),(0,jsx_runtime.jsx)(Story,{})]})},withModal=(Story,context)=>(0,jsx_runtime.jsx)(ModalProvider,{children:(0,jsx_runtime.jsx)(ModalProviderMock,{Story,modalOptions:context.parameters.modalOptions,modalArgs:context.args})});withModal.displayName="withModal";const index_stories={title:"Context/Modal",component:()=>(0,jsx_runtime.jsx)("div",{}),decorators:[withModal,__webpack_require__("./src/decorators/withColorScheme.tsx").c]},Basic={};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{}",...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,Z:()=>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.Z,options);components_button.Z&&components_button.Z.locals&&components_button.Z.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.Z)(`button ${className}`,"secondary"===mode?`button button__${mode}`:"button__link",`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.Z)("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){}},"./src/components/modal/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{u:()=>Modal,Z:()=>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.Z,options);modal.Z&&modal.Z.locals&&modal.Z.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.Z)("modal",className),...rest,children:[hasCloseButton&&(0,jsx_runtime.jsx)(components_button.Z,{mode:"secondary",className:"modal__close",size:"small",onClick:handleClose,children:(0,jsx_runtime.jsx)(index_esm.bjh,{})}),(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__,{Fg:()=>useTheme,f6:()=>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{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__,{c:()=>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__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{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__,{Z:()=>__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/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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  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.button__link {\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"] .button__link {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.button__link: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.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\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.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__link > a {\n  text-decoration: inherit;\n  color: inherit;\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;EACE,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;;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,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;EACE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;AAClC;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button {\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.button__link {\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"] .button__link {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.button__link: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.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\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.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__link > a {\n  text-decoration: inherit;\n  color: inherit;\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__,{Z:()=>__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___},"./node_modules/react-icons/lib/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{w_:()=>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/context-modal-index-stories.a607105d.iframe.bundle.js.LICENSE.txt

@@ -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/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
+  <svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
+  </svg>
+  <style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
+</svg>

package/storybook-static/iframe.html

@@ -0,0 +1,355 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="prefetch" href="./sb-common-assets/nunito-sans-regular.woff2" as="font" type="font/woff2" crossorigin><link rel="prefetch" href="./sb-common-assets/nunito-sans-italic.woff2" as="font" type="font/woff2" crossorigin><link rel="prefetch" href="./sb-common-assets/nunito-sans-bold.woff2" as="font" type="font/woff2" crossorigin><link rel="prefetch" href="./sb-common-assets/nunito-sans-bold-italic.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="./sb-common-assets/fonts.css"><base target="_parent"><style>/* While we aren't showing the main block yet, but still preparing, we want everything the user
+     has rendered, which may or may not be in #storybook-root, to be display none */
+  .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
+    display: none;
+  }
+
+  .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
+    display: none;
+  }
+
+  /* Hide our own blocks when we aren't supposed to be showing them */
+  :not(.sb-show-preparing-story) > .sb-preparing-story,
+  :not(.sb-show-preparing-docs) > .sb-preparing-docs,
+  :not(.sb-show-nopreview) > .sb-nopreview,
+  :not(.sb-show-errordisplay) > .sb-errordisplay {
+    display: none;
+  }
+
+  .sb-show-main.sb-main-centered {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    min-height: 100vh;
+  }
+
+  .sb-show-main.sb-main-centered #storybook-root {
+    box-sizing: border-box;
+    margin: auto;
+    padding: 1rem;
+    max-height: 100%; /* Hack for centering correctly in IE11 */
+  }
+
+  /* Vertical centering fix for IE11 */
+  @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .sb-show-main.sb-main-centered:after {
+      content: '';
+      min-height: inherit;
+      font-size: 0;
+    }
+  }
+
+  .sb-show-main.sb-main-fullscreen {
+    margin: 0;
+    padding: 0;
+    display: block;
+  }
+
+  .sb-show-main.sb-main-padded {
+    margin: 0;
+    padding: 1rem;
+    display: block;
+    box-sizing: border-box;
+  }
+
+  .sb-wrapper {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20px;
+    font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
+      BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    overflow: auto;
+  }
+
+  .sb-heading {
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    margin: 10px 0;
+    padding-right: 25px;
+  }
+
+  .sb-nopreview {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+  }
+
+  .sb-nopreview_main {
+    margin: auto;
+    padding: 30px;
+    border-radius: 10px;
+    background: rgba(0, 0, 0, 0.03);
+  }
+
+  .sb-nopreview_heading {
+    text-align: center;
+  }
+
+  .sb-errordisplay {
+    border: 20px solid rgb(187, 49, 49);
+    background: #222;
+    color: #fff;
+    z-index: 999999;
+  }
+
+  .sb-errordisplay_code {
+    padding: 10px;
+    background: #000;
+    color: #eee;
+    font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
+      'Lucida Console', Consolas, Monaco, monospace;
+  }
+
+  .sb-errordisplay pre {
+    white-space: pre-wrap;
+  }
+
+  @-webkit-keyframes sb-rotate360 {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes sb-rotate360 {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @-webkit-keyframes sb-glow {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+  @keyframes sb-glow {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+
+  /* We display the preparing loaders *over* the rendering story */
+  .sb-preparing-story,
+  .sb-preparing-docs {
+    background-color: white;
+    /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
+    on top, but this isn't possible as it would require making CSS changes that could affect user code */
+    z-index: 2147483647;
+  }
+
+  .sb-loader {
+    -webkit-animation: sb-rotate360 0.7s linear infinite;
+    animation: sb-rotate360 0.7s linear infinite;
+    border-color: rgba(97, 97, 97, 0.29);
+    border-radius: 50%;
+    border-style: solid;
+    border-top-color: #646464;
+    border-width: 2px;
+    display: inline-block;
+    height: 32px;
+    left: 50%;
+    margin-left: -16px;
+    margin-top: -16px;
+    mix-blend-mode: difference;
+    overflow: hidden;
+    position: absolute;
+    top: 50%;
+    transition: all 200ms ease-out;
+    vertical-align: top;
+    width: 32px;
+    z-index: 4;
+  }
+
+  .sb-previewBlock {
+    background: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
+    margin: 25px auto 40px;
+    max-width: 600px;
+  }
+
+  .sb-previewBlock_header {
+    align-items: center;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
+    display: flex;
+    gap: 14px;
+    height: 40px;
+    padding: 0 12px;
+  }
+
+  .sb-previewBlock_icon {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background: #e6e6e6;
+    height: 14px;
+    width: 14px;
+  }
+  .sb-previewBlock_icon:last-child {
+    margin-left: auto;
+  }
+
+  .sb-previewBlock_body {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    height: 182px;
+    position: relative;
+  }
+
+  .sb-argstableBlock {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 13px;
+    line-height: 20px;
+    margin: 25px auto 40px;
+    max-width: 600px;
+    text-align: left;
+    width: 100%;
+  }
+  .sb-argstableBlock th:first-of-type,
+  .sb-argstableBlock td:first-of-type {
+    padding-left: 20px;
+  }
+  .sb-argstableBlock th:nth-of-type(2),
+  .sb-argstableBlock td:nth-of-type(2) {
+    width: 35%;
+  }
+  .sb-argstableBlock th:nth-of-type(3),
+  .sb-argstableBlock td:nth-of-type(3) {
+    width: 15%;
+  }
+  .sb-argstableBlock th:last-of-type,
+  .sb-argstableBlock td:last-of-type {
+    width: 25%;
+    padding-right: 20px;
+  }
+  .sb-argstableBlock th span,
+  .sb-argstableBlock td span {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background-color: rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+    box-shadow: none;
+    color: transparent;
+  }
+  .sb-argstableBlock th {
+    padding: 10px 15px;
+  }
+
+  .sb-argstableBlock-body {
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
+  }
+  .sb-argstableBlock-body tr {
+    background: transparent;
+    overflow: hidden;
+  }
+  .sb-argstableBlock-body tr:not(:first-child) {
+    border-top: 1px solid #e6e6e6;
+  }
+  .sb-argstableBlock-body tr:first-child td:first-child {
+    border-top-left-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:first-child td:last-child {
+    border-top-right-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:last-child td:first-child {
+    border-bottom-left-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:last-child td:last-child {
+    border-bottom-right-radius: 4px;
+  }
+  .sb-argstableBlock-body td {
+    background: #fff;
+    padding-bottom: 10px;
+    padding-top: 10px;
+    vertical-align: top;
+  }
+  .sb-argstableBlock-body td:not(:first-of-type) {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  .sb-argstableBlock-body button {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background-color: rgba(0, 0, 0, 0.1);
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: transparent;
+    display: inline;
+    font-size: 12px;
+    line-height: 1;
+    padding: 10px 16px;
+  }
+
+  .sb-argstableBlock-summary {
+    margin-top: 4px;
+  }
+
+  .sb-argstableBlock-code {
+    margin-right: 4px;
+    margin-bottom: 4px;
+    padding: 2px 5px;
+  }</style><script>/* globals window */
+  /* eslint-disable no-underscore-dangle */
+  try {
+    if (window.top !== window) {
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+      window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn('unable to connect to top frame for connecting dev tools');
+  }</script><style>#storybook-root[hidden],
+      #storybook-docs[hidden] {
+        display: none !important;
+      }</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="storybook-root"></div><div id="storybook-docs"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
+          
+      
+          
+            window['LOGLEVEL'] = "info";
+          
+      
+          
+            window['FRAMEWORK_OPTIONS'] = {"name":"@storybook/react-webpack5","options":{"legacyRootApi":true}};
+          
+      
+          
+      
+          
+            window['FEATURES'] = {"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":true,"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":false};
+          
+      
+          
+      
+          
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];
+          
+      
+          
+            window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
+
+      
+      import './runtime~main.3725a291.iframe.bundle.js';
+      
+      import './751.ce4b4118.iframe.bundle.js';
+      
+      import './main.9dd1aacd.iframe.bundle.js';</script></body></html>