@activecollab/components 1.0.206 → 1.0.207

package/dist/cjs/components/ScrollShadow/ScrollElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"names":["ScrollElement","ref","as","className","invert","style","rest","internalRef","handleRef","props","overflow","React","createElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAQO,IAAMA,aAAa,gBAAG,uBAC3B,gBAA4DC,GAA5D,EAAoE;AAAA,qBAAjEC,EAAiE;AAAA,MAAjEA,EAAiE,wBAA5D,KAA4D;AAAA,MAArDC,SAAqD,QAArDA,SAAqD;AAAA,yBAA1CC,MAA0C;AAAA,MAA1CA,MAA0C,4BAAjC,KAAiC;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAhBC,IAAgB;;AAClE,MAAMC,WAAW,GAAG,6BAAiB,IAAjB,EAAuBH,MAAvB,CAApB;AACA,MAAMI,SAAS,GAAG,yBAAWD,WAAX,EAAwBN,GAAxB,CAAlB;;AAEA,MAAMQ,KAAK,mCACNH,IADM;AAETL,IAAAA,GAAG,EAAEO,SAFI;AAGTL,IAAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BA,SAA/B,CAHF;AAITE,IAAAA,KAAK;AAAIK,MAAAA,QAAQ,EAAE;AAAd,OAAyBL,KAAzB;AAJI,IAAX;;AAOA,sBAAOM,eAAMC,aAAN,CAAoBV,EAApB,EAAwBO,KAAxB,CAAP;AACD,CAb0B,CAAtB;;AAgBPT,aAAa,CAACa,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"file":"ScrollElement.js"}
+{"version":3,"file":"ScrollElement.js","names":["ScrollElement","forwardRef","ref","as","className","invert","style","rest","internalRef","useInitScrollRef","handleRef","useForkRef","props","classNames","overflow","React","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzC,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAA4DC,GAAG,EAAK;EAAA,mBAAjEC,EAAE;IAAFA,EAAE,wBAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,IAAI;EACtD,IAAMC,WAAW,GAAG,IAAAC,uBAAgB,EAAC,IAAI,EAAEJ,MAAM,CAAC;EAClD,IAAMK,SAAS,GAAG,IAAAC,mBAAU,EAACH,WAAW,EAAEN,GAAG,CAAC;EAE9C,IAAMU,KAAK,mCACNL,IAAI;IACPL,GAAG,EAAEQ,SAAS;IACdN,SAAS,EAAE,IAAAS,mBAAU,EAAC,kBAAkB,EAAET,SAAS,CAAC;IACpDE,KAAK;MAAIQ,QAAQ,EAAE;IAAM,GAAKR,KAAK;EAAE,EACtC;EAED,oBAAOS,cAAK,CAACC,aAAa,CAACb,EAAE,EAAES,KAAK,CAAC;AACvC,CAAC,CACF;AAAC;AAEFZ,aAAa,CAACiB,WAAW,GAAG,eAAe"}

package/dist/cjs/components/ScrollShadow/ScrollShadow.js

@@ -1,87 +1,64 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScrollShadow = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$disableVertical = _ref.disableVertical,
-      disableVertical = _ref$disableVertical === void 0 ? false : _ref$disableVertical,
-      _ref$disableHorizonta = _ref.disableHorizontal,
-      disableHorizontal = _ref$disableHorizonta === void 0 ? false : _ref$disableHorizonta,
-      _ref$invertHorizontal = _ref.invertHorizontal,
-      invertHorizontal = _ref$invertHorizontal === void 0 ? false : _ref$invertHorizontal,
-      _ref$invertVertical = _ref.invertVertical,
-      invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
-      innerColor = _ref.innerColor,
-      outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    _ref$disableVertical = _ref.disableVertical,
+    disableVertical = _ref$disableVertical === void 0 ? false : _ref$disableVertical,
+    _ref$disableHorizonta = _ref.disableHorizontal,
+    disableHorizontal = _ref$disableHorizonta === void 0 ? false : _ref$disableHorizonta,
+    _ref$invertHorizontal = _ref.invertHorizontal,
+    invertHorizontal = _ref$invertHorizontal === void 0 ? false : _ref$invertHorizontal,
+    _ref$invertVertical = _ref.invertVertical,
+    invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
+    innerColor = _ref.innerColor,
+    outerColor = _ref.outerColor,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)({
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      opacity = _useState2[0],
-      setOpacity = _useState2[1];
-
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    opacity = _useState2[0],
+    setOpacity = _useState2[1];
   var handleScroll = (0, _react.useCallback)(function (event) {
     var _ref2 = event.target,
-        scrollHeight = _ref2.scrollHeight,
-        clientHeight = _ref2.clientHeight,
-        scrollWidth = _ref2.scrollWidth,
-        clientWidth = _ref2.clientWidth;
+      scrollHeight = _ref2.scrollHeight,
+      clientHeight = _ref2.clientHeight,
+      scrollWidth = _ref2.scrollWidth,
+      clientWidth = _ref2.clientWidth;
     var _ref3 = event.target,
-        scrollTop = _ref3.scrollTop,
-        scrollLeft = _ref3.scrollLeft;
-
+      scrollTop = _ref3.scrollTop,
+      scrollLeft = _ref3.scrollLeft;
     if (scrollLeft < 0) {
       scrollLeft *= -1;
     }
-
     if (scrollTop < 0) {
       scrollTop *= -1;
     }
-
     setOpacity(function (prevState) {
       var top = 1 / 20 * Math.min(scrollTop, 20);
       var bottomScrollTop = scrollHeight - clientHeight;
@@ -95,21 +72,17 @@ var ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         left: 0,
         right: 0
       };
-
       if (!disableVertical) {
         newState.top = invertVertical ? bottom : top;
         newState.bottom = invertVertical ? top : bottom;
       }
-
       if (!disableHorizontal) {
         newState.left = invertHorizontal ? right : left;
         newState.right = invertHorizontal ? left : right;
       }
-
       if (newState.top !== prevState.top || newState.bottom !== prevState.bottom || newState.left !== prevState.left || newState.right !== prevState.right) {
         return newState;
       }
-
       return prevState;
     });
   }, [invertHorizontal, invertVertical, disableVertical, disableHorizontal]);

package/dist/cjs/components/ScrollShadow/ScrollShadow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"names":["ScrollShadow","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","top","right","bottom","left","opacity","setOpacity","handleScroll","event","target","scrollHeight","clientHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","onScroll","displayName"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEventHandler,\n  UIEvent,\n  HTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: ({ onScroll: UIEventHandler }) => void;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<\n  HTMLDivElement,\n  IScrollShadowProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll: UIEventHandler = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"file":"ScrollShadow.js"}
+{"version":3,"file":"ScrollShadow.js","names":["ScrollShadow","forwardRef","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","useState","top","right","bottom","left","opacity","setOpacity","handleScroll","useCallback","event","target","scrollHeight","clientHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","classnames","onScroll","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEventHandler,\n  UIEvent,\n  HTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: ({ onScroll: UIEventHandler }) => void;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<\n  HTMLDivElement,\n  IScrollShadowProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll: UIEventHandler = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":"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"}

package/dist/cjs/components/ScrollShadow/Styles.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledScrollShadowTop = exports.StyledScrollShadowRight = exports.StyledScrollShadowLeft = exports.StyledScrollShadowBottom = exports.StyledScrollShadow = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var StyledScrollShadow = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadow",
   componentId: "sc-17pcaqo-0"
 })(["", ""], {
   "position": "relative"
 });
-
 exports.StyledScrollShadow = StyledScrollShadow;
-
 var StyledScrollShadowTop = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowTop",
   componentId: "sc-17pcaqo-1"
@@ -32,9 +27,7 @@ var StyledScrollShadowTop = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
 });
