@bbl-digital/snorre 4.2.82 → 4.2.83

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAuB,EACrB,aAAa,EACb,SAAS,EACT,uBAAuB,EACxB,MAAM,wBAAwB,CAAA;AAU/B,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;IAC/C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,8EAOlB,KAAK,qDAuIP,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/ImagePicker/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import ImageUploading from 'react-images-uploading';
-import IconDelete from '../../icons/General/IconDelete';
-import IconImage from '../../icons/General/IconImage';
-import Button from '../Button';
-import Image from '../Image';
-import Text from '../Text';
-import IconWithBackground from './IconWithBackground';
-import { styles } from './styles';
-import UploadButton from './UploadButton';
-const ImagePicker = ({ value = [], onChange, multiple = true, maxNumber, acceptType = ['png', 'jpg', 'jpeg'], ...imageUploadingProps }) => {
-    const setMainImage = (index) => {
-        let result = Array.from(value);
-        result.unshift(result.splice(index, 1)[0]);
-        onChange(result);
-    };
-    return (_jsx("div", { children: _jsx(ImageUploading, { value: value?.map((v) => {
-                if (v.imageUrl) {
-                    return { ...v, dataURL: v.imageUrl };
-                }
-                return v;
-            }), onChange: onChange, acceptType: acceptType, multiple: multiple, maxNumber: maxNumber, ...imageUploadingProps, children: ({ onImageUpload, onImageRemove, imageList, dragProps, errors, isDragging, }) => {
-                const [firstImage, ...rest] = imageList;
-                if (!firstImage)
-                    return (_jsx("div", { css: styles.grid, children: _jsx(UploadButton, { onClick: onImageUpload, isDragging: isDragging, ...dragProps }) }));
-                return (_jsxs("div", { children: [_jsxs("div", { css: styles.grid, children: [_jsxs("div", { children: [_jsx(Image, { src: firstImage.dataURL || '', alt: "Bilde", objectFit: "cover", width: "100%", height: "100%" }), Boolean(rest.length) && (_jsx("span", { css: styles.pinButton, title: "Dette er hovedbilde", children: _jsx(IconWithBackground, { icon: _jsx(IconImage, {}), variant: "isMainImage" }) })), _jsx(Button, { nostyle: true, focusable: true, css: styles.deleteButton, onClick: () => onImageRemove(0), "aria-label": "Fjern bilde", children: _jsx(IconWithBackground, { variant: "delete", icon: _jsx(IconDelete, {}) }) })] }), Boolean(rest.length) &&
-                                    rest.map((image, index) => (_jsxs("div", { children: [_jsx(Image, { src: image.dataURL || '', alt: "Bilde", objectFit: "cover", height: "100%", width: "100%" }), _jsx(Button, { title: "Sett som hovedbilde", nostyle: true, focusable: true, css: styles.pinButton, "aria-label": "Sett som hovedbilde", onClick: () => setMainImage(index + 1), children: _jsx(IconWithBackground, { icon: _jsx(IconImage, {}), variant: "setMainImage" }) }), _jsx(Button, { nostyle: true, focusable: true, css: styles.deleteButton, "aria-label": "Fjern bilde", onClick: () => onImageRemove(index + 1), children: _jsx(IconWithBackground, { variant: "delete", icon: _jsx(IconDelete, {}) }) })] }, index))), multiple && (_jsx(UploadButton, { onClick: onImageUpload, addMore: true, isDragging: isDragging, ...dragProps }))] }), errors?.acceptType && (_jsx(Text, { role: "alert", children: "Bilde formatet st\u00F8ttes ikke" }))] }));
-            } }) }));
-};
-export default ImagePicker;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,iBAAiB,QAAQ,CAAA;AAEtC,eAAO,MAAM,MAAM;;;;CAoClB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;yBAmBV,SAAS;oBAOd,SAAS;;CAoB1B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;CA6B9B,CAAA"}

package/lib/core/ImagePicker/styles.js

