@tidbcloud/uikit 2.0.0-beta.35 → 2.0.0-beta.37

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.37
+
+### Major Changes
+
+- add tableList,block icon
+
+## 2.0.0-beta.36
+
+### Minor Changes
+
+- Update Input/Select size and styles
+
 ## 2.0.0-beta.35
 
 ### Minor Changes

package/dist/icons/index.cjs

@@ -1237,6 +1237,8 @@ const ZapOff = require("./react/ZapOff.cjs");
 const ZapSquare = require("./react/ZapSquare.cjs");
 const ZoomIn = require("./react/ZoomIn.cjs");
 const ZoomOut = require("./react/ZoomOut.cjs");
+const Block = require("./react/Block.cjs");
+const TableList = require("./react/TableList.cjs");
 const IconActivity = Activity;
 const IconActivityHeart = ActivityHeart;
 const IconAiExplore01 = AiExplore01;
@@ -2474,6 +2476,8 @@ const IconZapOff = ZapOff;
 const IconZapSquare = ZapSquare;
 const IconZoomIn = ZoomIn;
 const IconZoomOut = ZoomOut;
+const IconBlock = Block;
+const IconTableList = TableList;
 exports.IconActivity = IconActivity;
 exports.IconActivityHeart = IconActivityHeart;
 exports.IconAiExplore01 = IconAiExplore01;
@@ -2637,6 +2641,7 @@ exports.IconBellRinging04 = IconBellRinging04;
 exports.IconBezierCurve01 = IconBezierCurve01;
 exports.IconBezierCurve02 = IconBezierCurve02;
 exports.IconBezierCurve03 = IconBezierCurve03;
+exports.IconBlock = IconBlock;
 exports.IconBluetoothConnect = IconBluetoothConnect;
 exports.IconBluetoothOff = IconBluetoothOff;
 exports.IconBluetoothOn = IconBluetoothOn;
@@ -3563,6 +3568,7 @@ exports.IconSystemDatabase = IconSystemDatabase;
 exports.IconSystemEndpoint = IconSystemEndpoint;
 exports.IconSystemMode = IconSystemMode;
 exports.IconTable = IconTable;
+exports.IconTableList = IconTableList;
 exports.IconTablet01 = IconTablet01;
 exports.IconTablet02 = IconTablet02;
 exports.IconTag01 = IconTag01;

package/dist/icons/index.d.cts

@@ -1241,3 +1241,5 @@ export declare const IconZapOff: React.FC<IconProps>;
 export declare const IconZapSquare: React.FC<IconProps>;
 export declare const IconZoomIn: React.FC<IconProps>;
 export declare const IconZoomOut: React.FC<IconProps>;
+export declare const IconBlock: React.FC<IconProps>;
+export declare const IconTableList: React.FC<IconProps>;

package/dist/icons/index.d.ts

@@ -1241,3 +1241,5 @@ export declare const IconZapOff: React.FC<IconProps>;
 export declare const IconZapSquare: React.FC<IconProps>;
 export declare const IconZoomIn: React.FC<IconProps>;
 export declare const IconZoomOut: React.FC<IconProps>;
+export declare const IconBlock: React.FC<IconProps>;
+export declare const IconTableList: React.FC<IconProps>;

package/dist/icons/index.js

@@ -1235,6 +1235,8 @@ import ZapOff from "./react/ZapOff.js";
 import ZapSquare from "./react/ZapSquare.js";
 import ZoomIn from "./react/ZoomIn.js";
 import ZoomOut from "./react/ZoomOut.js";
+import Block from "./react/Block.js";
+import TableList from "./react/TableList.js";
 const IconActivity = Activity;
 const IconActivityHeart = ActivityHeart;
 const IconAiExplore01 = AiExplore01;
@@ -2472,6 +2474,8 @@ const IconZapOff = ZapOff;
 const IconZapSquare = ZapSquare;
 const IconZoomIn = ZoomIn;
 const IconZoomOut = ZoomOut;
