@recursica/mantine-adapter 0.55.1 → 0.55.3

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 (38) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/index.d.ts +21 -0
  3. package/dist/mantine-adapter.cjs +2 -2
  4. package/dist/mantine-adapter.cjs.map +1 -1
  5. package/dist/mantine-adapter.css +1 -1
  6. package/dist/mantine-adapter.js +907 -875
  7. package/dist/mantine-adapter.js.map +1 -1
  8. package/package.json +2 -2
  9. package/src/components/Accordion/Accordion.stories.tsx +0 -24
  10. package/src/components/AssistiveElement/AssistiveElement.stories.tsx +3 -9
  11. package/src/components/Avatar/Avatar.stories.tsx +0 -15
  12. package/src/components/Breadcrumb/BREADCRUMB_IMPLEMENTATION_NOTES.md +33 -0
  13. package/src/components/Breadcrumb/Breadcrumb.module.css +20 -0
  14. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +55 -5
  15. package/src/components/Breadcrumb/Breadcrumb.tsx +17 -3
  16. package/src/components/Breadcrumb/markCurrentPageItem.test.ts +49 -0
  17. package/src/components/Button/Button.module.css +16 -0
  18. package/src/components/Button/Button.tsx +14 -1
  19. package/src/components/Button/IMPLEMENTATION_NOTES.md +31 -5
  20. package/src/components/Checkbox/CHECKBOX_IMPLEMENTATION_NOTES.md +13 -0
  21. package/src/components/Checkbox/CheckboxGroup.tsx +5 -1
  22. package/src/components/Chip/Chip.stories.tsx +28 -0
  23. package/src/components/DatePicker/DATEPICKER_IMPLEMENTATION_NOTES.md +2 -1
  24. package/src/components/DatePicker/DatePicker.tsx +22 -8
  25. package/src/components/Grid/GRID_IMPLEMENTATION_NOTES.md +9 -0
  26. package/src/components/Grid/Grid.stories.tsx +24 -0
  27. package/src/components/Link/IMPLEMENTATION_NOTES.md +1 -1
  28. package/src/components/Link/Link.module.css +20 -0
  29. package/src/components/NumberInput/NUMBER_INPUT_IMPLEMENTATION_NOTES.md +6 -0
  30. package/src/components/NumberInput/NumberInput.module.css +11 -0
  31. package/src/components/Radio/RADIO_IMPLEMENTATION_NOTES.md +12 -0
  32. package/src/components/Radio/RadioGroup.tsx +5 -1
  33. package/src/components/Stepper/IMPLEMENTATION_NOTES.md +28 -0
  34. package/src/components/Stepper/Stepper.module.css +6 -6
  35. package/src/components/Tabs/IMPLEMENTATION_NOTES.md +27 -0
  36. package/src/components/Tabs/Tabs.module.css +30 -9
  37. package/src/components/TimePicker/TIMEPICKER_IMPLEMENTATION_NOTES.md +31 -0
  38. package/src/components/TimePicker/TimePicker.module.css +30 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # @recursica/mantine-adapter
2
2
 
