@tidbcloud/uikit 2.0.0-beta.124 → 2.0.0-beta.126

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,18 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.126
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(Progress): ensured that the border radius is applied with `!important` to maintain styling integrity. ([#437](https://github.com/tidbcloud/tidbcloud-uikit/pull/437))
8
+
9
+ ## 2.0.0-beta.125
10
+
11
+ ### Patch Changes
12
+
13
+ - tweak: scroll bar style ([#435](https://github.com/tidbcloud/tidbcloud-uikit/pull/435))
14
+ - refactor(Select): remove unused export and enhance stories ([#434](https://github.com/tidbcloud/tidbcloud-uikit/pull/434))
15
+
3
16
  ## 2.0.0-beta.124
4
17
 
5
18
  ### Patch Changes
@@ -53,21 +53,20 @@ const CodeBlock = ({
53
53
  }
54
54
  return void 0;
55
55
  }, [foldIconVisible, folded, defaultHeight]);
56
- return /* @__PURE__ */ jsxRuntime.jsxs(
57
- Box.Box,
58
- {
59
- mah,
60
- p: "md",
61
- bg: "carbon.2",
62
- ...rest,
63
- sx: (theme) => ({
64
- display: "flex",
65
- overflow: "auto",
66
- border: `1px solid ${withBorder ? theme.colors.carbon[4] : "transparent"}`,
67
- borderRadius: theme.defaultRadius
68
- }),
69
- children: [
70
- /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { sx: { flexGrow: 1, maxWidth: "100%", overflow: "auto" }, children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntime.jsx(
56
+ const codeScrollAreaPadding = foldIconVisible ? 48 : 24;
57
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { ...rest, sx: styles.mergeSxList([{ position: "relative" }, rest == null ? void 0 : rest.sx]), children: [
58
+ /* @__PURE__ */ jsxRuntime.jsx(
59
+ Box.Box,
60
+ {
61
+ p: "md",
62
+ mah,
63
+ bg: "carbon.2",
64
+ sx: (theme) => ({
65
+ border: `1px solid ${withBorder ? theme.colors.carbon[4] : "transparent"}`,
66
+ borderRadius: theme.defaultRadius,
67
+ overflow: "auto"
68
+ }),
69
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { sx: { paddingRight: codeScrollAreaPadding }, children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntime.jsx(
71
70
  Prism.Prism,
72
71
  {
73
72
  ...codeHighlightProps,
@@ -91,45 +90,44 @@ const CodeBlock = ({
91
90
  ]),
92
91
  children
93
92
  }
93
+ ) })
94
+ }
95
+ ),
96
+ /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
97
+ foldIconVisible && /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
98
+ /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
99
+ ActionIcon.ActionIcon,
100
+ {
101
+ size: "sm",
102
+ variant: "subtle",
103
+ onClick: () => {
104
+ const v = !folded;
105
+ setFolded(v);
106
+ onFoldIconClick == null ? void 0 : onFoldIconClick(v);
107
+ },
108
+ children: folded ? /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
109
+ }
94
110
  ) }),
95
- /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 4, sx: (theme) => ({ flexShrink: 0, alignContent: "flex-start", color: theme.colors.carbon[8] }), children: [
96
- foldIconVisible && /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
97
- /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
98
- ActionIcon.ActionIcon,
99
- {
100
- "aria-hidden": true,
101
- size: "sm",
102
- variant: "subtle",
103
- onClick: () => {
104
- const v = !folded;
105
- setFolded(v);
106
- onFoldIconClick == null ? void 0 : onFoldIconClick(v);
107
- },
108
- children: folded ? /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
109
- }
110
- ) }),
111
- /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { p: "xs", children: folded ? "Expand" : "Collapse" })
112
- ] }),
113
- /* @__PURE__ */ jsxRuntime.jsx(CopyButton.CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
114
- /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
115
- ActionIcon.ActionIcon,
116
- {
117
- "aria-label": "Copy",
118
- size: "sm",
119
- variant: "subtle",
120
- onClick: () => {
121
- copy();
122
- onCopyClick == null ? void 0 : onCopyClick();
123
- },
124
- children: copied ? /* @__PURE__ */ jsxRuntime.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
125
- }
126
- ) }),
127
- /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { p: "xs", children: copied ? "Copied" : "Copy" })
128
- ] }) })
129
- ] })
130
- ]
131
- }
132
- );
111
+ /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { p: "xs", children: folded ? "Expand" : "Collapse" })
112
+ ] }),
113
+ /* @__PURE__ */ jsxRuntime.jsx(CopyButton.CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
114
+ /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
115
+ ActionIcon.ActionIcon,
116
+ {
117
+ "aria-label": "Copy",
118
+ size: "sm",
119
+ variant: "subtle",
120
+ onClick: () => {
121
+ copy();
122
+ onCopyClick == null ? void 0 : onCopyClick();
123
+ },
124
+ children: copied ? /* @__PURE__ */ jsxRuntime.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
125
+ }
126
+ ) }),
127
+ /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { p: "xs", children: copied ? "Copied" : "Copy" })
128
+ ] }) })
129
+ ] })
130
+ ] });
133
131
  };