@@ -1,117 +0,0 @@
-import { css } from '@emotion/react';
-import bp from '../../globals/styles/breakpoints';
-export const imageBorderRadius = '8px';
-export const styles = {
-    grid: css `
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    grid-auto-rows: 100px;
-    grid-gap: 0.5em;
-
-    @media screen and (max-width: ${bp.small}) {
-      grid-template-columns: 1fr 1fr;
-    }
-
-    & > div {
-      position: relative;
-      display: flex;
-      border-radius: ${imageBorderRadius};
-      overflow: hidden;
-      align-items: center;
-      justify-content: center;
-
-      &:first-of-type {
-        grid-column: 1 / -1;
-        grid-row: span 3;
-      }
-      &:not(:first-of-type) {
-        grid-row: span 2;
-      }
-    }
-  `,
-    deleteButton: css `
-    position: absolute;
-  `,
-    pinButton: css `
-    position: absolute;
-    top: 0.5em;
-    right: 0.5em;
-  `,
-};
-export const withBackGroundStyles = {
-    default: css `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  `,
-    setMainImage: css `
-    width: 2em;
-    height: 2em;
-    opacity: 0.5;
-    border-radius: 5px;
-    background-color: grey;
-    padding: 0 2px;
-
-    &:hover {
-      cursor: pointer;
-      opacity: 1;
-    }
-  `,
-    isMainImage: (theme) => css `
-    width: 2em;
-    height: 2em;
-    background-color: #f7f7f7;
-    border-radius: 5px;
-    color: ${theme.primary};
-  `,
-    delete: (theme) => css `
-    width: 3em;
-    height: 3em;
-    background-color: #f7f7f7;
-    border: 2px solid black;
-    border-radius: 50%;
-
-    &:hover {
-      * {
-        fill: ${theme.btnDanger} !important;
-      }
-    }
-  `,
-    imageUpload: css `
-    width: 3em;
-    height: 3em;
-    background-color: transparent;
-    border: 2px solid black;
-    border-radius: 50%;
-  `,
-};
-export const uploadButtonStyles = {
-    default: css `
-    border: 1px dashed #cccccc;
-    border-radius: ${imageBorderRadius};
-    z-index: 10;
-    background-color: transparent;
-    transition: border-color 0.1s;
-
-    &:hover,
-    &:focus {
-      border-color: black;
-      cursor: pointer;
-    }
-
-    & > div {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: 0.5em;
-      pointer-events: none;
-    }
-  `,
-    addImage: css `
-    grid-column: 1 / -1;
-    grid-row: span 3;
-  `,
-    addMore: css `
-    grid-row: span 2;
-  `,
-};

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

@@ -1,6 +0,0 @@
-import ImageViewer from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof ImageViewer>;
-export default meta;
-type Story = StoryObj<typeof ImageViewer>;
-export declare const Default: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageViewer/ImageViewer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,GAAG,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA"}

package/lib/core/ImageViewer/ImageViewer.stories.js

@@ -1,19 +0,0 @@
-import ImageViewer from '.';
-const meta = {
-    title: 'Core/ImageViewer',
-    component: ImageViewer,
-};
-export default meta;
-export const Default = {
-    name: 'Image viewer',
-    args: {
-        images: [
-            'https://random.imagecdn.app/500/500',
-            'https://random.imagecdn.app/750/750',
-            'https://random.imagecdn.app/1080/2000',
-            'https://random.imagecdn.app/1980/1020',
-        ],
-        onClose: () => console.log('close'),
-        initialImage: 1,
-    },
-};

package/lib/core/ImageViewer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageViewer/index.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,kBAAkB;IAClB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,mCAAuC,KAAK,qDAiGhE,CAAA;AACD,eAAe,WAAW,CAAA"}

