@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.
- package/CHANGELOG.md +24 -0
- package/dist/index.d.ts +21 -0
- package/dist/mantine-adapter.cjs +2 -2
- package/dist/mantine-adapter.cjs.map +1 -1
- package/dist/mantine-adapter.css +1 -1
- package/dist/mantine-adapter.js +907 -875
- package/dist/mantine-adapter.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Accordion/Accordion.stories.tsx +0 -24
- package/src/components/AssistiveElement/AssistiveElement.stories.tsx +3 -9
- package/src/components/Avatar/Avatar.stories.tsx +0 -15
- package/src/components/Breadcrumb/BREADCRUMB_IMPLEMENTATION_NOTES.md +33 -0
- package/src/components/Breadcrumb/Breadcrumb.module.css +20 -0
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +55 -5
- package/src/components/Breadcrumb/Breadcrumb.tsx +17 -3
- package/src/components/Breadcrumb/markCurrentPageItem.test.ts +49 -0
- package/src/components/Button/Button.module.css +16 -0
- package/src/components/Button/Button.tsx +14 -1
- package/src/components/Button/IMPLEMENTATION_NOTES.md +31 -5
- package/src/components/Checkbox/CHECKBOX_IMPLEMENTATION_NOTES.md +13 -0
- package/src/components/Checkbox/CheckboxGroup.tsx +5 -1
- package/src/components/Chip/Chip.stories.tsx +28 -0
- package/src/components/DatePicker/DATEPICKER_IMPLEMENTATION_NOTES.md +2 -1
- package/src/components/DatePicker/DatePicker.tsx +22 -8
- package/src/components/Grid/GRID_IMPLEMENTATION_NOTES.md +9 -0
- package/src/components/Grid/Grid.stories.tsx +24 -0
- package/src/components/Link/IMPLEMENTATION_NOTES.md +1 -1
- package/src/components/Link/Link.module.css +20 -0
- package/src/components/NumberInput/NUMBER_INPUT_IMPLEMENTATION_NOTES.md +6 -0
- package/src/components/NumberInput/NumberInput.module.css +11 -0
- package/src/components/Radio/RADIO_IMPLEMENTATION_NOTES.md +12 -0
- package/src/components/Radio/RadioGroup.tsx +5 -1
- package/src/components/Stepper/IMPLEMENTATION_NOTES.md +28 -0
- package/src/components/Stepper/Stepper.module.css +6 -6
- package/src/components/Tabs/IMPLEMENTATION_NOTES.md +27 -0
- package/src/components/Tabs/Tabs.module.css +30 -9
- package/src/components/TimePicker/TIMEPICKER_IMPLEMENTATION_NOTES.md +31 -0
- 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;
|