134
132
  const CopyText = ({ children, value, ...rest }) => {
135
133
  return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7,7 +7,7 @@ import { IconChevronVerticalExpand, IconChevronVerticalShrink, IconCheck, IconCo
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  import "clsx";
10
- import { mergeStylesList, mergeSxList } from "../../utils/styles.mjs";
10
+ import { mergeSxList, mergeStylesList } from "../../utils/styles.mjs";
11
11
  import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
12
12
  import { Prism } from "../../primitive/Prism/Prism.mjs";
13
13
  import { Group } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.mjs";
@@ -51,21 +51,20 @@ const CodeBlock = ({
51
51
  }
52
52
  return void 0;
53
53
  }, [foldIconVisible, folded, defaultHeight]);
54
- return /* @__PURE__ */ jsxs(
55
- Box,
56
- {
57
- mah,
58
- p: "md",
59
- bg: "carbon.2",
60
- ...rest,
61
- sx: (theme) => ({
62
- display: "flex",
63
- overflow: "auto",
64
- border: `1px solid ${withBorder ? theme.colors.carbon[4] : "transparent"}`,
65
- borderRadius: theme.defaultRadius
66
- }),
67
- children: [
68
- /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, maxWidth: "100%", overflow: "auto" }, children: codeRender ? codeRender(children) : /* @__PURE__ */ jsx(
54
+ const codeScrollAreaPadding = foldIconVisible ? 48 : 24;
55
+ return /* @__PURE__ */ jsxs(Box, { ...rest, sx: mergeSxList([{ position: "relative" }, rest == null ? void 0 : rest.sx]), children: [
56
+ /* @__PURE__ */ jsx(
57
+ Box,
58
+ {
59
+ p: "md",
60
+ mah,
61
+ bg: "carbon.2",
62
+ sx: (theme) => ({
63
+ border: `1px solid ${withBorder ? theme.colors.carbon[4] : "transparent"}`,
64
+ borderRadius: theme.defaultRadius,
65
+ overflow: "auto"
66
+ }),
67
+ children: /* @__PURE__ */ jsx(Box, { sx: { paddingRight: codeScrollAreaPadding }, children: codeRender ? codeRender(children) : /* @__PURE__ */ jsx(
69
68
  Prism,
70
69
  {
71
70
  ...codeHighlightProps,
@@ -89,45 +88,44 @@ const CodeBlock = ({
89
88
  ]),
90
89
  children
91
90
  }
91
+ ) })
92
+ }
93
+ ),
94
+ /* @__PURE__ */ jsxs(Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
95
+ foldIconVisible && /* @__PURE__ */ jsxs(HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
96
+ /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
97
+ ActionIcon,
98
+ {
99
+ size: "sm",
100
+ variant: "subtle",
101
+ onClick: () => {
102
+ const v = !folded;
103
+ setFolded(v);
104
+ onFoldIconClick == null ? void 0 : onFoldIconClick(v);
105
+ },
106
+ children: folded ? /* @__PURE__ */ jsx(IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx(IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
107
+ }
92
108
  ) }),
93
- /* @__PURE__ */ jsxs(Group, { gap: 4, sx: (theme) => ({ flexShrink: 0, alignContent: "flex-start", color: theme.colors.carbon[8] }), children: [
94
- foldIconVisible && /* @__PURE__ */ jsxs(HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
95
- /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
96
- ActionIcon,
97
- {
98
- "aria-hidden": true,
99
- size: "sm",
100
- variant: "subtle",
101
- onClick: () => {
102
- const v = !folded;
103
- setFolded(v);
104
- onFoldIconClick == null ? void 0 : onFoldIconClick(v);
105
- },
106
- children: folded ? /* @__PURE__ */ jsx(IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx(IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
107
- }
108
- ) }),
109
- /* @__PURE__ */ jsx(HoverCard.Dropdown, { p: "xs", children: folded ? "Expand" : "Collapse" })
110
- ] }),
111
- /* @__PURE__ */ jsx(CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxs(HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
112
- /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
113
- ActionIcon,
114
- {
115
- "aria-label": "Copy",
116
- size: "sm",
117
- variant: "subtle",
118
- onClick: () => {
119
- copy();
120
- onCopyClick == null ? void 0 : onCopyClick();
121
- },
122
- children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy01, { size: 14, strokeWidth: 2.5 })
123
- }
124
- ) }),
125
- /* @__PURE__ */ jsx(HoverCard.Dropdown, { p: "xs", children: copied ? "Copied" : "Copy" })
126
- ] }) })
127
- ] })
128
- ]
129
- }
130
- );
109
+ /* @__PURE__ */ jsx(HoverCard.Dropdown, { p: "xs", children: folded ? "Expand" : "Collapse" })
110
+ ] }),
111
+ /* @__PURE__ */ jsx(CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxs(HoverCard, { withArrow: true, position: "top", shadow: "xs", children: [
112
+ /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
113
+ ActionIcon,
114
+ {
115
+ "aria-label": "Copy",
116
+ size: "sm",
117
+ variant: "subtle",
118
+ onClick: () => {
119
+ copy();
120
+ onCopyClick == null ? void 0 : onCopyClick();
121
+ },
122
+ children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy01, { size: 14, strokeWidth: 2.5 })
123
+ }
124
+ ) }),
125
+ /* @__PURE__ */ jsx(HoverCard.Dropdown, { p: "xs", children: copied ? "Copied" : "Copy" })
126
+ ] }) })
127
+ ] })
128
+ ] });
131
129
  };
