@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Datepicker/index.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-/* eslint-disable react-hooks/exhaustive-deps */
-/** @jsxImportSource @emotion/react */
-import { useEffect, useRef, useState } from 'react';
-import { Wrapper, Label, ErrorMessage, styles } from './styles';
-import { DayPicker } from 'react-day-picker';
-import { nb } from 'date-fns/locale';
-import { parseDate, getDateIsValid, datesAreOnSameDay } from '../../utils/dates';
-import IconErrorOutline from '../../icons/General/IconErrorOutline';
-import { useIsMobile } from '../..';
-import { usePopper } from 'react-popper';
-import { format, isValid } from 'date-fns';
-import { useTheme } from '@emotion/react';
-import { Key } from '../../enums/Keyboard';
-import 'react-day-picker/style.css';
-const FORMAT = 'dd.MM.yyyy';
-const Datepicker = ({ value, label, invalidMessage, maxDate, minDate, withYearMonthForm = true, disabled, disabledTitle, onChange, onBlur, nonInput, ...restProps }) => {
-    const currentYear = new Date().getFullYear();
-    const toDate = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
-    const fromDate = minDate ? new Date(minDate) : new Date(currentYear - 150, 0);
-    const isMobile = useIsMobile();
-    const pickerRef = useRef(null);
-    const theme = useTheme();
-    const [displayMonth, setDisplayMonth] = useState(value ? value : undefined);
-    const [date, setDate] = useState(value ? value : undefined);
-    const [pickerValue, setPickerValue] = useState(value ? value : undefined);
-    const [inputValue, setInputValue] = useState(value ? format(value, FORMAT) : '');
-    const [isOpen, setIsOpen] = useState(false);
-    const [popperElement, setPopperElement] = useState(null);
-    const [referenceElement, setReferenceElement] = useState(null);
-    const validation = Boolean(invalidMessage);
-    useEffect(() => {
-        // Detect parent input value changes
-        const formatted = value ? format(value, FORMAT) : '';
-        if (inputValue === formatted)
-            return;
-        handleInputChange(formatted, true);
-    }, [value]);
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            const node1 = pickerRef.current;
-            const node2 = popperElement;
-            if ((node1 && node1.contains(e.target)) ||
-                (node2 && node2.contains(e.target)))
-                return;
-            handleClose();
-        };
-        if (isOpen) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isOpen, pickerRef, popperElement]);
-    const emitChange = (newDate) => {
-        newDate?.setHours(11, 0); // To avoid timezone issues
-        setDate(newDate);
-        onChange && onChange(newDate);
-    };
-    const handleClose = () => {
-        setIsOpen(false);
-        setDisplayMonth(undefined);
-        onBlur && onBlur();
-    };
-    const popper = usePopper(referenceElement, popperElement, {
-        placement: 'bottom-start',
-    });
-    const handleChange = (newDate) => {
-        if (disabled ||
-            (!newDate && !date) ||
-            (newDate && date && datesAreOnSameDay(newDate, date)))
-            return;
-        if (!newDate || !isDateValid(newDate))
-            emitChange(undefined);
-        else
-            emitChange(newDate);
-    };
-    const isDateValid = (date) => isValid(date) && getDateIsValid(date, fromDate, toDate);
-    const handleInputChange = (value, emitChange) => {
-        setInputValue(value);
-        const date = parseDate(value, FORMAT);
-        if (date && isDateValid(date)) {
-            setPickerValue(date);
-            setDisplayMonth(date);
-        }
-        else {
-            setPickerValue(undefined);
-        }
-        if (emitChange)
-            handleChange(date);
-    };
-    const handleDaySelect = (date) => {
-        setPickerValue(date ? date : undefined);
-        if (date) {
-            setInputValue(format(date, FORMAT));
-            setTimeout(handleClose, 100);
-        }
-        else {
-            setInputValue('');
-        }
-        handleChange(date);
-    };
-    const handleInputKeydown = (e) => setIsOpen(e.key !== Key.tab);
-    const Picker = (_jsx(DayPicker, { "aria-label": "Datovelger", defaultMonth: date, selected: pickerValue, mode: "single", onSelect: handleDaySelect, fromMonth: fromDate, toMonth: toDate, month: displayMonth, locale: nb, captionLayout: withYearMonthForm ? 'dropdown' : undefined, disabled: [{ before: fromDate }, { after: toDate }], onMonthChange: setDisplayMonth }));
-    return (_jsx(Wrapper, { css: (theme) => [
-            styles.default(theme),
-            validation && styles.validation,
-            invalidMessage && styles.invalid(theme),
-            nonInput && styles.nonInput(theme),
-        ], title: disabled ? disabledTitle : undefined, "aria-disabled": disabled, children: nonInput ? (Picker) : (_jsxs(_Fragment, { children: [_jsxs("label", { className: "input-wrapper", ref: pickerRef, children: [label && _jsx(Label, { children: label }), _jsx("input", { placeholder: "dd.mm.\u00E5\u00E5\u00E5\u00E5", value: inputValue, onChange: (e) => handleInputChange(e.currentTarget.value), onFocus: () => setIsOpen(true), onClick: () => setIsOpen(true), ref: setReferenceElement, onBlur: () => handleInputChange(inputValue && pickerValue ? format(pickerValue, FORMAT) : '', true), disabled: disabled, readOnly: isMobile, onKeyDown: handleInputKeydown, "aria-invalid": !!invalidMessage, "aria-describedby": invalidMessage ? 'error-desc' : undefined, "aria-label": label ? label : 'Felt for å velge dato', ...restProps }), invalidMessage && _jsx(IconErrorOutline, { size: "16px" }), invalidMessage && (_jsx(ErrorMessage, { id: "error-desc", theme: theme, children: invalidMessage }))] }), isOpen && (_jsx("div", { tabIndex: -1, className: "dialog-sheet", style: popper.styles.popper, ref: setPopperElement, role: "dialog", "aria-modal": "true", "aria-label": "Datovelger dialog", ...popper.attributes.popper, children: Picker }))] })) }));
-};
-export default Datepicker;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,eAAO,MAAM,OAAO;;SAkBhB,MACA,WAAM;yGAnByB,CAAA;AAEnC,eAAO,MAAM,KAAK;;SAgBd,MACA,WAAM;2GAjBwB,CAAA;AAElC,eAAO,MAAM,YAAY;;SAcrB,MACA,WAAM;2GAPT,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;;qBAuJT,SAAS;sBAuBR,SAAS;CAqC5B,CAAA;AAED,eAAO,MAAM,YAAY;;SAlNrB,MACA,WAAM;qHAsNT,CAAA;AAED,eAAO,MAAM,GAAG;;SAzNZ,MACA,WAAM;yGAwNqB,CAAA"}

