colibri-ui 0.7.63 → 0.7.64

package/Checkbox/Checkbox.module.css

@@ -35,7 +35,7 @@
 }
 
 .checked {
-  background-color: var(--checkbox-primary-background-color-checked);
+  background-color: var(--checkbox-background-color-checked);
   border: 0;
 }
 .checked::after {
@@ -73,17 +73,17 @@
   border-color: var(--palette-bg-3);
 }
 .control_variant_primary:focus:not(:disabled) + .fake-checkbox {
-  box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);
+  box-shadow: 0 0 0 2px var(--checkbox-box-shadow-focused);
 }
 .control_variant_primary:hover:not(:disabled) + .fake-checkbox {
-  background-color: var(--checkbox-primary-background-color-hovered);
+  background-color: var(--checkbox-background-color-hovered);
 }
 .control_variant_primary:active:not(:disabled) + .fake-checkbox {
-  background-color: var(--checkbox-primary-background-color-active);
-  border-color: var(--checkbox-primary-border-color-active);
-  box-shadow: var(--checkbox-primary-box-shadow-active);
+  background-color: var(--checkbox-background-color-active);
+  border-color: var(--checkbox-border-color-active);
+  box-shadow: var(--checkbox-box-shadow-active);
 }
 .control_variant_primary:disabled + .fake-checkbox {
-  background-color: var(--checkbox-primary-background-color-disabled);
+  background-color: var(--checkbox-background-color-disabled);
   z-index: 1;
 }

package/Icons/Setting.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Setting = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    props = tslib.__rest(_a, ["fill", "width", "height"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height
+  }, props, {
+    ref: ref,
+    fill: "none"
+  }), /*#__PURE__*/React__default.default.createElement("g", {
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "m8.428 3.287.88 1.198c.27.364.62.675 1.09.801a1.85 1.85 0 0 0 1.414-.188c.39-.226.667-.602.84-1.054l.542-1.385a.75.75 0 0 1 .894-.45l.5.134.5.133a.75.75 0 0 1 .548.84l-.226 1.467c-.072.482-.018.948.209 1.34.237.411.632.731 1.126.864.476.127.938.024 1.36-.158l1.343-.588a.75.75 0 0 1 .95.312l.26.447.26.451a.75.75 0 0 1-.206.98l-1.197.88c-.363.27-.674.619-.8 1.088a1.85 1.85 0 0 0 .188 1.413c.227.39.602.667 1.054.84l1.385.543a.75.75 0 0 1 .45.893l-.135.5-.133.5a.75.75 0 0 1-.837.55l-1.47-.224c-.48-.076-.947-.021-1.34.205-.41.238-.73.632-.863 1.127-.125.47-.03.928.15 1.344l.596 1.36a.75.75 0 0 1-.311.951l-.45.26-.45.26a.75.75 0 0 1-.98-.204l-.846-1.149c-.283-.38-.63-.72-1.12-.852a1.85 1.85 0 0 0-1.414.188c-.39.227-.668.603-.841 1.056l-.542 1.384a.75.75 0 0 1-.892.45l-.502-.134-.5-.134a.75.75 0 0 1-.548-.838l.225-1.467c.074-.483.02-.95-.208-1.344a1.85 1.85 0 0 0-1.126-.862c-.486-.13-.955-.014-1.386.173l-1.32.576a.75.75 0 0 1-.95-.314l-.258-.447-.26-.448a.75.75 0 0 1 .205-.982l1.198-.879v-.001c.363-.27.675-.62.8-1.09a1.85 1.85 0 0 0-.187-1.413c-.226-.39-.602-.667-1.054-.84l-1.385-.543a.75.75 0 0 1-.45-.894l.134-.498.133-.501a.75.75 0 0 1 .839-.549l1.468.225c.482.074.95.02 1.342-.208.41-.238.73-.632.862-1.126.127-.473.026-.933-.154-1.352L6.24 4.552a.75.75 0 0 1 .314-.952L7 3.343l.446-.26a.75.75 0 0 1 .98.204zM10.89 16.14a4.286 4.286 0 1 0 2.219-8.28 4.286 4.286 0 0 0-2.22 8.28"
+  })), /*#__PURE__*/React__default.default.createElement("defs", null, /*#__PURE__*/React__default.default.createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+});
+
+exports.default = Setting;

package/Icons/index.d.ts

@@ -9,5 +9,6 @@ export { default as Info } from "./Info";
 export { default as Minus } from "./Minus";
 export { default as More } from "./More";
 export { default as Plus } from "./Plus";
