@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/CommentsTimeline/CommentsTimeline.stories.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CustomContent = exports.CommentsTimeline = void 0;
-var _ = _interopRequireDefault(require("."));
-var _CommentLine = _interopRequireDefault(require("./CommentLine"));
-var _IconComment = _interopRequireDefault(require("../../icons/General/IconComment"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/CommentsTimeline',
-  component: _.default
-};
-var _default = exports.default = meta;
-const CommentsTimeline = exports.CommentsTimeline = {
-  args: {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CommentLine.default, {
-        time: "11:40",
-        date: "20.08.2020",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-          primary: true
-        }),
-        header: "Test Person",
-        comment: "This is a comment"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommentLine.default, {
-        time: "11:30",
-        date: "20.08.2020",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-          primary: true
-        }),
-        header: "Test Person",
-        comment: "This is a comment"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommentLine.default, {
-        time: "11:10",
-        date: "21.02.2001",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-          primary: true
-        }),
-        header: "Test Person",
-        comment: "This is a comment"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommentLine.default, {
-        time: "11:40",
-        date: "22.12.2000",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-          primary: true
-        }),
-        header: "Kristian Gr\xF8nvold",
-        comment: "This is a also comment"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommentLine.default, {
-        time: "11:40",
-        date: "22.12.2000",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-          primary: true
-        }),
-        header: "Kristian Gr\xF8nvold",
-        comment: "This is an italic comment with extra info",
-        italic: true,
-        subtle: true,
-        commentInfo: "Extra text"
-      })]
-    })
-  },
-  name: 'CommentsTimeline'
-};
-const CustomContent = exports.CustomContent = {
-  args: {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommentLine.default, {
-        time: "11:40",
-        date: "20.08.2020",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-          primary: true
-        }),
-        header: "Test Person",
-        comment: "This is a comment",
-        commentInfo: "Comment info",
-        customContent: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: ["This is some custom content where you can add", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            children: "stuff"
-          })]
-        })
-      })
-    })
-  },
-  name: 'Custom content'
-};

package/esm/core/CommentsTimeline/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CommentsTimeline = ({
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    "aria-label": "Tidslinje Kommentarer",
-    tabIndex: 0,
-    children: children
-  });
-};
-var _default = exports.default = CommentsTimeline;

package/esm/core/CommentsTimeline/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ew4oa5v0"
-} : {
-  target: "ew4oa5v0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "cutfhu",
-  styles: "display:grid;grid-row-gap:1em;&>div:last-of-type::after{display:none;width:5px;}"
-} : {
-  name: "cutfhu",
-  styles: "display:grid;grid-row-gap:1em;&>div:last-of-type::after{display:none;width:5px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/CustomText/CustomText.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Plain = exports.LoadingCenter = exports.Loading = exports.Html = void 0;
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/CustomText',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Html = exports.Html = {
-  args: {
-    text: '<ul><li>Html</li><li><strong>Text</strong></li></ul>'
-  },
-  name: 'Html'
-};
-const Plain = exports.Plain = {
-  args: {
-    text: 'Supports plain text with\r  linebreak'
-  },
-  name: 'Plain'
-};
-const Loading = exports.Loading = {
-  args: {
-    loading: true,
-    lines: 3
-  },
-  name: 'Loading'
-};
-const LoadingCenter = exports.LoadingCenter = {
-  args: {
-    loading: true,
-    lines: 3,
-    centerloader: true
-  },
-  name: 'Loading center'
-};

