dibk-design 7.7.1 → 8.0.1

package/dist/components/DescriptionList.module.scss

@@ -1,15 +0,0 @@
-.descriptionList {
-    margin: 0;
-    padding: 0;
-    margin-bottom: 20px;
-    font-size: 16px;
-    list-style: var(--listStyle);
-    &[style*="--title-width"] {
-        display: flex;
-        flex-flow: row wrap;
-        align-items: end;
-    }
-    &.compact {
-        margin-left: 0px;
-    }
-}

package/dist/components/DescriptionTerm.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _helpers = require("../functions/helpers");
-var _DescriptionTermModule = _interopRequireDefault(require("./DescriptionTerm.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DescriptionTerm = _ref => {
-  let {
-    compact,
-    titleWidth,
-    children
-  } = _ref;
-  return _react.default.createElement("dt", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_DescriptionTermModule.default.descriptionTerm, compact && _DescriptionTermModule.default.compact]),
-    style: {
-      "--title-width": titleWidth || null
-    }
-  }, children);
-};
-DescriptionTerm.propTypes = {
-  compact: _propTypes.default.bool,
-  titleWidth: _propTypes.default.string
-};
-DescriptionTerm.defaultProps = {
-  compact: false
-};
-var _default = exports.default = DescriptionTerm;

package/dist/components/DescriptionTerm.module.scss

@@ -1,30 +0,0 @@
-// Variables
-@use "../style/abstracts/variables/colors";
-
-.descriptionTerm {
-    font-size: 16px;
-    list-style: var(--listStyle);
-    color: var(--color-primary, colors.$color-primary);
-    margin: 0;
-    font-weight: bold;
-    &:not(.compact) {
-        line-height: 1.6;
-    }
-    &.compact {
-        line-height: 1.4;
-    }
-    &:not([style*="--title-width"]) {
-        display: inline;
-        &::before {
-            display: block;
-            content: "";
-        }
-        &::after {
-            display: inline;
-            content: " ";
-        }
-    }
-    &[style*="--title-width"] {
-        width: var(--title-width);
-    }
-}

package/dist/components/Dialog.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _xSymbol = _interopRequireDefault(require("../assets/svg/x-symbol.svg?url"));
-var _DialogModule = _interopRequireDefault(require("./Dialog.module.scss"));
-var _helpers = require("../functions/helpers");
-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; }
-const Dialog = props => {
-  var _props$attachTo, _props$maxWidth;
-  const dialogRef = (0, _react.useRef)();
-  const dialogContainerRef = (0, _react.useRef)();
-  const dialogContentRef = (0, _react.useCallback)(element => {
-    if (!!element) {
-      (0, _helpers.addFocusTrapInsideElement)(element);
-    }
-    return element;
-  }, []);
-  (0, _react.useEffect)(() => {
-    const keyDownFunction = event => {
-      switch (event.keyCode) {
-        case 27:
-          if (props.onClickOutside) props.onClickOutside();
-          break;
-        default:
-          return null;
-      }
-    };
-    const handleClickOutside = event => {
-      if (dialogContainerRef !== null && dialogContainerRef !== void 0 && dialogContainerRef.current && !dialogContainerRef.current.contains(event.target)) {
-        props.onClickOutside();
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("keydown", keyDownFunction, false);
-  }, [props, dialogContainerRef]);
-  (0, _react.useEffect)(() => {
-    dialogRef.current.close();
-    if (!props.hidden) {
-      props.modal ? dialogRef.current.showModal() : dialogRef.current.show();
-    }
-  }, [dialogRef, props.hidden, props.modal]);
-  const sideBarClassNames = ((_props$attachTo = props.attachTo) === null || _props$attachTo === void 0 ? void 0 : _props$attachTo.length) && (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.isSidebar, _DialogModule.default[props.attachTo]]);
-  const dialogContentStyleProps = {
-    "--max-width": (props === null || props === void 0 || (_props$maxWidth = props.maxWidth) === null || _props$maxWidth === void 0 ? void 0 : _props$maxWidth.length) && props.maxWidth
-  };
-  return _react.default.createElement("dialog", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.dialog, sideBarClassNames]),
-    ref: dialogRef
-  }, _react.default.createElement("div", {
-    ref: dialogContainerRef,
-    className: _DialogModule.default.dialogContainer,
-    style: dialogContentStyleProps
-  }, _react.default.createElement("div", {
-    ref: dialogContentRef,
-    className: (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.dialogContent, props.noPadding && _DialogModule.default.noPadding])
-  }, props.closeButton ? _react.default.createElement("button", {
-    "aria-label": "Lukk dialog",
-    onClick: props.onClickOutside,
-    className: (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.closeButton, props.noPadding && _DialogModule.default.noPadding])
-  }, _react.default.createElement("img", {
-    src: _xSymbol.default,
-    alt: ""
-  })) : null, _react.default.createElement("div", {
-    "aria-live": "assertive",
-    role: "dialog"
-  }, props.children))));
-};
-Dialog.propTypes = {
-  maxWidth: _propTypes.default.string,
-  noPadding: _propTypes.default.bool,
-  closeButton: _propTypes.default.bool,
-  onClickOutside: _propTypes.default.func.isRequired,
-  modal: _propTypes.default.bool
-};
-Dialog.defaultProps = {
-  maxWidth: "none",
-  modal: false
-};
-var _default = exports.default = Dialog;

