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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/biz/Table/ProTable/ProTable.cjs +11 -1
  3. package/dist/biz/Table/ProTable/ProTable.d.cts +1 -1
  4. package/dist/biz/Table/ProTable/ProTable.d.ts +1 -1
  5. package/dist/biz/Table/ProTable/ProTable.js +11 -1
  6. package/dist/theme/theme.cjs +21 -3
  7. package/dist/theme/theme.js +21 -3
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.35
4
+
5
+ ### Minor Changes
6
+
7
+ - Update Select unstyled/filled variant styles and make input default border to carbon4
8
+
9
+ ## 2.0.0-beta.34
10
+
11
+ ### Patch Changes
12
+
13
+ - update table
14
+
3
15
  ## 2.0.0-beta.33
4
16
 
5
17
  ### Minor Changes
package/dist/biz/Table/ProTable/ProTable.cjs CHANGED
@@ -10,6 +10,7 @@ const Box = require("../../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash
10
10
  const ProTable = ({
11
11
  mantineTableProps = {},
12
12
  mantinePaperProps = {},
13
+ mantineTableContainerProps = {},
13
14
  mantineTableBodyProps,
14
15
  mantineBottomToolbarProps = {},
15
16
  wrapperProps = {},
@@ -86,6 +87,14 @@ const ProTable = ({
86
87
  },
87
88
  mantineTableProps
88
89
  );
90
+ const mTableContainerProps = helpers.mergeMProps(
91
+ () => ({
92
+ sx: {
93
+ overflow: "unset"
94
+ }
95
+ }),
96
+ mantineTableContainerProps
97
+ );
89
98
  const mTableBodyProps = helpers.mergeMProps((args) => {
90
99
  var _a, _b, _c;
91
100
  if (!(data == null ? void 0 : data.length)) {
@@ -124,6 +133,7 @@ const ProTable = ({
124
133
  mantinePaperProps: mPaperProps,
125
134
  mantineTableProps: mTableProps,
126
135
  mantineTableBodyProps: mTableBodyProps,
136
+ mantineTableContainerProps: mTableContainerProps,
127
137
  mantineBottomToolbarProps: mBottomToolbarProps,
128
138
  mantinePaginationProps: {},
129
139
  data,
@@ -140,7 +150,7 @@ const ProTable = ({
140
150
  ...rest
141
151
  }
142
152
  ),
143
- !!pagination && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TablePagination.TablePagination, { size: "sm", position: "right", mt: 16, ...pagination })
153
+ !!pagination && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TablePagination.TablePagination, { size: "sm", position: "center", mt: 16, ...pagination })
144
154
  ] });
145
155
  };
146
156
  exports.ProTable = ProTable;
package/dist/biz/Table/ProTable/ProTable.d.cts CHANGED
@@ -10,4 +10,4 @@ export interface ProTableProps<TData extends Record<string, any> = {}> extends M
10
10
  pagination?: TablePaginationProps;
11
11
  wrapperProps?: BoxProps;
12
12
  }
13
- export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableBodyProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
13
+ export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableContainerProps, mantineTableBodyProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
package/dist/biz/Table/ProTable/ProTable.d.ts CHANGED
@@ -10,4 +10,4 @@ export interface ProTableProps<TData extends Record<string, any> = {}> extends M
10
10
  pagination?: TablePaginationProps;
11
11
  wrapperProps?: BoxProps;
12
12
  }