package/esm/core/CustomText/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _Html = _interopRequireDefault(require("../Html"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const CustomText = props => {
-  if (props.error) {
-    return null;
-  }
-  if (props.loading) {
-    const lines = props.lines ? props.lines : 1;
-    const skeletonRows = [];
-    for (var i = 0; i < lines; i++) {
-      skeletonRows.push((0, _jsxRuntime.jsx)(_Skeleton.default, {
-        "aria-hidden": "true"
-      }, i));
-    }
-    return (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-      css: () => props.centerloader && _styles.center,
-      "aria-busy": "true",
-      children: skeletonRows
-    });
-  }
-  return (0, _jsxRuntime.jsx)(_Html.default, {
-    text: props.text,
-    secondary: props.secondary,
-    dark: props.dark,
-    size: props.size,
-    whiteSpace: props.whiteSpace
-  });
-};
-var _default = exports.default = CustomText;

package/esm/core/CustomText/styles.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.center = exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ei0607b0"
-} : {
-  target: "ei0607b0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1593lot",
-  styles: "display:grid;grid-template-rows:1fr;grid-row-gap:0.3em"
-} : {
-  name: "1593lot",
-  styles: "display:grid;grid-template-rows:1fr;grid-row-gap:0.3em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const center = exports.center = process.env.NODE_ENV === "production" ? {
-  name: "1wg53za",
-  styles: "justify-items:center"
-} : {
-  name: "2nn238-center",
-  styles: "justify-items:center;label:center;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};

package/esm/core/Datepicker/Datepicker.stories.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithValue = exports.WithError = exports.NonInput = exports.LimitValues = exports.Disabled = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Datepicker',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    onChange: e => console.log(e),
-    onBlur: () => console.log('blur'),
-    label: 'Date'
-  },
-  name: 'Default'
-};
-const WithError = exports.WithError = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    onChange: e => console.log(e),
-    label: "With error",
-    validation: true,
-    invalidMessage: "Something is wrong"
-  }),
-  name: 'With error'
-};
-const WithValue = exports.WithValue = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    onChange: e => console.log('change', e),
-    label: "With value",
-    value: new Date(1995, 7, 20)
-  }),
-  name: 'With value'
-};
-const LimitValues = exports.LimitValues = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "With min and max date",
-    withYearMonthForm: false,
-    minDate: new Date(2020, 10, 10),
-    maxDate: new Date(2020, 11, 10),
-    onChange: e => console.log('change', e)
-  }),
-  name: 'Limit values'
-};
-const Disabled = exports.Disabled = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Disabled",
-    onChange: e => console.log('change', e),
-    disabled: true,
-    disabledTitle: "I'm disabled"
-  }),
-  name: 'Disabled'
-};
-const NonInput = exports.NonInput = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    onChange: e => console.log('change', e),
-    nonInput: true,
-    withYearMonthForm: true
-  }),
-  name: 'Non input'
-};

package/esm/core/Datepicker/index.js

@@ -1,182 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _reactDayPicker = require("react-day-picker");
-var _locale = require("date-fns/locale");
-var _dates = require("../../utils/dates");
-var _IconErrorOutline = _interopRequireDefault(require("../../icons/General/IconErrorOutline"));
-var _ = require("../..");
-var _reactPopper = require("react-popper");
-var _dateFns = require("date-fns");
-var _react2 = require("@emotion/react");
-var _Keyboard = require("../../enums/Keyboard");
-require("react-day-picker/style.css");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable react-hooks/exhaustive-deps */
-/** @jsxImportSource @emotion/react */
-
-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 = (0, _.useIsMobile)();
-  const pickerRef = (0, _react.useRef)(null);
-  const theme = (0, _react2.useTheme)();
-  const [displayMonth, setDisplayMonth] = (0, _react.useState)(value ? value : undefined);
-  const [date, setDate] = (0, _react.useState)(value ? value : undefined);
-  const [pickerValue, setPickerValue] = (0, _react.useState)(value ? value : undefined);
-  const [inputValue, setInputValue] = (0, _react.useState)(value ? (0, _dateFns.format)(value, FORMAT) : '');
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const [popperElement, setPopperElement] = (0, _react.useState)(null);
-  const [referenceElement, setReferenceElement] = (0, _react.useState)(null);
-  const validation = Boolean(invalidMessage);
-  (0, _react.useEffect)(() => {
-    // Detect parent input value changes
-    const formatted = value ? (0, _dateFns.format)(value, FORMAT) : '';
-    if (inputValue === formatted) return;
-    handleInputChange(formatted, true);
-  }, [value]);
-  (0, _react.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 = (0, _reactPopper.usePopper)(referenceElement, popperElement, {
-    placement: 'bottom-start'
-  });
-  const handleChange = newDate => {
-    if (disabled || !newDate && !date || newDate && date && (0, _dates.datesAreOnSameDay)(newDate, date)) return;
-    if (!newDate || !isDateValid(newDate)) emitChange(undefined);else emitChange(newDate);
-  };
-  const isDateValid = date => (0, _dateFns.isValid)(date) && (0, _dates.getDateIsValid)(date, fromDate, toDate);
-  const handleInputChange = (value, emitChange) => {
-    setInputValue(value);
-    const date = (0, _dates.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((0, _dateFns.format)(date, FORMAT));
-      setTimeout(handleClose, 100);
-    } else {
-      setInputValue('');
-    }
-    handleChange(date);
-  };
-  const handleInputKeydown = e => setIsOpen(e.key !== _Keyboard.Key.tab);
-  const Picker = (0, _jsxRuntime.jsx)(_reactDayPicker.DayPicker, {
-    "aria-label": "Datovelger",
-    defaultMonth: date,
-    selected: pickerValue,
-    mode: "single",
-    onSelect: handleDaySelect,
-    fromMonth: fromDate,
-    toMonth: toDate,
-    month: displayMonth,
-    locale: _locale.nb,
-    captionLayout: withYearMonthForm ? 'dropdown' : undefined,
-    disabled: [{
-      before: fromDate
-    }, {
-      after: toDate
-    }],
-    onMonthChange: setDisplayMonth
-  });
-  return (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    css: theme => [_styles.styles.default(theme), validation && _styles.styles.validation, invalidMessage && _styles.styles.invalid(theme), nonInput && _styles.styles.nonInput(theme)],
-    title: disabled ? disabledTitle : undefined,
-    "aria-disabled": disabled,
-    children: nonInput ? Picker : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsxs)("label", {
-        className: "input-wrapper",
-        ref: pickerRef,
-        children: [label && (0, _jsxRuntime.jsx)(_styles.Label, {
-          children: label
-        }), (0, _jsxRuntime.jsx)("input", {
-          placeholder: "dd.mm.\xE5\xE5\xE5\xE5",
-          value: inputValue,
-          onChange: e => handleInputChange(e.currentTarget.value),
-          onFocus: () => setIsOpen(true),
-          onClick: () => setIsOpen(true),
-          ref: setReferenceElement,
-          onBlur: () => handleInputChange(inputValue && pickerValue ? (0, _dateFns.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' // Added aria-label here
-          ,
-          ...restProps
-        }), invalidMessage && (0, _jsxRuntime.jsx)(_IconErrorOutline.default, {
-          size: "16px"
-        }), invalidMessage && (0, _jsxRuntime.jsx)(_styles.ErrorMessage, {
-          id: "error-desc",
-          theme: theme,
-          children: invalidMessage
-        })]
-      }), isOpen && (0, _jsxRuntime.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
-      })]
-    })
-  });
-};
-var _default = exports.default = Datepicker;

