hanbiro-react16-sdk 1.0.22 → 1.0.24

package/dist/node_modules/react-feather/dist/icons/message-circle.js

@@ -0,0 +1,68 @@
+import React__default, { forwardRef } from "react";
+import PropTypes from "../../../prop-types/index.js";
+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 _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 MessageCircle = forwardRef(function(_ref, ref) {
+  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
+  return /* @__PURE__ */ React__default.createElement("svg", _extends({
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, rest), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
+  }));
+});
+MessageCircle.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+MessageCircle.displayName = "MessageCircle";
+export {
+  MessageCircle as default
+};

package/dist/node_modules/react-feather/dist/icons/message-square.js

@@ -0,0 +1,68 @@
+import React__default, { forwardRef } from "react";
+import PropTypes from "../../../prop-types/index.js";
+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 _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 MessageSquare = forwardRef(function(_ref, ref) {
+  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
+  return /* @__PURE__ */ React__default.createElement("svg", _extends({
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, rest), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
+  }));
+});
+MessageSquare.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+MessageSquare.displayName = "MessageSquare";
+export {
+  MessageSquare as default
+};

package/dist/node_modules/react-feather/dist/icons/scissors.js

@@ -0,0 +1,89 @@
+import React__default, { forwardRef } from "react";
+import PropTypes from "../../../prop-types/index.js";
+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 _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 Scissors = forwardRef(function(_ref, ref) {
+  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
+  return /* @__PURE__ */ React__default.createElement("svg", _extends({
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, rest), /* @__PURE__ */ React__default.createElement("circle", {
+    cx: "6",
+    cy: "6",
+    r: "3"
+  }), /* @__PURE__ */ React__default.createElement("circle", {
+    cx: "6",
+    cy: "18",
+    r: "3"
+  }), /* @__PURE__ */ React__default.createElement("line", {
+    x1: "20",
+    y1: "4",
+    x2: "8.12",
+    y2: "15.88"
+  }), /* @__PURE__ */ React__default.createElement("line", {
+    x1: "14.47",
+    y1: "14.48",
+    x2: "20",
+    y2: "20"
+  }), /* @__PURE__ */ React__default.createElement("line", {
+    x1: "8.12",
+    y1: "8.12",
+    x2: "12",
+    y2: "12"
+  }));
+});
+Scissors.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Scissors.displayName = "Scissors";
+export {
+  Scissors as default
+};

package/dist/node_modules/react-feather/dist/icons/smile.js

@@ -0,0 +1,82 @@
+import React__default, { forwardRef } from "react";
+import PropTypes from "../../../prop-types/index.js";
+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 _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 Smile = forwardRef(function(_ref, ref) {
+  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
+  return /* @__PURE__ */ React__default.createElement("svg", _extends({
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, rest), /* @__PURE__ */ React__default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M8 14s1.5 2 4 2 4-2 4-2"
+  }), /* @__PURE__ */ React__default.createElement("line", {
+    x1: "9",
+    y1: "9",
+    x2: "9.01",
+    y2: "9"
+  }), /* @__PURE__ */ React__default.createElement("line", {
+    x1: "15",
+    y1: "9",
+    x2: "15.01",
+    y2: "9"
+  }));
+});
+Smile.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Smile.displayName = "Smile";
+export {
+  Smile as default
+};

package/dist/node_modules/react-feather/dist/icons/thumbs-up.js

@@ -0,0 +1,68 @@
+import React__default, { forwardRef } from "react";
+import PropTypes from "../../../prop-types/index.js";
+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 _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 ThumbsUp = forwardRef(function(_ref, ref) {
+  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
+  return /* @__PURE__ */ React__default.createElement("svg", _extends({
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, rest), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"
+  }));
+});
+ThumbsUp.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+ThumbsUp.displayName = "ThumbsUp";
+export {
+  ThumbsUp as default
+};

package/dist/node_modules/react-feather/dist/icons/zap.js