-
 exports.StyledScrollShadowTop = StyledScrollShadowTop;
-
 var StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowBottom",
   componentId: "sc-17pcaqo-2"
@@ -49,9 +42,7 @@ var StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
 });
-
 exports.StyledScrollShadowBottom = StyledScrollShadowBottom;
-
 var StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowLeft",
   componentId: "sc-17pcaqo-3"
@@ -66,9 +57,7 @@ var StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
 });
-
 exports.StyledScrollShadowLeft = StyledScrollShadowLeft;
-
 var StyledScrollShadowRight = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowRight",
   componentId: "sc-17pcaqo-4"
@@ -83,7 +72,6 @@ var StyledScrollShadowRight = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
 });
-
 exports.StyledScrollShadowRight = StyledScrollShadowRight;
 StyledScrollShadow.displayName = "StyledScrollShadow";
 StyledScrollShadowTop.displayName = "StyledScrollShadowTop";

package/dist/cjs/components/ScrollShadow/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"names":["StyledScrollShadow","styled","div","StyledScrollShadowTop","props","$innerColor","$outerColor","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"mappings":";;;;;;;AAAA;;;;AAQO,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,aACzB;AAAA;AAAA,CADyB,CAAxB;;;;AAIA,IAAMC,qBAAqB,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,mEAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD4B,EAK5B,UAACE,KAAD;AAAA,SACFA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACC,WAA1B,GAAwC,+BADtC;AAAA,CAL4B,EAO5B,UAACD,KAAD;AAAA,SACFA,KAAK,CAACE,WAAN,GAAoBF,KAAK,CAACE,WAA1B,GAAwC,wBADtC;AAAA,CAP4B,CAA3B;;;;AAYA,IAAMC,wBAAwB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mEAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD+B,EAK/B,UAACE,KAAD;AAAA,SACFA,KAAK,CAACE,WAAN,GAAoBF,KAAK,CAACE,WAA1B,GAAwC,wBADtC;AAAA,CAL+B,EAO/B,UAACF,KAAD;AAAA,SACFA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACC,WAA1B,GAAwC,+BADtC;AAAA,CAP+B,CAA9B;;;;AAYA,IAAMG,sBAAsB,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,oEAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,EAK7B,UAACE,KAAD;AAAA,SACFA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACC,WAA1B,GAAwC,+BADtC;AAAA,CAL6B,EAO7B,UAACD,KAAD;AAAA,SACFA,KAAK,CAACE,WAAN,GAAoBF,KAAK,CAACE,WAA1B,GAAwC,wBADtC;AAAA,CAP6B,CAA5B;;;;AAYA,IAAMG,uBAAuB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,qEAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD8B,EAK9B,UAACE,KAAD;AAAA,SACFA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACC,WAA1B,GAAwC,+BADtC;AAAA,CAL8B,EAO9B,UAACD,KAAD;AAAA,SACFA,KAAK,CAACE,WAAN,GAAoBF,KAAK,CAACE,WAA1B,GAAwC,wBADtC;AAAA,CAP8B,CAA7B;;;AAYPN,kBAAkB,CAACU,WAAnB,GAAiC,oBAAjC;AACAP,qBAAqB,CAACO,WAAtB,GAAoC,uBAApC;AACAH,wBAAwB,CAACG,WAAzB,GAAuC,0BAAvC;AACAF,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AACAD,uBAAuB,CAACC,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface Colors {\n  $innerColor?: string;\n  $outerColor?: string;\n}\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div<Colors>`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div<Colors>`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"},\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"}\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div<Colors>`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div<Colors>`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledScrollShadow","styled","div","StyledScrollShadowTop","props","$innerColor","$outerColor","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface Colors {\n  $innerColor?: string;\n  $outerColor?: string;\n}\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div<Colors>`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div<Colors>`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"},\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"}\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div<Colors>`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div<Colors>`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"mappings":";;;;;;AAAA;AAAuC;AAQhC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,aACtC;EAAA;AAAY,CAAC,CAClB;AAAC;AAEK,IAAMC,qBAAqB,GAAGF,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mEACzC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAI1C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,GACrE,UAACD,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,EAEnE;AAAC;AAEK,IAAMC,wBAAwB,GAAGN,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mEAC5C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA4C,CAAC,EAI7C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,GAC9D,UAACF,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,EAE1E;AAAC;AAEK,IAAMG,sBAAsB,GAAGP,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oEAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0C,CAAC,EAI3C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,GACrE,UAACD,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,EAEnE;AAAC;AAEK,IAAMG,uBAAuB,GAAGR,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,qEAC3C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2C,CAAC,EAI5C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,GACrE,UAACD,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,EAEnE;AAAC;AAEFN,kBAAkB,CAACU,WAAW,GAAG,oBAAoB;AACrDP,qBAAqB,CAACO,WAAW,GAAG,uBAAuB;AAC3DH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B;AACjEF,sBAAsB,CAACE,WAAW,GAAG,wBAAwB;AAC7DD,uBAAuB,CAACC,WAAW,GAAG,yBAAyB"}