package/lib/core/ImageViewer/index.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useTheme } from '@emotion/react';
-import { styles } from './styles';
-import Image from '../Image';
-import Carousel from 'nuka-carousel';
-import Text from '../Text';
-import IconChevronLeft from '../../icons/General/IconChevronLeft';
-import IconClose from '../../icons/General/IconClose';
-import { useEffect, useState } from 'react';
-import { Key } from '../../enums/Keyboard';
-import { VisuallyHidden } from 'react-aria';
-const ImageViewer = ({ images, initialImage = 0, onClose }) => {
-    const theme = useTheme();
-    const [isZoomed, setIsZoomed] = useState(false);
-    useEffect(() => {
-        // Trigger close event on "escape" keydown
-        const handleKeyDown = (event) => {
-            if (event.key === Key.escape)
-                onClose();
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, []);
-    const hasMultipleImages = Boolean(images.length > 1);
-    return (_jsx("div", { css: styles.overlay, children: _jsxs("div", { css: styles.carousel, role: "dialog", "aria-modal": true, "aria-labelledby": "carousel-heading", children: [_jsx(VisuallyHidden, { id: "carousel-heading", children: "Bildevisning" }), _jsx(Carousel, { enableKeyboardControls: true, swiping: hasMultipleImages, dragging: hasMultipleImages, wrapAround: true, slideIndex: initialImage, cellSpacing: 15, onUserNavigation: () => setIsZoomed(false), renderTopRightControls: () => (_jsx("button", { css: styles.closeBtn, onClick: onClose, "aria-label": "Lukk bildevisning", children: _jsx(IconClose, { color: "white" }) })), renderCenterRightControls: ({ nextSlide }) => hasMultipleImages && (_jsx("button", { css: styles.controlBtn('right'), onClick: nextSlide, "aria-label": "Naviger til neste bilde", children: _jsx(IconChevronLeft, { size: 18, color: theme.btnDefaultFontColor, flip: true }) })), renderCenterLeftControls: ({ previousSlide }) => hasMultipleImages && (_jsx("button", { css: styles.controlBtn('left'), onClick: previousSlide, "aria-label": "Naviger til forrige bilde", children: _jsx(IconChevronLeft, { size: 18, color: theme.btnDefaultFontColor }) })), renderBottomCenterControls: ({ currentSlide }) => (_jsx("div", { css: styles.pageInfo, children: _jsxs(Text, { color: theme.btnDefaultFontColor, size: "14px", "aria-label": `Bilde ${currentSlide + 1} av ${images.length}`, children: [currentSlide + 1, " / ", images.length] }) })), children: images.map((imageSrc, i) => (_jsx("div", { css: [styles.imageContainer(isZoomed)], children: _jsx(Image, { src: imageSrc, alt: `Bilde ${i + 1} av ${images.length}`, objectFit: "contain", onClick: () => setIsZoomed(!isZoomed) }) }, i))) })] }) }));
-};
-export default ImageViewer;

package/lib/core/ImageViewer/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageViewer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAI3C,eAAO,MAAM,MAAM;;;6BAwCQ,OAAO;4BAwBR,MAAM,GAAG,OAAO;;sBAgBtB,KAAK;CAOxB,CAAA"}

package/lib/core/ImageViewer/styles.js

@@ -1,90 +0,0 @@
-import { css } from '@emotion/react';
-const _controlBg = 'rgba(0, 0, 0, 0.5)';
-export const styles = {
-    overlay: css `
-    position: fixed;
-    -webkit-overflow-scrolling: touch;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1001;
-    padding: 1em;
-    background: rgba(0, 0, 0, 0.8);
-    overflow: auto;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  `,
-    carousel: css `
-    position: relative;
-    display: flex;
-    height: 100%;
-    width: 100%;
-
-    .slider-container {
-      height: 100%;
-      width: 100%;
-    }
-
-    .slider-frame {
-      height: 100% !important;
-    }
-
-    .slider-list {
-      height: 100%;
-    }
-
-    .slide {
-      height: 100% !important;
-    }
-  `,
-    imageContainer: (zoomed) => css `
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    height: 100%;
-
-    img {
-      max-width: 100%;
-      max-height: 100%;
-      width: fit-content;
-      height: fit-content;
-      min-width: 100px;
-      min-height: 100px;
-      cursor: zoom-in;
-      transition: min-width 50ms ease;
-      ${zoomed &&
-        css `
-        min-width: 50vw;
-        min-height: 50vh;
-        cursor: zoom-out;
-      `}
-    }
-  `,
-    controlBtn: (direction) => css `
-    background-color: ${_controlBg};
-    border: none;
-    border-radius: 50%;
-    padding: 0.75em;
-    cursor: pointer;
-    margin-left: ${direction === 'left' ? '3px' : '0'};
-    margin-right: ${direction === 'right' ? '3px' : '0'};
-  `,
-    pageInfo: css `
-    display: flex;
-    justify-content: center;
-    padding: 0.25em 1em;
-    border-radius: 5px;
-    background-color: ${_controlBg};
-  `,
-    closeBtn: (theme) => css `
-    background-color: ${_controlBg};
-    border: none;
-    border-radius: ${theme.mypageBoxBorderRadius};
-    padding: 0.75em;
-    cursor: pointer;
-  `,
-};

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import InfoButton from '.';
-declare const meta: Meta<typeof InfoButton>;
-export default meta;
-type Story = StoryObj<typeof InfoButton>;
-export declare const Default: Story;
-export declare const Right: Story;
-export declare const Bottom: Story;
-export declare const Left: Story;
-export declare const Width: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfoButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/InfoButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,UAAU,MAAM,GAAG,CAAA;AAG1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyC,MAAM,OAAO,CAAA;AAK7D,UAAU,MAAM;IACd,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC3C,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyEhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/InfoButton/index.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useState, useEffect, createRef } from 'react';
-import { Tooltip, StyledButton, Wrapper, styles } from './styles';
-import Text from '../Text';
-import { AnimatePresence } from 'motion/react';
-const InfoButton = ({ trackingName, icon, place = 'top', children, stopPropagation, 'aria-label': ariaLabel, width, className, }) => {
-    const ref = 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);
-        };
-    }, [showTooltip, ref]);
-    return (_jsxs(Wrapper, { ref: ref, className: className, children: [_jsx(StyledButton, { "aria-label": ariaLabel, trackingName: trackingName, nostyle: true, onClick: handleClick, children: icon ? icon : '' }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(Tooltip, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.1 }, role: "tooltip", id: "info-tooltip", "aria-hidden": !showTooltip, css: () => [
-                        styles.default,
-                        place === 'top' && styles.top,
-                        place === 'right' && styles.right,
-                        place === 'bottom' && styles.bottom,
-                        place === 'left' && styles.left,
-                        width && styles.width(width, place),
-                    ], children: _jsx(Text, { children: children ? children : '' }) })) })] }));
-};
-export default InfoButton;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;gBAII,MACzB,SAAQ;iBAKV,MAAI,SAAS;0BAKR,MAAM,SAAS;;;;sBAQ2C,MAAO,UACpE;wBAOI,MAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAxBxB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;mBAmFF,MAAM,SAAS,MAAM;CAQrC,CAAA;AAED,eAAO,MAAM,OAAO;;UAenB,CAAA;AAED,eAAO,MAAM,OAAO;;SAtGoB,MAAM,WAE1C;2GAwGH,CAAA"}