132
130
  const CopyText = ({ children, value, ...rest }) => {
133
131
  return /* @__PURE__ */ jsxs(
@@ -118,7 +118,6 @@ const useInputProps = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_
118
118
  const MantineThemeProvider = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
119
119
  const useCombobox = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.cjs");
120
120
  const useComputedColorScheme = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs");
121
- const Select = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Select/Select.cjs");
122
121
  const TextInput = require("./TextInput/TextInput.cjs");
123
122
  const mimeTypes = require("../node_modules/.pnpm/@mantine_dropzone@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__hww35qmvzgxt6vzp3w3turt5w4/node_modules/@mantine/dropzone/esm/mime-types.cjs");
124
123
  const Carousel = require("../node_modules/.pnpm/@mantine_carousel@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__yuzhxl33yngzjan47b6grrovcu/node_modules/@mantine/carousel/esm/Carousel.cjs");
@@ -247,7 +246,6 @@ exports.useInputProps = useInputProps.useInputProps;
247
246
  exports.useMantineTheme = MantineThemeProvider.useMantineTheme;
248
247
  exports.useCombobox = useCombobox.useCombobox;
249
248
  exports.useComputedColorScheme = useComputedColorScheme.useComputedColorScheme;
250
- exports.MantineSelectDontUseUnlessYouKnowWhatYouAreDoing = Select.Select;
251
249
  exports.TextInput = TextInput.TextInput;
252
250
  exports.EXE_MIME_TYPE = mimeTypes.EXE_MIME_TYPE;
253
251
  exports.IMAGE_MIME_TYPE = mimeTypes.IMAGE_MIME_TYPE;
@@ -30,7 +30,7 @@ declare module '@mantine/core' {
30
30
  }
31
31
  export type ColorScheme = 'light' | 'dark';
32
32
  export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
33
- export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme, Select as MantineSelectDontUseUnlessYouKnowWhatYouAreDoing } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
33
+ export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
34
34
  export { useColorScheme } from '../hooks/useColorScheme.cjs';
35
35
  export { TextInput, type TextInputProps } from './TextInput/index.cjs';
36
36
  export { notifier } from './notifier/index.cjs';
@@ -30,7 +30,7 @@ declare module '@mantine/core' {
30
30
  }
31
31
  export type ColorScheme = 'light' | 'dark';
32
32
  export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
33
- export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme, Select as MantineSelectDontUseUnlessYouKnowWhatYouAreDoing } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
33
+ export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
34
34
  export { useColorScheme } from '../hooks/useColorScheme.mjs';