package/dist/cjs/components/ScrollShadow/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _ScrollShadow = require("./ScrollShadow");
-
 Object.keys(_ScrollShadow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ScrollShadow[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_ScrollShadow).forEach(function (key) {
     }
   });
 });
-
 var _ScrollElement = require("./ScrollElement");
-
 Object.keys(_ScrollElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ScrollElement[key]) return;

package/dist/cjs/components/ScrollShadow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScrollShadow/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ScrollShadow\";\nexport * from \"./ScrollElement\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ScrollShadow/index.ts"],"sourcesContent":["export * from \"./ScrollShadow\";\nexport * from \"./ScrollElement\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/Select/Option/Option.js

@@ -1,35 +1,27 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Option = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Styles = require("./Styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 Option = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
-      name = _ref.name,
-      hover = _ref.hover,
-      className = _ref.className,
-      renderOption = _ref.renderOption,
-      onMouseEnter = _ref.onMouseEnter,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {
-    return null;
-  } : _ref$onClick;
+    name = _ref.name,
+    hover = _ref.hover,
+    className = _ref.className,
+    renderOption = _ref.renderOption,
+    onMouseEnter = _ref.onMouseEnter,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {
+      return null;
+    } : _ref$onClick;
   var handleOnMouseEnter = (0, _react.useCallback)(function () {
     if (onMouseEnter) {
       onMouseEnter(id);

package/dist/cjs/components/Select/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":["Option","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;AA4BO,IAAMA,MAAM,gBAAG,uBACpB,gBAUEC,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,0BAHDC,OAGC;AAAA,MAHDA,OAGC,6BAHS;AAAA,WAAM,IAAN;AAAA,GAGT;AACH,MAAMC,kBAAkB,GAAG,wBAAY,YAAM;AAC3C,QAAIF,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJ0B,EAIxB,CAACK,YAAD,EAAeL,EAAf,CAJwB,CAA3B;AAMA,sBACE,6BAAC,oBAAD;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEM,kBAHhB;AAIE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBJ,SAAvB,CAJb;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,OAAO,EAAEI;AANX,KAQGF,YAAY,GAAGA,YAAH,GAAkBH,IARjC,CADF;AAYD,CA/BmB,CAAf;;AAkCPH,MAAM,CAACU,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"file":"Option.js"}
+{"version":3,"file":"Option.js","names":["Option","forwardRef","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","useCallback","classnames","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":";;;;;;;AAAA;AAOA;AACA;AAAwC;AAAA;AAAA;AA4BjC,IAAMA,MAAM,gBAAG,IAAAC,iBAAU,EAC9B,gBAUEC,GAAuB,EACpB;EAAA,IATDC,EAAE,QAAFA,EAAE;IACFC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,YAAY,QAAZA,YAAY;IACZC,YAAY,QAAZA,YAAY;IAAA,oBACZC,OAAO;IAAPA,OAAO,6BAAG;MAAA,OAAM,IAAI;IAAA;EAItB,IAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC3C,IAAIH,YAAY,EAAE;MAChBA,YAAY,CAACL,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACK,YAAY,EAAEL,EAAE,CAAC,CAAC;EAEtB,oBACE,6BAAC,oBAAY;IACX,GAAG,EAAEE,KAAK,GAAGH,GAAG,GAAG,IAAK;IACxB,KAAK,EAAEE,IAAK;IACZ,YAAY,EAAEM,kBAAmB;IACjC,SAAS,EAAE,IAAAE,mBAAU,EAAC,UAAU,EAAEN,SAAS,CAAE;IAC7C,KAAK,EAAED,KAAM;IACb,OAAO,EAAEI;EAAQ,GAEhBF,YAAY,GAAGA,YAAY,GAAGH,IAAI,CACtB;AAEnB,CAAC,CACF;AAAC;AAEFJ,MAAM,CAACa,WAAW,GAAG,QAAQ"}

package/dist/cjs/components/Select/Option/Styles.js

@@ -1,22 +1,15 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledOption = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _BoxSizingStyle = require("../../BoxSizingStyle");
-
 var _FontStyle = require("../../FontStyle");
-
 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 StyledOption = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledOption",
   componentId: "sc-1232l97-0"
@@ -26,7 +19,6 @@ var StyledOption = _styledComponents.default.li.withConfig({
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
   return props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]);
 });
-
 exports.StyledOption = StyledOption;
 StyledOption.displayName = "StyledOption";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Select/Option/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/Option/Styles.ts"],"names":["StyledOption","styled","li","FontStyle","BoxSizingStyle","props","hover","css","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,EAAV;AAAA;AAAA;AAAA,2SACnB;AAAA;AAAA;AAAA,CADmB,EAiBrBC,oBAjBqB,EAkBrBC,8BAlBqB,EAoBrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,QACAC,qBADA,+CADA;AAAA,CApBqB,CAAlB;;;AA2BPP,YAAY,CAACQ,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.li<{ hover?: boolean }>`\n  ${tw`tw-select-none tw-font-normal`}\n  font-size: 14px;\n  display: flex;\n  justify-content: space-between;\n  height: 28px;\n  padding-left: 16px;\n  padding-right: 16px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition-duration: 0.1s;\n  color: var(--color-theme-900);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledOption","styled","li","FontStyle","BoxSizingStyle","props","hover","css","displayName"],"sources":["../../../../../src/components/Select/Option/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.li<{ hover?: boolean }>`\n  ${tw`tw-select-none tw-font-normal`}\n  font-size: 14px;\n  display: flex;\n  justify-content: space-between;\n  height: 28px;\n  padding-left: 16px;\n  padding-right: 16px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition-duration: 0.1s;\n  color: var(--color-theme-900);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAA4C;AAAA;AAErC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,EAAE;EAAA;EAAA;AAAA,2SAC/B;EAAA;EAAA;AAA8B,CAAC,EAgBjCC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,+CAEF;AAAA,EACJ;AAAC;AAEFP,YAAY,CAACQ,WAAW,GAAG,cAAc"}

package/dist/cjs/components/Select/Option/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Option = require("./Option");
-
 Object.keys(_Option).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Option[key]) return;

package/dist/cjs/components/Select/Option/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/Option/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Option\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Select/Option/index.ts"],"sourcesContent":["export * from \"./Option\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/Select/OptionContent/OptionContent.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OptionContent = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Avatar = require("../../Avatar/Avatar");
-
 var _Styles = require("./Styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var OptionContent = function OptionContent(_ref) {
   var imageUrl = _ref.imageUrl,
-      color = _ref.color,
-      textColor = _ref.textColor,
-      name = _ref.name,
-      additionalInfo = _ref.additionalInfo;
+    color = _ref.color,
+    textColor = _ref.textColor,
+    name = _ref.name,
+    additionalInfo = _ref.additionalInfo;
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionIndicator, {
     className: "c-option--label",
     backgroundColor: color
@@ -30,7 +25,6 @@ var OptionContent = function OptionContent(_ref) {
     textColor: textColor
   }, name), additionalInfo ? /*#__PURE__*/_react.default.createElement(_Styles.StyledAdditionalInfo, null, additionalInfo) : null);
 };
-
 exports.OptionContent = OptionContent;
 OptionContent.displayName = "OptionContent";
 //# sourceMappingURL=OptionContent.js.map

package/dist/cjs/components/Select/OptionContent/OptionContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":["OptionContent","imageUrl","color","textColor","name","additionalInfo","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAeO,IAAMA,aAAqC,GAAG,SAAxCA,aAAwC,OAM/C;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,cACI,QADJA,cACI;AACJ,sBACE,6BAAC,kCAAD,QACGJ,QAAQ,IAAIC,KAAZ,gBACC,6BAAC,6BAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,eAAe,EAAEA;AAFnB,KAIGD,QAAQ,gBACP,6BAAC,cAAD;AAAQ,IAAA,SAAS,EAAC,kBAAlB;AAAqC,IAAA,GAAG,EAAEA;AAA1C,IADO,GAEL,IANN,CADD,GASG,IAVN,eAWE,6BAAC,wBAAD;AAAkB,IAAA,SAAS,EAAC,gBAA5B;AAA6C,IAAA,SAAS,EAAEE;AAAxD,KACGC,IADH,CAXF,EAcGC,cAAc,gBACb,6BAAC,4BAAD,QAAuBA,cAAvB,CADa,GAEX,IAhBN,CADF;AAoBD,CA3BM;;;AA6BPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: string;\n  color?: string;\n  textColor?: string;\n  name: string;\n  additionalInfo?: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n  additionalInfo,\n}) => {\n  return (\n    <StyledOptionContentWrapper>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n      {additionalInfo ? (\n        <StyledAdditionalInfo>{additionalInfo}</StyledAdditionalInfo>\n      ) : null}\n    </StyledOptionContentWrapper>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"file":"OptionContent.js"}
+{"version":3,"file":"OptionContent.js","names":["OptionContent","imageUrl","color","textColor","name","additionalInfo","displayName"],"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: string;\n  color?: string;\n  textColor?: string;\n  name: string;\n  additionalInfo?: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n  additionalInfo,\n}) => {\n  return (\n    <StyledOptionContentWrapper>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n      {additionalInfo ? (\n        <StyledAdditionalInfo>{additionalInfo}</StyledAdditionalInfo>\n      ) : null}\n    </StyledOptionContentWrapper>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAKkB;AAUX,IAAMA,aAAqC,GAAG,SAAxCA,aAAqC,OAM5C;EAAA,IALJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,cAAc,QAAdA,cAAc;EAEd,oBACE,6BAAC,kCAA0B,QACxBJ,QAAQ,IAAIC,KAAK,gBAChB,6BAAC,6BAAqB;IACpB,SAAS,EAAC,iBAAiB;IAC3B,eAAe,EAAEA;EAAM,GAEtBD,QAAQ,gBACP,6BAAC,cAAM;IAAC,SAAS,EAAC,kBAAkB;IAAC,GAAG,EAAEA;EAAS,EAAG,GACpD,IAAI,CACc,GACtB,IAAI,eACR,6BAAC,wBAAgB;IAAC,SAAS,EAAC,gBAAgB;IAAC,SAAS,EAAEE;EAAU,GAC/DC,IAAI,CACY,EAClBC,cAAc,gBACb,6BAAC,4BAAoB,QAAEA,cAAc,CAAwB,GAC3D,IAAI,CACmB;AAEjC,CAAC;AAAC;AAEFL,aAAa,CAACM,WAAW,GAAG,eAAe"}

package/dist/cjs/components/Select/OptionContent/Styles.js

@@ -1,35 +1,26 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledOptionText = exports.StyledOptionIndicator = exports.StyledOptionContentWrapper = exports.StyledAdditionalInfo = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _Typography = require("../../Typography");
-
 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 StyledOptionContentWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionContentWrapper",
   componentId: "sc-6fiqyy-0"
 })(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
-
 exports.StyledOptionContentWrapper = StyledOptionContentWrapper;
 StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";
-
 var StyledOptionIndicator = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionIndicator",
   componentId: "sc-6fiqyy-1"
 })(["height:24px;width:24px;border-radius:100%;margin-right:8px;flex-shrink:0;", ""], function (props) {
   return props.backgroundColor && !props.children && (0, _styledComponents.css)(["background-color:", ";"], props.backgroundColor);
 });
