intelicoreact 0.1.18 → 0.1.19

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -33,11 +33,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+var RC = 'range-inputs';
+
 var RangeInputs = function RangeInputs(_ref) {
   var _valueObj$from, _valueObj$to;
 
-  var label = _ref.label,
-      hint = _ref.hint,
+  var isColumnPosition = _ref.isColumnPosition,
       _ref$value = _ref.value,
       valueObj = _ref$value === void 0 ? {
     from: '',
@@ -45,7 +46,6 @@ var RangeInputs = function RangeInputs(_ref) {
   } : _ref$value,
       className = _ref.className,
       onChange = _ref.onChange,
-      isRequired = _ref.isRequired,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'int' : _ref$type,
       setInnerError = _ref.setError;
@@ -97,22 +97,16 @@ var RangeInputs = function RangeInputs(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('range-inputs', className)
-  }, label && /*#__PURE__*/_react.default.createElement(_Label.default, {
-    isRequired: isRequired,
-    className: "range-inputs--label mb5",
-    label: label,
-    hint: hint
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4"
+    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isColumnPosition))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(RC, "__wrapper")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4 w50"
+    className: "".concat(RC, "__input-from")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "range-inputs__input-label"
+    className: "".concat(RC, "__input-label")
   }, "From"), /*#__PURE__*/_react.default.createElement(_Input.default, {
     ref: inputFromRef,
     value: (_valueObj$from = valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) !== null && _valueObj$from !== void 0 ? _valueObj$from : '',
-    className: "mr15",
     onChange: function onChange(val) {
       return handleChange('from', val);
     },
@@ -129,9 +123,9 @@ var RangeInputs = function RangeInputs(_ref) {
       }
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4 w50"
+    className: "".concat(RC, "__input-to")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "range-inputs__input-label"
+    className: "".concat(RC, "__input-label")
   }, "To"), /*#__PURE__*/_react.default.createElement(_Input.default, {
     ref: inputToRef,
     value: (_valueObj$to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj$to !== void 0 ? _valueObj$to : '',

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss

@@ -1,20 +1,50 @@
 .range-inputs {
   display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  flex-direction: column;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+
+  &__wrapper {
+    width: 100%;
 
-  &--label {
     display: flex;
+    flex-flow: row nowrap;
+    justify-content: flex-start;
     align-items: center;
+  }
+
+  &__input-from,
+  &__input-to {
+    width: fit-content;
+    display: flex;
+    flex-flow: row nowrap;
     justify-content: flex-start;
-    font-weight: 500;
-    font-size: 12px;
+    align-items: center;
+  }
+
+  &__input-from {
+    margin-right: 15px;
   }
 
   &__input-label {
     font-size: 12px;
     line-height: 24px;
-    margin-right: 16px;
+    margin-right: 15px;
+  }
+
+  &_column {
+    align-items: flex-start;
+
+    .range-inputs__wrapper {
+      width: fit-content;
+      flex-flow: column nowrap;
+      justify-content: flex-start;
+      align-items: flex-end;
+    }
+
+    .range-inputs__input-from {
+      margin-right: 0;
+      margin-bottom: 15px;
+    }
   }
 }

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js

@@ -41,13 +41,15 @@ var Template = function Template(args) {
   }, [state]);
   return /*#__PURE__*/_react.default.createElement(_RangeInputs.default, (0, _extends2.default)({}, args, {
     onChange: setState,
-    value: state
+    value: state,
+    setError: function setError() {}
   }));
 };
 
 var RangeInputsTemplate = Template.bind({});
 exports.RangeInputsTemplate = RangeInputsTemplate;
 RangeInputsTemplate.args = {
-  label: 'loanAmount',
-  hint: 'Hint'
+  isColumnPosition: true,
+  className: '',
+  type: 'int'
 };

package/dist/Atomic/FormElements/Switcher/Switcher.js

@@ -25,24 +25,26 @@ var Switcher = function Switcher(_ref) {
       isActive = _ref.isActive,
       disabled = _ref.disabled,
       onChange = _ref.onChange,
-      boldLabel = _ref.boldLabel,
-      hint = _ref.hint;
+      isLabelBold = _ref.isLabelBold,
+      hint = _ref.hint,
+      hintSide = _ref.hintSide;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__wrap")
+    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
   }, /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled)),
+    className: (0, _classnames.default)("".concat(RC, "__button")),
     onClick: function onClick() {
       return onChange(!isActive);
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__button"), (0, _defineProperty2.default)({}, "".concat(RC, "__button_active"), isActive))
+    className: (0, _classnames.default)("".concat(RC, "__button-content"), (0, _defineProperty2.default)({}, "".concat(RC, "__button-content_active"), isActive))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__ball")
   })), label && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__label"), (0, _defineProperty2.default)({}, "".concat(RC, "__label_bold"), boldLabel))
+    className: (0, _classnames.default)("".concat(RC, "__label"), (0, _defineProperty2.default)({}, "".concat(RC, "__label_bold"), isLabelBold))
   }, label)), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
     className: "".concat(RC, "__hint"),
