@bbl-digital/snorre 3.1.57 → 3.1.58

package/lib/core/ImagePicker/IconWithBackground.js

@@ -2,7 +2,6 @@
 import { cloneElement } from 'react';
 import { withBackGroundStyles as styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const IconWithBackground = ({
   icon,
   variant
@@ -12,5 +11,4 @@ const IconWithBackground = ({
     size: 25
   })
 });
-
 export default IconWithBackground;

package/lib/core/ImagePicker/ImagePicker.stories.d.ts

@@ -0,0 +1,17 @@
+import type { ImageType } from 'react-images-uploading';
+declare const _default: {
+    title: string;
+    component: ({ value, onChange, multiple, maxNumber, acceptType, ...imageUploadingProps }: import("react-images-uploading").ImageUploadingPropsType & {
+        value?: ({
+            imageUrl: string;
+        } & ImageType)[] | undefined;
+        multiple?: boolean | undefined;
+        onChange: (value: import("react-images-uploading").ImageListType) => void;
+    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+};
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=ImagePicker.stories.d.ts.map

package/lib/core/ImagePicker/ImagePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/ImagePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;;;;;;;;;;;AAMvD,wBAGC;AAED,eAAO,MAAM,OAAO;;;CAiBnB,CAAA"}

package/lib/core/ImagePicker/ImagePicker.stories.js

@@ -0,0 +1,28 @@
+import { createState, Observe } from 'mdx-state';
+import ImagePicker from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+const state = createState({
+  images: []
+});
+export default {
+  title: 'Core/ImagePicker',
+  component: ImagePicker
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      maxWidth: '600px'
+    },
+    children: /*#__PURE__*/_jsx(Observe, {
+      state: state,
+      children: ({
+        images
+      }) => /*#__PURE__*/_jsx(ImagePicker, {
+        onChange: e => state.images = e,
+        value: images,
+        multiple: true
+      })
+    })
+  }),
+  name: 'Default'
+};

package/lib/core/ImagePicker/UploadButton.js

@@ -5,7 +5,6 @@ import IconCamera from '../../icons/General/IconCamera';
 import { uploadButtonStyles as styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const UploadButton = ({
   css,
   addMore,
@@ -32,5 +31,4 @@ const UploadButton = ({
     })]
   })
 });
-
 export default UploadButton;

package/lib/core/ImagePicker/index.js