-
 exports.StyledOptionIndicator = StyledOptionIndicator;
 StyledOptionIndicator.displayName = "StyledOptionIndicator";
 var StyledOptionText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
@@ -44,12 +35,10 @@ var StyledOptionText = (0, _styledComponents.default)(_Typography.Body2).withCon
 });
 exports.StyledOptionText = StyledOptionText;
 StyledOptionText.displayName = "StyledOptionText";
-
 var StyledAdditionalInfo = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledAdditionalInfo",
   componentId: "sc-6fiqyy-3"
 })(["margin:0 0 0 5px;line-height:18px;flex-shrink:0;"]);
-
 exports.StyledAdditionalInfo = StyledAdditionalInfo;
 StyledAdditionalInfo.displayName = "StyledAdditionalInfo";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Select/OptionContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["StyledOptionContentWrapper","styled","div","displayName","StyledOptionIndicator","props","backgroundColor","children","css","StyledOptionText","Body2","textColor","StyledAdditionalInfo","span"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAEO,IAAMA,0BAA0B,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,0HAAhC;;;AAUPF,0BAA0B,CAACG,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMC,qBAAqB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,QAEAC,qBAFA,8BAGsBH,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;;;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEO,IAAMM,gBAAgB,GAAG,+BAAOC,iBAAP,CAAH;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACL,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,QACAH,qBADA,mBAEWH,KAAK,CAACM,SAFjB,CADA;AAAA,CALyB,CAAtB;;AAYPF,gBAAgB,CAACN,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMS,oBAAoB,GAAGX,0BAAOY,IAAV;AAAA;AAAA;AAAA,wDAA1B;;;AAMPD,oBAAoB,CAACT,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledOptionContentWrapper","styled","div","displayName","StyledOptionIndicator","props","backgroundColor","children","css","StyledOptionText","Body2","textColor","StyledAdditionalInfo","span"],"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"mappings":";;;;;;;AAAA;AAEA;AAAyC;AAAA;AAElC,IAAMA,0BAA0B,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0HAQnD;AAAC;AAEFF,0BAA0B,CAACG,WAAW,GAAG,4BAA4B;AAE9D,IAAMC,qBAAqB,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,sFAM3C,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrB,CAACD,KAAK,CAACE,QAAQ,QACfC,qBAAG,8BACmBH,KAAK,CAACC,eAAe,CAC1C;AAAA,EACJ;AAAC;AAEFF,qBAAqB,CAACD,WAAW,GAAG,uBAAuB;AAEpD,IAAMM,gBAAgB,GAAG,IAAAR,yBAAM,EAACS,iBAAK,CAAC;EAAA;EAAA;AAAA,kEACvC;EAAA;EAAA;EAAA;AAAY,CAAC,EAIf,UAACL,KAAK;EAAA,OACNA,KAAK,CAACM,SAAS,QACfH,qBAAG,mBACQH,KAAK,CAACM,SAAS,CACzB;AAAA,EACJ;AAAC;AAEFF,gBAAgB,CAACN,WAAW,GAAG,kBAAkB;AAE1C,IAAMS,oBAAoB,GAAGX,yBAAM,CAACY,IAAI;EAAA;EAAA;AAAA,wDAI9C;AAAC;AAEFD,oBAAoB,CAACT,WAAW,GAAG,sBAAsB"}