package/dist/components/Dialog.module.scss

@@ -1,178 +0,0 @@
-// Mixins
-@use "../style/abstracts/mixins/calc";
-
-// Variables
-@use "../style/abstracts/variables/colors";
-@use "../style/abstracts/variables/viewports";
-
-@keyframes modalInVertical {
-    0% {
-        opacity: 0;
-        transform: translateY(2em);
-    }
-}
-
-@keyframes modalInHorizontalRight {
-    0% {
-        opacity: 0;
-        transform: translateX(2em);
-    }
-}
-
-@keyframes modalInHorizontalLeft {
-    0% {
-        opacity: 0;
-        transform: translateX(-2em);
-    }
-}
-
-.dialog {
-    &::backdrop {
-        background: color-mix(in srgb, var(--color-primary, colors.$color-primary), transparent 60%);
-    }
-    &[open] {
-        border: none;
-        background: none;
-        display: flex;
-        max-height: none;
-        max-width: none;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        position: fixed;
-        .dialogContainer {
-            display: flex;
-            flex-wrap: wrap;
-            overflow: auto;
-            .dialogContent {
-                background-color: #fff;
-                width: 100%;
-            }
-            .dialogContent {
-                position: relative;
-            }
-            .closeButton {
-                background: none;
-                border: none;
-                color: var(--color-primary, colors.$color-primary);
-                display: inline-block;
-                position: absolute;
-                cursor: pointer;
-                &:hover {
-                    text-decoration: none;
-                }
-                img {
-                    width: 17px;
-                    height: 17px;
-                }
-            }
-        }
-        &:not(.isSidebar) {
-            align-items: center;
-            justify-content: center;
-            padding: 8px 28px;
-            @media (min-width: viewports.$screen-md) {
-                padding: 36px;
-            }
-            .dialogContainer {
-                animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running modalInVertical;
-                max-height: 90vh;
-                .dialogContent {
-                    &:not(.noPadding) {
-                        padding: 30px 15px;
-                        @media only screen and (min-width: viewports.$screen-sm) {
-                            padding: 60px 40px;
-                        }
-                    }
-                }
-            }
-            .closeButton {
-                &:not(.noPadding) {
-                    right: 5px;
-                    top: 8px;
-                    @media only screen and (min-width: viewports.$screen-sm) {
-                        right: 10px;
-                        top: 13px;
-                    }
-                }
-                &.noPadding {
-                    right: 0;
-                    top: 0;
-                }
-            }
-        }
-        &.isSidebar {
-            padding: 0;
-            height: 100vh;
-            .dialogContainer {
-                height: 100%;
-                width: var(--max-width, auto);
-                max-width: 100vw;
-                .dialogContent {
-                    &:not(.noPadding) {
-                        padding: 24px;
-                    }
-                }
-            }
-            .closeButton {
-                z-index: 2;
-                right: 10px;
-                top: 13px;
-            }
-            &.left {
-                margin: 0 auto 0 0;
-                .dialogContainer {
-                    justify-content: left;
-                    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running modalInHorizontalLeft;
-                }
-            }
-            &.right {
-                margin: 0 0 0 auto;
-                .dialogContainer {
-                    justify-content: right;
-                    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running modalInHorizontalRight;
-                }
-            }
-        }
-    }
-}
-
-.dialogOverlay {
-    width: 0;
-    height: 0;
-    border: none;
-    position: absolute;
-    padding: 0;
-    overflow: hidden;
-
-    &[open] {
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        z-index: 2;
-    }
-
-    &:not(.isSidebar) {
-        align-content: center;
-        justify-content: center;
-
-        .dialogContent {
-            @include calc.calc("max-height", "100% - 128px");
-            width: 100%;
-            max-width: var(--max-width, 540px);
-        }
-    }
-
-    .dialogContent {
-        background-color: #fff;
-        overflow: auto;
-        position: relative;
-
-        @media (min-width: viewports.$screen-md) {
-            @include calc.calc("width", "100% - 128px");
-            max-height: 100%;
-        }
-    }
-}

