intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -1,280 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _index = require("../../../Constants/index.constants");
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-var _utils = require("../../../Functions/utils");
-var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-require("./NumericInput.scss");
-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 && Object.prototype.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 NumericInput = _ref => {
-  let {
-    disabled,
-    withDelete,
-    numStep = 1,
-    min = 0,
-    max,
-    value,
-    placeholder,
-    className,
-    testId = "numeric-input",
-    name,
-    fieldKey,
-    id,
-    onChange = () => {},
-    onBlur = () => {},
-    onFocus = () => {},
-    onKeyUp = () => {},
-    onKeyDown = () => {},
-    maskChar,
-    formatChars,
-    error,
-    icon,
-    isNotBlinkErrors,
-    blinkTime,
-    isPriceInput,
-    isFocusDefault = false,
-    isNotRenderButtons = false,
-    isUseAutoSelect = true,
-    isLoading = false,
-    isAllowNullValue = false,
-    onlyNumbers = {
-      type: "int"
-    },
-    attributesOfNativeInput = {}
-  } = _ref;
-  const DEFAULT_BLINK_TIME = 200;
-
-  //REFS
-  const inputRef = (0, _react.useRef)(null);
-  const decRef = (0, _react.useRef)(null);
-  const incRef = (0, _react.useRef)(null);
-  const wrapRef = (0, _react.useRef)(null);
-
-  // STATES
-  const initialMin = isAllowNullValue ? "" : min;
-  const [inputValue, setInputValue] = (0, _react.useState)(value || initialMin);
-  const [inputValueFormated, setInputValueFormated] = (0, _react.useState)(inputValue);
-  const [intMemoVal, setIntMemoVal] = (0, _react.useState)(0);
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
-  const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
-  const [prevValue, setPreviousValue] = (0, _react.useState)(value || initialMin);
-  const setCursorToEnd = () => {
-    var _input$value;
-    const input = inputRef.current;
-    const cursor = input === null || input === void 0 || (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length;
-    if (input) setTimeout(() => input.setSelectionRange(cursor, cursor), 10);
-  };
-
-  // HANDLES
-  const handle = {
-    change: e => {
-      const inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
-      setInputValue(inputValue.toString());
-    },
-    clear: () => {
-      handle.change(initialMin || "");
-    },
-    focus: e => {
-      setIsFocused(true);
-      if (onFocus) onFocus(e);
-    },
-    blur: e => {
-      setIsFocused(false);
-      if (Number.isNaN(inputValue) || inputValue < min) setInputValue(initialMin);
-      if (max && Number(max) < inputValue) setInputValue(max);
-      if (onBlur) onBlur(e);
-    },
-    keyDown: e => {
-      var _e$target;
-      setPreviousValue(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-      onKeyDown(e.keyCode, e);
-    },
-    keyUp: e => {
-      if (!isNotBlinkErrors) {
-        const changedValue = String(value !== null && value !== void 0 ? value : "");
-        const previousValue = String(prevValue);
-        const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
-        const long = previousValue.length > changedValue.length ? previousValue : changedValue;
-        const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx) => {
-          if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
-            acc.countOn = false;
-            acc.differences.push([idx, symbol]);
-          }
-          return acc;
-        }, {
-          same: [],
-          countOn: true,
-          differences: []
-        });
-        const samePart = infoAboutDifferencesSameness.same.join("");
-        const differencesLength = infoAboutDifferencesSameness.differences.length;
-        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
-        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
-      }
-      if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
-    },
-    decrement: e => {
-      let newValue = Number(intMemoVal) - Number(numStep);
-      if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
-      handle.change(newValue);
-      setTimeout(() => {
-        var _inputRef$current;
-        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-        setCursorToEnd();
-      }, 100);
-    },
-    increment: e => {
-      let newValue = Number(intMemoVal) + Number(numStep);
-      if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
-      handle.change(newValue);
-      setTimeout(() => {
-        var _inputRef$current2;
-        inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
-        setCursorToEnd();
-      }, 100);
-    }
-  };
-
-  //Check Outside Click
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = event => {
-      if (!wrapRef.current.contains(event.target)) setIsFocused(false);
-    };
-    document.addEventListener("mousedown", handleClickOutside, true);
-    return () => document.removeEventListener("mousedown", handleClickOutside, true);
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!isNotBlinkErrors && isAttemptToChange) {
-      setIsAttemptToChange(false);
-      setIsToHighlightError(true);
-      setTimeout(() => {
-        setIsToHighlightError(false);
-      }, blinkTime || DEFAULT_BLINK_TIME);
-    }
-  }, [isAttemptToChange]);
-  (0, _react.useEffect)(() => {
-    if (value && value !== inputValue) setInputValue(value);
-  }, [value]);
-
-  //On Input Value Change
-  (0, _react.useEffect)(() => {
-    if (inputValue !== value) setIsFocused(true);
-    setInputValueFormated(isPriceInput && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue) : inputValue);
-    setIntMemoVal((0, _fieldValueFormatters.formatToRemoveComa)(inputValue));
-    if (typeof onChange === "function" && value !== undefined && +inputValue !== +value) onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
-  }, [inputValue]);
-
-  //On Integer Value Change
-  (0, _react.useEffect)(() => {
-    if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
-  }, [intMemoVal]);
-
-  //On Focuse Change
-  (0, _react.useEffect)(() => {
-    let formatedValue = inputValue;
-    if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
-    setInputValueFormated(formatedValue);
-    if (isFocused) {
-      var _inputRef$current3;
-      if (typeof onFocus === "function") onFocus({
-        target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
-      });
-      inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
-    } else {
-      var _inputRef$current4;
-      if (typeof onBlur === "function") onBlur({
-        target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
-      });
-      inputRef === null || inputRef === void 0 || (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.blur();
-    }
-  }, [isFocused]);
-  (0, _react.useEffect)(() => {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
-  }, [inputRef, isFocusDefault]);
-  function renderInput() {
-    const uniProps = {
-      name: name || fieldKey || id || testId || "",
-      className: "input ".concat(className || ""),
-      placeholder,
-      value: inputValueFormated,
-      disabled,
-      onChange: handle.change,
-      onFocus: handle.focus,
-      onBlur: handle.blur,
-      onKeyDown: handle.keyDown,
-      onKeyUp: handle.keyUp,
-      min,
-      max,
-      ...(maskChar ? {
-        maskChar
-      } : {}),
-      ...(formatChars ? {
-        formatChars
-      } : {})
-    };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
-      "data-testid": "".concat(testId, "-input"),
-      value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
-      ref: inputRef,
-      type: "text",
-      onFocus: function () {
-        if (isUseAutoSelect) inputRef.current.select();
-        if (uniProps.onFocus) uniProps.onFocus(...arguments);
-      }
-    }, attributesOfNativeInput)), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "input__nums"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "".concat(testId, "-minus-btn"),
-      ref: decRef,
-      className: (0, _classnames.default)("input__num-btn", {
-        "events-none": Number(value) <= min
-      }),
-      onMouseDown: e => handle.decrement(e)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
-      className: (0, _classnames.default)({
-        disabled: Number(value) <= min
-      })
-    })), /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "-".concat(testId, "-plus-btn"),
-      ref: incRef,
-      className: (0, _classnames.default)("input__num-btn", {
-        "events-none": Number(value) >= max
-      }),
-      onMouseDown: e => handle.increment(e)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
-      className: (0, _classnames.default)({
-        disabled: Number(value) >= max
-      })
-    }))) : null);
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    ref: wrapRef,
-    className: (0, _classnames.default)("input__wrap", {
-      ["input__wrap_focus"]: isFocused
-    }, {
-      ["input__wrap_error"]: error || isToHighlightError
-    }, {
-      ["input__wrap--disabled"]: disabled || isLoading
-    })
-  }, renderInput(), icon, withDelete && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("input__close", {
-      hidden: !inputValue
-    }),
-    onClick: () => handle.clear()
-  }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    size: "small"
-  }));
-};
-var _default = exports.default = NumericInput;

