@tidbcloud/uikit 2.0.0-beta.16 → 2.0.0-beta.17

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/ProTable/ProTable.cjs +5 -1
  3. package/dist/biz/Table/ProTable/ProTable.js +5 -1
  4. package/dist/theme/theme.cjs +21 -6
  5. package/dist/theme/theme.js +21 -6
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.17
4
+
5
+ ### Patch Changes
6
+
7
+ - Update Card/Paper/ProTable styles
8
+
3
9
  ## 2.0.0-beta.16
4
10
 
5
11
  ### Patch Changes
package/dist/biz/Table/ProTable/ProTable.cjs CHANGED
@@ -37,6 +37,7 @@ const ProTable = ({
37
37
  sx: (theme2) => ({
38
38
  backgroundColor: "inherit",
39
39
  borderRadius: withBorder ? theme2.defaultRadius : 0,
40
+ borderColor: withBorder ? theme2.colors.carbon[4] : "transparent",
40
41
  overflow: "hidden",
41
42
  transition: "none",
42
43
  "& ::-webkit-scrollbar": enableStickyHeader ? {
@@ -60,7 +61,7 @@ const ProTable = ({
60
61
  boxShadow: "none",
61
62
  th: {
62
63
  color: theme.colors.carbon[7],
63
- backgroundColor: theme.colors.carbon[1],
64
+ backgroundColor: theme.colors.carbon[2],
64
65
  fontWeight: 500
65
66
  }
66
67
  }
@@ -70,6 +71,9 @@ const ProTable = ({
70
71
  transition: "none",
71
72
  backgroundColor: theme.colors.carbon[0],
72
73
  color: theme.colors.carbon[8],
74
+ td: {
75
+ borderColor: theme.colors.carbon[2]
76
+ },
73
77
  ":last-of-type": {
74
78
  td: {
75
79
  borderBottom: "none"
package/dist/biz/Table/ProTable/ProTable.js CHANGED
@@ -35,6 +35,7 @@ const ProTable = ({
35
35
  sx: (theme2) => ({
36
36
  backgroundColor: "inherit",
37
37
  borderRadius: withBorder ? theme2.defaultRadius : 0,
38
+ borderColor: withBorder ? theme2.colors.carbon[4] : "transparent",
38
39
  overflow: "hidden",
39
40
  transition: "none",
40
41
  "& ::-webkit-scrollbar": enableStickyHeader ? {
@@ -58,7 +59,7 @@ const ProTable = ({
58
59
  boxShadow: "none",
59
60
  th: {
60
61
  color: theme.colors.carbon[7],
61
- backgroundColor: theme.colors.carbon[1],
62
+ backgroundColor: theme.colors.carbon[2],
62
63
  fontWeight: 500
63
64
  }
64
65
  }
@@ -68,6 +69,9 @@ const ProTable = ({
68
69
  transition: "none",
69
70
  backgroundColor: theme.colors.carbon[0],
70
71
  color: theme.colors.carbon[8],
72
+ td: {
73
+ borderColor: theme.colors.carbon[2]
74
+ },
71
75
  ":last-of-type": {
72
76
  td: {
73
77
  borderBottom: "none"
package/dist/theme/theme.cjs CHANGED
@@ -551,12 +551,27 @@ const theme = {
551
551
  shadow: "xs",
552
552
  withBorder: true
553
553
  },
554
- styles: (theme2, params) => ({
555
- root: {
556
- backgroundColor: theme2.colors.carbon[0],
557
- border: params.withBorder ? `1px solid ${theme2.colors.carbon[3]}` : void 0
558
- }
559
- })
554
+ styles: (theme2) => {
555
+ return {
556
+ root: {
557
+ backgroundColor: theme2.colors.carbon[0]
558
+ }
559
+ };
560
+ }
561
+ },
562
+ Paper: {
563
+ defaultProps: {
564
+ shadow: "xs",
565
+ withBorder: true
566
+ },
567
+ styles: (theme2, params) => {
568
+ return {
569
+ root: {
570
+ backgroundColor: theme2.colors.carbon[0],
571
+ borderColor: params.withBorder ? theme2.colors.carbon[3] : "transparent"
572
+ }
573
+ };
574
+ }
560
575
  },
561
576
  Drawer: {
562
577
  defaultProps: (theme2) => ({
package/dist/theme/theme.js CHANGED
@@ -549,12 +549,27 @@ const theme = {
549
549
  shadow: "xs",
550
550
  withBorder: true
551
551
  },
552
- styles: (theme2, params) => ({
553
- root: {
554
- backgroundColor: theme2.colors.carbon[0],
555
- border: params.withBorder ? `1px solid ${theme2.colors.carbon[3]}` : void 0
556
- }
557
- })
552
+ styles: (theme2) => {
553
+ return {
554
+ root: {
555
+ backgroundColor: theme2.colors.carbon[0]
556
+ }
557
+ };
558
+ }
559
+ },
560
+ Paper: {
561
+ defaultProps: {
562
+ shadow: "xs",
563
+ withBorder: true
564
+ },
565
+ styles: (theme2, params) => {
566
+ return {
567
+ root: {
568
+ backgroundColor: theme2.colors.carbon[0],
569
+ borderColor: params.withBorder ? theme2.colors.carbon[3] : "transparent"
570
+ }
571
+ };
572
+ }
558
573
  },
559
574
  Drawer: {
560
575
  defaultProps: (theme2) => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.16",
3
+ "version": "2.0.0-beta.17",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",