@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/Autocomplete/hooks/useAutocomplete.js

@@ -1,212 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _matchSorter = require("match-sorter");
-var _react = require("react");
-var _debounce = require("../../utils/debounce");
-/* eslint-disable react-hooks/exhaustive-deps */
-
-const useAutocomplete = props => {
-  const [showValues, setShowValues] = (0, _react.useState)(!!props.isOpen);
-  const [highlightedIndex, setHighlightedIndex] = (0, _react.useState)(null);
-  const [value, setValueChanged] = (0, _react.useState)(props.value || '');
-  const [inputDirty, setInputDirty] = (0, _react.useState)(false);
-  const debouncedValue = (0, _debounce.useDebounce)(value, props.debounceDelay || 0);
-  const [inputValues, setInputValues] = (0, _react.useState)(props.values);
-  const labelKey = props.labelFromValues || 'label';
-  const handleValueClick = value => {
-    props.onSelectItem?.(value);
-    if (props.fuzzy) setValueChanged(value[labelKey]);
-    setShowValues(false);
-  };
-  const clearSelectedItem = () => handleValueClick({
-    [labelKey]: '',
-    [props.keyFromValues || 'key']: ''
-  });
-  const onInputChange = e => {
-    setInputDirty(true);
-    if (renderedValues) setHighlightedIndex(0);
-    setValueChanged(e.target.value);
-    // Should not use onChange whenever we have fuzzy search on
-    if (props.fuzzy) {
-      setShowValues(Boolean(value));
-      return;
-    }
-    if (props.onChange) props.onChange(e);
-  };
-  const handleOnInputClick = () => {
-    if (renderedValues?.length) setHighlightedIndex(0);
-    setShowValues(true);
-  };
-  const onFuzzyBlur = e => {
-    if (e.target.value === props.value) return;
-
-    // If target value is the same as a value from the values array, we should set the value for the user
-    if (inputValues?.length) {
-      const valueInInputValues = inputValues.find(item => item[labelKey].length && item[labelKey].toLowerCase() === e.target.value.toLowerCase());
-      if (valueInInputValues) {
-        const val = valueInInputValues[labelKey];
-        setValueChanged(val);
-        handleValueClick(valueInInputValues);
-        return;
-      }
-    }
-  };
-  const onFuzzyFocus = () => {
-    setValueChanged('');
-    if (props.values?.length) setShowValues(true);
-  };
-  const renderedValues = (0, _react.useMemo)(() => {
-    if (!props.values?.length) return [];
-    if (props.fuzzy) {
-      const fuzzyOptions = {
-        keys: [labelKey]
-      };
-      return (0, _matchSorter.matchSorter)(props.values, value || '', fuzzyOptions);
-    }
-    return props.values;
-  }, [value]);
-  const handleEscape = () => {
-    setShowValues(false);
-    setHighlightedIndex(null);
-  };
-  const handleClear = () => {
-    clearSelectedItem();
-    handleEscape();
-  };
-  const handleEnter = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!showValues) return;
-    if (!inputValues?.length) {
-      // If there is no autocomplete value in the list, send object with just { value }
-      handleValueClick({
-        value
-      });
-    }
-    if (highlightedIndex === null || !renderedValues?.length) {
-      return;
-    }
-    const item = renderedValues[highlightedIndex];
-    handleValueClick(item);
-    setShowValues(false);
-  };
-  const handleUp = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!showValues) return;
-    if (highlightedIndex === null || !renderedValues?.length) {
-      return;
-    }
-    const newHighlightIndex = highlightedIndex - 1;
-    if (newHighlightIndex < 0) {
-      setHighlightedIndex(null);
-      setShowValues(false);
-      return;
-    }
-    setHighlightedIndex(newHighlightIndex);
-  };
-  const handleDown = e => {
-    if (!showValues) return;
-    e.preventDefault();
-    e.stopPropagation();
-    if (highlightedIndex === null || !renderedValues?.length) {
-      return;
-    }
-    const newHighlightIndex = highlightedIndex + 1;
-    if (newHighlightIndex === renderedValues.length) {
-      setHighlightedIndex(null);
-      setShowValues(false);
-      return;
-    }
-    setHighlightedIndex(newHighlightIndex);
-  };
-  const handleCustomOnKeyDown = e => {
-    const {
-      key
-    } = e;
-    if (key === 'Escape') {
-      handleEscape();
-      return;
-    }
-    props.onKeyDown?.(e);
-  };
-
-  // Makes it possible to navigate using keyboard shortcuts
-  const handleOnKeyDown = e => {
-    const {
-      key
-    } = e;
-    if (showValues && renderedValues?.length) {
-      setHighlightedIndex(0);
-    } else {
-      setHighlightedIndex(null);
-    }
-    switch (key) {
-      case 'Enter':
-        handleEnter(e);
-        break;
-      case 'ArrowUp':
-        handleUp(e);
-        break;
-      case 'ArrowDown':
-      case 'Tab':
-        handleDown(e);
-        break;
-      case 'Escape':
-        handleEscape();
-        break;
-      default:
-        break;
-    }
-  };
-
-  // Handle debounce
-  (0, _react.useEffect)(() => {
-    const handleDebounceChange = value => {
-      if (props.onDebounceChange && inputDirty) {
-        props.onDebounceChange(value);
-      }
-    };
-    handleDebounceChange(debouncedValue);
-  }, [debouncedValue]);
-
-  // Change local open state if props.isOpen changes
-  (0, _react.useEffect)(() => {
-    setShowValues(!!props.isOpen);
-  }, [props.isOpen]);
-
-  // Update local values state if props.values changes
-  (0, _react.useEffect)(() => {
-    setInputValues(props.values);
-  }, [props.values]);
-
-  // Update local value if props.value changes
-  (0, _react.useEffect)(() => {
-    const value = props.value || '';
-    setValueChanged(value);
-  }, [props.value]);
-  (0, _react.useEffect)(() => {
-    if (!props.openCustomValueInputOnKeyPress) return;
-    if (value.length) setShowValues(true);
-  }, [value]);
-  return {
-    setShowValues,
-    handleClear,
-    handleValueClick,
-    onInputChange,
-    handleOnKeyDown,
-    handleCustomOnKeyDown,
-    handleOnInputClick,
-    onFuzzyBlur,
-    onFuzzyFocus,
-    value,
-    highlightedIndex,
-    showValues,
-    renderedValues
-  };
-};
-var _default = exports.default = useAutocomplete;