-    hint: hint
+    hint: hint,
+    side: hintSide
   }));
 };
 

package/dist/Atomic/FormElements/Switcher/Switcher.scss

@@ -1,18 +1,28 @@
 @import "../../../scss/vars";
 
 .switcher {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
+
+  &__button {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+
+    font-family: inherit;
+    font-style: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    color: inherit;
+  }
 
   &_disabled {
     pointer-events: none;
     opacity: 0.5;
   }
 
-  &__button {
+  &__button-content {
     background-color: rgba($color--gray, 0.5);
     border-radius: 8px;
+    min-width: 26px;
     width: 26px;
     height: 16px;
     padding: 1px;
@@ -36,10 +46,17 @@
   }
 
   &__label {
-    font-size: 12px;
+    font-family: inherit;
+    font-style: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    color: inherit;
+    line-height: 24px;
+
     margin-left: 4px;
     user-select: none;
-    font-weight: 400;
+    text-align: left;
+
     &_bold {
       font-weight: 500;
     }
@@ -52,5 +69,12 @@
 
   &__hint {
     margin-left: 5px;
+    .hint__button {
+      svg {
+        min-width: 16px;
+        width: 16px;
+      }
+    }
   }
 }
+

package/dist/Atomic/FormElements/Switcher/Switcher.stories.js

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Switcher = _interopRequireDefault(require("./Switcher"));
 
+require("./partial/inner-class.scss");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,5 +47,6 @@ exports.SwitcherTemplate = SwitcherTemplate;
 SwitcherTemplate.args = {
   label: 'Test label',
   disabled: false,
-  boldLabel: true
+  isLabelBold: true,
+  className: 'inner-class__switcher'
 };

package/dist/Atomic/FormElements/Switcher/partial/inner-class.scss

@@ -0,0 +1,6 @@
+.inner-class__switcher {
+  font-style: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1E1E2D;
+}

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -22,7 +22,7 @@
 
     height: fit-content;
     min-height: 28px;
-    padding: 3px 24px 3px 5px;
+    padding: 1px 24px 1px 5px;
     cursor: pointer;
     background: #ffffff;
     border: 1px solid #e2e5ec;
@@ -93,14 +93,12 @@
   }
 
   &__arrow {
+    width: 16px;
+    height: 16px;
     position: absolute;
-    top: 7.5px;
+    top: calc(50% - 8px);
     right: 5px;
 
-    display: flex;
-    align-items: center;
-    margin-right: 5px;
-
     cursor: pointer;
 
     &_active {
@@ -108,8 +106,8 @@
     }
 
     svg {
-      width: 17px;
-      height: 17px;
+      width: auto;
+      height: 100%;
     }
   }
 
@@ -141,7 +139,17 @@
   }
 
   .tag {
-    margin-bottom: 3px;
+    margin-top: 1px;
+    margin-bottom: 1px;
     cursor: auto;
   }
+
+  &_arrow-static {
+    .tags-dropdown__trigger {
+      position: static;
+    }
+    .tags-dropdown__arrow {
+      top: 6px;
+    }
+  }
 }

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TagsDropdownTemplate = exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -34,16 +36,16 @@ var Template = function Template(args) {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_TagsDropdown.default, {
-    options: options,
+  return /*#__PURE__*/_react.default.createElement(_TagsDropdown.default, (0, _extends2.default)({}, args, {
     chosenOptions: value,
     onChange: setValue
-  });
+  }));
 };
 
 var TagsDropdownTemplate = Template.bind({});
 exports.TagsDropdownTemplate = TagsDropdownTemplate;
 TagsDropdownTemplate.args = {
+  className: 'tags-dropdown_arrow-static',
   options: [{
     id: 1,
     title: 'Tags Dropdown1',

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -18,25 +18,25 @@ require("./TextSwitcher.scss");
 var RC = 'text-switcher';
 
 var TextSwitcher = function TextSwitcher(_ref) {
-  var isIncluded = _ref.isIncluded,
+  var isActive = _ref.isActive,
       _ref$activeText = _ref.activeText,
       activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
       _ref$inactiveText = _ref.inactiveText,
       inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
       onChange = _ref.onChange,
       className = _ref.className;
-  var isUndefined = isIncluded === undefined || isIncluded === null;
+  var isUndefined = isActive === undefined || isActive === null;
   return /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isIncluded), className),
+    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isActive), className),
     onClick: function onClick() {
-      return onChange(!isIncluded);
+      return onChange(!isActive);
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__btn")
   }, activeText), inactiveText && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__btn"), "".concat(RC, "__btn_off"))
   }, inactiveText), !isUndefined && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__slider"), (0, _defineProperty2.default)({}, "".concat(RC, "__slider_inactive"), !isIncluded))
+    className: (0, _classnames.default)("".concat(RC, "__slider"), (0, _defineProperty2.default)({}, "".concat(RC, "__slider_inactive"), !isActive))
   }));
 };
 

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss

@@ -1,6 +1,7 @@
 @import '../../../scss/vars';
 
 .text-switcher {
+  box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   justify-content: center;
@@ -9,7 +10,11 @@
   border-radius: 26px;
   padding: 2px;
   position: relative;
-  background: #fff;
+  background: #fff; 
+
+  font-style: normal;
+  font-weight: 300;
+  font-size: 12px;
 
   &__btn {
     cursor: pointer;
@@ -18,7 +23,13 @@
     padding: 0 14px;
     height: 100%;
     text-transform: uppercase;
-    font-size: 10px;
+
+    font-family: inherit;
+    font-style: inherit;
+    font-weight:inherit;
+    font-size: inherit;
+    line-height: inherit;
+
     color: $green;
     position: relative;
     z-index: 2;
@@ -48,3 +59,10 @@
     border-color: $color--green-light;
   }
 }
+
+.text-switcher_unsetted {
+  filter: grayscale(1);
+  .text-switcher__btn {
+    color: $color--gray !important;
+  }
+}

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TextSwitcher = _interopRequireDefault(require("./TextSwitcher"));
 
+var _innerClassModule = _interopRequireDefault(require("./partial/inner-class.module.scss"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -44,5 +46,6 @@ var TextSwitcherTemplate = Template.bind({});
 exports.TextSwitcherTemplate = TextSwitcherTemplate;
 TextSwitcherTemplate.args = {
   activeText: 'is',
-  inactiveText: 'some long text'
+  inactiveText: 'some long text',
+  className: _innerClassModule.default['inner-class__text-switcher']
 };

package/dist/Atomic/FormElements/TextSwitcher/partial/inner-class.module.scss

@@ -0,0 +1,4 @@
+.inner-class__text-switcher {
+  height: 20px;
+  font-size: 10px;
+}

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -21,22 +21,12 @@ var Textarea = function Textarea(_ref) {
   var value = _ref.value,
       _onChange = _ref.onChange,
       placeholder = _ref.placeholder,
-      label = _ref.label,
-      hint = _ref.hint,
-      hintSide = _ref.hintSide,
-      isBold = _ref.isBold,
       disabled = _ref.disabled,
       className = _ref.className;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__wrap"), className)
-  }, label && /*#__PURE__*/_react.default.createElement(_Label.default, {
-    className: "".concat(RC, "-label"),
-    label: label,
-    hint: hint,
-    hintSide: hintSide,
-    isBold: isBold
-  }), /*#__PURE__*/_react.default.createElement("textarea", {
-    className: RC,
+    className: (0, _classnames.default)("".concat(RC), className)
+  }, /*#__PURE__*/_react.default.createElement("textarea", {
+    className: "".concat(RC, "__textarea"),
     value: value,
     onChange: function onChange(e) {
       return _onChange(e.target.value);

package/dist/Atomic/FormElements/Textarea/Textarea.scss

@@ -2,34 +2,36 @@
 @import "../../../scss/mixins";
 
 .textarea {
-  border: 1px solid #e2e5ec;
-  background-color: #fff;
-  min-height: 99px;
-  min-width: 223px;
-  width: 100%;
-  outline: none;
-  resize: none;
-  padding: 5px 9px;
-  box-sizing: border-box;
-  font-size: 12px;
-  font-weight: 400;
-  font-family: Roboto, sans-serif;
-
-  &:focus {
-    border-color: $color--primary;
-    filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
-  }
-
-  &:disabled {
-    background: #f7f8fa;
-    opacity: 0.5;
-    border-color: #a6acb1;
-    pointer-events: none;
-  }
-
-  &-label {
-    margin-bottom: 5px;
+  &__textarea {
+    border: 1px solid #e2e5ec;
+    background-color: #fff;
+    min-height: 99px;
+    min-width: 223px;
+    width: 100%;
+    outline: none;
+    resize: none;
+    padding: 5px 9px;
+    box-sizing: border-box;
+    font-size: 12px;
+    font-weight: 400;
+    font-family: Roboto, sans-serif;
+  
+    &:focus {
+      border-color: $color--primary;
+      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+    }
+  
+    &:disabled {
+      background: #f7f8fa;
+      opacity: 0.5;
+      border-color: #a6acb1;
+      pointer-events: none;
+    }
+  
+    @include custom-scroll;
   }
 
-  @include custom-scroll;
+  // &-label {
+  //   margin-bottom: 5px;
+  // }
 }

package/dist/Atomic/FormElements/Textarea/Textarea.stories.js

@@ -44,9 +44,6 @@ var TextareaTemplate = Template.bind({});
 exports.TextareaTemplate = TextareaTemplate;
 TextareaTemplate.args = {
   disabled: false,
-  isBold: true,
   placeholder: 'Placeholder',
-  label: 'label',
-  hint: 'hint',
-  hintSide: 'bottom'
+  className: "any-class"
 };