@tidbcloud/uikit 2.7.5 → 2.7.6

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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/biz/Table/TablePagination.cjs +0 -16
  3. package/dist/biz/Table/TablePagination.mjs +0 -16
  4. package/dist/theme/theme.cjs +28 -0
  5. package/dist/theme/theme.mjs +28 -0
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.7.6
4
+
5
+ ### Patch Changes
6
+
7
+ - refactor(uikit): simplify TablePagination styles and move them to theme ([#639](https://github.com/tidbcloud/tidbcloud-uikit/pull/639))
8
+
3
9
  ## 2.7.5
4
10
 
5
11
  ### Patch Changes
package/dist/biz/Table/TablePagination.cjs CHANGED
@@ -7,8 +7,6 @@ const jsxRuntime = require("react/jsx-runtime");
7
7
  ;/* empty css */
8
8
  ;/* empty css */
9
9
  const index = require("../../primitive/Select/index.cjs");
10
- require("clsx");
11
- const styles = require("../../utils/styles.cjs");
12
10
  const Flex = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Flex/Flex.cjs");
13
11
  const Text = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Text/Text.cjs");
14
12
  const Pagination = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Pagination/Pagination.cjs");
@@ -73,20 +71,6 @@ const ProTablePagination = ({ table, ...props }) => {
73
71
  total: (paginationProps == null ? void 0 : paginationProps.total) ?? numberOfPages,
74
72
  value: paginationProps.value ?? pageIndex + 1,
75
73
  withEdges,
76
- styles: styles.mergeStylesList([
77
- (theme) => ({
78
- control: {
79
- border: "none",
80
- color: theme.colors.carbon[9],
81
- borderRadius: theme.defaultRadius,
82
- "&[data-active]": {
83
- color: theme.colors.carbon[9],
84
- background: theme.colors.carbon[4]
85
- }
86
- }
87
- }),
88
- rest.styles
89
- ]),
90
74
  ...rest
91
75
  }
92
76
  ),
package/dist/biz/Table/TablePagination.mjs CHANGED
@@ -5,8 +5,6 @@ import { jsxs, jsx } from "react/jsx-runtime";
5
5
  /* empty css */
6
6
  /* empty css */
7
7
  import { Select } from "../../primitive/Select/index.mjs";
8
- import "clsx";
9
- import { mergeStylesList } from "../../utils/styles.mjs";
10
8
  import { Flex } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Flex/Flex.mjs";
11
9
  import { Text } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Text/Text.mjs";
12
10
  import { Pagination } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Pagination/Pagination.mjs";
@@ -71,20 +69,6 @@ const ProTablePagination = ({ table, ...props }) => {
71
69
  total: (paginationProps == null ? void 0 : paginationProps.total) ?? numberOfPages,
72
70
  value: paginationProps.value ?? pageIndex + 1,
73
71
  withEdges,
74
- styles: mergeStylesList([
75
- (theme) => ({
76
- control: {
77
- border: "none",
78
- color: theme.colors.carbon[9],
79
- borderRadius: theme.defaultRadius,
80
- "&[data-active]": {
81
- color: theme.colors.carbon[9],
82
- background: theme.colors.carbon[4]
83
- }
84
- }
85
- }),
86
- rest.styles
87
- ]),
88
72
  ...rest
89
73
  }
90
74
  ),
package/dist/theme/theme.cjs CHANGED
@@ -1295,6 +1295,34 @@ const theme = createTheme.createTheme({
1295
1295
  }
1296
1296
  };
1297
1297
  }
1298
+ },
1299
+ Pagination: {
1300
+ styles: (theme2, _props, u) => {
1301
+ return {
1302
+ control: {
1303
+ border: "none",
1304
+ color: themeColor(theme2, "carbon", 9),
1305
+ borderRadius: theme2.defaultRadius,
1306
+ backgroundColor: "transparent",
1307
+ [u.dark]: {
1308
+ color: themeColor(theme2, "carbon", 8)
1309
+ },
1310
+ "&:hover": {
1311
+ [u.light]: {
1312
+ backgroundColor: themeColor(theme2, "carbon", 2)
1313
+ }
1314
+ },
1315
+ "&[data-active]": {
1316
+ color: themeColor(theme2, "carbon", 9),
1317
+ border: `1px solid ${themeColor(theme2, "carbon", 5)}`,
1318
+ background: themeColor(theme2, "carbon", 2),
1319
+ [u.dark]: {
1320
+ color: themeColor(theme2, "carbon", 8)
1321
+ }
1322
+ }
1323
+ }
1324
+ };
1325
+ }
1298
1326
  }
1299
1327
  }
1300
1328
  });
package/dist/theme/theme.mjs CHANGED
@@ -1293,6 +1293,34 @@ const theme = createTheme({
1293
1293
  }
1294
1294
  };
1295
1295
  }
1296
+ },
1297
+ Pagination: {
1298
+ styles: (theme2, _props, u) => {
1299
+ return {
1300
+ control: {
1301
+ border: "none",
1302
+ color: themeColor(theme2, "carbon", 9),
1303
+ borderRadius: theme2.defaultRadius,
1304
+ backgroundColor: "transparent",
1305
+ [u.dark]: {
1306
+ color: themeColor(theme2, "carbon", 8)
1307
+ },
1308
+ "&:hover": {
1309
+ [u.light]: {
1310
+ backgroundColor: themeColor(theme2, "carbon", 2)
1311
+ }
1312
+ },
1313
+ "&[data-active]": {
1314
+ color: themeColor(theme2, "carbon", 9),
1315
+ border: `1px solid ${themeColor(theme2, "carbon", 5)}`,
1316
+ background: themeColor(theme2, "carbon", 2),
1317
+ [u.dark]: {
1318
+ color: themeColor(theme2, "carbon", 8)
1319
+ }
1320
+ }
1321
+ }
1322
+ };
1323
+ }
1296
1324
  }
1297
1325
  }
1298
1326
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.7.5",
3
+ "version": "2.7.6",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",