@tidbcloud/uikit 2.0.0-beta.30 → 2.0.0-beta.31

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 +6 -0
  2. package/dist/biz/CodeBlock/index.cjs +1 -1
  3. package/dist/biz/CodeBlock/index.js +1 -1
  4. package/dist/biz/TimeRangePicker/index.cjs +3 -3
  5. package/dist/biz/TimeRangePicker/index.js +3 -3
  6. package/dist/theme/theme.cjs +13 -1
  7. package/dist/theme/theme.js +13 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.31
4
+
5
+ ### Minor Changes
6
+
7
+ - Update CodeBlock/TimeRangePicker color and ActionIcon size
8
+
3
9
  ## 2.0.0-beta.30
4
10
 
5
11
  ### Patch Changes
package/dist/biz/CodeBlock/index.cjs CHANGED
@@ -58,7 +58,7 @@ const CodeBlock = ({
58
58
  mah,
59
59
  bg: "carbon.2",
60
60
  sx: (theme) => ({
61
- border: `1px solid ${theme.colors.carbon[5]}`,
61
+ border: `1px solid ${theme.colors.carbon[4]}`,
62
62
  borderRadius: theme.defaultRadius,
63
63
  overflow: "auto"
64
64
  }),
package/dist/biz/CodeBlock/index.js CHANGED
@@ -56,7 +56,7 @@ const CodeBlock = ({
56
56
  mah,
57
57
  bg: "carbon.2",
58
58
  sx: (theme) => ({
59
- border: `1px solid ${theme.colors.carbon[5]}`,
59
+ border: `1px solid ${theme.colors.carbon[4]}`,
60
60
  borderRadius: theme.defaultRadius,
61
61
  overflow: "auto"
62
62
  }),
package/dist/biz/TimeRangePicker/index.cjs CHANGED
@@ -65,10 +65,10 @@ const TimeRangePicker = ({
65
65
  root: {
66
66
  paddingLeft: "12px",
67
67
  paddingRight: "12px",
68
- borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4],
68
+ borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5],
69
69
  "&:hover": {
70
70
  backgroundColor: theme.colors.carbon[0],
71
- borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4]
71
+ borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5]
72
72
  },
73
73
  "&:active": { transform: "none" }
74
74
  },
@@ -145,7 +145,7 @@ const DurationBadge = ({ children }) => {
145
145
  display: "inline-block",
146
146
  w: 35,
147
147
  py: 3,
148
- bg: "carbon.5",
148
+ bg: "carbon.3",
149
149
  c: "carbon.8",
150
150
  fz: 10,
151
151
  lh: "14px",
package/dist/biz/TimeRangePicker/index.js CHANGED
@@ -64,10 +64,10 @@ const TimeRangePicker = ({
64
64
  root: {
65
65
  paddingLeft: "12px",
66
66
  paddingRight: "12px",
67
- borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4],
67
+ borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5],
68
68
  "&:hover": {
69
69
  backgroundColor: theme.colors.carbon[0],
70
- borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4]
70
+ borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5]
71
71
  },
72
72
  "&:active": { transform: "none" }
73
73
  },
@@ -144,7 +144,7 @@ const DurationBadge = ({ children }) => {
144
144
  display: "inline-block",
145
145
  w: 35,
146
146
  py: 3,
147
- bg: "carbon.5",
147
+ bg: "carbon.3",
148
148
  c: "carbon.8",
149
149
  fz: 10,
150
150
  lh: "14px",
package/dist/theme/theme.cjs CHANGED
@@ -938,9 +938,21 @@ const theme = {
938
938
  }
939
939
  }
940
940
  };
941
+ const sizes = {
942
+ xs: 16,
943
+ sm: 20,
944
+ md: 28,
945
+ lg: 32,
946
+ xl: 40
947
+ };
948
+ const size = theme2.fn.size({ size: params.size, sizes });
941
949
  return {
942
950
  root: {
943
- ...variantStyles[params.variant]
951
+ ...variantStyles[params.variant],
952
+ width: size,
953
+ height: size,
954
+ minWidth: size,
955
+ minHeight: size
944
956
  }
945
957
  };
946
958
  }
package/dist/theme/theme.js CHANGED
@@ -936,9 +936,21 @@ const theme = {
936
936
  }
937
937
  }
938
938
  };
939
+ const sizes = {
940
+ xs: 16,
941
+ sm: 20,
942
+ md: 28,
943
+ lg: 32,
944
+ xl: 40
945
+ };
946
+ const size = theme2.fn.size({ size: params.size, sizes });
939
947
  return {
940
948
  root: {
941
- ...variantStyles[params.variant]
949
+ ...variantStyles[params.variant],
950
+ width: size,
951
+ height: size,
952
+ minWidth: size,
953
+ minHeight: size
942
954
  }
943
955
  };
944
956
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.30",
3
+ "version": "2.0.0-beta.31",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",