package/lib/core/InfoButton/styles.js

@@ -1,126 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-import Button from '../Button';
-import { motion } from 'motion/react';
-export const StyledButton = styled(Button) `
-  margin-left: 5px;
-
-  &:focus-visible {
-    outline: 1px dotted #212121;
-    outline: 5px auto -webkit-focus-ring-color;
-  }
-`;
-export const styles = {
-    default: css `
-    text-align: left;
-    max-width: 300px;
-  `,
-    top: css `
-    bottom: calc(24px + 5px);
-    left: calc(-11vw + 9px);
-    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
-
-    @media screen and (max-width: ${bp.small}) {
-      width: 50vw;
-      left: calc(-25vw + 9px);
-    }
-    @media screen and (max-width: ${bp.large}) and (orientation: landscape) {
-      width: 50vw;
-    }
-
-    &::after {
-      top: 100%;
-      left: 50%;
-      margin-left: -5px;
-      border-color: white transparent transparent transparent;
-    }
-  `,
-    right: css `
-    top: 0;
-    left: 35px;
-    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;
-      right: 100%;
-      margin-left: -5px;
-      border-color: transparent white transparent transparent;
-    }
-  `,
-    bottom: css `
-    top: calc(24px + 5px);
-    left: calc(-11vw + 9px);
-    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
-
-    @media screen and (max-width: ${bp.small}) {
-      width: 50vw;
-      left: calc(-25vw + 9px);
-    }
-    @media screen and (max-width: ${bp.large}) and (orientation: landscape) {
-      width: 50vw;
-    }
-
-    &::after {
-      bottom: 100%;
-      left: 50%;
-      margin-left: -5px;
-      border-color: transparent transparent white transparent;
-    }
-  `,
-    left: 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;
-    }
-  `,
-    width: (width, place) => css `
-    width: ${width} !important;
-    left: ${place === 'top' || place === 'bottom'
-        ? `calc((-${width} / 2) + 9px) !important`
-        : place === 'right'
-            ? '35px'
-            : 'initial'};
-  `,
-};
-export const Tooltip = styled(motion.div) `
-  position: absolute;
-  width: 22vw;
-  text-align: center;
-  padding: 0.5em;
-  border-radius: 10px;
-  background-color: white;
-  z-index: 9999;
-
-  &::after {
-    content: '';
-    position: absolute;
-    border-width: 5px;
-    border-style: solid;
-  }
-`;
-export const Wrapper = styled.span `
-  display: block;
-  width: max-content;
-  position: relative;
-`;

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

@@ -1,23 +0,0 @@
-import Input from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Input>;
-export default meta;
-type Story = StoryObj<typeof Input>;
-export declare const Default: Story;
-export declare const Focused: Story;
-export declare const Stealth: 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 Invalid: Story;
-export declare const InvalidNoLabel: Story;
-export declare const Controls: Story;
-export declare const FormattedNumberOnly: Story;

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

@@ -1 +0,0 @@
-{"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,KAAK,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,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAQpB,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,KASpB,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,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAA;AACD,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAA"}