package/dist/Atomic/FormElements/NumericInput/NumericInput.scss

@@ -1,174 +0,0 @@
-.input {
-  position: relative;
-
-  width: 100%;
-  padding: 0 10px;
-
-  word-break: break-all;
-
-  border: none;
-  background: none;
-
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    appearance: none;
-  }
-
-  &__wrap {
-    position: relative;
-
-    display: flex;
-    align-items: center;
-
-    box-sizing: border-box;
-    height: 28px;
-
-    border: 1px solid #e2e5ec;
-    border-radius: 4px;
-    background-color: #fff;
-
-    &_focus {
-      border-color: #6b81dd;
-      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
-    }
-
-    &_disabled {
-      pointer-events: none;
-
-      opacity: 0.5;
-      border-color: #a6acb1;
-      background: #f7f8fa;
-    }
-
-    &_error {
-      border-color: #f06d8d;
-    }
-
-    .lds-ring.lds-ring_small {
-      top: calc(50% - 18px);
-    }
-  }
-
-  &_disabled {
-    pointer-events: none;
-
-    opacity: 0.5;
-    border-color: #a6acb1;
-    background: #f7f8fa;
-  }
-
-  &_error {
-    border-color: #f06d8d;
-  }
-
-  svg {
-    margin-right: 4px;
-  }
-
-  &__input {
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    padding: 0 5px;
-
-    font-size: 13px;
-    font-weight: 400;
-
-    color: #1e1e2d;
-    border: none;
-    border-radius: 4px;
-  }
-
-  &__close {
-    position: relative;
-
-    visibility: hidden;
-
-    width: 14px;
-    height: 14px;
-    margin-right: 4px;
-
-    cursor: pointer;
-    pointer-events: none;
-
-    opacity: 0.6;
-    background: none;
-
-    &:hover {
-      opacity: 1;
-    }
-
-    &::before,
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-
-      width: 2px;
-      height: 14px;
-      margin: auto;
-
-      content: "";
-
-      background-color: #9aa0b9;
-    }
-
-    &::before {
-      transform: rotate(45deg);
-    }
-
-    &::after {
-      transform: rotate(-45deg);
-    }
-  }
-
-  &__nums {
-    display: flex;
-    align-items: center;
-
-    height: 100%;
-  }
-
-  &__num-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    width: 24px;
-    height: 100%;
-
-    font-size: 20px;
-    cursor: pointer;
-    user-select: none;
-
-    border-left: 1px solid #e2e5ec;
-    background: none;
-
-    &.disabled {
-      opacity: 0.3;
-    }
-
-    svg {
-      margin-right: 0;
-    }
-  }
-
-  &-label {
-    margin-bottom: 5px;
-  }
-
-  &--with-icon {
-    padding: 0 40px 0 10px;
-  }
-}
-
-.input__wrap:hover .input__close {
-  visibility: visible;
-
-  pointer-events: all;
-}
-
-.events-none {
-  pointer-events: none;
-}

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _RadioInput = _interopRequireDefault(require("../RadioInput/RadioInput"));
-require("./RadioGroup.scss");
-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 && Object.prototype.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 RadioGroup = _ref => {
-  let {
-    className,
-    disabled,
-    value,
-    onChange = () => {},
-    direction = "row",
-    options = []
-  } = _ref;
-  const [values, setValues] = (0, _react.useState)(options);
-  (0, _react.useLayoutEffect)(() => setValues(options.map(item => item.value === value ? {
-    ...item,
-    checked: value
-  } : item)), [options, value]);
-  const handle = {
-    change: value => {
-      const newValues = values.map(item => {
-        if (item.value === value) {
-          return {
-            ...item,
-            checked: value
-          };
-        }
-        return {
-          id: item.id,
-          label: item.label,
-          value: item.value
-        };
-      });
-      setValues(newValues);
-      onChange(value);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("radio-group", className, "radio-group--".concat(direction), {
-      "radio-group--disabled": disabled
-    })
-  }, values.map(item => /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({
-    key: item.id
-  }, item, {
-    onChange: handle.change,
-    checked: item.checked
-  }))));
-};
-var _default = exports.default = RadioGroup;

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _FormElement = _interopRequireDefault(require("../../../Molecular/FormElement/FormElement"));
-var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
-var _Input = _interopRequireDefault(require("./../Input/Input"));
-var _RadioInput = _interopRequireDefault(require("./../RadioInput/RadioInput"));
-require("./RadioGroupWithInput.scss");
-const RadioGroupWithInput = _ref => {
-  let {
-    alert,
-    className,
-    disabled,
-    onChange = () => {},
-    direction = "row",
-    options = []
-  } = _ref;
-  const handle = {
-    changeRadio: (value, el) => {
-      const newOptions = options.map(item => {
-        return {
-          ...item,
-          checked: el.value === item.value ? item.value : false
-        };
-      });
-      onChange(newOptions);
-    },
-    changeInput: (value, el) => {
-      el.input.value = value;
-      onChange(options);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "radio-group-input-box"
-  }, alert && /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-    className: "mb10"
-  }, alert)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("radio-group-input", className, "radio-group-input--".concat(direction), {
-      "radio-group-input--disabled": disabled
-    })
-  }, options === null || options === void 0 ? void 0 : options.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item.id,
-      className: (0, _classnames.default)("radio-group-input-item", "radio-group-input-item-".concat(item.id))
-    }, /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, item, {
-      onChange: value => handle.changeRadio(value, item),
-      checked: item.checked
-    })), item.input && item.checked && /*#__PURE__*/_react.default.createElement(_FormElement.default, item.input, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
-      onChange: value => handle.changeInput(value, item)
-    }, item.input))));
-  })));
-};
-var _default = exports.default = RadioGroupWithInput;