package/lib/core/Datepicker/styles.js

@@ -1,234 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-import bp from '../../globals/styles/breakpoints';
-export const Wrapper = styled.div ``;
-export const Label = styled.span ``;
-export const ErrorMessage = styled.span `
-  font-size: 14px;
-  padding-left: 25px;
-  line-height: 20px;
-  font-weight: 600;
-  margin-bottom: 0;
-  margin-top: 2px;
-  color: ${(props) => props.theme.alert};
-`;
-export const styles = {
-    default: (theme) => css `
-    /**
-    * INPUT STYLES
-    */
-    .input-wrapper {
-      display: grid;
-      grid-template-rows: min-content;
-
-      &:focus-within span:first-of-type {
-        color: ${theme.primary};
-      }
-
-      & span:first-of-type {
-        line-height: 22px;
-        font-size: 1em;
-        font-weight: 600;
-        margin-bottom: 4px;
-      }
-
-      input {
-        height: 36px;
-        width: calc(100% - 20px - 2px);
-        font-size: 16px;
-        line-height: 20px;
-        outline: none;
-        border-color: ${theme.border};
-        border-width: 1px;
-        border-radius: 5px;
-        border-style: solid;
-        padding: 0 10px;
-
-        &:focus {
-          border-color: ${theme.primary};
-        }
-        &:disabled {
-          background-color: ${theme.disabled};
-        }
-      }
-    }
-
-    /**
-    * DIALOG STYLES
-    */
-
-    .rdp-root {
-      border: none;
-      border-radius: 10px;
-      margin-top: 10px;
-
-      --rdp-today-color: ${theme.primary};
-      --rdp-accent-color: ${theme.primary};
-      --rdp-selected-border: ${theme.primary};
-      --rdp-background-color: ${theme.bg};
-      --rdp-background-color-hover: ${theme.bgLight};
-      --rdp-background-color-selected: ${theme.btnDefault};
-      --rdp-background-color-range-start: ${theme.btnDefault};
-      --rdp-background-color-range-end: ${theme.btnDefault};
-    }
-
-    .rdp-month_caption {
-      text-transform: capitalize;
-    }
-
-    .rdp-day {
-      line-height: 1em;
-      border-radius: 50%;
-
-      &:hover {
-        background-color: ${theme.bgLight};
-      }
-      &.rdp-selected {
-        background-color: ${theme.btnDefault};
-        color: white;
-      }
-    }
-    .rdp-day_button {
-      border-radius: 50%;
-      &:hover {
-        background-color: ${theme.primary10opa};
-      }
-    }
-    .rdp-selected,
-    .rdp-selected:hover,
-    .rdp-selected:focus {
-      background-color: ${theme.btnDefault};
-      color: white;
-      border-radius: 50%;
-    }
-
-    .rdp-day:not(.rdp-selected):not(.rdp-day_disabled),
-    .rdp-nav {
-      margin-right: 8px;
-      .rdp-button_previous {
-        &:hover,
-        &:focus {
-          background-color: ${theme.primary10opa};
-        }
-        &:focus {
-          border-color: ${theme.secondary5darker};
-        }
-      }
-      .rdp-button_next {
-        &:hover,
-        &:focus {
-          background-color: ${theme.primary10opa};
-        }
-        &:focus {
-          border-color: ${theme.secondary5darker};
-        }
-      }
-    }
-
-    .rdp-day_disabled {
-      opacity: 0.25;
-      cursor: default;
-    }
-
-    .rdp-dropdowns {
-      margin-left: 12px;
-    }
-
-    .dialog-sheet {
-      width: fit-content;
-      box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
-      background-color: #fff;
-      z-index: 10;
-      margin-top: 10px;
-      border-radius: 5px;
-    }
-
-    @media screen and (max-width: 379px) {
-      .DayPicker-NavButton {
-        right: 0em;
-      }
-    }
-  `,
-    validation: css `
-    .input-wrapper {
-      position: relative;
-      input {
-        width: calc(100% - 35px - 2px);
-        padding-right: 25px;
-      }
-
-      & > svg {
-        position: absolute;
-        bottom: 2px;
-        left: 3px;
-      }
-    }
-  `,
-    invalid: (theme) => css `
-    .input-wrapper {
-      input {
-        border-color: ${theme.alert};
-
-        &:active,
-        &:focus,
-        &:hover {
-          border-color: ${theme.alert};
-        }
-      }
-
-      svg {
-        path {
-          fill: ${theme.alert};
-        }
-      }
-
-      &:focus-within > span:first-of-type {
-        color: ${theme.alert};
-      }
-    }
-  `,
-    nonInput: (theme) => css `
-    .rdp {
-      margin: 0;
-    }
-
-    .rdp-month {
-      border: 1px solid ${theme.border};
-      border-radius: 5px;
-      padding: 1em;
-      width: 100%;
-      max-width: 491px;
-
-      @media screen and (max-width: ${bp.small}) {
-        padding: 0;
-      }
-    }
-
-    .rdp-table {
-      width: 100%;
-      max-width: unset;
-    }
-
-    .rdp-head_row,
-    .rdp-row {
-      display: flex;
-      justify-content: space-between;
-    }
-
-    .rdp-head_row {
-      margin-top: 1em;
-    }
-
-    .rdp-head_cell {
-      width: 40px;
-      height: 20px;
-    }
-  `,
-};
-export const StyledSelect = styled.select `
-  border: none;
-  font-size: 16px;
-  min-width: 60px;
-  margin-right: 5px;
-`;
-export const Div = styled.div ``;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatepickerRange.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/DatepickerRange.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,GAAG,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAGtC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7C,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA"}

