@mantine/core 7.14.0 → 7.14.1

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 (42) hide show
  1. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs +1 -1
  2. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs.map +1 -1
  3. package/cjs/components/NumberInput/NumberInput.cjs +22 -6
  4. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  5. package/cjs/components/Popover/Popover.cjs +4 -1
  6. package/cjs/components/Popover/Popover.cjs.map +1 -1
  7. package/cjs/components/Popover/Popover.context.cjs.map +1 -1
  8. package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.cjs +2 -0
  9. package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.cjs.map +1 -1
  10. package/cjs/components/Popover/use-popover.cjs +9 -5
  11. package/cjs/components/Popover/use-popover.cjs.map +1 -1
  12. package/cjs/components/RingProgress/RingProgress.cjs +10 -6
  13. package/cjs/components/RingProgress/RingProgress.cjs.map +1 -1
  14. package/cjs/components/TagsInput/TagsInput.cjs +3 -2
  15. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  16. package/cjs/core/Box/style-props/style-props-data.cjs +1 -1
  17. package/cjs/core/Box/style-props/style-props-data.cjs.map +1 -1
  18. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs +1 -1
  19. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs.map +1 -1
  20. package/esm/components/NumberInput/NumberInput.mjs +22 -6
  21. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  22. package/esm/components/Popover/Popover.context.mjs.map +1 -1
  23. package/esm/components/Popover/Popover.mjs +4 -1
  24. package/esm/components/Popover/Popover.mjs.map +1 -1
  25. package/esm/components/Popover/PopoverDropdown/PopoverDropdown.mjs +2 -0
  26. package/esm/components/Popover/PopoverDropdown/PopoverDropdown.mjs.map +1 -1
  27. package/esm/components/Popover/use-popover.mjs +9 -5
  28. package/esm/components/Popover/use-popover.mjs.map +1 -1
  29. package/esm/components/RingProgress/RingProgress.mjs +10 -6
  30. package/esm/components/RingProgress/RingProgress.mjs.map +1 -1
  31. package/esm/components/TagsInput/TagsInput.mjs +3 -2
  32. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  33. package/esm/core/Box/style-props/style-props-data.mjs +1 -1
  34. package/esm/core/Box/style-props/style-props-data.mjs.map +1 -1
  35. package/lib/components/Combobox/use-combobox-target-props/use-combobox-target-props.d.ts +1 -1
  36. package/lib/components/Popover/Popover.context.d.ts +1 -0
  37. package/lib/components/RingProgress/RingProgress.d.ts +3 -1
  38. package/package.json +2 -2
  39. package/styles/RingProgress.css +5 -0
  40. package/styles/RingProgress.layer.css +5 -0
  41. package/styles.css +5 -0
  42. package/styles.layer.css +5 -0
package/lib/components/Popover/Popover.context.d.ts CHANGED
@@ -44,6 +44,7 @@ interface PopoverContext {
44
44
  variant: string | undefined;
45
45
  keepMounted: boolean | undefined;
46
46
  getStyles: GetStylesApi<PopoverFactory>;
47
+ resolvedStyles: Record<string, any>;
47
48
  floatingStrategy: FloatingStrategy | undefined;
48
49
  }