package/dist/components/DragAndDropFileInput.js

@@ -1,142 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("./Button"));
-var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-var _Label = _interopRequireDefault(require("./Label"));
-var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
-var _DragAndDropFileInputModule = _interopRequireDefault(require("./DragAndDropFileInput.module.scss"));
-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; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DragAndDropFileInput = props => {
-  var _props$errorMessage, _props$ariaDescribed;
-  const [highlight, setHighlight] = (0, _react.useState)(false);
-  const containerElementRef = (0, _react.useRef)();
-  const fileInputElementRef = (0, _react.useRef)();
-  const preventDefaults = e => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const renderValueAsText = (value, defaultContent) => {
-    return value ? value : defaultContent;
-  };
-  const handleAddButtonOnClick = () => {
-    fileInputElementRef.current.click();
-  };
-  const getErrorElementId = () => {
-    return "".concat(props.id, "-errorMessage");
-  };
-  const inputElementProps = {
-    id: props.id,
-    "aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
-    "aria-invalid": props.hasErrors ? "true" : null,
-    name: props.name,
-    required: props.required
-  };
-  let buttonContent;
-  if (props.selectedFileName) {
-    buttonContent = props.buttonContentWhenSelectedFile ? props.buttonContentWhenSelectedFile : props.buttonContent;
-  } else {
-    buttonContent = props.buttonContent;
-  }
-  (0, _react.useEffect)(() => {
-    const handleFiles = files => {
-      props.onDragAndDropChange(files);
-    };
-    const handleDrop = e => {
-      const files = e.dataTransfer.files;
-      handleFiles(files);
-    };
-    if (containerElementRef !== null && containerElementRef !== void 0 && containerElementRef.current) {
-      containerElementRef.current.addEventListener("dragenter", preventDefaults, false);
-      containerElementRef.current.addEventListener("dragover", preventDefaults, false);
-      containerElementRef.current.addEventListener("dragleave", preventDefaults, false);
-      containerElementRef.current.addEventListener("drop", preventDefaults, false);
-      containerElementRef.current.addEventListener("dragenter", () => {
-        setHighlight(true);
-      }, false);
-      containerElementRef.current.addEventListener("dragover", () => {
-        setHighlight(true);
-      }, false);
-      containerElementRef.current.addEventListener("dragleave", () => {
-        setHighlight(false);
-      }, false);
-      containerElementRef.current.addEventListener("drop", () => {
-        setHighlight(false);
-      }, false);
-      containerElementRef.current.addEventListener("drop", handleDrop, false);
-      return () => {
-        containerElementRef.current.removeEventListener("dragenter", preventDefaults, false);
-        containerElementRef.current.removeEventListener("dragover", preventDefaults, false);
-        containerElementRef.current.removeEventListener("dragleave", preventDefaults, false);
-        containerElementRef.current.removeEventListener("drop", preventDefaults, false);
-        containerElementRef.current.removeEventListener("dragenter", () => setHighlight(true), false);
-        containerElementRef.current.removeEventListener("dragover", () => setHighlight(true), false);
-        containerElementRef.current.removeEventListener("dragleave", () => setHighlight(false), false);
-        containerElementRef.current.removeEventListener("drop", () => setHighlight(false), false);
-        containerElementRef.current.removeEventListener("drop", handleDrop, false);
-      };
-    }
-  }, [props]);
-  return _react.default.createElement("div", {
-    className: _DragAndDropFileInputModule.default.dragAndDropFileInput
-  }, _react.default.createElement(_Label.default, {
-    htmlFor: props.id
-  }, props.label, props.required && _react.default.createElement("img", {
-    src: _asterisk.default,
-    alt: "",
-    className: _DragAndDropFileInputModule.default.requiredSymbol
-  })), _react.default.createElement("div", null, props.children), !props.contentOnly ? _react.default.createElement("div", {
-    ref: containerElementRef,
-    className: "".concat(_DragAndDropFileInputModule.default.dragAndDropContainer, " ").concat(highlight ? _DragAndDropFileInputModule.default.highlighted : "")
-  }, props.selectedFileName ? _react.default.createElement("div", null, _react.default.createElement("span", null, _react.default.createElement("b", null, "Valgt fil:"), " ", props.selectedFileName)) : _react.default.createElement("div", null, "Slipp fil her"), _react.default.createElement("input", _extends({}, inputElementProps, {
-    ref: fileInputElementRef,
-    type: "file",
-    onChange: props.onSelectChange
-  })), props.buttonContent ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", null, props.selectedFileName ? "" : "eller klikk på knappen for å velge fil"), _react.default.createElement(_Button.default, {
-    size: "small",
-    type: "button",
-    color: props.buttonColor,
-    onClick: () => handleAddButtonOnClick(),
-    content: buttonContent,
-    hasErrors: props.hasErrors,
-    "data-transaction-name": props["data-transaction-name"]
-  })) : null) : null, props.contentOnly ? _react.default.createElement("span", null, renderValueAsText(props.selectedFileName, props.defaultContent)) : "", _react.default.createElement(_ErrorMessage.default, {
-    id: getErrorElementId(),
-    content: props.errorMessage
-  }));
-};
-DragAndDropFileInput.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  name: _propTypes.default.string,
-  onSelectChange: _propTypes.default.func.isRequired,
-  onDragAndDropChange: _propTypes.default.func.isRequired,
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
-  contentOnly: _propTypes.default.bool,
-  buttonColor: _propTypes.default.string,
-  buttonContent: _propTypes.default.string,
-  buttonContentWhenSelectedFile: _propTypes.default.string,
-  selectedFileName: _propTypes.default.string,
-  defaultContent: _propTypes.default.string,
-  hasErrors: _propTypes.default.bool,
-  errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
-  required: _propTypes.default.bool,
-  "data-transaction-name": _propTypes.default.string
-};
-DragAndDropFileInput.defaultProps = {
-  label: "",
-  contentOnly: false,
-  buttonColor: "primary",
-  defaultContent: "",
-  hasErrors: false,
-  errorMessage: "",
-  required: false
-};
-var _default = exports.default = DragAndDropFileInput;