+const IconBlock = Block;
+const IconTableList = TableList;
 export {
   IconActivity,
   IconActivityHeart,
@@ -2636,6 +2640,7 @@ export {
   IconBezierCurve01,
   IconBezierCurve02,
   IconBezierCurve03,
+  IconBlock,
   IconBluetoothConnect,
   IconBluetoothOff,
   IconBluetoothOn,
@@ -3562,6 +3567,7 @@ export {
   IconSystemEndpoint,
   IconSystemMode,
   IconTable,
+  IconTableList,
   IconTablet01,
   IconTablet02,
   IconTag01,

package/dist/icons/raw/Block.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 6.47012C13.5 5.91006 13.5 5.63004 13.609 5.41613C13.7049 5.22796 13.8578 5.07498 14.046 4.97911C14.2599 4.87012 14.5399 4.87012 15.1 4.87012H19.9C20.4601 4.87012 20.7401 4.87012 20.954 4.97911C21.1422 5.07498 21.2951 5.22796 21.391 5.41613C21.5 5.63004 21.5 5.91006 21.5 6.47012V9.27012C21.5 9.83017 21.5 10.1102 21.391 10.3241C21.2951 10.5123 21.1422 10.6653 20.954 10.7611C20.7401 10.8701 20.4601 10.8701 19.9 10.8701H15.1C14.5399 10.8701 14.2599 10.8701 14.046 10.7611C13.8578 10.6653 13.7049 10.5123 13.609 10.3241C13.5 10.1102 13.5 9.83017 13.5 9.27012V6.47012Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.5 6.47012C2.5 5.91006 2.5 5.63004 2.60899 5.41613C2.70487 5.22796 2.85785 5.07498 3.04601 4.97911C3.25992 4.87012 3.53995 4.87012 4.1 4.87012H8.9C9.46005 4.87012 9.74008 4.87012 9.95399 4.97911C10.1422 5.07498 10.2951 5.22796 10.391 5.41613C10.5 5.63004 10.5 5.91006 10.5 6.47012V9.27012C10.5 9.83017 10.5 10.1102 10.391 10.3241C10.2951 10.5123 10.1422 10.6653 9.95399 10.7611C9.74008 10.8701 9.46005 10.8701 8.9 10.8701H4.1C3.53995 10.8701 3.25992 10.8701 3.04601 10.7611C2.85785 10.6653 2.70487 10.5123 2.60899 10.3241C2.5 10.1102 2.5 9.83017 2.5 9.27012V6.47012Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.5 15.6C2.5 15.04 2.5 14.76 2.60899 14.546C2.70487 14.3579 2.85785 14.2049 3.04601 14.109C3.25992 14 3.53995 14 4.1 14H8.9C9.46005 14 9.74008 14 9.95399 14.109C10.1422 14.2049 10.2951 14.3579 10.391 14.546C10.5 14.76 10.5 15.04 10.5 15.6V18.4C10.5 18.9601 10.5 19.2401 10.391 19.454C10.2951 19.6422 10.1422 19.7952 9.95399 19.891C9.74008 20 9.46005 20 8.9 20H4.1C3.53995 20 3.25992 20 3.04601 19.891C2.85785 19.7952 2.70487 19.6422 2.60899 19.454C2.5 19.2401 2.5 18.9601 2.5 18.4V15.6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.4801 15.6144C13.4801 15.0543 13.4801 14.7743 13.5891 14.5604C13.685 14.3722 13.838 14.2192 14.0261 14.1234C14.2401 14.0144 14.5201 14.0144 15.0801 14.0144H19.8801C20.4402 14.0144 20.7202 14.0144 20.9341 14.1234C21.1223 14.2192 21.2753 14.3722 21.3711 14.5604C21.4801 14.7743 21.4801 15.0543 21.4801 15.6144V18.4144C21.4801 18.9744 21.4801 19.2545 21.3711 19.4684C21.2753 19.6565 21.1223 19.8095 20.9341 19.9054C20.7202 20.0144 20.4402 20.0144 19.8801 20.0144H15.0801C14.5201 20.0144 14.2401 20.0144 14.0261 19.9054C13.838 19.8095 13.685 19.6565 13.5891 19.4684C13.4801 19.2545 13.4801 18.9744 13.4801 18.4144V15.6144Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/raw/TableList.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 9.5H21M3 14.5H21M7.8 4.5H16.2C17.8802 4.5 18.7202 4.5 19.362 4.82698C19.9265 5.1146 20.3854 5.57354 20.673 6.13803C21 6.77976 21 6.61984 21 8.3V15.7C21 17.3802 21 17.2202 20.673 17.862C20.3854 18.4265 19.9265 18.8854 19.362 19.173C18.7202 19.5 17.8802 19.5 16.2 19.5H7.8C6.11984 19.5 5.27976 19.5 4.63803 19.173C4.07354 18.8854 3.6146 18.4265 3.32698 17.862C3 17.2202 3 17.3802 3 15.7V8.3C3 6.61984 3 6.77976 3.32698 6.13803C3.6146 5.57354 4.07354 5.1146 4.63803 4.82698C5.27976 4.5 6.11984 4.5 7.8 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/react/Block.cjs

@@ -0,0 +1,71 @@
+"use strict";
+const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const Block = (props, ref) => {
+  if (typeof props.size === "number") {
+    const { size, ...rest } = props;
+    props = {
+      ...rest,
+      height: size,
+      width: size
+    };
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: "1.5",
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M13.5 6.47012C13.5 5.91006 13.5 5.63004 13.609 5.41613C13.7049 5.22796 13.8578 5.07498 14.046 4.97911C14.2599 4.87012 14.5399 4.87012 15.1 4.87012H19.9C20.4601 4.87012 20.7401 4.87012 20.954 4.97911C21.1422 5.07498 21.2951 5.22796 21.391 5.41613C21.5 5.63004 21.5 5.91006 21.5 6.47012V9.27012C21.5 9.83017 21.5 10.1102 21.391 10.3241C21.2951 10.5123 21.1422 10.6653 20.954 10.7611C20.7401 10.8701 20.4601 10.8701 19.9 10.8701H15.1C14.5399 10.8701 14.2599 10.8701 14.046 10.7611C13.8578 10.6653 13.7049 10.5123 13.609 10.3241C13.5 10.1102 13.5 9.83017 13.5 9.27012V6.47012Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M2.5 6.47012C2.5 5.91006 2.5 5.63004 2.60899 5.41613C2.70487 5.22796 2.85785 5.07498 3.04601 4.97911C3.25992 4.87012 3.53995 4.87012 4.1 4.87012H8.9C9.46005 4.87012 9.74008 4.87012 9.95399 4.97911C10.1422 5.07498 10.2951 5.22796 10.391 5.41613C10.5 5.63004 10.5 5.91006 10.5 6.47012V9.27012C10.5 9.83017 10.5 10.1102 10.391 10.3241C10.2951 10.5123 10.1422 10.6653 9.95399 10.7611C9.74008 10.8701 9.46005 10.8701 8.9 10.8701H4.1C3.53995 10.8701 3.25992 10.8701 3.04601 10.7611C2.85785 10.6653 2.70487 10.5123 2.60899 10.3241C2.5 10.1102 2.5 9.83017 2.5 9.27012V6.47012Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M2.5 15.6C2.5 15.04 2.5 14.76 2.60899 14.546C2.70487 14.3579 2.85785 14.2049 3.04601 14.109C3.25992 14 3.53995 14 4.1 14H8.9C9.46005 14 9.74008 14 9.95399 14.109C10.1422 14.2049 10.2951 14.3579 10.391 14.546C10.5 14.76 10.5 15.04 10.5 15.6V18.4C10.5 18.9601 10.5 19.2401 10.391 19.454C10.2951 19.6422 10.1422 19.7952 9.95399 19.891C9.74008 20 9.46005 20 8.9 20H4.1C3.53995 20 3.25992 20 3.04601 19.891C2.85785 19.7952 2.70487 19.6422 2.60899 19.454C2.5 19.2401 2.5 18.9601 2.5 18.4V15.6Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M13.4801 15.6144C13.4801 15.0543 13.4801 14.7743 13.5891 14.5604C13.685 14.3722 13.838 14.2192 14.0261 14.1234C14.2401 14.0144 14.5201 14.0144 15.0801 14.0144H19.8801C20.4402 14.0144 20.7202 14.0144 20.9341 14.1234C21.1223 14.2192 21.2753 14.3722 21.3711 14.5604C21.4801 14.7743 21.4801 15.0543 21.4801 15.6144V18.4144C21.4801 18.9744 21.4801 19.2545 21.3711 19.4684C21.2753 19.6565 21.1223 19.8095 20.9341 19.9054C20.7202 20.0144 20.4402 20.0144 19.8801 20.0144H15.0801C14.5201 20.0144 14.2401 20.0144 14.0261 19.9054C13.838 19.8095 13.685 19.6565 13.5891 19.4684C13.4801 19.2545 13.4801 18.9744 13.4801 18.4144V15.6144Z"
+          }
+        )
+      ]
+    }
+  );
+};
+const ForwardRef = React.forwardRef(Block);
+const Block$1 = ForwardRef;
+module.exports = Block$1;