package/esm/core/Autocomplete/hooks/useHandleDimentions.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const useHandleDimentions = () => {
-  const [height, setHeight] = (0, _react.useState)(0);
-  const [width, setWidth] = (0, _react.useState)(0);
-  const dimentionsRef = /*#__PURE__*/(0, _react.createRef)();
-  (0, _react.useEffect)(() => {
-    const rect = dimentionsRef.current?.getBoundingClientRect();
-    setHeight(rect?.height || 0);
-    setWidth(rect?.width || 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dimentionsRef.current]);
-  return {
-    height,
-    width,
-    dimentionsRef
-  };
-};
-var _default = exports.default = useHandleDimentions;

package/esm/core/Autocomplete/index.interfaces.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/esm/core/Autocomplete/index.js

@@ -1,149 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _IconErrorOutline = _interopRequireDefault(require("../../icons/General/IconErrorOutline"));
-var _Spinner = _interopRequireDefault(require("../Spinner"));
-var _useHandleDimentions = _interopRequireDefault(require("./hooks/useHandleDimentions"));
-var _Link = _interopRequireDefault(require("../Link"));
-var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
-var _useAutocomplete = _interopRequireDefault(require("./hooks/useAutocomplete"));
-var _IconChevronDown = _interopRequireDefault(require("../../icons/General/IconChevronDown"));
-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; }
-/** @jsxImportSource @emotion/react */
-
-const Autocomplete = /*#__PURE__*/_react.default.forwardRef(({
-  height,
-  css,
-  ...props
-}, ref) => {
-  const valuesRef = /*#__PURE__*/(0, _react.createRef)();
-  const {
-    height: optionsHeight,
-    dimentionsRef: optionsRef
-  } = (0, _useHandleDimentions.default)();
-  const {
-    width: inputWrapperWidth,
-    dimentionsRef: inputWrapperRef
-  } = (0, _useHandleDimentions.default)();
-  const {
-    value,
-    highlightedIndex,
-    showValues,
-    renderedValues,
-    setShowValues,
-    handleClear,
-    handleOnInputClick,
-    handleCustomOnKeyDown,
-    handleOnKeyDown,
-    handleValueClick,
-    onInputChange,
-    onFuzzyBlur,
-    onFuzzyFocus
-  } = (0, _useAutocomplete.default)(props);
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = valuesRef.current;
-      if (node && node.contains(e.target)) return;
-      setShowValues(false);
-    };
-    if (showValues) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [showValues, valuesRef]);
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)("label", {
-      ref: inputWrapperRef,
-      onClick: props.onLabelClick ? e => e.preventDefault() : undefined,
-      css: theme => [_styles.styles.default(theme), (props.invalid || props.invalidMessage) && _styles.styles.invalid(theme), props.validation && _styles.styles.validation, props.onLabelClick && _styles.styles.clickableLabel, height && _styles.styles.height(height), css && css],
-      children: [(0, _jsxRuntime.jsxs)("span", {
-        css: _styles.styles.label,
-        children: [props.label && (props.onLabelClick ? (0, _jsxRuntime.jsx)(_Link.default, {
-          textAlign: "left",
-          removeUnderline: true,
-          onClick: props.onLabelClick,
-          children: props.label
-        }) : (0, _jsxRuntime.jsx)("span", {
-          children: props.label
-        })), props.labelSecondary && props.labelSecondary]
-      }), (0, _jsxRuntime.jsxs)("div", {
-        css: theme => [_styles.styles.inputWrapper(theme)],
-        children: [(0, _jsxRuntime.jsxs)("div", {
-          css: _styles.styles.inputBox,
-          children: [(0, _jsxRuntime.jsx)("input", {
-            type: "text",
-            placeholder: props.placeholder,
-            value: value,
-            disabled: props.disabled,
-            autoFocus: props.focus,
-            onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
-            onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
-            onChange: onInputChange,
-            onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
-            onClick: handleOnInputClick,
-            ref: ref,
-            name: props.name,
-            autoComplete: "off",
-            css: theme => [props.disabled && _styles.styles.disabled(theme)],
-            children: _react.default.Children.map(props.children, child => child || null)
-          }), props.clear && (0, _jsxRuntime.jsx)(_styles.Clear, {
-            nostyle: true,
-            onClick: handleClear,
-            children: (0, _jsxRuntime.jsx)(_IconClose.default, {
-              size: 14
-            })
-          }), props.loading && (0, _jsxRuntime.jsx)(_Spinner.default, {
-            size: 14
-          }), props.actions && (0, _jsxRuntime.jsx)("div", {
-            children: props.actions
-          }), props.chevron && (0, _jsxRuntime.jsx)(_IconChevronDown.default, {
-            flipVertical: !!showValues,
-            size: 12
-          })]
-        }), props.renderOptions && _react.default.Children.count(props.renderOptions) > 0 && (0, _jsxRuntime.jsx)("div", {
-          ref: optionsRef,
-          css: _styles.styles.inputValues,
-          children: props.renderOptions
-        })]
-      }), props.invalidMessage && (0, _jsxRuntime.jsxs)("div", {
-        css: _styles.styles.invalidMessage,
-        children: [(0, _jsxRuntime.jsx)(_IconErrorOutline.default, {
-          size: "16px"
-        }), (0, _jsxRuntime.jsx)("span", {
-          css: theme => [(0, _styles.ErrorMessage)(theme)],
-          children: props.invalidMessage
-        })]
-      })]
-    }), (Boolean(props.values?.length) || props.renderCustomValueInput) && !props.loading && showValues && (0, _jsxRuntime.jsxs)("div", {
-      ref: valuesRef,
-      css: () => [!props.renderCustomValueInput && _styles.styles.listWrapper(inputWrapperWidth), props.dynamicallyPlaceInput && Boolean(optionsHeight) && _styles.styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && _styles.styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && _styles.styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
-      children: [Boolean(renderedValues?.length) && (0, _jsxRuntime.jsx)("ul", {
-        css: theme => [_styles.styles.list(theme)],
-        children: renderedValues.map((item, index) => {
-          return (0, _jsxRuntime.jsx)("li", {
-            tabIndex: 0,
-            css: index === highlightedIndex ? _styles.styles.highlightedItem : null,
-            onClick: () => handleValueClick(item),
-            children: props.labelFromValues ? item[props.labelFromValues] : item.label
-          }, props.keyFromValues ? item[props.keyFromValues] : item.key);
-        })
-      }), props.renderCustomValueInput && (0, _jsxRuntime.jsx)("div", {
-        children: props.renderCustomValueInput
-      })]
-    })]
-  });
-});
-var _default = exports.default = Autocomplete;