package/dist/components/DragAndDropFileInput.module.scss

@@ -1,38 +0,0 @@
-// Mixins
-@use "../style/abstracts/mixins/transition";
-
-// Variables
-@use "../style/abstracts/variables/colors";
-
-.dragAndDropFileInput {
-    .requiredSymbol {
-        width: 1em;
-        height: 1em;
-        font-size: 0.4em;
-        vertical-align: top;
-        margin-top: 2px;
-    }
-
-    .dragAndDropContainer {
-        @include transition.transition(all 0.1s ease-in-out);
-        border: 2px dashed var(--color-secondary-light, colors.$color-secondary-light);
-        border-radius: 20px;
-        width: 100%;
-        padding: 20px;
-        text-align: center;
-        background-color: #fff;
-
-        input {
-            display: none;
-        }
-
-        button {
-            margin: 14px 0 0;
-        }
-
-        &.highlighted {
-            background: var(--color-secondary-x-light, colors.$color-secondary-x-light);
-            border-color: var(--color-primary, colors.$color-primary);
-        }
-    }
-}

package/dist/components/ErrorBox.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _helpers = require("../functions/helpers");
-var _ErrorBoxModule = _interopRequireDefault(require("./ErrorBox.module.scss"));
-var _infoSign = _interopRequireDefault(require("../assets/svg/info-sign.svg?url"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ErrorBox = props => {
-  return _react.default.createElement("div", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_ErrorBoxModule.default.errorBoxContainer, _ErrorBoxModule.default[props.type], props.fullScreen && _ErrorBoxModule.default.fullScreen])
-  }, _react.default.createElement("div", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_ErrorBoxModule.default.errorBox, props.fullScreen && _ErrorBoxModule.default.fullScreen])
-  }, _react.default.createElement("img", {
-    src: _infoSign.default,
-    alt: "",
-    className: _ErrorBoxModule.default.infoSign
-  }), props.children));
-};
-ErrorBox.propTypes = {
-  type: _propTypes.default.oneOf(["warning", "error"]),
-  fullScreen: _propTypes.default.bool
-};
-ErrorBox.defaultProps = {
-  children: "",
-  type: "warning",
-  fullScreen: false
-};
-var _default = exports.default = ErrorBox;

