iguazio.dashboard-react-controls 2.2.25 → 3.0.1

package/dist/elements/FormActionButton/FormActionButton.js

@@ -1,64 +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 _plus = require("../../images/plus.svg");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2019 Iguazio Systems Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const FormActionButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    disabled = false,
-    fields,
-    fieldsPath,
-    hidden,
-    id = '',
-    label = 'Add new item',
-    onClick
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [!hidden && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "form-table__row form-table__action-row no-hover",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-        "data-testid": id ? id : `${fieldsPath}-add-btn`,
-        onClick: event => onClick(event, fields, fieldsPath),
-        disabled: disabled,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_plus.ReactComponent, {}), label]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: ref
-    })]
-  });
-});
-FormActionButton.propTypes = {
-  disabled: _propTypes.default.bool,
-  fields: _propTypes.default.shape({}).isRequired,
-  fieldsPath: _propTypes.default.string.isRequired,
-  id: _propTypes.default.string,
-  label: _propTypes.default.string,
-  onClick: _propTypes.default.func.isRequired
-};
-var _default = exports.default = FormActionButton;

package/dist/elements/FormRowActions/FormRowActions.js

@@ -1,99 +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 _components = require("../../components");
-var _types = require("../../types");
-var _close = require("../../images/close.svg");
-var _edit = require("../../images/edit.svg");
-var _delete = require("../../images/delete.svg");
-var _checkmark = require("../../images/checkmark2.svg");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2019 Iguazio Systems Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const FormRowActions = _ref => {
-  let {
-    applyChanges,
-    deleteButtonIsHidden = false,
-    deleteRow,
-    disabled = false,
-    discardOrDelete,
-    editingItem = null,
-    fieldsPath,
-    hidden = false,
-    index
-  } = _ref;
-  return hidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "form-table__cell form-table__actions-cell"
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "form-table__cell form-table__actions-cell",
-    children: [editingItem?.ui?.index === index && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
-        id: "apply-btn",
-        onClick: event => applyChanges(event, index),
-        tooltipText: "Apply",
-        disabled: disabled,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkmark.ReactComponent, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
-        id: "delete-discard-btn",
-        onClick: event => discardOrDelete(event, fieldsPath, index),
-        tooltipText: editingItem.ui?.isNew ? 'Delete' : 'Discard changes',
-        disabled: disabled,
-        children: editingItem.ui?.isNew ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.ReactComponent, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_close.ReactComponent, {})
-      })]
-    }), (!editingItem || editingItem?.ui?.index !== index) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
-        id: "edit-btn",
-        onClick: event => {
-          event.preventDefault();
-        },
-        tooltipText: "Edit",
-        disabled: disabled,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_edit.ReactComponent, {})
-      }), !deleteButtonIsHidden && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
-        id: "delete-btn",
-        onClick: event => {
-          deleteRow(event, fieldsPath, index);
-        },
-        tooltipText: "Delete",
-        disabled: disabled,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.ReactComponent, {})
-      })]
-    })]
-  });
-};
-FormRowActions.propTypes = {
-  applyChanges: _propTypes.default.func.isRequired,
-  deleteButtonIsHidden: _propTypes.default.bool,
-  deleteRow: _propTypes.default.func.isRequired,
-  disabled: _propTypes.default.bool,
-  discardOrDelete: _propTypes.default.func.isRequired,
-  editingItem: _types.FORM_TABLE_EDITING_ITEM,
-  fieldsPath: _propTypes.default.string.isRequired,
-  hidden: _propTypes.default.bool,
-  index: _propTypes.default.number.isRequired
-};
-var _default = exports.default = FormRowActions;

package/dist/elements/OptionsMenu/OptionsMenu.js

@@ -1,75 +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 _reactTransitionGroup = require("react-transition-group");
-var _components = require("../../components");
-require("./optionsMenu.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const OptionsMenu = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) => {
-  let {
-    children = [],
-    show = false,
-    timeout = 300
-  } = _ref;
-  let {
-    refInputContainer,
-    validationRulesRef
-  } = _ref2;
-  const {
-    width: dropdownWidth
-  } = refInputContainer?.current ? refInputContainer.current.getBoundingClientRect() : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-    nodeRef: validationRulesRef,
-    in: show,
-    timeout: timeout,
-    classNames: "options-menu-transition",
-    unmountOnExit: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PopUpDialog, {
-      ref: validationRulesRef,
-      headerIsHidden: true,
-      className: "options-menu",
-      customPosition: {
-        element: refInputContainer,
-        position: 'bottom-right',
-        autoVerticalPosition: true,
-        autoHorizontalPosition: true
-      },
-      style: {
-        minWidth: `${dropdownWidth}px`
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: "options-menu__body",
-        children: children
-      })
-    })
-  });
-});
-OptionsMenu.propTypes = {
-  children: _propTypes.default.arrayOf(_propTypes.default.element),
-  show: _propTypes.default.bool.isRequired,
-  timeout: _propTypes.default.number
-};
-var _default = exports.default = OptionsMenu;