package/lib/core/DatepickerRange/DatepickerRange.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DatepickerRange from '.';
-const meta = {
-    title: 'Core/DatepickerRange',
-    component: DatepickerRange,
-};
-export default meta;
-export const Default = {
-    render: () => (_jsx("div", { style: { height: '600px' }, children: _jsx(DatepickerRange, { onChange: console.log, label: {
-                from: 'from date',
-                to: 'to date',
-            } }) })),
-    name: 'Default',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAsBjD,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,6BAA6B;IAC7B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,CAAA;IAClC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAC3C,6BAA6B;IAC7B,aAAa,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IACrD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAKD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyIrC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/DatepickerRange/index.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-// import { useRef, useState, useEffect } from 'react'
-// import { Modifier, Modifiers } from 'react-day-picker'
-// import DayPickerInput from 'react-day-picker/DayPickerInput'
-// import { useIsMobile } from '../..'
-import IconErrorOutline from '../../icons/General/IconErrorOutline';
-// import {
-//   formatDate,
-//   MONTHS,
-//   parseDate,
-//   WEEKDAYS_LONG,
-//   WEEKDAYS_SHORT,
-// } from '../../utils/dates'
-import { Input, Wrapper, styles, Label, ErrorMessage,
-// DividerLine,
- } from './styles';
-// const FORMAT = 'dd.MM.yyyy'
-// const PLACEHOLDER = 'dd.mm.åååå'
-const DatePickerRange = ({ value, label, invalidMessage, validation, maxDate, disabled, disabledTitle, onChange, onBlur, css, maxWidth = 550, minWidth = 550, }) => {
-    // const isMobile = useIsMobile()
-    // const fromPickerRef = useRef<DayPickerInput>(null)
-    // const toPickerRef = useRef<DayPickerInput>(null)
-    // const currentYear = new Date().getFullYear()
-    // const maxDateAvailable = maxDate
-    //   ? new Date(maxDate)
-    //   : new Date(currentYear + 5, 11, 31)
-    // const [dates, setDates] = useState<{ to?: Date; from?: Date }>({
-    //   to: undefined,
-    //   from: undefined,
-    // })
-    // useEffect(() => {
-    //   if (isMobile && fromPickerRef)
-    //     (fromPickerRef as any).current.input.readOnly = true
-    // }, [isMobile, fromPickerRef])
-    // useEffect(() => {
-    //   if (isMobile && toPickerRef)
-    //     (toPickerRef.current as any).input.readOnly = true
-    // }, [isMobile, toPickerRef])
-    // const modifiers: Partial<Modifiers> = { start: dates.from, end: dates.to }
-    // const pickerPropsDefault = {
-    //   locale: 'no',
-    //   months: MONTHS,
-    //   weekdaysLong: WEEKDAYS_LONG,
-    //   weekdaysShort: WEEKDAYS_SHORT,
-    //   firstDayOfWeek: 1,
-    //   // custom
-    //   modifiers,
-    //   numberOfMonths: 2,
-    //   selected: [dates.from, { from: dates.from, to: dates.to }],
-    // }
-    // const toDayProps = {
-    //   ...pickerPropsDefault,
-    //   disabled: { before: dates.from } as Modifier,
-    //   month: dates.from,
-    //   fromMonth: dates.from,
-    // }
-    // const fromDayProps = {
-    //   ...pickerPropsDefault,
-    //   disabled: { after: dates.to } as Modifier,
-    //   toMonth: dates.to,
-    //   onDayClick: () => toPickerRef.current?.getInput().focus(),
-    // }
-    // const handleChange = (key: 'to' | 'from') => (date: Date) => {
-    //   setDates((prev) => ({ ...prev, [key]: date }))
-    //   onChange({ ...dates, [key]: date })
-    // }
-    return (_jsx(Wrapper, { css: () => [styles.wrapper(maxWidth, minWidth), css && css], children: _jsxs(Input, { className: "InputFromTo", title: disabled?.from && disabledTitle?.from
-                ? disabledTitle?.from
-                : undefined, css: (theme) => [
-                styles.default(theme),
-                validation && styles.validation,
-                invalidMessage && styles.invalid(theme),
-            ], children: [label?.from && _jsx(Label, { children: label.from }), invalidMessage?.to && _jsx(IconErrorOutline, { size: "16px" }), invalidMessage && _jsx(ErrorMessage, { children: invalidMessage?.to })] }) }));
-};
-export default DatePickerRange;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,OAAO;;SAmBV,MAAO,WACV;yGApB4B,CAAA;AAEnC,eAAO,MAAM,KAAK;;SAiBR,MAAO,WACV;yGAlB0B,CAAA;AAEjC,eAAO,MAAM,KAAK;;SAeR,MAAO,WACV;2GAhB2B,CAAA;AAElC,eAAO,MAAM,WAAW;;SAad,MAAO,WACV;2GANN,CAAA;AAED,eAAO,MAAM,YAAY;;SAGf,MAAO,WACV;2GAGN,CAAA;AAED,eAAO,MAAM,MAAM;wBACG,MAAM,YAAY,MAAM;qBAuD3B,SAAS;;qBAoET,SAAS;CAqB3B,CAAA"}

package/lib/core/DatepickerRange/styles.js

@@ -1,169 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-export const Wrapper = styled.div ``;
-export const Input = styled.div ``;
-export const Label = styled.span ``;
-export const DividerLine = styled.span `
-  align-self: flex-end;
-  // Height of input elements
-  line-height: 38px;
-
-  @media screen and (max-width: ${bp.medium}) {
-    display: none;
-  }
-`;
-export const ErrorMessage = styled.span `
-  font-size: 14px;
-  padding-left: 25px;
-  line-height: 30px;
-  font-weight: 600;
-  margin-bottom: 0;
-  color: ${(props) => props.theme.alert};
-`;
-export const styles = {
-    wrapper: (maxWidth, minWidth) => css `
-    display: flex;
-    max-width: ${maxWidth}px;
-    min-width: ${minWidth}px;
-    width: 100%;
-    flex-wrap: nowrap;
-    gap: 0.5em;
-    align-items: flex-end;
-
-    @media screen and (max-width: ${bp.medium}) {
-      flex-direction: column;
-      align-items: flex-start;
-    }
-
-    .InputFromTo .DayPickerInput-Overlay {
-      width: ${minWidth}px;
-
-      @media screen and (max-width: ${bp.medium}) {
-        width: ${minWidth / 2}px;
-      }
-    }
-    .InputFromTo-to .DayPickerInput-Overlay {
-      width: ${minWidth}px;
-      margin-left: -${minWidth / 2 - 80}px;
-
-      @media screen and (max-width: ${bp.medium}) {
-        width: ${minWidth / 2}px;
-        margin-left: unset;
-      }
-    }
-
-    .InputFromTo-to .DayPicker-Day {
-      border-radius: 0 !important;
-    }
-    .InputFromTo-to .DayPicker-Day--start {
-      border-top-left-radius: 50% !important;
-      border-bottom-left-radius: 50% !important;
-    }
-    .InputFromTo-to .DayPicker-Day--end {
-      border-top-right-radius: 50% !important;
-      border-bottom-right-radius: 50% !important;
-    }
-
-    .InputFromTo .DayPicker-Day {
-      border-radius: 0 !important;
-    }
-    .InputFromTo .DayPicker-Day--start {
-      border-top-left-radius: 50% !important;
-      border-bottom-left-radius: 50% !important;
-    }
-    .InputFromTo .DayPicker-Day--end {
-      border-top-right-radius: 50% !important;
-      border-bottom-right-radius: 50% !important;
-    }
-  `,
-    default: (theme) => css `
-    display: grid;
-    grid-template-rows: min-content;
-
-    &:focus-within span:first-of-type {
-      color: ${theme.primary};
-    }
-
-    & > span:first-of-type {
-      line-height: 22px;
-      font-size: 1em;
-      font-weight: 600;
-      margin-bottom: 4px;
-    }
-
-    input {
-      height: 36px;
-      width: calc(100% - 20px - 2px);
-      font-size: 16px;
-      line-height: 20px;
-      outline: none;
-      border-color: ${theme.border};
-      border-width: 1px;
-      border-radius: 5px;
-      border-style: solid;
-      padding: 0 10px;
-
-      &:focus {
-        border-color: ${theme.primary};
-      }
-      &:disabled {
-        background-color: ${theme.disabled};
-      }
-    }
-
-    .DayPicker-Day {
-      line-height: 1em;
-    }
-
-    .DayPicker-Day--today {
-      color: black;
-    }
-
-    .InputFromTo
-      .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
-      background-color: ${theme.btnDefault};
-      color: ${theme.btnDefaultFontColor};
-    }
-
-    @media screen and (max-width: 379px) {
-      .DayPicker-NavButton {
-        right: 0em;
-      }
-    }
-  `,
-    validation: css `
-    position: relative;
-    input {
-      width: calc(100% - 35px - 2px);
-      padding-right: 25px;
-    }
-
-    & > svg {
-      position: absolute;
-      bottom: 7px;
-      left: 3px;
-    }
-  `,
-    invalid: (theme) => css `
-    input {
-      border-color: ${theme.alert};
-
-      &:active,
-      &:focus,
-      &:hover {
-        border-color: ${theme.alert};
-      }
-    }
-
-    svg {
-      path {
-        fill: ${theme.alert};
-      }
-    }
-
-    &:focus-within span:nth-of-type(2) {
-      color: ${theme.alert};
-    }
-  `,
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Divider/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB;IACnB,GAAG,CAAC,EAAE,gBAAgB,CAAA;CACvB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsB7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/core/Divider/index.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import styles from './styles';
-const Divider = ({ className, color, subtle, margin, height, lightGray, css, }) => {
-    return (_jsx("hr", { className: className, css: (theme) => [
-            styles.default(color),
-            subtle && styles.subtle(theme),
-            margin && styles.margin(margin),
-            height && styles.height(height),
-            lightGray && styles.lightGray,
-            css && css,
-        ] }));
-};
-export default Divider;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Divider/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;;oBAOM,SAAS;qBAGR,MAAM;qBAGN,MAAM;;CAMxB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Divider/styles.js

@@ -1,23 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (color = '#f7f7f7') => css `
-    height: 1px;
-    background-color: ${color};
-    border: none;
-    margin: 1em 0;
-  `,
-    subtle: (theme) => css `
-    background-color: ${theme.subtleText};
-  `,
-    margin: (margin) => css `
-    margin: ${margin} 0;
-  `,
-    height: (height) => css `
-    height: ${height}px;
-  `,
-    lightGray: css `
-    background-color: #d7d7d7;
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,10 +0,0 @@
-import Dropdown from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Dropdown>;
-export default meta;
-type Story = StoryObj<typeof Dropdown>;
-export declare const Default: Story;
-export declare const Background: Story;
-export declare const CustomLabel: Story;
-export declare const Icon: Story;
-export declare const WithTimeout: Story;