+export { default as Setting } from "./Setting";
 export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/Icons/index.js

@@ -11,6 +11,7 @@ var Info = require('./Info.js');
 var Minus = require('./Minus.js');
 var More = require('./More.js');
 var Plus = require('./Plus.js');
+var Setting = require('./Setting.js');
 var Trash = require('./Trash.js');
 var User = require('./User.js');
 
@@ -27,5 +28,6 @@ exports.Info = Info.default;
 exports.Minus = Minus.default;
 exports.More = More.default;
 exports.Plus = Plus.default;
+exports.Setting = Setting.default;
 exports.Trash = Trash.default;
 exports.User = User.default;

package/InputRadio/InputRadio.module.css

@@ -51,26 +51,26 @@
   position: absolute;
 }
 .input:not(.input_disabled, .input_error):hover + .icon {
-  border-color: var(--inputradio-primary-background-color-hovered);
+  border-color: var(--input-radio-background-color-hovered);
 }
 .input:not(.input_disabled, .input_error):focus + .icon {
-  box-shadow: 0 0 0 2px var(--inputradio-primary-box-shadow-focused);
+  box-shadow: 0 0 0 2px var(--input-radio-box-shadow-focused);
 }
 .input:not(.input_disabled, .input_error):active + .icon {
-  background-color: var(--inputradio-primary-background-color-focused);
-  border-color: var(--inputradio-primary-border-color-focused);
-  box-shadow: 0 0 0 2px var(--inputradio-primary-box-shadow-focused);
+  background-color: var(--input-radio-background-color-focused);
+  border-color: var(--input-radio-border-color-focused);
+  box-shadow: 0 0 0 2px var(--input-radio-box-shadow-focused);
 }
 .input:not(.input_disabled, .input_error) .input_checked:hover + .icon {
-  border-color: var(--inputradio-primary-background-color-hovered);
+  border-color: var(--input-radio-background-color-hovered);
 }
 .input:not(.input_disabled, .input_error) .input_checked:active + .icon {
   background-color: var(--palette-white);
-  border: 4px solid var(--inputradio-primary-background-color-checked);
+  border: 4px solid var(--input-radio-background-color-checked);
 }
 .input_checked + .icon {
   background-color: var(--palette-white);
-  border: 4px solid var(--inputradio-primary-background-color-checked);
+  border: 4px solid var(--input-radio-background-color-checked);
 }
 .input_disabled + .icon {
   border-radius: 50%;

package/Switch/Switch.module.css

@@ -18,8 +18,8 @@
   width: 40px;
 }
 .wrapper_variant_primary {
-  background-color: var(--switch-primary-background-color);
-  border-color: var(--switch-primary-border-color);
+  background-color: var(--switch-background-color);
+  border-color: var(--switch-border-color);
 }
 
 .base-switch {
@@ -48,8 +48,8 @@
   z-index: 1;
 }
 .checkbox:checked + .wrapper {
-  background-color: var(--switch-primary-background-color-checked);
-  border-color: var(--switch-primary-border-color-checked);
+  background-color: var(--switch-background-color-checked);
+  border-color: var(--switch-border-color-checked);
 }
 .checkbox:checked + .wrapper .base-switch {
   transform: translateX(18px);

package/Theme/index.d.ts

@@ -84,22 +84,25 @@ export declare const THEMES: {
         "input-primary-border-color-error": string;
         "input-primary-background-color-error": string;
         "input-primary-box-shadow-color-error": string;
-        "checkbox-primary-background-color-checked": string;
-        "checkbox-primary-background-color-hovered": string;
-        "checkbox-primary-box-shadow-focused": string;
-        "checkbox-primary-background-color-active": string;
-        "checkbox-primary-border-color-active": string;
-        "checkbox-primary-box-shadow-active": string;
-        "checkbox-primary-background-color-disabled": string;
-        "inputradio-primary-background-color-checked": string;
-        "inputradio-primary-background-color-hovered": string;
-        "inputradio-primary-box-shadow-focused": string;
-        "inputradio-primary-background-color-focused": string;
-        "inputradio-primary-border-color-focused": string;
-        "switch-primary-background-color": string;
-        "switch-primary-border-color": string;
-        "switch-primary-background-color-checked": string;
-        "switch-primary-border-color-checked": string;
+        "checkbox-background-color-checked": string;
+        "checkbox-background-color-hovered": string;
+        "checkbox-box-shadow-focused": string;
+        "checkbox-background-color-active": string;
+        "checkbox-border-color-active": string;
+        "checkbox-box-shadow-active": string;
+        "checkbox-background-color-disabled": string;
+        "input-radio-background-color-checked": string;
+        "input-radio-background-color-hovered": string;
+        "input-radio-box-shadow-focused": string;
+        "input-radio-background-color-focused": string;
+        "input-radio-border-color-focused": string;
+        "switch-background-color": string;
+        "switch-border-color": string;
+        "switch-background-color-checked": string;
+        "switch-border-color-checked": string;
+        "tooltip-background-color": string;
+        "tooltip-color": string;
+        "tooltip-border-radius": string;
     };
     BA: {
         "palette-black": string;
@@ -183,21 +186,24 @@ export declare const THEMES: {
         "input-primary-border-color-error": string;
         "input-primary-background-color-error": string;
         "input-primary-box-shadow-color-error": string;
-        "checkbox-primary-background-color-checked": string;
-        "checkbox-primary-background-color-hovered": string;
-        "checkbox-primary-box-shadow-focused": string;
-        "checkbox-primary-background-color-active": string;
-        "checkbox-primary-border-color-active": string;
-        "checkbox-primary-box-shadow-active": string;
-        "checkbox-primary-background-color-disabled": string;
-        "inputradio-primary-background-color-checked": string;
-        "inputradio-primary-background-color-hovered": string;
-        "inputradio-primary-box-shadow-focused": string;
-        "inputradio-primary-background-color-focused": string;
-        "inputradio-primary-border-color-focused": string;
-        "switch-primary-background-color": string;
-        "switch-primary-border-color": string;
-        "switch-primary-background-color-checked": string;
-        "switch-primary-border-color-checked": string;
+        "checkbox-background-color-checked": string;
+        "checkbox-background-color-hovered": string;
+        "checkbox-box-shadow-focused": string;
+        "checkbox-background-color-active": string;
+        "checkbox-border-color-active": string;
+        "checkbox-box-shadow-active": string;
+        "checkbox-background-color-disabled": string;
+        "input-radio-background-color-checked": string;
+        "input-radio-background-color-hovered": string;
+        "input-radio-box-shadow-focused": string;
+        "input-radio-background-color-focused": string;
+        "input-radio-border-color-focused": string;
+        "switch-background-color": string;
+        "switch-border-color": string;
+        "switch-background-color-checked": string;
+        "switch-border-color-checked": string;
+        "tooltip-background-color": string;
+        "tooltip-color": string;
+        "tooltip-border-radius": string;
     };
 };

package/Theme/themes/buenos_aires.d.ts

@@ -80,21 +80,24 @@ declare const _default: {
     "input-primary-border-color-error": string;
     "input-primary-background-color-error": string;
     "input-primary-box-shadow-color-error": string;
-    "checkbox-primary-background-color-checked": string;
-    "checkbox-primary-background-color-hovered": string;
-    "checkbox-primary-box-shadow-focused": string;
-    "checkbox-primary-background-color-active": string;
-    "checkbox-primary-border-color-active": string;
-    "checkbox-primary-box-shadow-active": string;
-    "checkbox-primary-background-color-disabled": string;
-    "inputradio-primary-background-color-checked": string;
-    "inputradio-primary-background-color-hovered": string;
-    "inputradio-primary-box-shadow-focused": string;
-    "inputradio-primary-background-color-focused": string;
-    "inputradio-primary-border-color-focused": string;
-    "switch-primary-background-color": string;
-    "switch-primary-border-color": string;
-    "switch-primary-background-color-checked": string;
-    "switch-primary-border-color-checked": string;
+    "checkbox-background-color-checked": string;
+    "checkbox-background-color-hovered": string;
+    "checkbox-box-shadow-focused": string;
+    "checkbox-background-color-active": string;
+    "checkbox-border-color-active": string;
+    "checkbox-box-shadow-active": string;
+    "checkbox-background-color-disabled": string;
+    "input-radio-background-color-checked": string;
+    "input-radio-background-color-hovered": string;
+    "input-radio-box-shadow-focused": string;
+    "input-radio-background-color-focused": string;
+    "input-radio-border-color-focused": string;
+    "switch-background-color": string;
+    "switch-border-color": string;
+    "switch-background-color-checked": string;
+    "switch-border-color-checked": string;
+    "tooltip-background-color": string;
+    "tooltip-color": string;
+    "tooltip-border-radius": string;
 };
 export default _default;

package/Theme/themes/buenos_aires.js

@@ -86,22 +86,25 @@ var THEME_BA = {
   "input-primary-border-color-error": index.default.ALERT,
   "input-primary-background-color-error": index.default.TRETIARY_DEFAULT_2,
   "input-primary-box-shadow-color-error": index.default.TRETIARY_DEFAULT_2,
-  "checkbox-primary-background-color-checked": index.default.PRIMARY_BA_4,
-  "checkbox-primary-background-color-hovered": index.default.PRIMARY_BA_4,
-  "checkbox-primary-box-shadow-focused": index.default.PRIMARY_BA_1,
-  "checkbox-primary-background-color-active": index.default.PRIMARY_BA_4,
-  "checkbox-primary-border-color-active": index.default.PRIMARY_BA_4,
-  "checkbox-primary-box-shadow-active": index.default.PRIMARY_BA_4,
-  "checkbox-primary-background-color-disabled": index.default.PRIMARY_BA_1,
-  "inputradio-primary-background-color-checked": index.default.PRIMARY_BA_4,
-  "inputradio-primary-background-color-hovered": index.default.PRIMARY_BA_4,
-  "inputradio-primary-box-shadow-focused": index.default.PRIMARY_BA_1,
-  "inputradio-primary-background-color-focused": index.default.PRIMARY_BA_1,
-  "inputradio-primary-border-color-focused": index.default.PRIMARY_BA_1,
-  "switch-primary-background-color": index.default.BG_2,
-  "switch-primary-border-color": index.default.BG_2,
-  "switch-primary-background-color-checked": index.default.PRIMARY_BA_5,
-  "switch-primary-border-color-checked": index.default.PRIMARY_BA_5
+  "checkbox-background-color-checked": index.default.PRIMARY_BA_4,
+  "checkbox-background-color-hovered": index.default.PRIMARY_BA_4,
+  "checkbox-box-shadow-focused": index.default.PRIMARY_BA_1,
+  "checkbox-background-color-active": index.default.PRIMARY_BA_4,
+  "checkbox-border-color-active": index.default.PRIMARY_BA_4,
+  "checkbox-box-shadow-active": index.default.PRIMARY_BA_4,
+  "checkbox-background-color-disabled": index.default.PRIMARY_BA_1,
+  "input-radio-background-color-checked": index.default.PRIMARY_BA_4,
+  "input-radio-background-color-hovered": index.default.PRIMARY_BA_4,
+  "input-radio-box-shadow-focused": index.default.PRIMARY_BA_1,
+  "input-radio-background-color-focused": index.default.PRIMARY_BA_1,
+  "input-radio-border-color-focused": index.default.PRIMARY_BA_1,
+  "switch-background-color": index.default.BG_2,
+  "switch-border-color": index.default.BG_2,
+  "switch-background-color-checked": index.default.PRIMARY_BA_5,
+  "switch-border-color-checked": index.default.PRIMARY_BA_5,
+  "tooltip-background-color": index.default.SECONDARY_BA_3,
+  "tooltip-color": index.default.WHITE,
+  "tooltip-border-radius": "4px"
 };
 
 exports.default = THEME_BA;

package/Theme/themes/default.d.ts

@@ -83,21 +83,24 @@ declare const _default: {
     "input-primary-border-color-error": string;
     "input-primary-background-color-error": string;
     "input-primary-box-shadow-color-error": string;
-    "checkbox-primary-background-color-checked": string;
-    "checkbox-primary-background-color-hovered": string;
-    "checkbox-primary-box-shadow-focused": string;
-    "checkbox-primary-background-color-active": string;
-    "checkbox-primary-border-color-active": string;
-    "checkbox-primary-box-shadow-active": string;
-    "checkbox-primary-background-color-disabled": string;
-    "inputradio-primary-background-color-checked": string;
-    "inputradio-primary-background-color-hovered": string;
-    "inputradio-primary-box-shadow-focused": string;
-    "inputradio-primary-background-color-focused": string;
-    "inputradio-primary-border-color-focused": string;
-    "switch-primary-background-color": string;
-    "switch-primary-border-color": string;
-    "switch-primary-background-color-checked": string;
-    "switch-primary-border-color-checked": string;
+    "checkbox-background-color-checked": string;
+    "checkbox-background-color-hovered": string;
+    "checkbox-box-shadow-focused": string;
+    "checkbox-background-color-active": string;
+    "checkbox-border-color-active": string;
+    "checkbox-box-shadow-active": string;
+    "checkbox-background-color-disabled": string;
+    "input-radio-background-color-checked": string;
+    "input-radio-background-color-hovered": string;
+    "input-radio-box-shadow-focused": string;
+    "input-radio-background-color-focused": string;
+    "input-radio-border-color-focused": string;
+    "switch-background-color": string;
+    "switch-border-color": string;
+    "switch-background-color-checked": string;
+    "switch-border-color-checked": string;
+    "tooltip-background-color": string;
+    "tooltip-color": string;
+    "tooltip-border-radius": string;
 };
 export default _default;

package/Theme/themes/default.js

@@ -89,22 +89,25 @@ var THEME_DEFAULT = {
   "input-primary-border-color-error": index.default.ALERT,
   "input-primary-background-color-error": index.default.TRETIARY_DEFAULT_2,
   "input-primary-box-shadow-color-error": index.default.TRETIARY_DEFAULT_2,
-  "checkbox-primary-background-color-checked": index.default.PRIMARY_DEFAULT_4,
-  "checkbox-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
-  "checkbox-primary-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
-  "checkbox-primary-background-color-active": index.default.PRIMARY_DEFAULT_4,
-  "checkbox-primary-border-color-active": index.default.PRIMARY_DEFAULT_4,
-  "checkbox-primary-box-shadow-active": index.default.PRIMARY_DEFAULT_4,
-  "checkbox-primary-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
-  "inputradio-primary-background-color-checked": index.default.PRIMARY_DEFAULT_4,
-  "inputradio-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
-  "inputradio-primary-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
-  "inputradio-primary-background-color-focused": index.default.PRIMARY_DEFAULT_1,
-  "inputradio-primary-border-color-focused": index.default.PRIMARY_DEFAULT_1,
-  "switch-primary-background-color": index.default.BG_2,
-  "switch-primary-border-color": index.default.BG_2,
-  "switch-primary-background-color-checked": index.default.PRIMARY_DEFAULT_5,
-  "switch-primary-border-color-checked": index.default.PRIMARY_DEFAULT_5
+  "checkbox-background-color-checked": index.default.PRIMARY_DEFAULT_4,
+  "checkbox-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
+  "checkbox-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
+  "checkbox-background-color-active": index.default.PRIMARY_DEFAULT_4,
+  "checkbox-border-color-active": index.default.PRIMARY_DEFAULT_4,
+  "checkbox-box-shadow-active": index.default.PRIMARY_DEFAULT_4,
+  "checkbox-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
+  "input-radio-background-color-checked": index.default.PRIMARY_DEFAULT_4,
+  "input-radio-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
+  "input-radio-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
+  "input-radio-background-color-focused": index.default.PRIMARY_DEFAULT_1,
+  "input-radio-border-color-focused": index.default.PRIMARY_DEFAULT_1,
+  "switch-background-color": index.default.BG_2,
+  "switch-border-color": index.default.BG_2,
+  "switch-background-color-checked": index.default.PRIMARY_DEFAULT_5,
+  "switch-border-color-checked": index.default.PRIMARY_DEFAULT_5,
+  "tooltip-background-color": index.default.BLACK,
+  "tooltip-color": index.default.WHITE,
+  "tooltip-border-radius": "4px"
 };
 
 exports.default = THEME_DEFAULT;

package/TimeSelect/Label/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var OptionLabel = function OptionLabel(_a) {
+  var time = _a.time,
+    onClick = _a.onClick,
+    onMouseEnter = _a.onMouseEnter;
+  var ref = React.useRef(null);
+  return /*#__PURE__*/React__default.default.createElement("span", {
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    ref: ref
+  }, time);
+};
+
+exports.default = OptionLabel;

package/TimeSelect/helpers.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var dateFns = require('date-fns');
+
+var day = new Date();
+day.setHours(24, 0, 0, 0);
+var DEFAULT_TIME = {
+  index: 24,
+  time: "12:00"
+};
+var formatTime = function formatTime(date) {
+  return dateFns.format(date, "HH:mm");
+};
+var generateSuggest = function generateSuggest(interval) {
+  if (interval === void 0) {
+    interval = 15;
+  }
+  return new Array(24 * 60 / interval).fill(null).map(function (_, index) {
+    var date = dateFns.addMinutes(day, index * interval);
+    return {
+      time: formatTime(date)
+    };
+  });
+};
+
+exports.DEFAULT_TIME = DEFAULT_TIME;
+exports.formatTime = formatTime;
+exports.generateSuggest = generateSuggest;

package/TimeSelect/index.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var index$1 = require('../Select/index.js');
+var helpers = require('./helpers.js');
+var index = require('./Label/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var TimeSelect = function TimeSelect(_a) {
+  var value = _a.value,
+    _b = _a.label,
+    label = _b === void 0 ? "Start time" : _b,
+    _c = _a.interval,
+    interval = _c === void 0 ? 15 : _c,
+    onChange = _a.onChange,
+    props = tslib.__rest(_a, ["value", "label", "interval", "onChange"]);
+  var options = React.useMemo(function () {
+    return helpers.generateSuggest(interval).map(function (item) {
+      return {
+        value: item.time,
+        label: /*#__PURE__*/React__default.default.createElement(index.default, {
+          time: item.time
+        })
+      };
+    });
+  }, [interval]);
+  return /*#__PURE__*/React__default.default.createElement(index$1.default, tslib.__assign({}, props, {
+    value: value,
+    label: label,
+    options: options,
+    onChange: onChange
+  }));
+};
+
+exports.default = TimeSelect;

package/Tooltip/Tooltip.module.css

@@ -0,0 +1,122 @@
+.root[data-popper-placement=bottom-start] {
+  padding-top: 4px;
+}
+.root[data-popper-placement=bottom-start]::before {
+  left: 6px;
+  top: 0;
+}
+.root[data-popper-placement=bottom-end] {
+  padding-top: 4px;
+}
+.root[data-popper-placement=bottom-end]::before {
+  right: 6px;
+  top: 0;
+}
+.root[data-popper-placement=bottom] {
+  padding-top: 4px;
+}
+.root[data-popper-placement=bottom]::before {
+  left: 50%;
+  top: 0;
+  transform: translate(-50%, 0);
+}
+.root[data-popper-placement=right] {
+  padding-left: 4px;
+}
+.root[data-popper-placement=right]::before {
+  left: -6px;
+  top: 50%;
+  transform: translate(0, -50%) rotate(-90deg);
+}
+.root[data-popper-placement=right-start] {
+  padding-left: 4px;
+}
+.root[data-popper-placement=right-start]::before {
+  left: -6px;
+  top: 6px;
+  transform: rotate(-90deg);
+}
+.root[data-popper-placement=right-end] {
+  padding-left: 4px;
+}
+.root[data-popper-placement=right-end]::before {
+  bottom: 6px;
+  left: -6px;
+  transform: rotate(-90deg);
+}
+.root[data-popper-placement=left] {
+  padding-right: 4px;
+}
+.root[data-popper-placement=left]::before {
+  right: -6px;
+  top: 50%;
+  transform: translate(0, -50%) rotate(90deg);
+}
+.root[data-popper-placement=left-start] {
+  padding-right: 4px;
+}
+.root[data-popper-placement=left-start]::before {
+  right: -6px;
+  top: 6px;
+  transform: rotate(90deg);
+}
+.root[data-popper-placement=left-end] {
+  padding-right: 4px;
+}
+.root[data-popper-placement=left-end]::before {
+  bottom: 6px;
+  right: -6px;
+  transform: rotate(90deg);
+}
+.root[data-popper-placement=top] {
+  padding-bottom: 4px;
+}
+.root[data-popper-placement=top]::before {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 0) rotate(180deg);
+}
+.root[data-popper-placement=top-start] {
+  padding-bottom: 4px;
+}
+.root[data-popper-placement=top-start]::before {
+  bottom: 0;
+  left: 6px;
+  transform: rotate(180deg);
+}
+.root[data-popper-placement=top-end] {
+  padding-bottom: 4px;
+}
+.root[data-popper-placement=top-end]::before {
+  bottom: 0;
+  right: 6px;
+  transform: rotate(180deg);
+}
+
+.tail {
+  position: relative;
+}
+.tail::before {
+  border-bottom: 5px solid var(--tooltip-background-color);
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  content: "";
+  height: 0;
+  position: absolute;
+  width: 0;
+  z-index: 3000;
+}
+
+.overlay {
+  background-color: var(--tooltip-background-color);
+  border-radius: var(--tooltip-border-radius);
+  color: var(--tooltip-color);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 18px;
+  max-width: 200px;
+  overflow: hidden;
+  padding: 4px 10px;
+  position: relative;
+}

package/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ITooltipProps } from "./index.props";
+declare const Tooltip: React.FC<ITooltipProps>;
+export default Tooltip;