35
35
  export { TextInput, type TextInputProps } from './TextInput/index.mjs';
36
36
  export { notifier } from './notifier/index.mjs';
@@ -116,7 +116,6 @@ import { useInputProps } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_
116
116
  import { useMantineTheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs";
117
117
  import { useCombobox } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.mjs";
118
118
  import { useComputedColorScheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.mjs";
119
- import { Select as Select2 } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Select/Select.mjs";
120
119
  import { TextInput } from "./TextInput/TextInput.mjs";
121
120
  import { EXE_MIME_TYPE, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE } from "../node_modules/.pnpm/@mantine_dropzone@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__hww35qmvzgxt6vzp3w3turt5w4/node_modules/@mantine/dropzone/esm/mime-types.mjs";
122
121
  import { Carousel } from "../node_modules/.pnpm/@mantine_carousel@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__yuzhxl33yngzjan47b6grrovcu/node_modules/@mantine/carousel/esm/Carousel.mjs";
@@ -196,7 +195,6 @@ export {
196
195
  MS_EXCEL_MIME_TYPE,
197
196
  MS_POWERPOINT_MIME_TYPE,
198
197
  MS_WORD_MIME_TYPE,
199
- Select2 as MantineSelectDontUseUnlessYouKnowWhatYouAreDoing,
200
198
  Mark,
201
199
  MediaQuery,
202
200
  Menu,
@@ -1142,6 +1142,22 @@ const theme = createTheme.createTheme({
1142
1142
  defaultProps: {
1143
1143
  c: "peacock.7"
1144
1144
  }
1145
+ },
1146
+ Progress: {
1147
+ styles: () => {
1148
+ return {
1149
+ section: {
1150
+ "&:where(:first-of-type)": {
1151
+ borderStartStartRadius: "var(--progress-radius) !important",
1152
+ borderEndStartRadius: "var(--progress-radius) !important"
1153
+ },
1154
+ "&:where(:last-of-type)": {
1155
+ borderStartEndRadius: "var(--progress-radius) !important",
1156
+ borderEndEndRadius: "var(--progress-radius) !important"
1157
+ }
1158
+ }
1159
+ };
1160
+ }
1145
1161
  }
1146
1162
  }
1147
1163
  });
@@ -1140,6 +1140,22 @@ const theme = createTheme({
1140
1140
  defaultProps: {
1141
1141
  c: "peacock.7"
1142
1142
  }
1143
+ },
1144
+ Progress: {
1145
+ styles: () => {
1146
+ return {
1147
+ section: {
1148
+ "&:where(:first-of-type)": {
1149
+ borderStartStartRadius: "var(--progress-radius) !important",
1150
+ borderEndStartRadius: "var(--progress-radius) !important"
1151
+ },
1152
+ "&:where(:last-of-type)": {
1153
+ borderStartEndRadius: "var(--progress-radius) !important",
1154
+ borderEndEndRadius: "var(--progress-radius) !important"
1155
+ }
1156
+ }
1157
+ };
1158
+ }
1143
1159
  }
1144
1160
  }
1145
1161
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.124",
3
+ "version": "2.0.0-beta.126",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",