@tidbcloud/uikit 2.4.10 → 2.4.12

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 +12 -0
  2. package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.cjs +3 -3
  3. package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.mjs +3 -3
  4. package/dist/theme/theme.cjs +10 -2
  5. package/dist/theme/theme.mjs +10 -2
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.4.12
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(TimeRangePicker): adjust padding and width for input components in AbsoluteTimeRangePicker ([#565](https://github.com/tidbcloud/tidbcloud-uikit/pull/565))
8
+
9
+ ## 2.4.11
10
+
11
+ ### Patch Changes
12
+
13
+ - fix(theme): move Pill styles to separate section in theme configuration ([#563](https://github.com/tidbcloud/tidbcloud-uikit/pull/563))
14
+
3
15
  ## 2.4.10
4
16
 
5
17
  ### Patch Changes
package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.cjs CHANGED
@@ -76,7 +76,7 @@ const AbsoluteTimeRangePicker = ({
76
76
  });
77
77
  };
78
78
  const apply = () => onChange == null ? void 0 : onChange({ type: "absolute", value: [dayjs.dayjs(start).unix(), dayjs.dayjs(end).unix()] });
79
- return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { p: "md", w: 280, m: -4, children: [
79
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { p: 8, pt: "md", w: 280, m: -4, children: [
80
80
  /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { pb: "xs", mt: -4, onClick: onReturnClick, sx: { cursor: "pointer" }, children: [
81
81
  /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronLeft, { size: 16 }),
82
82
  /* @__PURE__ */ jsxRuntime.jsx(index$1.Typography, { variant: "body-lg", children: (localization == null ? void 0 : localization.back) || "Back" })
@@ -88,7 +88,7 @@ const AbsoluteTimeRangePicker = ({
88
88
  /* @__PURE__ */ jsxRuntime.jsx(
89
89
  TimeInput.TimeInput,
90
90
  {
91
- w: 90,
91
+ w: 110,
92
92
  withSeconds: true,
93
93
  value: startTime,
94
94
  onChange: (d) => updateTime(d.currentTarget.value, setStart),
@@ -104,7 +104,7 @@ const AbsoluteTimeRangePicker = ({
104
104
  /* @__PURE__ */ jsxRuntime.jsx(
105
105
  TimeInput.TimeInput,
106
106
  {
107
- w: 90,
107
+ w: 110,
108
108
  withSeconds: true,
109
109
  value: endTime,
110
110
  onChange: (d) => updateTime(d.currentTarget.value, setEnd),
package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.mjs CHANGED
@@ -74,7 +74,7 @@ const AbsoluteTimeRangePicker = ({
74
74
  });
75
75
  };
76
76
  const apply = () => onChange == null ? void 0 : onChange({ type: "absolute", value: [dayjs(start).unix(), dayjs(end).unix()] });
77
- return /* @__PURE__ */ jsxs(Box, { p: "md", w: 280, m: -4, children: [
77
+ return /* @__PURE__ */ jsxs(Box, { p: 8, pt: "md", w: 280, m: -4, children: [
78
78
  /* @__PURE__ */ jsxs(Group, { pb: "xs", mt: -4, onClick: onReturnClick, sx: { cursor: "pointer" }, children: [
79
79
  /* @__PURE__ */ jsx(IconChevronLeft, { size: 16 }),
80
80
  /* @__PURE__ */ jsx(Typography, { variant: "body-lg", children: (localization == null ? void 0 : localization.back) || "Back" })
@@ -86,7 +86,7 @@ const AbsoluteTimeRangePicker = ({
86
86
  /* @__PURE__ */ jsx(
87
87
  TimeInput,
88
88
  {
89
- w: 90,
89
+ w: 110,
90
90
  withSeconds: true,
91
91
  value: startTime,
92
92
  onChange: (d) => updateTime(d.currentTarget.value, setStart),
@@ -102,7 +102,7 @@ const AbsoluteTimeRangePicker = ({
102
102
  /* @__PURE__ */ jsx(
103
103
  TimeInput,
104
104
  {
105
- w: 90,
105
+ w: 110,
106
106
  withSeconds: true,
107
107
  value: endTime,
108
108
  onChange: (d) => updateTime(d.currentTarget.value, setEnd),
package/dist/theme/theme.cjs CHANGED
@@ -649,8 +649,6 @@ const theme = createTheme.createTheme({
649
649
  }
650
650
  },
651
651
  pill: {
652
- backgroundColor: themeColor(theme2, "carbon", 3),
653
- color: themeColor(theme2, "carbon", 8),
654
652
  borderRadius: theme2.radius.sm
655
653
  },
656
654
  section: {
@@ -1255,6 +1253,16 @@ const theme = createTheme.createTheme({
1255
1253
  }
1256
1254
  };
1257
1255
  }
1256
+ },
1257
+ Pill: {
1258
+ styles: (theme2) => {
1259
+ return {
1260
+ root: {
1261
+ backgroundColor: themeColor(theme2, "carbon", 3),
1262
+ color: themeColor(theme2, "carbon", 8)
1263
+ }
1264
+ };
1265
+ }
1258
1266
  }
1259
1267
  }
1260
1268
  });
package/dist/theme/theme.mjs CHANGED
@@ -647,8 +647,6 @@ const theme = createTheme({
647
647
  }
648
648
  },
649
649
  pill: {
650
- backgroundColor: themeColor(theme2, "carbon", 3),
651
- color: themeColor(theme2, "carbon", 8),
652
650
  borderRadius: theme2.radius.sm
653
651
  },
654
652
  section: {
@@ -1253,6 +1251,16 @@ const theme = createTheme({
1253
1251
  }
1254
1252
  };
1255
1253
  }
1254
+ },
1255
+ Pill: {
1256
+ styles: (theme2) => {
1257
+ return {
1258
+ root: {
1259
+ backgroundColor: themeColor(theme2, "carbon", 3),
1260
+ color: themeColor(theme2, "carbon", 8)
1261
+ }
1262
+ };
1263
+ }
1256
1264
  }
1257
1265
  }
1258
1266
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.4.10",
3
+ "version": "2.4.12",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",