package/dist/components/ErrorBox.module.scss

@@ -1,68 +0,0 @@
-// Variables
-@use "../style/abstracts/variables/colors";
-@use "../style/abstracts/variables/sizes";
-@use "../style/abstracts/variables/typography";
-@use "../style/abstracts/variables/viewports";
-
-@keyframes messageIn {
-    0% {
-        opacity: 0;
-        transform: translateY(2em);
-    }
-}
-
-.errorBoxContainer {
-    font-family: typography.$default-font;
-    margin: 0;
-    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running messageIn;
-    position: relative;
-    line-height: 24px;
-    &.warning {
-        background-color: var(--color-warning-x-light, colors.$color-warning-x-light);
-        border-color: var(--color-warning, colors.$color-warning);
-    }
-    &.error {
-        background-color: var(--color-error-x-light, colors.$color-error-x-light);
-        border-color: var(--color-error, colors.$color-error);
-    }
-    &.fullScreen {
-        border-bottom-width: 4px;
-        border-bottom-style: solid;
-    }
-    &:not(.fullScreen) {
-        border-left-width: 4px;
-        border-left-style: solid;
-    }
-    .errorBox {
-        padding: 24px 24px 24px calc(1.2em + 48px);
-        &.fullScreen {
-            max-width: sizes.$content-width;
-            margin: auto;
-            position: relative;
-        }
-        .infoSign {
-            position: absolute;
-            top: 24px;
-            left: 24px;
-            width: 24px;
-            height: 24px;
-            display: inline-block;
-            vertical-align: middle;
-        }
-        h1,
-        h2,
-        h3,
-        h4 {
-            font-size: 20px;
-            font-weight: 500;
-            line-height: 1.3;
-            margin: 0;
-            @media only screen and (min-width: viewports.$screen-sm) {
-                font-size: 24px;
-            }
-        }
-        ul {
-            padding-left: 20px;
-        }
-    }
-}

package/dist/components/ErrorMessage.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.scss"));
-var _errorSign = _interopRequireDefault(require("../assets/svg/error-sign.svg?url"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ErrorMessage = props => {
-  var _props$content;
-  const getErrorElementProps = () => {
-    var _props$id;
-    return {
-      id: !!((_props$id = props.id) !== null && _props$id !== void 0 && _props$id.length) ? props.id : null,
-      className: _ErrorMessageModule.default.errorMessage
-    };
-  };
-  return props !== null && props !== void 0 && (_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length ? _react.default.createElement("span", _extends({
-    "aria-live": "polite"
-  }, getErrorElementProps()), _react.default.createElement("img", {
-    src: _errorSign.default,
-    alt: "",
-    className: _ErrorMessageModule.default.errorSign
-  }), props.content) : null;
-};
-ErrorMessage.propTypes = {
-  id: _propTypes.default.string,
-  content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))])
-};
-ErrorMessage.defaultProps = {
-  content: ""
-};
-var _default = exports.default = ErrorMessage;