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

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.59
+
+### Patch Changes
+
+- Re-export emotion types
+
+## 2.0.0-beta.58
+
+### Patch Changes
+
+- Fix build external
+
+## 2.0.0-beta.57
+
+### Patch Changes
+
+- Fix TYPOGRAPHY_STYLES_MAP export and build external
+
 ## 2.0.0-beta.56
 
 ### Patch Changes

package/dist/primitive/index.cjs

@@ -9,7 +9,6 @@ require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_pat
 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");
 const index$1 = require("./notifier/index.cjs");
 const index$2 = require("./Typography/index.cjs");
-const ThemeProvider = require("../theme/ThemeProvider.cjs");
 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");
 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");
 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_
 const TextInput = require("./TextInput/TextInput.cjs");
 exports.Dropzone = index.Dropzone;
 exports.notifier = index$1.notifier;
+exports.TYPOGRAPHY_STYLES_MAP = index$2.TYPOGRAPHY_STYLES_MAP;
 exports.Typography = index$2.Typography;
-exports.ThemeProvider = ThemeProvider.ThemeProvider;
 exports.AppShell = AppShell.AppShell;
 exports.AspectRatio = AspectRatio.AspectRatio;
 exports.Center = Center.Center;

package/dist/primitive/index.d.cts

@@ -29,5 +29,4 @@ export { DatePicker, DatePickerInput, Calendar, Month, TimeInput } from '@mantin
 export type { CalendarProps, CalendarBaseProps, DatePickerType, DatePickerProps, DatePickerInputProps, DatePickerStylesNames, MonthProps, TimeInputProps, MonthSettings } from '@mantine/dates';
 export { TextInput, type TextInputProps } from './TextInput/index.js';
 export { notifier } from './notifier/index.js';
-export { Typography, type TypographyProps } from './Typography/index.js';
-export { ThemeProvider, type ThemeProviderProps } from '../theme/ThemeProvider.js';
+export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';

package/dist/primitive/index.d.ts

@@ -29,5 +29,4 @@ export { DatePicker, DatePickerInput, Calendar, Month, TimeInput } from '@mantin
 export type { CalendarProps, CalendarBaseProps, DatePickerType, DatePickerProps, DatePickerInputProps, DatePickerStylesNames, MonthProps, TimeInputProps, MonthSettings } from '@mantine/dates';
 export { TextInput, type TextInputProps } from './TextInput/index.js';
 export { notifier } from './notifier/index.js';
-export { Typography, type TypographyProps } from './Typography/index.js';
-export { ThemeProvider, type ThemeProviderProps } from '../theme/ThemeProvider.js';
+export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';

package/dist/primitive/index.js

@@ -6,8 +6,7 @@ import "../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patc
 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";
 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";
 import { notifier } from "./notifier/index.js";
