@tidbcloud/uikit 2.0.0-beta.56 → 2.0.0-beta.58

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,17 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.58
4
+
5
+ ### Patch Changes
6
+
7
+ - Fix build external
8
+
9
+ ## 2.0.0-beta.57
10
+
11
+ ### Patch Changes
12
+
13
+ - Fix TYPOGRAPHY_STYLES_MAP export and build external
14
+
3
15
  ## 2.0.0-beta.56
4
16
 
5
17
  ### Patch Changes
@@ -9,7 +9,6 @@ require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_pat
9
9
  const index = require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/index.cjs");
10
10
  const index$1 = require("./notifier/index.cjs");
11
11
  const index$2 = require("./Typography/index.cjs");
12
- const ThemeProvider = require("../theme/ThemeProvider.cjs");
13
12
  const AppShell = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AppShell/AppShell.cjs");
14
13
  const AspectRatio = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.cjs");
15
14
  const Center = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Center/Center.cjs");
@@ -131,8 +130,8 @@ const TimeInput = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_
131
130
  const TextInput = require("./TextInput/TextInput.cjs");
132
131
  exports.Dropzone = index.Dropzone;
133
132
  exports.notifier = index$1.notifier;
133
+ exports.TYPOGRAPHY_STYLES_MAP = index$2.TYPOGRAPHY_STYLES_MAP;
134
134
  exports.Typography = index$2.Typography;
135
- exports.ThemeProvider = ThemeProvider.ThemeProvider;
136
135
  exports.AppShell = AppShell.AppShell;
137
136
  exports.AspectRatio = AspectRatio.AspectRatio;
138
137
  exports.Center = Center.Center;
@@ -29,5 +29,4 @@ export { DatePicker, DatePickerInput, Calendar, Month, TimeInput } from '@mantin
29
29
  export type { CalendarProps, CalendarBaseProps, DatePickerType, DatePickerProps, DatePickerInputProps, DatePickerStylesNames, MonthProps, TimeInputProps, MonthSettings } from '@mantine/dates';
30
30
  export { TextInput, type TextInputProps } from './TextInput/index.js';
31
31
  export { notifier } from './notifier/index.js';
32
- export { Typography, type TypographyProps } from './Typography/index.js';
33
- export { ThemeProvider, type ThemeProviderProps } from '../theme/ThemeProvider.js';
32
+ export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
@@ -29,5 +29,4 @@ export { DatePicker, DatePickerInput, Calendar, Month, TimeInput } from '@mantin
29
29
  export type { CalendarProps, CalendarBaseProps, DatePickerType, DatePickerProps, DatePickerInputProps, DatePickerStylesNames, MonthProps, TimeInputProps, MonthSettings } from '@mantine/dates';
30
30
  export { TextInput, type TextInputProps } from './TextInput/index.js';
31
31
  export { notifier } from './notifier/index.js';
32
- export { Typography, type TypographyProps } from './Typography/index.js';
33
- export { ThemeProvider, type ThemeProviderProps } from '../theme/ThemeProvider.js';
32
+ export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
@@ -6,8 +6,7 @@ import "../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patc
6
6
  import "../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/styles.css.js";
7
7
  import { Dropzone } from "../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/index.js";
8
8
  import { notifier } from "./notifier/index.js";
9
- import { Typography } from "./Typography/index.js";
10
- import { ThemeProvider } from "../theme/ThemeProvider.js";
9
+ import { TYPOGRAPHY_STYLES_MAP, Typography } from "./Typography/index.js";
11
10
  import { AppShell } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AppShell/AppShell.js";
12
11
  import { AspectRatio } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.js";
13
12
  import { Center } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Center/Center.js";