package/esm/core/Autocomplete/styles.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = exports.ErrorMessage = exports.Clear = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-var _Button = _interopRequireDefault(require("../Button"));
-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 styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-rows:min-content;position:relative;&:focus-within span{color:", theme.primary, ";}&:focus{border-color:", theme.primary, ";}&:disabled{background-color:", theme.disabled, ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}& div{&>span{line-height:22px;font-size:1em;margin-bottom:4px;}input{height:36px;width:calc(100% - 20px - 2px);font-size:16px;line-height:20px;outline:none;border:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  label: /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;justify-content:space-between;@media (max-width: ", _breakpoints.default.medium, "){align-items:flex-start;flex-direction:column;}" + (process.env.NODE_ENV === "production" ? "" : ";label:label;")),
-  clickableLabel: process.env.NODE_ENV === "production" ? {
-    name: "geu0mt",
-    styles: "&>button:first-of-type{width:min-content;}"
-  } : {
-    name: "qgwoj4-clickableLabel",
-    styles: "&>button:first-of-type{width:min-content;};label:clickableLabel;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  inputWrapper: theme => /*#__PURE__*/(0, _react.css)("border-radius:5px;border-style:solid;padding:0 10px;border:2px solid ", theme.border, ";position:relative;&:focus,&:focus-within{border-color:", theme.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputWrapper;")),
-  inputBox: process.env.NODE_ENV === "production" ? {
-    name: "dhgd1l",
-    styles: "display:flex;justify-content:space-between;align-items:center;gap:10px;& div:nth-of-type(1){margin-right:10px;}"
-  } : {
-    name: "ijs8pc-inputBox",
-    styles: "display:flex;justify-content:space-between;align-items:center;gap:10px;& div:nth-of-type(1){margin-right:10px;};label:inputBox;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  inputValues: process.env.NODE_ENV === "production" ? {
-    name: "1yh7j0o",
-    styles: "display:flex;flex-flow:row wrap;gap:5px;margin:0"
-  } : {
-    name: "w8k07d-inputValues",
-    styles: "display:flex;flex-flow:row wrap;gap:5px;margin:0;label:inputValues;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  validation: process.env.NODE_ENV === "production" ? {
-    name: "1hei5g5",
-    styles: "position:relative;input{width:calc(100% - 35px - 2px);padding-right:25px;}span:nth-of-type(2){}"
-  } : {
-    name: "1uqjk3h-validation",
-    styles: "position:relative;input{width:calc(100% - 35px - 2px);padding-right:25px;}span:nth-of-type(2){};label:validation;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  list: theme => /*#__PURE__*/(0, _react.css)("box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);list-style:none;cursor:pointer;margin:0;padding:0;max-height:10em;overflow-x:hidden;overflow-y:scroll;& li{padding:5px 10px;background:#fff;&:not(:last-child){border-bottom:1px solid ", theme.border, ";}&:hover,&:focus{background-color:", theme.bgLight, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:list;")),
-  highlightedItem: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.bgLight, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:highlightedItem;")),
-  listWrapper: width => /*#__PURE__*/(0, _react.css)("margin-top:5px;position:absolute;width:", width, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:listWrapper;")),
-  listWrapperMaxWidth: width => /*#__PURE__*/(0, _react.css)("max-width:", width, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:listWrapperMaxWidth;")),
-  listWrapperTopPosition: top => /*#__PURE__*/(0, _react.css)("margin-top:-", top + 10, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:listWrapperTopPosition;")),
-  invalid: theme => /*#__PURE__*/(0, _react.css)("&>div:first-of-type{border-color:", theme.alert, ";border-style:solid;&:active,&:focus,&:hover{border-color:", theme.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalid;")),
-  invalidMessage: theme => /*#__PURE__*/(0, _react.css)("position:relative;svg{top:3px;right:10px;bottom:7px;left:3px;position:absolute;path{fill:", theme.alert, ";}}font-size:14px;margin-bottom:0;span{line-height:30px;padding-left:25px;}&:focus-within span{color:", theme.alert, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalidMessage;")),
-  height: height => /*#__PURE__*/(0, _react.css)("&>input{height:", height, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:height;")),
-  disabled: theme => /*#__PURE__*/(0, _react.css)({
-    cursor: 'not-allowed',
-    backgroundColor: theme.disabled,
-    borderColor: theme.disabled
-  }, process.env.NODE_ENV === "production" ? "" : ";label:disabled;")
-};
-const ErrorMessage = theme => /*#__PURE__*/(0, _react.css)("font-size:14px;padding-left:10px;margin-bottom:0;font-weight:600;color:", theme.alert, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:ErrorMessage;"));
-exports.ErrorMessage = ErrorMessage;
-const Clear = exports.Clear = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
-  target: "ekk92gr0"
-} : {
-  target: "ekk92gr0",
-  label: "Clear"
-})("&>span{display:flex;align-self:center;justify-content:flex-end;place-items:center;svg{fill:", ({
-  theme
-}) => theme.primary50opa, "!important;&:hover{fill:", ({
-  theme
-}) => theme.primary, "!important;}}}");
-var _default = exports.default = styles;

package/esm/core/Banner/Banner.stories.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutChildren = exports.WithAriaLabel = exports.Success = exports.Info = exports.Default = exports.Danger = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Header = _interopRequireDefault(require("../Header"));
-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/Banner',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: () => console.log('Hello'),
-      children: "Hello I am button"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  },
-  name: 'Default'
-};
-const Success = exports.Success = {
-  args: {
-    success: true,
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  },
-  name: 'Success'
-};
-const Info = exports.Info = {
-  args: {
-    info: true,
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  }
-};
-const Danger = exports.Danger = {
-  args: {
-    danger: true,
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  },
-  name: 'Danger'
-};
-const WithoutChildren = exports.WithoutChildren = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: () => console.log('Hello'),
-      children: "Hello I am button"
-    })
-  },
-  name: 'Without children'
-};
-const WithAriaLabel = exports.WithAriaLabel = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    'aria-label': 'Title. Some content.',
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Some content"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: () => console.log('Hello'),
-      children: "Hello I am button"
-    })
-  },
-  name: 'With aria-label'
-};

