intelicoreact 0.1.17 → 0.1.20

package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss

@@ -0,0 +1,31 @@
+// @import url('https://fonts.googleapis.com/css2?family=Palette+Mosaic&family=Roboto:wght@300;400;500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
+
+.any-outer-class__range-list {
+  // font-family: 'Palette Mosaic', cursive;
+
+  font-family: 'Roboto', sans-serif;
+
+  --border-color: #f4f7f9;
+
+  --labels-font-size: 12px;
+  --inputs-font-size: 13px;
+  --values-font-size: 13px;
+  --button-text-font-size: 13px;
+
+  --labels-color: #1E1E2D;
+  --inputs-color: #1e1e2d;
+  --values-color: #1E1E2D;
+
+  .range-list__labels {
+    line-height: 20px;
+  }
+
+  .range-list__inputs {
+    font-weight: 300;
+  }
+
+  .range-list__values {
+    font-weight: 300;
+  }
+}

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/AnyOuterClass.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: 'any-outer-class__switcher'
 };

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

@@ -0,0 +1,6 @@
+.any-outer-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"));
 
+require("./partial/AnyOuterClass.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: 'any-outer-class__text-switcher'
 };

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

@@ -0,0 +1,4 @@
+.any-outer-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"
 };

package/dist/Atomic/UI/Status/Status.scss

@@ -72,3 +72,5 @@
     color: #777;
   }
 }
+
+.mr-half {}

package/dist/Molecular/SwitcherHide/SwitcherHide.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Switcher = _interopRequireDefault(require("../../Atomic/FormElements/Switcher/Switcher"));
+
+require("./SwitcherHide.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; }
+
+var RC = 'switcher-hide';
+
+var SwitcherHide = function SwitcherHide(_ref) {
+  var _cn;
+
+  var children = _ref.children,
+      label = _ref.label,
+      hint = _ref.hint,
+      className = _ref.className,
+      isLabelBold = _ref.isLabelBold,
+      isActive = _ref.isActive,
+      hintSide = _ref.hintSide,
+      disabled = _ref.disabled,
+      _ref$onChange = _ref.onChange,
+      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_closed"), !isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
+  }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
+    className: "".concat(RC, "__switcher"),
+    hintSide: hintSide,
+    label: label,
+    isActive: isActive,
+    onChange: function onChange(value) {
+      return _onChange(value, 'isActive');
+    },
+    isLabelBold: isLabelBold,
+    hint: hint
+  }), isActive && children);
+};
+
+var _default = SwitcherHide;
+exports.default = _default;

package/dist/Molecular/SwitcherHide/SwitcherHide.scss

@@ -0,0 +1,31 @@
+// @import '../../scss/main.scss';
+
+.switcher-hide {
+  width: 100%;
+  display: inline-block;
+
+  &__switcher, &__content {
+      margin-bottom: 8px;
+  }
+
+  &__switcher {
+    font-family: inherit;
+    font-style: inherit;
+    font-weight:inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  &_closed {
+    height: 16px !important;
+  }
+
+  &_disabled {
+    opacity: 0.5;
+    pointer-events: none;
+
+    // & * {
+    //   pointer-events: none;
+    // }
+  }
+}

package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherHideTemplate = 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"));
+
+var _SwitcherHide = _interopRequireDefault(require("./SwitcherHide"));
+
+require("./partial/AnyOuterClass.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; }
+
+global.lng = 'en';
+var _default = {
+  title: 'SwitcherHide',
+  component: _SwitcherHide.default
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, (0, _extends2.default)({}, args, {
+    isActive: value,
+    onChange: setValue
+  }), /*#__PURE__*/_react.default.createElement("div", null, "Hide some content"));
+};
+
+var SwitcherHideTemplate = Template.bind({});
+exports.SwitcherHideTemplate = SwitcherHideTemplate;
+SwitcherHideTemplate.args = {
+  label: 'Label',
+  // hint: null, 
+  // className '', 
+  disabled: false,
+  isLabelBold: true,
+  className: 'any-outer-class__switcher-hide'
+};

package/dist/Molecular/SwitcherHide/partial/AnyOuterClass.scss

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