@tidbcloud/uikit 2.2.9 → 2.2.11

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.2.11
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(theme): update Card and Paper components' shadow and border styles ([#520](https://github.com/tidbcloud/tidbcloud-uikit/pull/520))
8
+
9
+ ## 2.2.10
10
+
11
+ ### Patch Changes
12
+
13
+ - chore: trigger re-run ci
14
+ - fix(ProTable): update pagination icon ([#517](https://github.com/tidbcloud/tidbcloud-uikit/pull/517))
15
+ - feat: add manual snapshot release workflow ([#516](https://github.com/tidbcloud/tidbcloud-uikit/pull/516))
16
+ - docs: update README with Quick Start section and usage example ([#514](https://github.com/tidbcloud/tidbcloud-uikit/pull/514))
17
+
3
18
  ## 2.2.9
4
19
 
5
20
  ### Patch Changes
@@ -258,9 +258,14 @@ function mergeProTableProps(props) {
258
258
  layoutMode,
259
259
  data,
260
260
  icons: {
261
- IconArrowsSort: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconSwitchVertical02, { size: 14, ...props2 }),
262
- IconSortAscending: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconArrowUp, { size: 14, ...props2 }),
263
- IconSortDescending: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconArrowDown, { size: 14, ...props2 })
261
+ IconChevronLeft: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronLeft, { ...props2 }),
262
+ IconChevronRight: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronRight, { ...props2 }),
263
+ IconChevronDown: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronDown, { ...props2 }),
264
+ IconChevronLeftPipe: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronLeftDouble, { ...props2 }),
265
+ IconChevronRightPipe: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronRightDouble, { ...props2 }),
266
+ IconArrowsSort: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconSwitchVertical02, { ...props2 }),
267
+ IconSortAscending: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconArrowUp, { ...props2 }),
268
+ IconSortDescending: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconArrowDown, { ...props2 })
264
269
  },
265
270
  localization: {
266
271
  noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
@@ -1,7 +1,7 @@
1
1
  import { jsx, Fragment } from "react/jsx-runtime";
2
2
  import { isFunction } from "lodash-es";
3
3
  import { useMantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_6pmziqsvipqgt5gv2plqw5hct4/node_modules/mantine-react-table/dist/index.esm.mjs";
4
- import { IconSwitchVertical02, IconArrowUp, IconArrowDown } from "../../../icons/index.mjs";
4
+ import { IconChevronLeft, IconChevronRight, IconChevronDown, IconChevronLeftDouble, IconChevronRightDouble, IconSwitchVertical02, IconArrowUp, IconArrowDown } from "../../../icons/index.mjs";
5
5
  /* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
@@ -256,9 +256,14 @@ function mergeProTableProps(props) {
256
256
  layoutMode,
257
257
  data,
258
258
  icons: {
259
- IconArrowsSort: (props2) => /* @__PURE__ */ jsx(IconSwitchVertical02, { size: 14, ...props2 }),
260
- IconSortAscending: (props2) => /* @__PURE__ */ jsx(IconArrowUp, { size: 14, ...props2 }),
261
- IconSortDescending: (props2) => /* @__PURE__ */ jsx(IconArrowDown, { size: 14, ...props2 })
259
+ IconChevronLeft: (props2) => /* @__PURE__ */ jsx(IconChevronLeft, { ...props2 }),
260
+ IconChevronRight: (props2) => /* @__PURE__ */ jsx(IconChevronRight, { ...props2 }),
261
+ IconChevronDown: (props2) => /* @__PURE__ */ jsx(IconChevronDown, { ...props2 }),
262
+ IconChevronLeftPipe: (props2) => /* @__PURE__ */ jsx(IconChevronLeftDouble, { ...props2 }),
263
+ IconChevronRightPipe: (props2) => /* @__PURE__ */ jsx(IconChevronRightDouble, { ...props2 }),
264
+ IconArrowsSort: (props2) => /* @__PURE__ */ jsx(IconSwitchVertical02, { ...props2 }),
265
+ IconSortAscending: (props2) => /* @__PURE__ */ jsx(IconArrowUp, { ...props2 }),
266
+ IconSortDescending: (props2) => /* @__PURE__ */ jsx(IconArrowDown, { ...props2 })
262
267
  },
263
268
  localization: {
264
269
  noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
@@ -19,7 +19,7 @@ const ProTablePagination = ({ table, ...props }) => {
19
19
  getPrePaginationRowModel,
20
20
  getState,
21
21
  options: {
22
- icons: { IconChevronLeft, IconChevronRight },
22
+ icons: { IconChevronLeft, IconChevronRight, IconChevronLeftPipe, IconChevronRightPipe },
23
23
  mantinePaginationProps,
24
24
  rowCount
25
25
  },
@@ -68,6 +68,8 @@ const ProTablePagination = ({ table, ...props }) => {
68
68
  nextIcon: IconChevronRight,
69
69
  onChange: paginationProps.onChange ?? ((newPageIndex) => setPageIndex(newPageIndex - 1)),
70
70
  previousIcon: IconChevronLeft,
71
+ firstIcon: IconChevronLeftPipe,
72
+ lastIcon: IconChevronRightPipe,
71
73
  total: (paginationProps == null ? void 0 : paginationProps.total) ?? numberOfPages,
72
74
  value: paginationProps.value ?? pageIndex + 1,
73
75
  withEdges,
@@ -17,7 +17,7 @@ const ProTablePagination = ({ table, ...props }) => {
17
17
  getPrePaginationRowModel,
18
18
  getState,
19
19
  options: {
20
- icons: { IconChevronLeft, IconChevronRight },
20
+ icons: { IconChevronLeft, IconChevronRight, IconChevronLeftPipe, IconChevronRightPipe },
21
21
  mantinePaginationProps,
22
22
  rowCount
23
23
  },
@@ -66,6 +66,8 @@ const ProTablePagination = ({ table, ...props }) => {
66
66
  nextIcon: IconChevronRight,
67
67
  onChange: paginationProps.onChange ?? ((newPageIndex) => setPageIndex(newPageIndex - 1)),
68
68
  previousIcon: IconChevronLeft,
69
+ firstIcon: IconChevronLeftPipe,
70
+ lastIcon: IconChevronRightPipe,
69
71
  total: (paginationProps == null ? void 0 : paginationProps.total) ?? numberOfPages,
70
72
  value: paginationProps.value ?? pageIndex + 1,
71
73
  withEdges,
@@ -741,23 +741,30 @@ const theme = createTheme.createTheme({
741
741
  },
742
742
  Card: {
743
743
  defaultProps: {
744
- shadow: "xs",
744
+ shadow: "none",
745
745
  withBorder: true
746
746
  },
747
747
  styles: (theme2) => {
748
748
  return {
749
749
  root: {
750
- backgroundColor: theme2.colors.carbon[0]
750
+ borderColor: theme2.colors.carbon[4]
751
+ },
752
+ section: {
753
+ borderColor: theme2.colors.carbon[4]
751
754
  }
752
755
  };
753
756
  }
754
757
  },
755
758
  Paper: {
759
+ defaultProps: {
760
+ shadow: "none",
761
+ withBorder: false
762
+ },
756
763
  styles: (theme2, props) => {
757
764
  return {
758
765
  root: {
759
766
  backgroundColor: themeColor(theme2, "carbon", 0),
760
- borderColor: props.withBorder ? themeColor(theme2, "carbon", 3) : "transparent"
767
+ borderColor: props.withBorder ? themeColor(theme2, "carbon", 4) : "transparent"
761
768
  }
762
769
  };
763
770
  }
@@ -739,23 +739,30 @@ const theme = createTheme({
739
739
  },
740
740
  Card: {
741
741
  defaultProps: {
742
- shadow: "xs",
742
+ shadow: "none",
743
743
  withBorder: true
744
744
  },
745
745
  styles: (theme2) => {
746
746
  return {
747
747
  root: {
748
- backgroundColor: theme2.colors.carbon[0]
748
+ borderColor: theme2.colors.carbon[4]
749
+ },
750
+ section: {
751
+ borderColor: theme2.colors.carbon[4]
749
752
  }
750
753
  };
751
754
  }
752
755
  },
753
756
  Paper: {
757
+ defaultProps: {
758
+ shadow: "none",
759
+ withBorder: false
760
+ },
754
761
  styles: (theme2, props) => {
755
762
  return {
756
763
  root: {
757
764
  backgroundColor: themeColor(theme2, "carbon", 0),
758
- borderColor: props.withBorder ? themeColor(theme2, "carbon", 3) : "transparent"
765
+ borderColor: props.withBorder ? themeColor(theme2, "carbon", 4) : "transparent"
759
766
  }
760
767
  };
761
768
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.2.9",
3
+ "version": "2.2.11",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",