package/esm/core/Datepicker/styles.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.Wrapper = exports.StyledSelect = exports.Label = exports.ErrorMessage = exports.Div = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eeqn0pd4"
-} : {
-  target: "eeqn0pd4",
-  label: "Wrapper"
-})();
-const Label = exports.Label = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "eeqn0pd3"
-} : {
-  target: "eeqn0pd3",
-  label: "Label"
-})();
-const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "eeqn0pd2"
-} : {
-  target: "eeqn0pd2",
-  label: "ErrorMessage"
-})("font-size:14px;padding-left:25px;line-height:20px;font-weight:600;margin-bottom:0;margin-top:2px;color:", props => props.theme.alert, ";");
-const styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)(".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, ";}}}.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;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  validation: process.env.NODE_ENV === "production" ? {
-    name: "15gn4bn",
-    styles: ".input-wrapper{position:relative;input{width:calc(100% - 35px - 2px);padding-right:25px;}&>svg{position:absolute;bottom:2px;left:3px;}}"
-  } : {
-    name: "1ldgpzk-validation",
-    styles: ".input-wrapper{position:relative;input{width:calc(100% - 35px - 2px);padding-right:25px;}&>svg{position:absolute;bottom:2px;left:3px;}};label:validation;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  invalid: theme => /*#__PURE__*/(0, _react.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, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalid;")),
-  nonInput: theme => /*#__PURE__*/(0, _react.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: ", _breakpoints.default.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;}" + (process.env.NODE_ENV === "production" ? "" : ";label:nonInput;"))
-};
-const StyledSelect = exports.StyledSelect = /*#__PURE__*/(0, _base.default)("select", process.env.NODE_ENV === "production" ? {
-  target: "eeqn0pd1"
-} : {
-  target: "eeqn0pd1",
-  label: "StyledSelect"
-})(process.env.NODE_ENV === "production" ? {
-  name: "tcsvyp",
-  styles: "border:none;font-size:16px;min-width:60px;margin-right:5px"
-} : {
-  name: "tcsvyp",
-  styles: "border:none;font-size:16px;min-width:60px;margin-right:5px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eeqn0pd0"
-} : {
-  target: "eeqn0pd0",
-  label: "Div"
-})();

package/esm/core/DatepickerRange/DatepickerRange.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/DatepickerRange',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      height: '600px'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onChange: console.log,
-      label: {
-        from: 'from date',
-        to: 'to date'
-      }
-    })
-  }),
-  name: 'Default'
-};