3
+ ## 0.55.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 13bc7b1: CheckboxGroup/RadioGroup: no longer apply the per-item max-width token to the group's whole label+field row — was squeezing the group's own label in side-by-side layout. Group row now sizes naturally, matching SwitchGroup.
8
+ - Updated dependencies [12eaece]
9
+ - @recursica/adapter-common@0.29.0
10
+
11
+ ## 0.55.2
12
+
13
+ ### Patch Changes
14
+
15
+ - 46b123a: Breadcrumb now marks its last child `aria-current="page"` and, if it looks interactive (has `href`/`onClick`), strips both and drops it from the tab order — best-effort, not a guarantee for custom Link components with their own internal navigation. Backed by a CSS reset (no color/underline/pointer-events) and the current item now picks up Link's font-family. New shared `markCurrentPageItem` util in adapter-common. mui-adapter's story also gets parity with mantine-adapter's: the last crumb renders as plain text, not a `Link`.
16
+ - 39de7b2: mui-adapter: Dropdown now renders its `placeholder` prop and gains a matching `.placeholder` style; Autocomplete's open menu now has the same input-to-menu gap as mantine; TimePicker's leading icon is no longer offset too far right.
17
+ mantine-adapter: DatePicker's read-only value is now formatted via `valueFormat` instead of a raw `Date.toString()`; TimePicker's leading icon no longer overlaps the field text.
18
+ - 46b123a: Link now replaces the browser's native focus outline with the recursica focus ring (`--recursica_brand_states_focus_*`), matching Button/every other interactive component instead of falling back to the browser default. Fixes the same incorrect ring on Breadcrumb, since its items are typically Links.
19
+ - 39de7b2: Breadcrumb story: last crumb is now plain text instead of a `Link` — it represents the current page and shouldn't be clickable.
20
+ - 39de7b2: mui-adapter: Stepper's connector gap, description content, and button spacing now match mantine; Stepper vertical spacing now matches mantine; Timeline's connector now reaches the next bullet; Tree's chevron-to-label gap now uses the right token; Pagination is now fully wired up (circle size/colors/outline, chevron colors/hover, ripple removed, ellipsis centering, text labels).
21
+ mantine-adapter: Stepper's completed/current label and description colors now apply (were silently falling back to Mantine's own default gray/black).
22
+ - 39de7b2: mui-adapter: Switch's read-only label and static-variations spacing now match mantine; Label's right-alignment and optional-text parentheses now work; Button's loading state shows only a centered loader (no label); Text's static-variations spacing matches mantine; Tabs' `inverted` variant now actually renders the tab list below the content.
23
+ mantine-adapter: Button's loader color now matches its label text color; Tabs' `inverted` variant now actually renders the tab list below the content; Grid gains a `ResponsiveSizes` story mirroring mui-adapter's.
24
+ - Updated dependencies [46b123a]
25
+ - @recursica/adapter-common@0.28.2
26
+
3
27
  ## 0.55.1
4
28
 
5
29
  ### Patch Changes
package/dist/index.d.ts CHANGED
@@ -71,6 +71,7 @@ import { PopoverProps as PopoverProps_2 } from '@mantine/core';
71
71
  import { PopoverTargetProps as PopoverTargetProps_2 } from '@mantine/core';
72
72
  import { RadioGroupProps as RadioGroupProps_2 } from '@mantine/core';
73
73
  import { RadioProps } from '@mantine/core';
74
+ import { ReactNode } from 'react';
74
75
  import { RefAttributes } from 'react';
75
76
  import { SegmentedControlProps as SegmentedControlProps_2 } from '@mantine/core';
76
77
  import { SelectProps } from '@mantine/core';
@@ -196,6 +197,14 @@ export declare type BlockedStylingKeys = "className" | "classNames" | "classes"
196
197
 
197
198
  export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
198
199
 
200
+ /**
201
+ * The last child should always be plain, non-interactive text (e.g. a `<span>`) — it represents
202
+ * the current page and shouldn't be a link. Breadcrumb tries to correct for a Link/anchor passed
203
+ * there anyway via `markCurrentPageItem` (aria-current, stripped href/onClick, CSS reset in
204
+ * Breadcrumb.module.css), but that's a best-effort safety net, not a guarantee — it can't stop a
205
+ * custom Link component (e.g. a router Link) that navigates from its own internal handler. See
206
+ * BREADCRUMB_IMPLEMENTATION_NOTES.md.
207
+ */
199
208
  declare const Breadcrumb_2: ForwardRefExoticComponent<BreadcrumbProps & RefAttributes<HTMLDivElement>>;
200
209
 
201
210
  declare type BreadcrumbProps = RecursicaOverStyled<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
@@ -883,6 +892,18 @@ declare const Loader_2: ForwardRefExoticComponent<LoaderProps & RefAttributes<HT
883
892
 
884
893
  declare type LoaderProps = RecursicaOverStyled<Omit<LoaderProps_2, "variant" | "size" | "type"> & RecursicaLoaderProps>;
885
894
 
895
+ /**
896
+ * Marks the last Breadcrumb child as the current page: adds `aria-current="page"`, and — if the
897
+ * element looks interactive (has `href` or `onClick`) — strips those props and sets `tabIndex={-1}`
898
+ * so it drops out of the tab order.
899
+ *
900
+ * This is best-effort, not a guarantee. `cloneElement` can only override props the element
901
+ * actually reads. A custom Link component (e.g. React Router's) that drives navigation from its
902
+ * own internal handler rather than a passed-through `onClick` will keep navigating regardless.
903
+ * The last crumb should really just be plain text — see BREADCRUMB_IMPLEMENTATION_NOTES.md.
904
+ */
905
+ export declare function markCurrentPageItem(children: ReactNode): ReactNode;
906
+
886
907
  export declare const Menu: typeof rawComponents.Menu;
887
908
 
888
909
  declare const Menu_2: MenuComponent;