package/dist/elements/OptionsMenu/optionsMenu.scss

@@ -1,45 +0,0 @@
-@import '../../scss/colors';
-@import '../../scss/shadows';
-@import '../../scss/borders';
-
-.options-menu {
-  &__body {
-    width: 100%;
-    max-height: 250px;
-    margin: 0;
-    padding: 0;
-    overflow-y: auto;
-    color: $mulledWineTwo;
-    font-size: 1rem;
-    list-style-type: none;
-    background-color: $white;
-    border: $primaryBorder;
-    border-radius: 4px;
-    box-shadow: $previewBoxShadow;
-  }
-
-  .pop-up-dialog {
-    width: 100%;
-    padding: 0;
-  }
-
-  &-transition {
-    &-enter {
-      opacity: 0;
-    }
-
-    &-enter-active {
-      opacity: 1;
-      transition: opacity 300ms ease-in-out;
-    }
-
-    &-exit {
-      opacity: 1;
-    }
-
-    &-exit-active {
-      opacity: 0;
-      transition: opacity 300ms ease-in-out;
-    }
-  }
-}

package/dist/elements/SelectOption/SelectOption.js

@@ -1,107 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("../../components");
-var _types = require("../../types");
-var _checkmark = require("../../images/checkmark.svg");
-require("./selectOption.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const SelectOption = _ref => {
-  let {
-    item,
-    name,
-    onClick = () => {},
-    multiple = false,
-    selectedId,
-    withSelectedIcon = true
-  } = _ref;
-  const selectClassName = (0, _classnames.default)('select__item', multiple && 'multiple', item.hidden && 'hidden', item.disabled && 'disabled');
-  if (multiple) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-testid": "select-checkbox",
-      className: selectClassName,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormCheckBox, {
-        name: name,
-        value: item.id,
-        label: item.label,
-        disabled: item.disabled || false,
-        children: item.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `state-${item.status}-job status`
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-    "data-testid": "select-option",
-    className: selectClassName,
-    onClick: () => {
-      !item.disabled && onClick(item.id);
-    },
-    "data-custom-id": item.id,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "label-row",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "data-ellipsis select__item-label",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "select__item-main-label",
-          children: [item.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            "data-testid": "select-icon",
-            className: "select__item-icon",
-            children: item.icon
-          }), item.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: `state-${item.status}-job status`
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-            renderChildAsHtml: item.labelHtml?.length > 0,
-            template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextTooltipTemplate, {
-              text: item.label
-            }),
-            children: item.labelHtml ? item.labelHtml : item.label
-          })]
-        }), item.subLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-          className: "select__item-sub-label",
-          template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextTooltipTemplate, {
-            text: item.subLabel
-          }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: item.subLabel
-          })
-        })]
-      }), withSelectedIcon && item.id === selectedId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkmark.ReactComponent, {
-        className: "checkmark"
-      })]
-    })
-  });
-};
-SelectOption.propTypes = {
-  name: _propTypes.default.string.isRequired,
-  item: _types.SELECT_OPTION.isRequired,
-  onClick: _propTypes.default.func,
-  multiple: _propTypes.default.bool,
-  selectedId: _propTypes.default.string,
-  withSelectedIcon: _propTypes.default.bool
-};
-var _default = exports.default = SelectOption;

package/dist/elements/SelectOption/SelectOption.test.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _SelectOption = _interopRequireDefault(require("./SelectOption"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const renderComponent = props => (0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
-  ...props
-}));
-jest.mock('../../images/checkbox-unchecked.svg', () => ({
-  ReactComponent: 'unchecked-icon'
-}));
-jest.mock('../../images/checkbox-checked.svg', () => ({
-  ReactComponent: 'unchecked-icon'
-}));
-describe('SelectOption component', () => {
-  let wrapper;
-  beforeEach(() => {
-    const props = {
-      item: {
-        label: 'Test1',
-        id: 'test1',
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: "icon"
-        }),
-        subLabel: 'Test1'
-      },
-      selectType: ''
-    };
-    wrapper = renderComponent(props);
-  });
-  afterEach(_react2.cleanup);
-  it('renders without crashing', () => {
-    expect(wrapper.queryByTestId('select-option')).not.toBeNull();
-  });
-  it('should display checkbox inside option if props selectType is "checkbox"', () => {
-    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
-      item: {
-        label: 'Test1',
-        id: 'test1'
-      },
-      selectType: "checkbox",
-      selectedId: "test1"
-    }));
-    expect(wrapper.queryByTestId('select-checkbox')).not.toBeNull();
-  });
-  it('should display select icon if it exists in the props "item"', () => {
-    expect(wrapper.getByTestId('select-icon')).not.toBeNull();
-  });
-  it('should won\'t call onClick callback if props disable set to "true"', () => {
-    const mockCLick = jest.fn();
-    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
-      item: {
-        label: 'Test1',
-        id: 'test1'
-      },
-      onCLick: mockCLick,
-      selectType: "test1",
-      disabled: true
-    }));
-    const selectOption = wrapper.getByTestId('select-option');
-    _react2.fireEvent.click(selectOption);
-    expect(mockCLick).toHaveBeenCalledTimes(0);
-  });
-  it('should display subLabel if it exists in props item', () => {
-    expect(wrapper.queryByTestId('tooltip-wrapper')).not.toBeNull();
-  });
-  it('should add class "disabled" to SelectOption if props disabled set to "true"', () => {
-    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
-      item: {
-        label: 'Test1',
-        id: 'test1'
-      },
-      selectType: "test1",
-      disabled: true
-    }));
-    const selectOption = wrapper.getByTestId('select-option');
-    expect(selectOption.className).toMatch('disabled');
-  });
-});