@@ -10,7 +10,6 @@ import { styles } from './styles';
 import UploadButton from './UploadButton';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const ImagePicker = ({
   value = [],
   onChange,
@@ -24,16 +23,15 @@ const ImagePicker = ({
     result.unshift(result.splice(index, 1)[0]);
     onChange(result);
   };
-
   return _jsx("div", {
     children: _jsx(ImageUploading, {
       value: value?.map(v => {
         if (v.imageUrl) {
-          return { ...v,
+          return {
+            ...v,
             dataURL: v.imageUrl
           };
         }
-
         return v;
       }),
       onChange: onChange,
@@ -126,5 +124,4 @@ const ImagePicker = ({
     })
   });
 };
-
 export default ImagePicker;

package/lib/core/ImagePicker/styles.d.ts

@@ -1,20 +1,20 @@
 import { IAppTheme } from '../../app-shell/theme';
 export declare const imageBorderRadius = "8px";
 export declare const styles: {
-    grid: import("@emotion/react").SerializedStyles;
-    deleteButton: import("@emotion/react").SerializedStyles;
-    pinButton: import("@emotion/react").SerializedStyles;
+    grid: import("@emotion/utils").SerializedStyles;
+    deleteButton: import("@emotion/utils").SerializedStyles;
+    pinButton: import("@emotion/utils").SerializedStyles;
 };
 export declare const withBackGroundStyles: {
-    default: import("@emotion/react").SerializedStyles;
-    setMainImage: import("@emotion/react").SerializedStyles;
-    isMainImage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    delete: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    imageUpload: import("@emotion/react").SerializedStyles;
+    default: import("@emotion/utils").SerializedStyles;
+    setMainImage: import("@emotion/utils").SerializedStyles;
+    isMainImage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    delete: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    imageUpload: import("@emotion/utils").SerializedStyles;
 };
 export declare const uploadButtonStyles: {
-    default: import("@emotion/react").SerializedStyles;
-    addImage: import("@emotion/react").SerializedStyles;
-    addMore: import("@emotion/react").SerializedStyles;
+    default: import("@emotion/utils").SerializedStyles;
+    addImage: import("@emotion/utils").SerializedStyles;
+    addMore: import("@emotion/utils").SerializedStyles;
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/ImagePicker/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
 export const imageBorderRadius = '8px';

package/lib/core/InfoButton/InfoButton.stories.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Right: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Bottom: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Left: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Width: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=InfoButton.stories.d.ts.map

package/lib/core/InfoButton/InfoButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/InfoButton.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAQjB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAOjB,CAAA"}

package/lib/core/InfoButton/InfoButton.stories.js

@@ -0,0 +1,57 @@
+import InfoButton from '.';
+import IconHelp from '../../icons/General/IconHelp';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/InfoButton',
+  component: InfoButton
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(InfoButton, {
+    icon: /*#__PURE__*/_jsx(IconHelp, {
+      primary: true
+    }),
+    children: "This will be the content"
+  }),
+  name: 'Default'
+};
+export const Right = {
+  render: () => /*#__PURE__*/_jsx(InfoButton, {
+    icon: /*#__PURE__*/_jsx(IconHelp, {
+      primary: true
+    }),
+    place: "right",
+    children: "This will be the content. This very long and unnecessary text shows how the tooltip will handle responsiveness"
+  }),
+  name: 'Right'
+};
+export const Bottom = {
+  render: () => /*#__PURE__*/_jsx(InfoButton, {
+    icon: /*#__PURE__*/_jsx(IconHelp, {
+      primary: true
+    }),
+    place: "bottom",
+    children: "This will be the content"
+  }),
+  name: 'Bottom'
+};
+export const Left = {
+  render: () => /*#__PURE__*/_jsx(InfoButton, {
+    icon: /*#__PURE__*/_jsx(IconHelp, {
+      primary: true
+    }),
+    place: "left",
+    children: "This will be the content"
+  }),
+  name: 'Left'
+};
+export const Width = {
+  render: () => /*#__PURE__*/_jsx(InfoButton, {
+    icon: /*#__PURE__*/_jsx(IconHelp, {
+      primary: true
+    }),
+    place: "right",
+    width: "100px",
+    children: "Custom width"
+  }),
+  name: 'Width'
+};

package/lib/core/InfoButton/index.js

@@ -5,7 +5,6 @@ import { CSSTransition } from 'react-transition-group';
 import Text from '../Text';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const InfoButton = ({
   trackingName,
   icon,
@@ -18,29 +17,23 @@ const InfoButton = ({
 }) => {
   const ref = /*#__PURE__*/createRef();
   const [showTooltip, setShowTooltip] = useState(false);
-
   const handleClick = e => {
     stopPropagation && e.stopPropagation();
     setShowTooltip(!showTooltip);
   };
-
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       setShowTooltip(false);
     };
-
     if (showTooltip) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -67,5 +60,4 @@ const InfoButton = ({
     })]
   });
 };
-
 export default InfoButton;

package/lib/core/InfoButton/styles.d.ts

@@ -7,7 +7,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<imp
     nostyle?: boolean | undefined;
     focusable?: boolean | undefined;
     border?: string | undefined;
-    css?: import("@emotion/react").SerializedStyles | undefined;
+    css?: import("@emotion/utils").SerializedStyles | undefined;
     loading?: boolean | undefined;
     back?: boolean | undefined;
     small?: boolean | undefined;
@@ -17,12 +17,12 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<imp
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const styles: {
-    default: import("@emotion/react").SerializedStyles;
-    top: import("@emotion/react").SerializedStyles;
-    right: import("@emotion/react").SerializedStyles;
-    bottom: import("@emotion/react").SerializedStyles;
-    left: import("@emotion/react").SerializedStyles;
-    width: (width: string, place: string) => import("@emotion/react").SerializedStyles;
+    default: import("@emotion/utils").SerializedStyles;
+    top: import("@emotion/utils").SerializedStyles;
+    right: import("@emotion/utils").SerializedStyles;
+    bottom: import("@emotion/utils").SerializedStyles;
+    left: import("@emotion/utils").SerializedStyles;
+    width: (width: string, place: string) => import("@emotion/utils").SerializedStyles;
 };
 export declare const Tooltip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/lib/core/InfoButton/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
 import Button from '../Button';
@@ -35,7 +33,7 @@ export const styles = {
   left: /*#__PURE__*/css("top:0;right:calc(24px + 3px);box-shadow:1px 0px 4px 0px rgba(0, 0, 0, 0.2);@media screen and (max-width: ", bp.small, "){width:50vw;}@media screen and (max-width: ", bp.large, ") and (orientation: landscape){width:50vw;}&::after{top:8px;left:100%;border-color:transparent transparent transparent white;}" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0luZm9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbmZvQnV0dG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBtYXJnaW4tbGVmdDogNXB4O1xuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IDVweCBhdXRvIC13ZWJraXQtZm9jdXMtcmluZy1jb2xvcjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiBjc3NgXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtYXgtd2lkdGg6IDMwMHB4O1xuICBgLFxuICB0b3A6IGNzc2BcbiAgICBib3R0b206IGNhbGMoMjRweCArIDVweCk7XG4gICAgbGVmdDogY2FsYygtMTF2dyArIDlweCk7XG4gICAgYm94LXNoYWRvdzogMHB4IDFweCA0cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICAgIGxlZnQ6IGNhbGMoLTI1dncgKyA5cHgpO1xuICAgIH1cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLmxhcmdlfSkgYW5kIChvcmllbnRhdGlvbjogbGFuZHNjYXBlKSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG5cbiAgICAmOjphZnRlciB7XG4gICAgICB0b3A6IDEwMCU7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBtYXJnaW4tbGVmdDogLTVweDtcbiAgICAgIGJvcmRlci1jb2xvcjogd2hpdGUgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICBgLFxuICByaWdodDogY3NzYFxuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAzNXB4O1xuICAgIGJveC1zaGFkb3c6IC0xcHggMHB4IDRweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubGFyZ2V9KSBhbmQgKG9yaWVudGF0aW9uOiBsYW5kc2NhcGUpIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgIH1cblxuICAgICY6OmFmdGVyIHtcbiAgICAgIHRvcDogOHB4O1xuICAgICAgcmlnaHQ6IDEwMCU7XG4gICAgICBtYXJnaW4tbGVmdDogLTVweDtcbiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgd2hpdGUgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICBgLFxuICBib3R0b206IGNzc2BcbiAgICB0b3A6IGNhbGMoMjRweCArIDVweCk7XG4gICAgbGVmdDogY2FsYygtMTF2dyArIDlweCk7XG4gICAgYm94LXNoYWRvdzogMHB4IC0xcHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMik7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgICBsZWZ0OiBjYWxjKC0yNXZ3ICsgOXB4KTtcbiAgICB9XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5sYXJnZX0pIGFuZCAob3JpZW50YXRpb246IGxhbmRzY2FwZSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHdoaXRlIHRyYW5zcGFyZW50O1xuICAgIH1cbiAgYCxcbiAgbGVmdDogY3NzYFxuICAgIHRvcDogMDtcbiAgICByaWdodDogY2FsYygyNHB4ICsgM3B4KTtcbiAgICBib3gtc2hhZG93OiAxcHggMHB4IDRweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgIH1cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLmxhcmdlfSkgYW5kIChvcmllbnRhdGlvbjogbGFuZHNjYXBlKSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG5cbiAgICAmOjphZnRlciB7XG4gICAgICB0b3A6IDhweDtcbiAgICAgIGxlZnQ6IDEwMCU7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHdoaXRlO1xuICAgIH1cbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nLCBwbGFjZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9ICFpbXBvcnRhbnQ7XG4gICAgbGVmdDogJHtwbGFjZSA9PT0gJ3RvcCcgfHwgcGxhY2UgPT09ICdib3R0b20nXG4gICAgICA/IGBjYWxjKCgtJHt3aWR0aH0gLyAyKSArIDlweCkgIWltcG9ydGFudGBcbiAgICAgIDogcGxhY2UgPT09ICdyaWdodCdcbiAgICAgID8gJzM1cHgnXG4gICAgICA6ICdpbml0aWFsJ307XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMjJ2dztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVlbTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHotaW5kZXg6IDk5OTk7XG5cbiAgJi50b29sdGlwLWVudGVyIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgfVxuICAmLnRvb2x0aXAtZW50ZXItYWN0aXZlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDgwbXMsIHRyYW5zZm9ybSA4MG1zO1xuICB9XG4gICYudG9vbHRpcC1leGl0IHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICYudG9vbHRpcC1leGl0LWFjdGl2ZSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOSk7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSA4MG1zLCB0cmFuc2Zvcm0gODBtcztcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm9yZGVyLXdpZHRoOiA1cHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG4iXX0= */"),
   width: (width, place) => /*#__PURE__*/css("width:", width, "!important;left:", place === 'top' || place === 'bottom' ? `calc((-${width} / 2) + 9px) !important` : place === 'right' ? '35px' : 'initial', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:width;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0luZm9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW5mb0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgbWFyZ2luLWxlZnQ6IDVweDtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IDFweCBkb3R0ZWQgIzIxMjEyMTtcbiAgICBvdXRsaW5lOiA1cHggYXV0byAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogY3NzYFxuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgbWF4LXdpZHRoOiAzMDBweDtcbiAgYCxcbiAgdG9wOiBjc3NgXG4gICAgYm90dG9tOiBjYWxjKDI0cHggKyA1cHgpO1xuICAgIGxlZnQ6IGNhbGMoLTExdncgKyA5cHgpO1xuICAgIGJveC1zaGFkb3c6IDBweCAxcHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMik7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgICBsZWZ0OiBjYWxjKC0yNXZ3ICsgOXB4KTtcbiAgICB9XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5sYXJnZX0pIGFuZCAob3JpZW50YXRpb246IGxhbmRzY2FwZSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgdG9wOiAxMDAlO1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICBib3JkZXItY29sb3I6IHdoaXRlIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMzVweDtcbiAgICBib3gtc2hhZG93OiAtMXB4IDBweCA0cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLmxhcmdlfSkgYW5kIChvcmllbnRhdGlvbjogbGFuZHNjYXBlKSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG5cbiAgICAmOjphZnRlciB7XG4gICAgICB0b3A6IDhweDtcbiAgICAgIHJpZ2h0OiAxMDAlO1xuICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHdoaXRlIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgYCxcbiAgYm90dG9tOiBjc3NgXG4gICAgdG9wOiBjYWxjKDI0cHggKyA1cHgpO1xuICAgIGxlZnQ6IGNhbGMoLTExdncgKyA5cHgpO1xuICAgIGJveC1zaGFkb3c6IDBweCAtMXB4IDRweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgICAgbGVmdDogY2FsYygtMjV2dyArIDlweCk7XG4gICAgfVxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubGFyZ2V9KSBhbmQgKG9yaWVudGF0aW9uOiBsYW5kc2NhcGUpIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgIH1cblxuICAgICY6OmFmdGVyIHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGxlZnQ6IDUwJTtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB3aGl0ZSB0cmFuc3BhcmVudDtcbiAgICB9XG4gIGAsXG4gIGxlZnQ6IGNzc2BcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IGNhbGMoMjRweCArIDNweCk7XG4gICAgYm94LXNoYWRvdzogMXB4IDBweCA0cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5sYXJnZX0pIGFuZCAob3JpZW50YXRpb246IGxhbmRzY2FwZSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgdG9wOiA4cHg7XG4gICAgICBsZWZ0OiAxMDAlO1xuICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB3aGl0ZTtcbiAgICB9XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZywgcGxhY2U6IHN0cmluZykgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRofSAhaW1wb3J0YW50O1xuICAgIGxlZnQ6ICR7cGxhY2UgPT09ICd0b3AnIHx8IHBsYWNlID09PSAnYm90dG9tJ1xuICAgICAgPyBgY2FsYygoLSR7d2lkdGh9IC8gMikgKyA5cHgpICFpbXBvcnRhbnRgXG4gICAgICA6IHBsYWNlID09PSAncmlnaHQnXG4gICAgICA/ICczNXB4J1xuICAgICAgOiAnaW5pdGlhbCd9O1xuICBgLFxufVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDIydnc7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcGFkZGluZzogMC41ZW07XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB6LWluZGV4OiA5OTk5O1xuXG4gICYudG9vbHRpcC1lbnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gIH1cbiAgJi50b29sdGlwLWVudGVyLWFjdGl2ZSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSA4MG1zLCB0cmFuc2Zvcm0gODBtcztcbiAgfVxuICAmLnRvb2x0aXAtZXhpdCB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAmLnRvb2x0aXAtZXhpdC1hY3RpdmUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjkpO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgODBtcywgdHJhbnNmb3JtIDgwbXM7XG4gIH1cblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci13aWR0aDogNXB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuIl19 */")
 };
-export const Tooltip = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Tooltip = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e169bjpw1"
 } : {
   target: "e169bjpw1",
@@ -49,7 +47,7 @@ export const Tooltip = _styled("div", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0luZm9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJHaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW5mb0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgbWFyZ2luLWxlZnQ6IDVweDtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IDFweCBkb3R0ZWQgIzIxMjEyMTtcbiAgICBvdXRsaW5lOiA1cHggYXV0byAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogY3NzYFxuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgbWF4LXdpZHRoOiAzMDBweDtcbiAgYCxcbiAgdG9wOiBjc3NgXG4gICAgYm90dG9tOiBjYWxjKDI0cHggKyA1cHgpO1xuICAgIGxlZnQ6IGNhbGMoLTExdncgKyA5cHgpO1xuICAgIGJveC1zaGFkb3c6IDBweCAxcHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMik7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgICBsZWZ0OiBjYWxjKC0yNXZ3ICsgOXB4KTtcbiAgICB9XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5sYXJnZX0pIGFuZCAob3JpZW50YXRpb246IGxhbmRzY2FwZSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgdG9wOiAxMDAlO1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICBib3JkZXItY29sb3I6IHdoaXRlIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMzVweDtcbiAgICBib3gtc2hhZG93OiAtMXB4IDBweCA0cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLmxhcmdlfSkgYW5kIChvcmllbnRhdGlvbjogbGFuZHNjYXBlKSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG5cbiAgICAmOjphZnRlciB7XG4gICAgICB0b3A6IDhweDtcbiAgICAgIHJpZ2h0OiAxMDAlO1xuICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHdoaXRlIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgYCxcbiAgYm90dG9tOiBjc3NgXG4gICAgdG9wOiBjYWxjKDI0cHggKyA1cHgpO1xuICAgIGxlZnQ6IGNhbGMoLTExdncgKyA5cHgpO1xuICAgIGJveC1zaGFkb3c6IDBweCAtMXB4IDRweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgICAgbGVmdDogY2FsYygtMjV2dyArIDlweCk7XG4gICAgfVxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubGFyZ2V9KSBhbmQgKG9yaWVudGF0aW9uOiBsYW5kc2NhcGUpIHtcbiAgICAgIHdpZHRoOiA1MHZ3O1xuICAgIH1cblxuICAgICY6OmFmdGVyIHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGxlZnQ6IDUwJTtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB3aGl0ZSB0cmFuc3BhcmVudDtcbiAgICB9XG4gIGAsXG4gIGxlZnQ6IGNzc2BcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IGNhbGMoMjRweCArIDNweCk7XG4gICAgYm94LXNoYWRvdzogMXB4IDBweCA0cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICB3aWR0aDogNTB2dztcbiAgICB9XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5sYXJnZX0pIGFuZCAob3JpZW50YXRpb246IGxhbmRzY2FwZSkge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgdG9wOiA4cHg7XG4gICAgICBsZWZ0OiAxMDAlO1xuICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB3aGl0ZTtcbiAgICB9XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZywgcGxhY2U6IHN0cmluZykgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRofSAhaW1wb3J0YW50O1xuICAgIGxlZnQ6ICR7cGxhY2UgPT09ICd0b3AnIHx8IHBsYWNlID09PSAnYm90dG9tJ1xuICAgICAgPyBgY2FsYygoLSR7d2lkdGh9IC8gMikgKyA5cHgpICFpbXBvcnRhbnRgXG4gICAgICA6IHBsYWNlID09PSAncmlnaHQnXG4gICAgICA/ICczNXB4J1xuICAgICAgOiAnaW5pdGlhbCd9O1xuICBgLFxufVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDIydnc7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcGFkZGluZzogMC41ZW07XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB6LWluZGV4OiA5OTk5O1xuXG4gICYudG9vbHRpcC1lbnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gIH1cbiAgJi50b29sdGlwLWVudGVyLWFjdGl2ZSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSA4MG1zLCB0cmFuc2Zvcm0gODBtcztcbiAgfVxuICAmLnRvb2x0aXAtZXhpdCB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAmLnRvb2x0aXAtZXhpdC1hY3RpdmUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjkpO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgODBtcywgdHJhbnNmb3JtIDgwbXM7XG4gIH1cblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci13aWR0aDogNXB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const Wrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e169bjpw0"
 } : {
   target: "e169bjpw0",

package/lib/core/Input/Input.stories.d.ts

@@ -0,0 +1,20 @@
+import Input from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Input>;
+export default meta;
+declare type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Focused: Story;
+export declare const Disabled: Story;
+export declare const Passsword: Story;
+export declare const Search: Story;
+export declare const Highlighted: Story;
+export declare const Reset: Story;
+export declare const WithDebounce: Story;
+export declare const WithMaxlength: Story;
+export declare const Format: Story;
+export declare const Height: Story;
+export declare const Info: Story;
+export declare const CardInput: Story;
+export declare const Controls: Story;
+//# sourceMappingURL=Input.stories.d.ts.map

package/lib/core/Input/Input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KASnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAA"}

package/lib/core/Input/Input.stories.js

@@ -0,0 +1,158 @@
+import { action } from '@storybook/addon-actions';
+import Input from '.';
+const meta = {
+  title: 'Core/Input',
+  component: Input
+};
+export default meta;
+export const Default = {
+  args: {
+    type: 'text',
+    label: 'Label',
+    placeholder: 'Placeholder text'
+  },
+  name: 'Default'
+};
+export const Focused = {
+  args: {
+    type: 'text',
+    label: 'Focused',
+    placeholder: 'Placeholder text',
+    focus: true
+  },
+  name: 'Focused'
+};
+export const Disabled = {
+  args: {
+    type: 'text',
+    label: 'Disabled',
+    placeholder: 'Field disabled',
+    disabled: true
+  },
+  name: 'Disabled'
+};
+export const Passsword = {
+  args: {
+    type: 'password',
+    label: 'Inputfield - password',
+    placeholder: 'Password field',
+    value: 'Secret password'
+  },
+  name: 'Passsword'
+};
+export const Search = {
+  args: {
+    type: 'search',
+    highlight: true,
+    placeholder: 'Placeholder text'
+  },
+  name: 'Search'
+};
+export const Highlighted = {
+  args: {
+    type: 'text',
+    placeholder: 'Placeholder text',
+    highlight: true
+  },
+  name: 'Highlighted'
+};
+export const Reset = {
+  args: {
+    type: 'text',
+    value: 'should be empty',
+    placeholder: 'Placeholder text',
+    highlight: true,
+    reset: true
+  },
+  name: 'Reset'
+};
+export const WithDebounce = {
+  args: {
+    type: 'text',
+    value: '',
+    onDebounceChange: value => {
+      action('debounce callback..');
+      console.log('debounce callback..', value);
+    },
+    placeholder: 'Placeholder text',
+    highlight: true,
+    debounceDelay: 500
+  },
+  name: 'WithDebounce'
+};
+export const WithMaxlength = {
+  args: {
+    type: 'text',
+    value: '',
+    onChange: value => {
+      action('value changed..');
+      console.log('value changed..', value);
+    },
+    placeholder: 'Placeholder text',
+    highlight: true,
+    maxlength: 50
+  },
+  name: 'With maxlength'
+};
+export const Format = {
+  args: {
+    type: 'text',
+    value: '123123123',
+    placeholder: 'Start typing a price',
+    format: 'price'
+  },
+  name: 'Format'
+};
+export const Height = {
+  args: {
+    type: 'search',
+    height: '50px',
+    highlight: true
+  },
+  name: 'Height'
+};
+export const Info = {
+  args: {
+    label: 'With info',
+    info: 'Hello, this is important information',
+    invalidMessage: 'error'
+  },
+  name: 'Info'
+};
+export const CardInput = {
+  args: {
+    cardInput: true,
+    placeholder: 'Im styled as a card',
+    highlight: true,
+    type: 'search'
+  },
+  name: 'CardInput'
+};
+export const Controls = {
+  args: {
+    label: 'With info',
+    info: 'Hello, this is important information',
+    invalidMessage: 'error',
+    value: '',
+    name: '',
+    cardInput: false,
+    className: '',
+    debounceDelay: 500,
+    disabled: false,
+    focus: false,
+    format: undefined,
+    height: '',
+    invalid: false,
+    maxlength: undefined,
+    highlight: false,
+    infoPlacement: undefined,
+    placeholder: 'Hello',
+    reset: false,
+    type: 'text',
+    onChange: action('value changed..'),
+    onBlur: action('on blur..'),
+    onDebounceChange: action('on debounce change..'),
+    onFocus: action('on focus..')
+  },
+  name: 'Controls'
+};

package/lib/core/Input/index.js

@@ -23,44 +23,39 @@ const Input = /*#__PURE__*/React.forwardRef(({
   const [inputDirty, setInputDirty] = useState(false);
   const debouncedValue = useDebounce(value, debounceDelay ? debounceDelay : 0);
   const type = props.type ? props.type : 'text';
-
   const handleFormatting = val => {
     if (props.format === 'price' && val) {
       const value = val.replace(/\u00a0/g, '').replace(/ /g, '');
       return getFormattedPrice(value);
     }
-
     return val;
   };
-
   const onInputChange = e => {
     setInputDirty(true);
-
     if (props.format) {
       setValueChanged(handleFormatting(e.target.value));
     } else {
       setValueChanged(e.target.value);
     }
-
     if (props.onChange && !props.disabled) {
       props.onChange(e);
     }
   };
-
   useEffect(() => {
     if (props.reset) {
       setValueChanged('');
     }
-  }, [props.reset]); // Handle debounce
+  }, [props.reset]);
 
+  // Handle debounce
   useEffect(() => {
     const handleDebounceChange = value => {
       if (onDebounceChange && inputDirty) {
         onDebounceChange(value);
       }
     };
-
-    handleDebounceChange(debouncedValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+    handleDebounceChange(debouncedValue);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedValue]);
   return _jsxs("div", {
     css: styles.relative,
@@ -88,7 +83,6 @@ const Input = /*#__PURE__*/React.forwardRef(({
           if (!child) {
             return null;
           }
-
           return child;
         })
       }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {

package/lib/core/Input/styles.d.ts

@@ -1,21 +1,21 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    highligted: (height?: string | undefined) => import("@emotion/react").SerializedStyles;
-    number: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    text: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    password: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    search: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    searchLabel: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    file: import("@emotion/react").SerializedStyles;
-    disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    cardInput: import("@emotion/react").SerializedStyles;
-    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    height: (height: string) => import("@emotion/react").SerializedStyles;
-    errorMessage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    pr4: import("@emotion/react").SerializedStyles;
-    infoButton: import("@emotion/react").SerializedStyles;
-    relative: import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    highligted: (height?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    number: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    text: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    password: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    search: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    searchLabel: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    file: import("@emotion/utils").SerializedStyles;
+    disabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    cardInput: import("@emotion/utils").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    height: (height: string) => import("@emotion/utils").SerializedStyles;
+    errorMessage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    pr4: import("@emotion/utils").SerializedStyles;
+    infoButton: import("@emotion/utils").SerializedStyles;
+    relative: import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };