@tidbcloud/uikit 2.2.10 → 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,11 @@
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
+
3
9
  ## 2.2.10
4
10
 
5
11
  ### Patch Changes
@@ -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.10",
3
+ "version": "2.2.11",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",