package/dist/icons/react/Block.d.cts

@@ -0,0 +1,3 @@
+export default ForwardRef;
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+import * as React from 'react';

package/dist/icons/react/Block.d.ts

@@ -0,0 +1,3 @@
+export default ForwardRef;
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+import * as React from 'react';

package/dist/icons/react/Block.js

@@ -0,0 +1,72 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+const Block = (props, ref) => {
+  if (typeof props.size === "number") {
+    const { size, ...rest } = props;
+    props = {
+      ...rest,
+      height: size,
+      width: size
+    };
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: "1.5",
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M13.5 6.47012C13.5 5.91006 13.5 5.63004 13.609 5.41613C13.7049 5.22796 13.8578 5.07498 14.046 4.97911C14.2599 4.87012 14.5399 4.87012 15.1 4.87012H19.9C20.4601 4.87012 20.7401 4.87012 20.954 4.97911C21.1422 5.07498 21.2951 5.22796 21.391 5.41613C21.5 5.63004 21.5 5.91006 21.5 6.47012V9.27012C21.5 9.83017 21.5 10.1102 21.391 10.3241C21.2951 10.5123 21.1422 10.6653 20.954 10.7611C20.7401 10.8701 20.4601 10.8701 19.9 10.8701H15.1C14.5399 10.8701 14.2599 10.8701 14.046 10.7611C13.8578 10.6653 13.7049 10.5123 13.609 10.3241C13.5 10.1102 13.5 9.83017 13.5 9.27012V6.47012Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M2.5 6.47012C2.5 5.91006 2.5 5.63004 2.60899 5.41613C2.70487 5.22796 2.85785 5.07498 3.04601 4.97911C3.25992 4.87012 3.53995 4.87012 4.1 4.87012H8.9C9.46005 4.87012 9.74008 4.87012 9.95399 4.97911C10.1422 5.07498 10.2951 5.22796 10.391 5.41613C10.5 5.63004 10.5 5.91006 10.5 6.47012V9.27012C10.5 9.83017 10.5 10.1102 10.391 10.3241C10.2951 10.5123 10.1422 10.6653 9.95399 10.7611C9.74008 10.8701 9.46005 10.8701 8.9 10.8701H4.1C3.53995 10.8701 3.25992 10.8701 3.04601 10.7611C2.85785 10.6653 2.70487 10.5123 2.60899 10.3241C2.5 10.1102 2.5 9.83017 2.5 9.27012V6.47012Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M2.5 15.6C2.5 15.04 2.5 14.76 2.60899 14.546C2.70487 14.3579 2.85785 14.2049 3.04601 14.109C3.25992 14 3.53995 14 4.1 14H8.9C9.46005 14 9.74008 14 9.95399 14.109C10.1422 14.2049 10.2951 14.3579 10.391 14.546C10.5 14.76 10.5 15.04 10.5 15.6V18.4C10.5 18.9601 10.5 19.2401 10.391 19.454C10.2951 19.6422 10.1422 19.7952 9.95399 19.891C9.74008 20 9.46005 20 8.9 20H4.1C3.53995 20 3.25992 20 3.04601 19.891C2.85785 19.7952 2.70487 19.6422 2.60899 19.454C2.5 19.2401 2.5 18.9601 2.5 18.4V15.6Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            "stroke-width": "inherit",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M13.4801 15.6144C13.4801 15.0543 13.4801 14.7743 13.5891 14.5604C13.685 14.3722 13.838 14.2192 14.0261 14.1234C14.2401 14.0144 14.5201 14.0144 15.0801 14.0144H19.8801C20.4402 14.0144 20.7202 14.0144 20.9341 14.1234C21.1223 14.2192 21.2753 14.3722 21.3711 14.5604C21.4801 14.7743 21.4801 15.0543 21.4801 15.6144V18.4144C21.4801 18.9744 21.4801 19.2545 21.3711 19.4684C21.2753 19.6565 21.1223 19.8095 20.9341 19.9054C20.7202 20.0144 20.4402 20.0144 19.8801 20.0144H15.0801C14.5201 20.0144 14.2401 20.0144 14.0261 19.9054C13.838 19.8095 13.685 19.6565 13.5891 19.4684C13.4801 19.2545 13.4801 18.9744 13.4801 18.4144V15.6144Z"
+          }
+        )
+      ]
+    }
+  );
+};
+const ForwardRef = forwardRef(Block);
+const Block$1 = ForwardRef;
+export {
+  Block$1 as default
+};

