tiny-ui 0.0.95 → 1.0.1

package/lib/tag/index.js

@@ -1,6 +1,9 @@
-import Tag from './tag';
-import CheckableTag from './checkable-tag';
-var DefaultTag = Tag;
-DefaultTag.CheckableTag = CheckableTag;
-export default DefaultTag;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const tag_1 = tslib_1.__importDefault(require("./tag"));
+const checkable_tag_1 = tslib_1.__importDefault(require("./checkable-tag"));
+const DefaultTag = tag_1.default;
+DefaultTag.CheckableTag = checkable_tag_1.default;
+exports.default = DefaultTag;
 //# sourceMappingURL=index.js.map

package/lib/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAM3C,IAAM,UAAU,GAAG,GAAW,CAAC;AAC/B,UAAU,CAAC,YAAY,GAAG,YAAY,CAAC;AAEvC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/tag/index.tsx"],"names":[],"mappings":";;;AAAA,wDAAwB;AACxB,4EAA2C;AAM3C,MAAM,UAAU,GAAG,aAAW,CAAC;AAC/B,UAAU,CAAC,YAAY,GAAG,uBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/lib/tag/style/_index.scss

@@ -1,4 +1,4 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-tag {
   user-select: none;
@@ -6,14 +6,14 @@
   margin-right: 8px;
   padding: 3px 7px;
   font-size: 12px;
-  border: 1px solid #d9d9d9;
+  border: 1px solid var(--ty-tag-border);
   border-radius: $tag-border-radius;
-  color: $font-color;
-  background: #fafafa;
+  color: var(--ty-color-text);
+  background: var(--ty-tag-bg);
 
   a,
   a:hover {
-    color: rgba(0, 0, 0, 0.65);
+    color: var(--ty-color-text-secondary);
   }
 
   &_visible {
@@ -26,6 +26,11 @@
     margin-left: 5px;
     line-height: 1;
     transition: all 300ms;
+    background: none;
+    border: none;
+    padding: 0;
+    color: inherit;
+    font-family: inherit;
 
     &:hover {
       opacity: 0.8;
@@ -33,82 +38,82 @@
   }
 
   &_magenta {
-    color: $magenta-color;
-    background: #fff0f6;
-    border-color: #ffadd2;
+    color: var(--ty-tag-magenta-color);
+    background: var(--ty-tag-magenta-bg);
+    border-color: var(--ty-tag-magenta-border);
   }
 
   &_red {
-    color: #f5222d;
-    background: #fff1f0;
-    border-color: #ffa39e;
+    color: var(--ty-tag-red-color);
+    background: var(--ty-tag-red-bg);
+    border-color: var(--ty-tag-red-border);
   }
 
   &_volcano {
-    color: #fa541c;
-    background: #fff2e8;
-    border-color: #ffbb96;
+    color: var(--ty-tag-volcano-color);
+    background: var(--ty-tag-volcano-bg);
+    border-color: var(--ty-tag-volcano-border);
   }
 
   &_orange {
-    color: #fa8c16;
-    background: #fff7e6;
-    border-color: #ffd591;
+    color: var(--ty-tag-orange-color);
+    background: var(--ty-tag-orange-bg);
+    border-color: var(--ty-tag-orange-border);
   }
 
   &_gold {
-    color: #faad14;
-    background: #fffbe6;
-    border-color: #ffe58f;
+    color: var(--ty-tag-gold-color);
+    background: var(--ty-tag-gold-bg);
+    border-color: var(--ty-tag-gold-border);
   }
 
   &_lime {
-    color: #a0d911;
-    background: #fcffe6;
-    border-color: #eaff8f;
+    color: var(--ty-tag-lime-color);
+    background: var(--ty-tag-lime-bg);
+    border-color: var(--ty-tag-lime-border);
   }
 
   &_green {
-    color: #52c41a;
-    background: #f6ffed;
-    border-color: #b7eb8f;
+    color: var(--ty-tag-green-color);
+    background: var(--ty-tag-green-bg);
+    border-color: var(--ty-tag-green-border);
   }
 
   &_cyan {
-    color: #13c2c2;
-    background: #e6fffb;
-    border-color: #87e8de;
+    color: var(--ty-tag-cyan-color);
+    background: var(--ty-tag-cyan-bg);
+    border-color: var(--ty-tag-cyan-border);
   }
 
   &_blue {
-    color: #1890ff;
-    background: #e6f7ff;
-    border-color: #91d5ff;
+    color: var(--ty-tag-blue-color);
+    background: var(--ty-tag-blue-bg);
+    border-color: var(--ty-tag-blue-border);
   }
 
   &_geekblue {
-    color: #2f54eb;
-    background: #f0f5ff;
-    border-color: #adc6ff;
+    color: var(--ty-tag-geekblue-color);
+    background: var(--ty-tag-geekblue-bg);
+    border-color: var(--ty-tag-geekblue-border);
   }
 
   &_purple {
-    color: #722ed1;
-    background: #f9f0ff;
-    border-color: #d3adf7;
+    color: var(--ty-tag-purple-color);
+    background: var(--ty-tag-purple-bg);
+    border-color: var(--ty-tag-purple-border);
   }
 }
 
 .#{$prefix}-checkable-tag {
-  background-color: #fff;
-  color: $primary-color;
-  border-color: #fff;
+  background-color: var(--ty-tag-checkable-bg);
+  color: var(--ty-color-primary);
+  border-color: var(--ty-tag-checkable-bg);
   transition: all 300ms;
   cursor: pointer;
 
   &_checked {
-    background-color: $primary-color;
+    background-color: var(--ty-color-primary);
     color: #fff;
-    border-color: $primary-color;
+    border-color: var(--ty-color-primary);
   }
 }