package/dist/Atomic/FormElements/RadioInput/RadioInput.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./RadioInput.scss");
-const RC = "radio-input";
-const RadioInput = _ref => {
-  let {
-    label,
-    id,
-    checked,
-    name,
-    disabled,
-    className,
-    value,
-    testId = "radio-input",
-    onChange = () => {},
-    attributesOfNativeInput = {}
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("label", {
-    "data-testid": testId,
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_disabled")]: disabled
-    }),
-    htmlFor: id
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__input"), {
-      ["".concat(RC, "__input--checked")]: checked === value
-    })
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    id: id,
-    "data-testid": "".concat(testId, "-input"),
-    type: "radio",
-    checked: checked === value,
-    className: "".concat(RC, "__radio"),
-    onChange: () => onChange(value),
-    name: name,
-    disabled: disabled
-  }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__mark")
-  })), label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__label")
-  }, label));
-};
-var _default = exports.default = RadioInput;

package/dist/Atomic/FormElements/RadioInput/RadioInput.scss

@@ -1,72 +0,0 @@
-@import "../../../scss/vars";
-
-.radio-input {
-  display: inline-flex;
-  align-items: center;
-
-  cursor: pointer;
-
-  &_disabled {
-    .radio-input__input {
-      cursor: auto;
-      pointer-events: none;
-
-      opacity: 0.3;
-    }
-  }
-
-  &:hover {
-    .radio-input__input {
-      background-color: $color--gray--light;
-    }
-  }
-
-  &__input {
-    position: relative;
-
-    width: 14px;
-    min-width: 14px;
-    height: 14px;
-    min-height: 14px;
-
-    border: 1px solid $color--gray;
-    border-radius: 50%;
-    background-color: #ffff;
-  }
-
-  &__mark {
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-
-    display: none;
-
-    width: 10px;
-    height: 10px;
-    margin: auto;
-
-    border-radius: 50%;
-    background-color: $color--primary;
-  }
-
-  .radio-input__radio:checked ~ .radio-input__mark {
-    display: block;
-  }
-
-  &__radio {
-    position: absolute;
-
-    width: 0;
-    height: 0;
-
-    opacity: 0;
-  }
-
-  &__label {
-    margin-left: 5px;
-
-    font-size: 13px;
-    font-weight: 400;
-    user-select: none;
-  }
-}