@@ -0,0 +1,68 @@
+import React__default, { forwardRef } from "react";
+import PropTypes from "../../../prop-types/index.js";
+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 _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 Zap = forwardRef(function(_ref, ref) {
+  var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, _ref$size = _ref.size, size = _ref$size === void 0 ? 24 : _ref$size, rest = _objectWithoutProperties(_ref, ["color", "size"]);
+  return /* @__PURE__ */ React__default.createElement("svg", _extends({
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, rest), /* @__PURE__ */ React__default.createElement("polygon", {
+    points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2"
+  }));
+});
+Zap.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Zap.displayName = "Zap";
+export {
+  Zap as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hanbiro-react16-sdk",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "React 16.2.0 compatible UI components for Hanbiro",
   "types": "./dist/index.d.ts",
   "main": "./dist/hanbiro-react16-sdk.umd.js",

package/dist/components/TinyMceEditor/index.js

@@ -1,181 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import React__default from "react";
-import LoadingContainer from "../LoadingContainer/index.js";
-import { scrollStyle } from "./scrollStyle.js";
-import { Editor } from "../../node_modules/@tinymce/tinymce-react/lib/es2015/main/ts/components/Editor.js";
-import useEditor from "./useEditor.js";
-class TinyMceEditor extends React__default.Component {
-  constructor(props) {
-    super(props);
-    __publicField(this, "editorRef", null);
-    // Các hàm public được expose ra (tương tự như useImperativeHandle trước đó)
-    __publicField(this, "getContent", () => {
-      var _a;
-      const editorContent = ((_a = this.editorRef) == null ? void 0 : _a.getContent()) || "";
-      return {
-        content: editorContent
-      };
-    });
-    __publicField(this, "getRawContent", () => {
-      var _a;
-      const editorContent = ((_a = this.editorRef) == null ? void 0 : _a.getContent()) || "";
-      return editorContent;
-    });
-    __publicField(this, "handleEditorChange", (content) => {
-      if (this.props.onChange) {
-        this.props.onChange(content);
-      }
-    });
-    this.state = {
-      showEditor: false
-    };
-  }
-  render() {
-    const {
-      value,
-      isSimple = false,
-      disabled = false,
-      height = 550,
-      skin = "tinymce-5",
-      onClick,
-      style,
-      lang = "en",
-      placeholder = "",
-      options,
-      noImage = false
-    } = this.props;
-    const { showEditor } = this.state;
-    const {
-      defaultPlugins,
-      defaultToolbar,
-      imageUploadBasePath,
-      imageUploadUrl,
-      supportImageTypes,
-      fontfamily,
-      setupFunction,
-      filePickerHandle,
-      defaultFontSize
-    } = useEditor({
-      isSimple,
-      noImage
-    });
-    return /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        style: __spreadValues({
-          position: "relative",
-          borderRadius: 1,
-          height
-        }, style)
-      },
-      /* @__PURE__ */ React__default.createElement("style", null, `
-          .tox.tox-tinymce {
-            border-radius: 4px;
-          }
-          `),
-      !showEditor && /* @__PURE__ */ React__default.createElement(
-        LoadingContainer,
-        {
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            zIndex: 12,
-            background: "#ffffff",
-            border: "1px solid var(--border-main)",
-            borderRadius: 4,
-            height: (options == null ? void 0 : options.height) || height
-          }
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(
-        Editor,
-        {
-          disabled,
-          onEditorChange: this.handleEditorChange,
-          value,
-          onInit: (evt, editor) => {
-            this.setState({ showEditor: true });
-            this.editorRef = editor;
-          },
-          onClick,
-          plugins: defaultPlugins,
-          init: __spreadProps(__spreadValues({
-            text_patterns: false,
-            placeholder,
-            indent: false,
-            skin,
-            visual: false,
-            promotion: false,
-            language: lang || "en",
-            // language_url: language
-            //   ? `${process.env.PUBLIC_URL || ""}/js/tinymce/langs/${language}.js`
-            //   : undefined,
-            branding: false,
-            elementpath: false,
-            height,
-            menubar: !isSimple,
-            verify_html: true,
-            toolbar: defaultToolbar,
-            toolbar_mode: "sliding",
-            images_upload_base_path: imageUploadBasePath,
-            images_upload_url: imageUploadUrl,
-            images_upload_credentials: true,
-            automatic_uploads: true,
-            images_file_types: supportImageTypes,
-            font_family_formats: fontfamily,
-            paste_data_images: true,
-            a11y_advanced_options: true,
-            image_advtab: true,
-            file_picker_types: "file image media",
-            file_picker_callback: filePickerHandle,
-            forced_root_block_attrs: { style: "margin: 0;" },
-            font_size_formats: "6pt 8pt 9pt 10pt 11pt 12pt 14pt 16pt 18pt 20pt 22pt 24pt 26pt 28pt 36pt 48pt 72pt"
-          }, noImage && {
-            invalid_elements: "img"
-          }), {
-            content_style: `
-            ${scrollStyle}
-            [data-mce-placeholder]::before {
-              color: rgba(0, 23, 55, 0.42) !important;
-            }
-            body { 
-              font-family: ${"Helvetica,Arial,sans-serif"}; 
-              font-size: ${defaultFontSize}pt;
-              line-height: unset;
-              background: var(--background-softGrey);
-              color: var(--text-primary);
-            }`,
-            setup: setupFunction,
-            relative_urls: false,
-            remove_script_host: false,
-            document_base_url: "/"
-          })
-        }
-      )
-    );
-  }
-}
-export {
-  TinyMceEditor as default
-};

package/dist/components/TinyMceEditor/scrollStyle.js

@@ -1,40 +0,0 @@
-const scrollStyle = `
-::-webkit-scrollbar,
-*::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-*::-webkit-scrollbar-track {
-  background: transparent;
-  backdrop-filter: blur(6px);
-}
-
-::-webkit-scrollbar-thumb,
-*::-webkit-scrollbar-thumb {
-  background: #e0e0e0;
-}
-
-::-webkit-scrollbar-thumb:focus,
-*::-webkit-scrollbar-thumb:focus {
-  background: #bdbdbd;
-}
-
-::-webkit-scrollbar-thumb:active,
-*::-webkit-scrollbar-thumb:active {
-  background: #bdbdbd;
-}
-
-::-webkit-scrollbar-thumb:hover,
-*::-webkit-scrollbar-thumb:hover {
-  background: #bdbdbd;
-}
-
-::-webkit-scrollbar-corner,
-*::-webkit-scrollbar-corner {
-  background-color: transparent;
-}
-`;
-export {
-  scrollStyle
-};