-import { Typography } from "./Typography/index.js";
-import { ThemeProvider } from "../theme/ThemeProvider.js";
+import { TYPOGRAPHY_STYLES_MAP, Typography } from "./Typography/index.js";
 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";
 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";
 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 {
   Stack,
   Stepper,
   Switch,
+  TYPOGRAPHY_STYLES_MAP,
   Table,
   Tabs,
   TagsInput,
@@ -237,7 +237,6 @@ export {
   TextInput,
   Textarea,
   ThemeIcon,
-  ThemeProvider,
   TimeInput,
   Timeline,
   Title,

package/dist/theme/index.cjs

@@ -4,9 +4,13 @@ const fns = require("./fns.cjs");
 const font = require("./font.cjs");
 const theme = require("./theme.cjs");
 const ThemeProvider = require("./ThemeProvider.cjs");
+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");
+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");
 exports.variantColorResolver = fns.variantColorResolver;
 exports.FONT_FAMILY = font.FONT_FAMILY;
 exports.MONOSPANCED_FONT_FAMILY = font.MONOSPANCED_FONT_FAMILY;
 exports.Colors = theme.Colors;
 exports.useTheme = theme.useTheme;
 exports.ThemeProvider = ThemeProvider.ThemeProvider;
+exports.useCurrentTheme = MantineThemeProvider.useMantineTheme;
+exports.createTheme = createTheme.createTheme;

package/dist/theme/index.d.cts

@@ -3,3 +3,4 @@ export { FONT_FAMILY, MONOSPANCED_FONT_FAMILY } from './font.js';
 export { useTheme, Colors } from './theme.js';
 export type { Color, ColorMap } from './theme.js';
 export { ThemeProvider } from './ThemeProvider.js';
+export { useMantineTheme as useCurrentTheme, createTheme } from '@mantine/core';

package/dist/theme/index.d.ts

@@ -3,3 +3,4 @@ export { FONT_FAMILY, MONOSPANCED_FONT_FAMILY } from './font.js';
 export { useTheme, Colors } from './theme.js';
 export type { Color, ColorMap } from './theme.js';
 export { ThemeProvider } from './ThemeProvider.js';
+export { useMantineTheme as useCurrentTheme, createTheme } from '@mantine/core';

package/dist/theme/index.js

@@ -2,11 +2,15 @@ import { variantColorResolver } from "./fns.js";
 import { FONT_FAMILY, MONOSPANCED_FONT_FAMILY } from "./font.js";
 import { Colors, useTheme } from "./theme.js";
 import { ThemeProvider } from "./ThemeProvider.js";
+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";
+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";
 export {
   Colors,
   FONT_FAMILY,
   MONOSPANCED_FONT_FAMILY,
   ThemeProvider,
+  createTheme,
+  useMantineTheme as useCurrentTheme,
   useTheme,
   variantColorResolver
 };

package/dist/theme/theme.cjs

@@ -1044,18 +1044,24 @@ const theme = createTheme.createTheme({
           weekday: {
             color: themeColor(theme2, color, 7)
           },
+          calendarHeader: {
+            maxWidth: "100%"
+          },
+          monthCell: {
+            "--mantine-scale": 8
+          },
           day: {
+            "--day-size-sm": "32px",
             color: themeColor(theme2, color, 8),
             "&[data-in-range]": {
-              backgroundColor: themeColor(theme2, color, 3)
+              backgroundColor: themeColor(theme2, color, 3),
+              borderRadius: theme2.defaultRadius
             },
             "&[data-first-in-range]": {
-              borderStartStartRadius: theme2.defaultRadius,
-              borderEndStartRadius: theme2.defaultRadius
+              borderRadius: theme2.defaultRadius
             },
             "&[data-last-in-range]": {
-              borderEndEndRadius: theme2.defaultRadius,
-              borderStartEndRadius: theme2.defaultRadius
+              borderRadius: theme2.defaultRadius
             },
             "&[data-selected]": {
               backgroundColor: themeColor(theme2, color, 9),

package/dist/theme/theme.js

@@ -1042,18 +1042,24 @@ const theme = createTheme({
           weekday: {
             color: themeColor(theme2, color, 7)
           },
+          calendarHeader: {
+            maxWidth: "100%"
+          },
+          monthCell: {
+            "--mantine-scale": 8
+          },
           day: {
+            "--day-size-sm": "32px",
             color: themeColor(theme2, color, 8),
             "&[data-in-range]": {
-              backgroundColor: themeColor(theme2, color, 3)
+              backgroundColor: themeColor(theme2, color, 3),
+              borderRadius: theme2.defaultRadius
             },
             "&[data-first-in-range]": {
-              borderStartStartRadius: theme2.defaultRadius,
-              borderEndStartRadius: theme2.defaultRadius
+              borderRadius: theme2.defaultRadius
             },
             "&[data-last-in-range]": {
-              borderEndEndRadius: theme2.defaultRadius,
-              borderStartEndRadius: theme2.defaultRadius
+              borderRadius: theme2.defaultRadius
             },
             "&[data-selected]": {
               backgroundColor: themeColor(theme2, color, 9),

package/dist/utils/emotion.d.cts

@@ -3,5 +3,6 @@ import { CSSObject, EmotionHelpers } from '@mantine/emotion';
 
 type EmotionStylesApiRecord<Payload extends FactoryPayload, DataType> = Payload['stylesNames'] extends string ? StylesRecord<Payload['stylesNames'], DataType> | ((theme: MantineTheme, props: Payload['props'], helpers: EmotionHelpers) => StylesRecord<Payload['stylesNames'], DataType>) : never;
 export type EmotionStyles<Payload extends FactoryPayload> = EmotionStylesApiRecord<Payload, CSSObject>;
+export type * from '@mantine/emotion';
 export { keyframes, createStyles, createGetInitialProps } from '@mantine/emotion';
 export { default as createEmotionCache } from '@emotion/cache';

package/dist/utils/emotion.d.ts

@@ -3,5 +3,6 @@ import { CSSObject, EmotionHelpers } from '@mantine/emotion';
 
 type EmotionStylesApiRecord<Payload extends FactoryPayload, DataType> = Payload['stylesNames'] extends string ? StylesRecord<Payload['stylesNames'], DataType> | ((theme: MantineTheme, props: Payload['props'], helpers: EmotionHelpers) => StylesRecord<Payload['stylesNames'], DataType>) : never;
 export type EmotionStyles<Payload extends FactoryPayload> = EmotionStylesApiRecord<Payload, CSSObject>;
+export type * from '@mantine/emotion';
 export { keyframes, createStyles, createGetInitialProps } from '@mantine/emotion';
 export { default as createEmotionCache } from '@emotion/cache';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.0.0-beta.56",
+  "version": "2.0.0-beta.59",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",
@@ -63,6 +63,7 @@
     "dompurify": "^3.0.3",
     "embla-carousel-react": "^7.0.5",
     "google-libphonenumber": "^3.2.30",
+    "html-react-parser": "5.1.18",
     "lodash-es": "^4.17.21",
     "mantine-react-table": "2.0.0-beta.7",
     "pretty-ms": "^9.1.0",