13
- export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableBodyProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
13
+ export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableContainerProps, mantineTableBodyProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
package/dist/biz/Table/ProTable/ProTable.js CHANGED
@@ -8,6 +8,7 @@ import { Box } from "../../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash
8
8
  const ProTable = ({
9
9
  mantineTableProps = {},
10
10
  mantinePaperProps = {},
11
+ mantineTableContainerProps = {},
11
12
  mantineTableBodyProps,
12
13
  mantineBottomToolbarProps = {},
13
14
  wrapperProps = {},
@@ -84,6 +85,14 @@ const ProTable = ({
84
85
  },
85
86
  mantineTableProps
86
87
  );
88
+ const mTableContainerProps = mergeMProps(
89
+ () => ({
90
+ sx: {
91
+ overflow: "unset"
92
+ }
93
+ }),
94
+ mantineTableContainerProps
95
+ );
87
96
  const mTableBodyProps = mergeMProps((args) => {
88
97
  var _a, _b, _c;
89
98
  if (!(data == null ? void 0 : data.length)) {
@@ -122,6 +131,7 @@ const ProTable = ({
122
131
  mantinePaperProps: mPaperProps,
123
132
  mantineTableProps: mTableProps,
124
133
  mantineTableBodyProps: mTableBodyProps,
134
+ mantineTableContainerProps: mTableContainerProps,
125
135
  mantineBottomToolbarProps: mBottomToolbarProps,
126
136
  mantinePaginationProps: {},
127
137
  data,
@@ -138,7 +148,7 @@ const ProTable = ({
138
148
  ...rest
139
149
  }
140
150
  ),
141
- !!pagination && /* @__PURE__ */ jsxRuntimeExports.jsx(TablePagination, { size: "sm", position: "right", mt: 16, ...pagination })
151
+ !!pagination && /* @__PURE__ */ jsxRuntimeExports.jsx(TablePagination, { size: "sm", position: "center", mt: 16, ...pagination })
142
152
  ] });
143
153
  };
144
154
  export {
package/dist/theme/theme.cjs CHANGED
@@ -165,8 +165,11 @@ const getInputStyles = (theme2, params) => {
165
165
  input: {
166
166
  ...matches.input,
167
167
  color: theme2.colors.carbon[8],
168
- border: `1px solid ${theme2.colors.carbon[5]}`,
168
+ border: `1px solid ${theme2.colors.carbon[4]}`,
169
169
  backgroundColor: theme2.colors.carbon[0],
170
+ "&:hover:not(:disabled):not(:focus)": {
171
+ borderColor: theme2.colors.carbon[5]
172
+ },
170
173
  "&:focus": {
171
174
  borderColor: theme2.colors.carbon[9]
172
175
  },
@@ -499,7 +502,21 @@ const theme = {
499
502
  },
500
503
  input: {
501
504
  ...matches.input,
502
- color: theme2.colors.carbon[8]
505
+ color: theme2.colors.carbon[8],
506
+ ...params.variant === "unstyled" && {
507
+ border: "none",
508
+ "&:disabled": {
509
+ color: theme2.colors.carbon[7]
510
+ }
511
+ },
512
+ ...params.variant === "filled" && {
513
+ backgroundColor: theme2.colors.carbon[2],
514
+ borderColor: "transparent",
515
+ "&:disabled": {
516
+ color: theme2.colors.carbon[6],
517
+ cursor: "not-allowed"
518
+ }
519
+ }
503
520
  },
504
521
  item: {
505
522
  transition: "background 150ms ease-in-out",
@@ -509,7 +526,8 @@ const theme = {
509
526
  backgroundColor: theme2.colors.carbon[3]
510
527
  },
511
528
  "&[data-selected]": {
512
- color: theme2.colors.peacock[7],
529
+ color: theme2.colors.carbon[8],
530
+ fontWeight: 700,
513
531
  backgroundColor: "transparent",
514
532
  "&:hover": {
515
533
  backgroundColor: theme2.colors.carbon[3]
package/dist/theme/theme.js CHANGED
@@ -163,8 +163,11 @@ const getInputStyles = (theme2, params) => {
163
163
  input: {
164
164
  ...matches.input,
165
165
  color: theme2.colors.carbon[8],
166
- border: `1px solid ${theme2.colors.carbon[5]}`,
166
+ border: `1px solid ${theme2.colors.carbon[4]}`,
167
167
  backgroundColor: theme2.colors.carbon[0],
168
+ "&:hover:not(:disabled):not(:focus)": {
169
+ borderColor: theme2.colors.carbon[5]
170
+ },
168
171
  "&:focus": {
169
172
  borderColor: theme2.colors.carbon[9]
170
173
  },
@@ -497,7 +500,21 @@ const theme = {
497
500
  },
498
501
  input: {
499
502
  ...matches.input,
500
- color: theme2.colors.carbon[8]
503
+ color: theme2.colors.carbon[8],
504
+ ...params.variant === "unstyled" && {
505
+ border: "none",
506
+ "&:disabled": {
507
+ color: theme2.colors.carbon[7]
508
+ }
509
+ },
510
+ ...params.variant === "filled" && {
511
+ backgroundColor: theme2.colors.carbon[2],
512
+ borderColor: "transparent",
513
+ "&:disabled": {
514
+ color: theme2.colors.carbon[6],
515
+ cursor: "not-allowed"
516
+ }
517
+ }
501
518
  },
502
519
  item: {
503
520
  transition: "background 150ms ease-in-out",
@@ -507,7 +524,8 @@ const theme = {
507
524
  backgroundColor: theme2.colors.carbon[3]
508
525
  },
509
526
  "&[data-selected]": {
510
- color: theme2.colors.peacock[7],
527
+ color: theme2.colors.carbon[8],
528
+ fontWeight: 700,
511
529
  backgroundColor: "transparent",
512
530
  "&:hover": {
513
531
  backgroundColor: theme2.colors.carbon[3]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.33",
3
+ "version": "2.0.0-beta.35",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",