@@ -230,6 +229,7 @@ export {
230
229
  Stack,
231
230
  Stepper,
232
231
  Switch,
232
+ TYPOGRAPHY_STYLES_MAP,
233
233
  Table,
234
234
  Tabs,
235
235
  TagsInput,
@@ -237,7 +237,6 @@ export {
237
237
  TextInput,
238
238
  Textarea,
239
239
  ThemeIcon,
240
- ThemeProvider,
241
240
  TimeInput,
242
241
  Timeline,
243
242
  Title,
@@ -4,9 +4,13 @@ const fns = require("./fns.cjs");
4
4
  const font = require("./font.cjs");
5
5
  const theme = require("./theme.cjs");
6
6
  const ThemeProvider = require("./ThemeProvider.cjs");
7
+ const MantineThemeProvider = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
8
+ const createTheme = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/create-theme/create-theme.cjs");
7
9
  exports.variantColorResolver = fns.variantColorResolver;
8
10
  exports.FONT_FAMILY = font.FONT_FAMILY;
9
11
  exports.MONOSPANCED_FONT_FAMILY = font.MONOSPANCED_FONT_FAMILY;
10
12
  exports.Colors = theme.Colors;
11
13
  exports.useTheme = theme.useTheme;
12
14
  exports.ThemeProvider = ThemeProvider.ThemeProvider;
15
+ exports.useCurrentTheme = MantineThemeProvider.useMantineTheme;
16
+ exports.createTheme = createTheme.createTheme;
@@ -3,3 +3,4 @@ export { FONT_FAMILY, MONOSPANCED_FONT_FAMILY } from './font.js';
3
3
  export { useTheme, Colors } from './theme.js';
4
4
  export type { Color, ColorMap } from './theme.js';
5
5
  export { ThemeProvider } from './ThemeProvider.js';
6
+ export { useMantineTheme as useCurrentTheme, createTheme } from '@mantine/core';
@@ -3,3 +3,4 @@ export { FONT_FAMILY, MONOSPANCED_FONT_FAMILY } from './font.js';
3
3
  export { useTheme, Colors } from './theme.js';
4
4
  export type { Color, ColorMap } from './theme.js';
5
5
  export { ThemeProvider } from './ThemeProvider.js';
6
+ export { useMantineTheme as useCurrentTheme, createTheme } from '@mantine/core';
@@ -2,11 +2,15 @@ import { variantColorResolver } from "./fns.js";
2
2
  import { FONT_FAMILY, MONOSPANCED_FONT_FAMILY } from "./font.js";
3
3
  import { Colors, useTheme } from "./theme.js";
4
4
  import { ThemeProvider } from "./ThemeProvider.js";
5
+ import { useMantineTheme } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js";
6
+ import { createTheme } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/create-theme/create-theme.js";
5
7
  export {
6
8
  Colors,
7
9
  FONT_FAMILY,
8
10
  MONOSPANCED_FONT_FAMILY,
9
11
  ThemeProvider,
12
+ createTheme,
13
+ useMantineTheme as useCurrentTheme,
10
14
  useTheme,
11
15
  variantColorResolver
12
16
  };
@@ -1044,18 +1044,24 @@ const theme = createTheme.createTheme({
1044
1044
  weekday: {
1045
1045
  color: themeColor(theme2, color, 7)
1046
1046
  },
1047
+ calendarHeader: {
1048
+ maxWidth: "100%"
1049
+ },
1050
+ monthCell: {
1051
+ "--mantine-scale": 8
1052
+ },
1047
1053
  day: {
1054
+ "--day-size-sm": "32px",
1048
1055
  color: themeColor(theme2, color, 8),
1049
1056
  "&[data-in-range]": {
1050
- backgroundColor: themeColor(theme2, color, 3)
1057
+ backgroundColor: themeColor(theme2, color, 3),
1058
+ borderRadius: theme2.defaultRadius
1051
1059
  },
1052
1060
  "&[data-first-in-range]": {
1053
- borderStartStartRadius: theme2.defaultRadius,
1054
- borderEndStartRadius: theme2.defaultRadius
1061
+ borderRadius: theme2.defaultRadius
1055
1062
  },
1056
1063
  "&[data-last-in-range]": {
1057
- borderEndEndRadius: theme2.defaultRadius,
1058
- borderStartEndRadius: theme2.defaultRadius
1064
+ borderRadius: theme2.defaultRadius
1059
1065
  },
1060
1066
  "&[data-selected]": {
1061
1067
  backgroundColor: themeColor(theme2, color, 9),
@@ -1042,18 +1042,24 @@ const theme = createTheme({
1042
1042
  weekday: {
1043
1043
  color: themeColor(theme2, color, 7)
1044
1044
  },
1045
+ calendarHeader: {
1046
+ maxWidth: "100%"
1047
+ },
1048
+ monthCell: {
1049
+ "--mantine-scale": 8
1050
+ },
1045
1051
  day: {
1052
+ "--day-size-sm": "32px",
1046
1053
  color: themeColor(theme2, color, 8),
1047
1054
  "&[data-in-range]": {
1048
- backgroundColor: themeColor(theme2, color, 3)
1055
+ backgroundColor: themeColor(theme2, color, 3),
1056
+ borderRadius: theme2.defaultRadius
1049
1057
  },
1050
1058
  "&[data-first-in-range]": {
1051
- borderStartStartRadius: theme2.defaultRadius,
1052
- borderEndStartRadius: theme2.defaultRadius
1059
+ borderRadius: theme2.defaultRadius
1053
1060
  },
1054
1061
  "&[data-last-in-range]": {
1055
- borderEndEndRadius: theme2.defaultRadius,
1056
- borderStartEndRadius: theme2.defaultRadius
1062
+ borderRadius: theme2.defaultRadius
1057
1063
  },
1058
1064
  "&[data-selected]": {
1059
1065
  backgroundColor: themeColor(theme2, color, 9),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.56",
3
+ "version": "2.0.0-beta.58",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",
@@ -63,6 +63,7 @@
63
63
  "dompurify": "^3.0.3",
64
64
  "embla-carousel-react": "^7.0.5",
65
65
  "google-libphonenumber": "^3.2.30",
66
+ "html-react-parser": "5.1.18",
66
67
  "lodash-es": "^4.17.21",
67
68
  "mantine-react-table": "2.0.0-beta.7",
68
69
  "pretty-ms": "^9.1.0",