49
50
  export declare const PopoverContextProvider: ({ children, value }: {
package/lib/components/RingProgress/RingProgress.d.ts CHANGED
@@ -6,7 +6,7 @@ interface RingProgressSection extends React.ComponentPropsWithRef<'circle'> {
6
6
  }
7
7
  export type RingProgressStylesNames = 'root' | 'svg' | 'label' | 'curve';
8
8
  export type RingProgressCssVariables = {
9
- root: '--rp-size' | '--rp-label-offset';
9
+ root: '--rp-size' | '--rp-label-offset' | '--rp-transition-duration';
10
10
  };
11
11
  export interface RingProgressProps extends BoxProps, StylesApiProps<RingProgressFactory>, ElementProps<'div'> {
12
12
  /** Label displayed in the center of the ring */
@@ -21,6 +21,8 @@ export interface RingProgressProps extends BoxProps, StylesApiProps<RingProgress
21
21
  sections: RingProgressSection[];
22
22
  /** Color of the root section, key of theme.colors or CSS color value */
23
23
  rootColor?: MantineColor;
24
+ /** Transition duration of filled section styles changes in ms, `0` by default */
25
+ transitionDuration?: number;
24
26
  }
25
27
  export type RingProgressFactory = Factory<{
26
28
  props: RingProgressProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/core",
3
- "version": "7.14.0",
3
+ "version": "7.14.1",
4
4
  "description": "React components library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://mantine.dev/",
6
6
  "license": "MIT",
@@ -43,7 +43,7 @@
43
43
  "directory": "packages/@mantine/core"
44
44
  },
45
45
  "peerDependencies": {
46
- "@mantine/hooks": "7.14.0",
46
+ "@mantine/hooks": "7.14.1",
47
47
  "react": "^18.x || ^19.x",
48
48
  "react-dom": "^18.x || ^19.x"
49
49
  },
package/styles/RingProgress.css CHANGED
@@ -4,6 +4,7 @@
4
4
  height: var(--rp-size);
5
5
  min-width: var(--rp-size);
6
6
  min-height: var(--rp-size);
7
+ --rp-transition-duration: 0ms;
7
8
  }
8
9
 
9
10
  .m_d43b5134 {
@@ -16,6 +17,10 @@
16
17
 
17
18
  .m_b1ca1fbf {
18
19
  stroke: var(--curve-color, var(--rp-curve-root-color));
20
+ transition:
21
+ stroke-dashoffset var(--rp-transition-duration) ease,
22
+ stroke-dasharray var(--rp-transition-duration) ease,
23
+ stroke var(--rp-transition-duration);
19
24
  }
20
25
 
21
26
  [data-mantine-color-scheme='light'] .m_b1ca1fbf {
package/styles/RingProgress.layer.css CHANGED
@@ -4,6 +4,7 @@
4
4
  height: var(--rp-size);
5
5
  min-width: var(--rp-size);
6
6
  min-height: var(--rp-size);
7
+ --rp-transition-duration: 0ms;
7
8
  }
8
9
 
9
10
  .m_d43b5134 {
@@ -16,6 +17,10 @@
16
17
 
17
18
  .m_b1ca1fbf {
18
19
  stroke: var(--curve-color, var(--rp-curve-root-color));
20
+ transition:
21
+ stroke-dashoffset var(--rp-transition-duration) ease,
22
+ stroke-dasharray var(--rp-transition-duration) ease,
23
+ stroke var(--rp-transition-duration);
19
24
  }
20
25
 
21
26
  [data-mantine-color-scheme='light'] .m_b1ca1fbf {
package/styles.css CHANGED
@@ -5508,6 +5508,7 @@ fieldset:disabled .m_d3ea56bb,
5508
5508
  height: var(--rp-size);
5509
5509
  min-width: var(--rp-size);
5510
5510
  min-height: var(--rp-size);
5511
+ --rp-transition-duration: 0ms;
5511
5512
  }
5512
5513
 
5513
5514
  .m_d43b5134 {
@@ -5520,6 +5521,10 @@ fieldset:disabled .m_d3ea56bb,
5520
5521
 
5521
5522
  .m_b1ca1fbf {
5522
5523
  stroke: var(--curve-color, var(--rp-curve-root-color));
5524
+ transition:
5525
+ stroke-dashoffset var(--rp-transition-duration) ease,
5526
+ stroke-dasharray var(--rp-transition-duration) ease,
5527
+ stroke var(--rp-transition-duration);
5523
5528
  }
5524
5529
 
5525
5530
  [data-mantine-color-scheme='light'] .m_b1ca1fbf {
package/styles.layer.css CHANGED
@@ -5508,6 +5508,7 @@ fieldset:disabled .m_d3ea56bb,
5508
5508
  height: var(--rp-size);
5509
5509
  min-width: var(--rp-size);
5510
5510
  min-height: var(--rp-size);
5511
+ --rp-transition-duration: 0ms;
5511
5512
  }
5512
5513
 
5513
5514
  .m_d43b5134 {
@@ -5520,6 +5521,10 @@ fieldset:disabled .m_d3ea56bb,
5520
5521
 
5521
5522
  .m_b1ca1fbf {
5522
5523
  stroke: var(--curve-color, var(--rp-curve-root-color));
5524
+ transition:
5525
+ stroke-dashoffset var(--rp-transition-duration) ease,
5526
+ stroke-dasharray var(--rp-transition-duration) ease,
5527
+ stroke var(--rp-transition-duration);
5523
5528
  }
5524
5529
 
5525
5530
  [data-mantine-color-scheme='light'] .m_b1ca1fbf {