package/dist/elements/SelectOption/selectOption.scss

@@ -1,98 +0,0 @@
-@import '../../scss/colors';
-@import '../../scss/mixins';
-
-.select {
-  &__item {
-    display: flex;
-    align-items: center;
-    flex-flow: row wrap;
-    width: 100%;
-    min-height: 45px;
-    padding: 10px 15px;
-
-    &.multiple {
-      padding: 0 15px;
-      min-height: 0;
-
-      input[type='checkbox'] ~ label {
-        padding-top: 16px;
-        padding-bottom: 16px;
-      }
-    }
-
-    &.hidden {
-      display: none;
-    }
-
-    .form-field-checkbox {
-      flex: 1;
-      height: 100%;
-      width: 100%;
-    }
-
-    &:hover {
-      background-color: $alabaster;
-      cursor: pointer;
-    }
-
-    &.disabled {
-      color: $spunPearl;
-      background: $white;
-      cursor: not-allowed;
-    }
-
-    .status {
-      margin: 0 10px;
-    }
-
-    .all {
-      margin: 0;
-
-      @include statusState(none, false);
-    }
-
-    .label-row {
-      display: flex;
-      flex-flow: row nowrap;
-      align-items: center;
-      justify-content: space-between;
-      width: 100%;
-    }
-
-    &-label {
-      display: flex;
-      flex-flow: row wrap;
-      align-items: center;
-      justify-content: flex-start;
-      flex: 1;
-    }
-
-    &-main-label {
-      width: 100%;
-      display: flex;
-      flex-flow: row nowrap;
-      align-items: center;
-      justify-content: flex-start;
-    }
-
-    &-sub-label {
-      margin-top: 5px;
-      font-size: 13px;
-      width: 100%;
-    }
-
-    &-icon {
-      display: flex;
-      margin-right: 10px;
-    }
-
-    .checkmark {
-      align-self: flex-start;
-      margin: 0 0 0 10px;
-
-      path {
-        fill: $chateauGreen;
-      }
-    }
-  }
-}

package/dist/elements/ValidationTemplate/ValidationTemplate.js

@@ -1,56 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _success_done = require("../../images/success_done.svg");
-var _close = require("../../images/close.svg");
-require("./ValidationTemplate.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const ValidationTemplate = _ref => {
-  let {
-    valid,
-    validationMessage
-  } = _ref;
-  const validationClasses = (0, _classnames.default)('validation-option', valid && 'text-muted');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    className: validationClasses,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-      className: "validation-option__icon",
-      children: valid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_success_done.ReactComponent, {
-        className: "validation-option__icon_valid"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_close.ReactComponent, {
-        className: "validation-option__icon_invalid"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: validationMessage
-    })]
-  });
-};
-ValidationTemplate.propTypes = {
-  valid: _propTypes.default.bool.isRequired,
-  validationMessage: _propTypes.default.string.isRequired
-};
-var _default = exports.default = ValidationTemplate;

package/dist/elements/ValidationTemplate/ValidationTemplate.scss

@@ -1,36 +0,0 @@
-@import '../../scss/colors';
-
-.validation-option {
-  display: flex;
-  align-items: flex-start;
-  margin: 0.6rem 0;
-  padding: 0 1rem;
-  font-size: 0.875rem;
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    margin-right: 0.5rem;
-
-    &_valid {
-      width: 14px;
-      height: 15px;
-
-      path {
-        fill: $brightTurquoise;
-      }
-    }
-
-    &_invalid {
-      width: 12px;
-      height: 12px;
-
-      path {
-        fill: $amaranth;
-      }
-    }
-  }
-}