package/lib/tag/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/tag/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

package/lib/tag/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tag/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tag/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/tag/tag.d.ts

@@ -1,6 +1,4 @@
+import React from 'react';
 import { TagProps } from './types';
-declare const Tag: {
-    (props: TagProps): JSX.Element;
-    displayName: string;
-};
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
 export default Tag;

package/lib/tag/tag.js

@@ -1,35 +1,44 @@
-import { __assign, __rest } from "tslib";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { PresetColors } from './types';
-var Tag = function (props) {
-    var _a;
-    var _b = props.closable, closable = _b === void 0 ? false : _b, _c = props.defaultVisible, defaultVisible = _c === void 0 ? true : _c, customisedCls = props.prefixCls, color = props.color, onClose = props.onClose, onClick = props.onClick, className = props.className, style = props.style, children = props.children, otherProps = __rest(props, ["closable", "defaultVisible", "prefixCls", "color", "onClose", "onClick", "className", "style", "children"]);
-    var _d = useState('visible' in props ? props.visible : defaultVisible), visible = _d[0], setVisible = _d[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('tag', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a["".concat(prefixCls, "_").concat(color)] = color && PresetColors.includes(color),
-        _a["".concat(prefixCls, "_visible")] = visible,
-        _a["".concat(prefixCls, "_closeable")] = closable,
-        _a));
-    var closeBtnOnClick = function (e) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const types_1 = require("./types");
+const Tag = (0, react_1.forwardRef)((props, ref) => {
+    const { closable = false, defaultVisible = true, prefixCls: customisedCls, color, onClose, onClick, className, style, children, ...otherProps } = props;
+    const [visible, setVisible] = (0, react_1.useState)('visible' in props ? props.visible : defaultVisible);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('tag', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_${color}`]: color && types_1.PresetColors.includes(color),
+        [`${prefixCls}_visible`]: visible,
+        [`${prefixCls}_closeable`]: closable,
+    });
+    /**
+     * Callback when the close button is clicked.
+     * @param e
+     */
+    const closeBtnOnClick = (e) => {
         onClose && onClose(e);
         if (e.defaultPrevented) {
             return;
         }
         !('visible' in props) && setVisible(false);
     };
-    var tagStyle = __assign({ backgroundColor: color ? (PresetColors.includes(color) ? undefined : color) : undefined, borderColor: color ? (PresetColors.includes(color) ? undefined : color) : undefined, color: color ? (PresetColors.includes(color) ? undefined : '#fff') : undefined }, style);
-    useEffect(function () {
+    const tagStyle = {
+        backgroundColor: color ? (types_1.PresetColors.includes(color) ? undefined : color) : undefined,
+        borderColor: color ? (types_1.PresetColors.includes(color) ? undefined : color) : undefined,
+        color: color ? (types_1.PresetColors.includes(color) ? undefined : '#fff') : undefined,
+        ...style,
+    };
+    (0, react_1.useEffect)(() => {
         'visible' in props && setVisible(props.visible);
     }, [props]);
-    return (React.createElement("div", __assign({}, otherProps, { className: cls, style: tagStyle, onClick: onClick }),
-        children,
-        closable && (React.createElement("span", { className: "".concat(prefixCls, "__close-btn"), onClick: closeBtnOnClick }, "\u2715"))));
-};
+    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: tagStyle, onClick: onClick, children: [children, closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: closeBtnOnClick, "aria-label": "Remove", children: "\u2715" }))] }));
+});
 Tag.displayName = 'Tag';
-export default Tag;
+exports.default = Tag;
 //# sourceMappingURL=tag.js.map

package/lib/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../components/tag/tag.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../components/tag/tag.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuF;AACvF,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AACjD,mCAAiD;AAEjD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,IAAI,EACrB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;QAChE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO;QACjC,CAAC,GAAG,SAAS,YAAY,CAAC,EAAE,QAAQ;KACrC,CAAC,CAAC;IAEH;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,CAA8B,EAAQ,EAAE;QAC/D,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAwB;QACpC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACvF,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnF,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9E,GAAG,KAAK;KACT,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,IAAI,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAkB,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,aAC7E,QAAQ,EACR,QAAQ,IAAI,CACX,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,OAAO,EAAE,eAAe,gBAAa,QAAQ,uBAEhG,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,kBAAe,GAAG,CAAC"}

package/lib/tag/types.js

@@ -1,4 +1,7 @@
-export var PresetColors = [
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresetColors = void 0;
+exports.PresetColors = [
     'magenta',
     'red',
     'volcano',

package/lib/tag/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/tag/types.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,SAAS;IACT,KAAK;IACL,SAAS;IACT,QAAQ;IACR,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,UAAU;IACV,QAAQ;CACT,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/tag/types.ts"],"names":[],"mappings":";;;AAUa,QAAA,YAAY,GAAG;IAC1B,SAAS;IACT,KAAK;IACL,SAAS;IACT,QAAQ;IACR,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,UAAU;IACV,QAAQ;CACT,CAAC"}

package/lib/textarea/index.d.ts

@@ -1,6 +1,4 @@
+import React from 'react';
 import { TextareaProps } from './types';
-declare const Textarea: {
-    (props: TextareaProps): JSX.Element;
-    displayName: string;
-};
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

package/lib/textarea/index.js

@@ -1,30 +1,30 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Textarea = function (props) {
-    var _a;
-    var _b = props.disabled, disabled = _b === void 0 ? false : _b, customisedCls = props.prefixCls, limit = props.limit, counter = props.counter, defaultValue = props.defaultValue, value = props.value, rows = props.rows, onChange = props.onChange, className = props.className, style = props.style, otherProps = __rest(props, ["disabled", "prefixCls", "limit", "counter", "defaultValue", "value", "rows", "onChange", "className", "style"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('textarea', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a["".concat(prefixCls, "_disabled")] = disabled,
-        _a));
-    var _c = useState(0), count = _c[0], setCount = _c[1];
-    var textareaOnChange = function (e) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Textarea = (0, react_1.forwardRef)((props, ref) => {
+    const { disabled = false, prefixCls: customisedCls, limit, counter, defaultValue, value, rows, onChange, className, style, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('textarea', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const [count, setCount] = (0, react_1.useState)(0);
+    const textareaOnChange = (e) => {
         setCount(e.currentTarget.value.length);
         onChange && onChange(e.currentTarget.value, e);
     };
     if (limit || counter) {
-        return (React.createElement("span", { className: "".concat(prefixCls, "-container") },
-            React.createElement("textarea", __assign({}, otherProps, { maxLength: limit, rows: rows, value: value, defaultValue: defaultValue, disabled: disabled, className: cls, style: style, onChange: textareaOnChange })),
-            React.createElement("span", { className: "".concat(prefixCls, "__counter") }, counter && typeof counter === 'function' ? counter(count) : "".concat(count, "/").concat(limit))));
+        return ((0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}-container`, children: [(0, jsx_runtime_1.jsx)("textarea", { ...otherProps, ref: ref, maxLength: limit, rows: rows, value: value, defaultValue: defaultValue, disabled: disabled, className: cls, style: style, onChange: textareaOnChange }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__counter`, children: counter && typeof counter === 'function' ? counter(count) : `${count}/${limit}` })] }));
     }
     else {
-        return (React.createElement("textarea", __assign({}, props, { rows: rows, value: value, defaultValue: defaultValue, disabled: disabled, className: cls, style: style, onChange: textareaOnChange })));
+        return ((0, jsx_runtime_1.jsx)("textarea", { ...props, ref: ref, rows: rows, value: value, defaultValue: defaultValue, disabled: disabled, className: cls, style: style, onChange: textareaOnChange }));
     }
-};
+});
 Textarea.displayName = 'Textarea';
-export default Textarea;
+exports.default = Textarea;
 //# sourceMappingURL=index.js.map

package/lib/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/textarea/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,QAAQ,GAAG,UAAC,KAAoB;;IAElC,IAAA,KAWE,KAAK,SAXS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACL,aAAa,GAUtB,KAAK,UAViB,EACxB,KAAK,GASH,KAAK,MATF,EACL,OAAO,GAQL,KAAK,QARA,EACP,YAAY,GAOV,KAAK,aAPK,EACZ,KAAK,GAMH,KAAK,MANF,EACL,IAAI,GAKF,KAAK,KALH,EACJ,QAAQ,GAIN,KAAK,SAJC,EACR,SAAS,GAGP,KAAK,UAHE,EACT,KAAK,GAEH,KAAK,MAFF,EACF,UAAU,UACX,KAAK,EAZH,gHAYL,CADc,CACL;IACV,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACnF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS;QACzC,GAAC,UAAG,SAAS,cAAW,IAAG,QAAQ;YACnC,CAAC;IACG,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAEtC,IAAM,gBAAgB,GAAG,UAAC,CAAyC;QACjE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,IAAI,KAAK,IAAI,OAAO,EAAE;QACpB,OAAO,CACL,8BAAM,SAAS,EAAE,UAAG,SAAS,eAAY;YACvC,6CACM,UAAU,IACd,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,IAC1B;YACF,8BAAM,SAAS,EAAE,UAAG,SAAS,cAAW,IACrC,OAAO,IAAI,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAG,KAAK,cAAI,KAAK,CAAE,CAC3E,CACF,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,6CACM,KAAK,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,IAC1B,CACH,CAAC;KACH;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/textarea/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgE;AAChE,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACnF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;KACpC,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,CAAC,CAAyC,EAAE,EAAE;QACrE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,IAAI,KAAK,IAAI,OAAO,EAAE,CAAC;QACrB,OAAO,CACL,kCAAM,SAAS,EAAE,GAAG,SAAS,YAAY,aACvC,wCACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,GAC1B,EACF,iCAAM,SAAS,EAAE,GAAG,SAAS,WAAW,YACrC,OAAO,IAAI,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,GAC3E,IACF,CACR,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,wCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,GAC1B,CACH,CAAC;IACJ,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,kBAAe,QAAQ,CAAC"}

package/lib/textarea/style/_index.scss

@@ -1,5 +1,5 @@
-@import '../../style/variables';
-@import '../../input/style/mixin';
+@use '../../style/variables' as *;
+@use '../../input/style/mixin' as *;
 
 .#{$prefix}-textarea {
   @include input-default();
@@ -21,7 +21,7 @@
         bottom: 6px;
         right: 6px;
         font-size: 14px;
-        color: #666;
+        color: var(--ty-textarea-counter-color);
       }
     }
   }

package/lib/textarea/style/css.js

@@ -1,3 +1,6 @@
-import './index.css';
-import '../../input/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
+// style dependency
+require("../../input/style/index.css");
 //# sourceMappingURL=index.js.map

package/lib/textarea/style/index.js

@@ -1,3 +1,6 @@
-import './index.scss';
-import '../../input/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+// style dependency
+require("../../input/style/index.scss");
 //# sourceMappingURL=index.js.map

package/lib/textarea/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/textarea/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/textarea/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB;AAEtB,mBAAmB;AACnB,wCAAsC"}

package/lib/textarea/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/time-picker/index.d.ts

@@ -1,2 +1,4 @@
 import TimePicker from './time-picker';
+export type { TimePickerProps, DisabledTime } from './types';
+export type { TimePanelProps } from './time-panel';
 export default TimePicker;

package/lib/time-picker/index.js

@@ -1,3 +1,6 @@
-import TimePicker from './time-picker';
-export default TimePicker;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const time_picker_1 = tslib_1.__importDefault(require("./time-picker"));
+exports.default = time_picker_1.default;
 //# sourceMappingURL=index.js.map

package/lib/time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/time-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/time-picker/index.tsx"],"names":[],"mappings":";;;AAAA,wEAAuC;AAKvC,kBAAe,qBAAU,CAAC"}