package/esm/core/Banner/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Alert = _interopRequireDefault(require("../Alert"));
-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 Banner = ({
-  children,
-  danger,
-  info,
-  success,
-  header,
-  actionButton,
-  ...restProps
-}) => {
-  const isDefault = !success && !danger && !info;
-  return (0, _jsxRuntime.jsx)(_Alert.default, {
-    "aria-live": "assertive",
-    rounded: true,
-    primary: isDefault,
-    success: success,
-    danger: danger,
-    info: info,
-    ...restProps,
-    children: (0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-      children: [(0, _jsxRuntime.jsxs)(_styles.LeftSide, {
-        children: [header, children && (0, _jsxRuntime.jsx)(_styles.Content, {
-          children: children
-        })]
-      }), actionButton && (0, _jsxRuntime.jsx)(_styles.RightSide, {
-        children: actionButton
-      })]
-    })
-  });
-};
-var _default = exports.default = Banner;

package/esm/core/Banner/styles.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.RightSide = exports.LeftSide = exports.Content = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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: "ec636p03"
-} : {
-  target: "ec636p03",
-  label: "Wrapper"
-})("display:flex;flex-direction:row;width:100%;justify-content:space-between;@media screen and (max-width: ", _breakpoints.default.small, "){flex-direction:column;text-align:center;}");
-const Content = exports.Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p02"
-} : {
-  target: "ec636p02",
-  label: "Content"
-})();
-const LeftSide = exports.LeftSide = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p01"
-} : {
-  target: "ec636p01",
-  label: "LeftSide"
-})(process.env.NODE_ENV === "production" ? {
-  name: "16exalf",
-  styles: "display:grid;grid-row-gap:0.5em;h1,h2,h3,h4,h5{align-self:center;}"
-} : {
-  name: "16exalf",
-  styles: "display:grid;grid-row-gap:0.5em;h1,h2,h3,h4,h5{align-self:center;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const RightSide = exports.RightSide = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p00"
-} : {
-  target: "ec636p00",
-  label: "RightSide"
-})("margin-left:2em;display:flex;align-items:center;@media screen and (max-width: ", _breakpoints.default.small, "){margin-left:0;margin-top:2em;align-self:center;}button,a{min-width:169px;}");