package/dist/icons/react/TableList.cjs

@@ -0,0 +1,39 @@
+"use strict";
+const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const TableList = (props, ref) => {
+  if (typeof props.size === "number") {
+    const { size, ...rest } = props;
+    props = {
+      ...rest,
+      height: size,
+      width: size
+    };
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: "1.5",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        "path",
+        {
+          d: "M3 9.5H21M3 14.5H21M7.8 4.5H16.2C17.8802 4.5 18.7202 4.5 19.362 4.82698C19.9265 5.1146 20.3854 5.57354 20.673 6.13803C21 6.77976 21 6.61984 21 8.3V15.7C21 17.3802 21 17.2202 20.673 17.862C20.3854 18.4265 19.9265 18.8854 19.362 19.173C18.7202 19.5 17.8802 19.5 16.2 19.5H7.8C6.11984 19.5 5.27976 19.5 4.63803 19.173C4.07354 18.8854 3.6146 18.4265 3.32698 17.862C3 17.2202 3 17.3802 3 15.7V8.3C3 6.61984 3 6.77976 3.32698 6.13803C3.6146 5.57354 4.07354 5.1146 4.63803 4.82698C5.27976 4.5 6.11984 4.5 7.8 4.5Z",
+          stroke: "currentColor",
+          "stroke-width": "inherit",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+};
+const ForwardRef = React.forwardRef(TableList);
+const TableList$1 = ForwardRef;
+module.exports = TableList$1;

package/dist/icons/react/TableList.d.cts

@@ -0,0 +1,3 @@
+export default ForwardRef;
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+import * as React from 'react';

package/dist/icons/react/TableList.d.ts

@@ -0,0 +1,3 @@
+export default ForwardRef;
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+import * as React from 'react';

package/dist/icons/react/TableList.js

@@ -0,0 +1,40 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+const TableList = (props, ref) => {
+  if (typeof props.size === "number") {
+    const { size, ...rest } = props;
+    props = {
+      ...rest,
+      height: size,
+      width: size
+    };
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: "1.5",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          d: "M3 9.5H21M3 14.5H21M7.8 4.5H16.2C17.8802 4.5 18.7202 4.5 19.362 4.82698C19.9265 5.1146 20.3854 5.57354 20.673 6.13803C21 6.77976 21 6.61984 21 8.3V15.7C21 17.3802 21 17.2202 20.673 17.862C20.3854 18.4265 19.9265 18.8854 19.362 19.173C18.7202 19.5 17.8802 19.5 16.2 19.5H7.8C6.11984 19.5 5.27976 19.5 4.63803 19.173C4.07354 18.8854 3.6146 18.4265 3.32698 17.862C3 17.2202 3 17.3802 3 15.7V8.3C3 6.61984 3 6.77976 3.32698 6.13803C3.6146 5.57354 4.07354 5.1146 4.63803 4.82698C5.27976 4.5 6.11984 4.5 7.8 4.5Z",
+          stroke: "currentColor",
+          "stroke-width": "inherit",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+};
+const ForwardRef = forwardRef(TableList);
+const TableList$1 = ForwardRef;
+export {
+  TableList$1 as default
+};

package/dist/primitive/TextInput/TextInput.cjs

@@ -7,6 +7,13 @@ const index = require("../Typography/index.cjs");
 const TextInput$1 = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/TextInput/TextInput.cjs");
 const TextInput = React.forwardRef((props, ref) => {
   const { leftLabel, icon, ...rest } = props;
+  const prefixFontSizes = {
+    xs: 12,
+    sm: 13,
+    md: 14,
+    lg: 14,
+    xl: 16
+  };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     TextInput$1.TextInput,
     {
@@ -29,7 +36,10 @@ const TextInput = React.forwardRef((props, ref) => {
               paddingRight: 12,
               borderTopLeftRadius: theme.defaultRadius,
               borderBottomLeftRadius: theme.defaultRadius,
-              backgroundColor: theme.colors.carbon[2]
+              backgroundColor: theme.colors.carbon[2],
+              "& > .mantine-Text-root": {
+                fontSize: theme.fn.size({ sizes: prefixFontSizes, size: props.size ?? "md" })
+              }
             },
             input: {
               flex: 1,

package/dist/primitive/TextInput/TextInput.js

@@ -5,6 +5,13 @@ import { Typography } from "../Typography/index.js";
 import { TextInput as TextInput$1 } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/TextInput/TextInput.js";
 const TextInput = forwardRef((props, ref) => {
   const { leftLabel, icon, ...rest } = props;
+  const prefixFontSizes = {
+    xs: 12,
+    sm: 13,
+    md: 14,
+    lg: 14,
+    xl: 16
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TextInput$1,
     {
@@ -27,7 +34,10 @@ const TextInput = forwardRef((props, ref) => {
               paddingRight: 12,
               borderTopLeftRadius: theme.defaultRadius,
               borderBottomLeftRadius: theme.defaultRadius,
-              backgroundColor: theme.colors.carbon[2]
+              backgroundColor: theme.colors.carbon[2],
+              "& > .mantine-Text-root": {
+                fontSize: theme.fn.size({ sizes: prefixFontSizes, size: props.size ?? "md" })
+              }
             },
             input: {
               flex: 1,

package/dist/theme/theme.cjs

@@ -129,51 +129,58 @@ const getButtonStyles = (theme2, params) => {
   return finalStyles;
 };
 const getInputStyles = (theme2, params) => {
-  const inputStyle = {
-    height: 40,
-    minHeight: 40,
-    lineHeight: "38px"
+  const sizes = {
+    xl: 48,
+    lg: 44,
+    md: 40,
+    sm: 32,
+    xs: 28
   };
-  const diffSizeStyles = {
-    sm: {
-      label: {
-        lineHeight: "20px"
-      },
-      input: {
-        ...inputStyle,
-        // This is for PasswordInput, is has different dom structure with normal input
-        // FIXME innerInput is not working in current v5.10.4, use that key after upgrade mantine
-        "& .mantine-PasswordInput-innerInput": inputStyle
-      }
-    }
+  const fontSizes = {
+    xl: 16,
+    lg: 14,
+    md: 14,
+    sm: 13,
+    xs: 12
   };
-  const matches = diffSizeStyles[params.size] || { label: {}, input: {} };
-  const passwordInputSizeStyles = {
-    sm: {
-      height: 38,
-      lineHeight: "38px"
-    }
+  const size = theme2.fn.size({ size: params.size ?? "md", sizes });
+  const inputFontSize = theme2.fn.size({ size: params.size ?? "md", sizes: fontSizes });
+  const inputSize = {
+    height: size,
+    minHeight: size,
+    lineHeight: `${size - 2}px`,
+    fontSize: inputFontSize
+  };
+  const passwordInnerInputSize = {
+    height: size - 2,
+    minHeight: size - 2,
+    lineHeight: `${size - 2}px`,
+    fontSize: inputFontSize
   };
   return {
     label: {
-      ...matches.label,
-      color: theme2.colors.carbon[8]
+      color: theme2.colors.carbon[8],
+      marginBottom: 6,
+      lineHeight: "20px",
+      fontSize: 14
     },
     description: {
-      color: theme2.colors.carbon[7]
+      color: theme2.colors.carbon[7],
+      fontSize: 12
     },
     input: {
-      ...matches.input,
+      ...inputSize,
       color: theme2.colors.carbon[8],
       border: `1px solid ${theme2.colors.carbon[4]}`,
       backgroundColor: theme2.colors.carbon[0],
-      "&:hover:not(:disabled):not(:focus)": {
+      "&:hover": {
         borderColor: theme2.colors.carbon[5]
       },
-      "&:focus": {
+      "&:focus, &:focus-within": {
         borderColor: theme2.colors.carbon[9]
       },
       "&:disabled": {
+        borderColor: theme2.colors.carbon[4],
         backgroundColor: theme2.colors.carbon[2],
         color: theme2.colors.carbon[8],
         opacity: 1
@@ -182,7 +189,7 @@ const getInputStyles = (theme2, params) => {
         color: theme2.colors.carbon[6]
       },
       "& .mantine-PasswordInput-innerInput": {
-        ...passwordInputSizeStyles[params.size],
+        ...passwordInnerInputSize,
         "&::placeholder": {
           color: theme2.colors.carbon[6]
         }
@@ -477,31 +484,23 @@ const theme = {
       defaultProps: {
         transition: "fade",
         transitionDuration: 200,
-        transitionTimingFunction: "ease"
+        transitionTimingFunction: "ease",
+        size: "md"
       },
       styles: (theme2, params) => {
-        const diffSizeStyles = {
-          sm: {
-            label: {
-              lineHeight: "20px"
-            },
-            input: {
-              height: 40,
-              minHeight: 40,
-              lineHeight: "38px"
-            }
-          }
-        };
-        const matches = diffSizeStyles[params.size] || { label: {}, input: {} };
+        const styles = getInputStyles(theme2, { size: params.size });
+        const height = styles.input.height;
         return {
           label: {
-            ...matches.label
+            lineHeight: "20px",
+            marginBottom: 6
           },
           description: {
             color: theme2.colors.carbon[7]
           },
           input: {
-            ...matches.input,
+            height,
+            minHeight: height,
             color: theme2.colors.carbon[8],
             ...params.variant === "unstyled" && {
               border: "none",
@@ -535,6 +534,9 @@ const theme = {
             }
           },
           rightSection: {
+            "& .mantine-ActionIcon-root": {
+              color: `${theme2.colors.carbon[7]} !important`
+            },
             "& [data-chevron]": {
               color: `${theme2.colors.carbon[7]} !important`
             }
@@ -543,34 +545,62 @@ const theme = {
       }
     },
     MultiSelect: {
+      defaultProps: {
+        size: "md",
+        transition: "fade",
+        transitionDuration: 200,
+        transitionTimingFunction: "ease"
+      },
       styles: (theme2, params) => {
-        const diffSizeStyles = {
-          sm: {
-            values: {
-              height: 38,
-              minHeight: 38,
-              lineHeight: "38px"
-            }
-          }
-        };
-        const matches = diffSizeStyles[params.size] || { values: {} };
+        const styles = getInputStyles(theme2, { size: params.size });
+        const inputHeight = styles.input.height;
         return {
+          label: {
+            fontSize: 14,
+            marginBottom: 6
+          },
+          wrapper: {
+            height: inputHeight + 2
+          },
           values: {
-            ...matches.values
+            height: inputHeight - 2,
+            minHeight: inputHeight - 2
+          },
+          value: {
+            height: inputHeight - 12,
+            backgroundColor: theme2.colors.carbon[3],
+            color: theme2.colors.carbon[8]
+          },
+          rightSection: {
+            "& [data-chevron]": {
+              color: `${theme2.colors.carbon[7]} !important`
+            }
           }
         };
       }
     },
     Input: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     TextInput: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     PasswordInput: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     NumberInput: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     Textarea: {

package/dist/theme/theme.js

@@ -127,51 +127,58 @@ const getButtonStyles = (theme2, params) => {
   return finalStyles;
 };
 const getInputStyles = (theme2, params) => {
-  const inputStyle = {
-    height: 40,
-    minHeight: 40,
-    lineHeight: "38px"
+  const sizes = {
+    xl: 48,
+    lg: 44,
+    md: 40,
+    sm: 32,
+    xs: 28
   };
-  const diffSizeStyles = {
-    sm: {
-      label: {
-        lineHeight: "20px"
-      },
-      input: {
-        ...inputStyle,
-        // This is for PasswordInput, is has different dom structure with normal input
-        // FIXME innerInput is not working in current v5.10.4, use that key after upgrade mantine
-        "& .mantine-PasswordInput-innerInput": inputStyle
-      }
-    }
+  const fontSizes = {
+    xl: 16,
+    lg: 14,
+    md: 14,
+    sm: 13,
+    xs: 12
   };
-  const matches = diffSizeStyles[params.size] || { label: {}, input: {} };
-  const passwordInputSizeStyles = {
-    sm: {
-      height: 38,
-      lineHeight: "38px"
-    }
+  const size = theme2.fn.size({ size: params.size ?? "md", sizes });
+  const inputFontSize = theme2.fn.size({ size: params.size ?? "md", sizes: fontSizes });
+  const inputSize = {
+    height: size,
+    minHeight: size,
+    lineHeight: `${size - 2}px`,
+    fontSize: inputFontSize
+  };
+  const passwordInnerInputSize = {
+    height: size - 2,
+    minHeight: size - 2,
+    lineHeight: `${size - 2}px`,
+    fontSize: inputFontSize
   };
   return {
     label: {
-      ...matches.label,
-      color: theme2.colors.carbon[8]
+      color: theme2.colors.carbon[8],
+      marginBottom: 6,
+      lineHeight: "20px",
+      fontSize: 14
     },
     description: {
-      color: theme2.colors.carbon[7]
+      color: theme2.colors.carbon[7],
+      fontSize: 12
     },
     input: {
-      ...matches.input,
+      ...inputSize,
       color: theme2.colors.carbon[8],
       border: `1px solid ${theme2.colors.carbon[4]}`,
       backgroundColor: theme2.colors.carbon[0],
-      "&:hover:not(:disabled):not(:focus)": {
+      "&:hover": {
         borderColor: theme2.colors.carbon[5]
       },
-      "&:focus": {
+      "&:focus, &:focus-within": {
         borderColor: theme2.colors.carbon[9]
       },
       "&:disabled": {
+        borderColor: theme2.colors.carbon[4],
         backgroundColor: theme2.colors.carbon[2],
         color: theme2.colors.carbon[8],
         opacity: 1
@@ -180,7 +187,7 @@ const getInputStyles = (theme2, params) => {
         color: theme2.colors.carbon[6]
       },
       "& .mantine-PasswordInput-innerInput": {
-        ...passwordInputSizeStyles[params.size],
+        ...passwordInnerInputSize,
         "&::placeholder": {
           color: theme2.colors.carbon[6]
         }
@@ -475,31 +482,23 @@ const theme = {
       defaultProps: {
         transition: "fade",
         transitionDuration: 200,
-        transitionTimingFunction: "ease"
+        transitionTimingFunction: "ease",
+        size: "md"
       },
       styles: (theme2, params) => {
-        const diffSizeStyles = {
-          sm: {
-            label: {
-              lineHeight: "20px"
-            },
-            input: {
-              height: 40,
-              minHeight: 40,
-              lineHeight: "38px"
-            }
-          }
-        };
-        const matches = diffSizeStyles[params.size] || { label: {}, input: {} };
+        const styles = getInputStyles(theme2, { size: params.size });
+        const height = styles.input.height;
         return {
           label: {
-            ...matches.label
+            lineHeight: "20px",
+            marginBottom: 6
           },
           description: {
             color: theme2.colors.carbon[7]
           },
           input: {
-            ...matches.input,
+            height,
+            minHeight: height,
             color: theme2.colors.carbon[8],
             ...params.variant === "unstyled" && {
               border: "none",
@@ -533,6 +532,9 @@ const theme = {
             }
           },
           rightSection: {
+            "& .mantine-ActionIcon-root": {
+              color: `${theme2.colors.carbon[7]} !important`
+            },
             "& [data-chevron]": {
               color: `${theme2.colors.carbon[7]} !important`
             }
@@ -541,34 +543,62 @@ const theme = {
       }
     },
     MultiSelect: {
+      defaultProps: {
+        size: "md",
+        transition: "fade",
+        transitionDuration: 200,
+        transitionTimingFunction: "ease"
+      },
       styles: (theme2, params) => {
-        const diffSizeStyles = {
-          sm: {
-            values: {
-              height: 38,
-              minHeight: 38,
-              lineHeight: "38px"
-            }
-          }
-        };
-        const matches = diffSizeStyles[params.size] || { values: {} };
+        const styles = getInputStyles(theme2, { size: params.size });
+        const inputHeight = styles.input.height;
         return {
+          label: {
+            fontSize: 14,
+            marginBottom: 6
+          },
+          wrapper: {
+            height: inputHeight + 2
+          },
           values: {
-            ...matches.values
+            height: inputHeight - 2,
+            minHeight: inputHeight - 2
+          },
+          value: {
+            height: inputHeight - 12,
+            backgroundColor: theme2.colors.carbon[3],
+            color: theme2.colors.carbon[8]
+          },
+          rightSection: {
+            "& [data-chevron]": {
+              color: `${theme2.colors.carbon[7]} !important`
+            }
           }
         };
       }
     },
     Input: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     TextInput: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     PasswordInput: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     NumberInput: {
+      defaultProps: {
+        size: "md"
+      },
       styles: getInputStyles
     },
     Textarea: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.0.0-beta.35",
+  "version": "2.0.0-beta.37",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",