@recursica/mantine-adapter 0.42.0 → 0.42.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 (36) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/mantine-adapter.cjs +2 -2
  3. package/dist/mantine-adapter.cjs.map +1 -1
  4. package/dist/mantine-adapter.css +1 -1
  5. package/dist/mantine-adapter.js +1068 -1027
  6. package/dist/mantine-adapter.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/GlobalExemptions.modules.css +0 -6
  9. package/src/components/Accordion/Accordion.module.css +0 -8
  10. package/src/components/AutoComplete/AutoComplete.module.css +0 -7
  11. package/src/components/Avatar/Avatar.module.css +0 -8
  12. package/src/components/Chip/Chip.module.css +0 -16
  13. package/src/components/DatePicker/DATEPICKER_IMPLEMENTATION_NOTES.md +14 -1
  14. package/src/components/DatePicker/DatePicker.icons.tsx +27 -0
  15. package/src/components/DatePicker/DatePicker.module.css +256 -7
  16. package/src/components/DatePicker/DatePicker.stories.tsx +0 -7
  17. package/src/components/DatePicker/DatePicker.tsx +37 -1
  18. package/src/components/DatePicker/USAGE.md +6 -2
  19. package/src/components/Dropdown/Dropdown.module.css +0 -7
  20. package/src/components/FileInput/FileInput.module.css +0 -21
  21. package/src/components/FileUpload/FileUpload.module.css +0 -11
  22. package/src/components/HoverCard/HoverCard.module.css +1 -7
  23. package/src/components/Label/Label.module.css +0 -6
  24. package/src/components/Link/Link.module.css +1 -6
  25. package/src/components/Menu/Menu.module.css +0 -6
  26. package/src/components/Modal/Modal.module.css +0 -11
  27. package/src/components/NumberInput/NumberInput.module.css +0 -7
  28. package/src/components/Pagination/Pagination.module.css +0 -81
  29. package/src/components/SegmentedControl/SegmentedControl.module.css +0 -1
  30. package/src/components/TextArea/TextArea.module.css +0 -7
  31. package/src/components/TextField/TextField.module.css +0 -7
  32. package/src/components/TimePicker/TimePicker.module.css +0 -16
  33. package/src/components/Timeline/Timeline.module.css +0 -6
  34. package/src/components/Toast/Toast.module.css +0 -7
  35. package/src/components/Tooltip/Tooltip.module.css +0 -9
  36. package/src/components/TransferList/TransferList.module.css +0 -8
@@ -1,14 +1,8 @@
1
- /* EXEMPTIONS:
2
- - layouts_stacked sizes width variables are ignored because stacked labels naturally occupy 100% width block-level
3
- real estate in HTML rendering, making explicit width properties redundant. */
4
-
5
1
  /* HARDCODED VALUES:
6
2
  - display: flex helps us leverage flex 'order' to perfectly position Mantine's injected asterisk.
7
3
  - align-items: baseline ensures text logic lines up nicely if font sizes differ slightly.
8
4
  - margin/padding resets.
9
5
  */
10
- /* recursica-ignore: --recursica_ui-kit_components_label_variants_layouts_stacked_variants_sizes_default_properties_width */
11
- /* recursica-ignore: --recursica_ui-kit_components_label_variants_layouts_stacked_variants_sizes_small_properties_width */
12
6
 
13
7
  .root {
14
8
  display: flex;
@@ -1,9 +1,4 @@
1
- /* EXEMPTIONS:
2
- - text_text-transform is ignored because links naturally inherit casing directly from text
3
- children rather than requiring custom CSS transforms. */
4
- /* recursica-ignore: --recursica_ui-kit_components_link_properties_text_text-transform */
5
-
6
- /*
1
+ /*
7
2
  HARDCODED VALUES:
8
3
  - display: inline-flex; (Base layout to align icon and text correctly)
9
4
  - align-items: center;
@@ -1,9 +1,3 @@
1
- /* EXEMPTIONS:
2
- - colors_supporting-text-color (selected variant) is ignored because selected menu items do not
3
- render supporting secondary text, making the selected-state override for supporting text
4
- colors obsolete. */
5
- /* recursica-ignore: --recursica_ui-kit_components_menu-item_variants_selection-states_selected_properties_colors_supporting-text-color */
6
-
7
1
  /* HARDCODED VALUES:
8
2
  - border-style: solid. Structural rendering rule for the dropdown border (Mantine uses Paper which may not set border natively).
9
3
  - NOTE: overflow is intentionally NOT set on .dropdown. Mantine renders sub-menu dropdowns
@@ -1,14 +1,3 @@
1
- /* EXEMPTIONS:
2
- - content-style and header-style parent variables represent raw JSON styling objects rather than
3
- direct CSS variables and cannot be applied directly in standard CSS files.
4
- Sub-properties are fully and individually mapped to elements natively.
5
- - header/footer background-color are ignored because .header/.footer are intentionally
6
- transparent (inheriting .content's background), matching Panel's header/footer treatment. */
7
- /* recursica-ignore: --recursica_ui-kit_components_modal_properties_content-style */
8
- /* recursica-ignore: --recursica_ui-kit_components_modal_properties_header-style */
9
- /* recursica-ignore: --recursica_ui-kit_components_modal_properties_colors_footer-background-color */
10
- /* recursica-ignore: --recursica_ui-kit_components_modal_properties_colors_header-background-color */
11
-
12
1
  .root {
13
2
  }
14
3
 
@@ -1,10 +1,3 @@
1
- /* EXEMPTIONS:
2
- - border-size variables are ignored because the input box uses a uniform static boundary to prevent
3
- unexpected layout shifts or flickering when switching between focused, disabled, or error states. */
4
- /* recursica-ignore: --recursica_ui-kit_components_number-input_properties_border-size */
5
- /* recursica-ignore: --recursica_ui-kit_components_number-input_variants_states_disabled_properties_border-size */
6
- /* recursica-ignore: --recursica_ui-kit_components_number-input_variants_states_error_properties_border-size */
7
-
8
1
  /* LAYOUT SPACING OVERRIDES:
9
2
  - Sets the --form-control-margin-bottom spacing hook to map component-specific layout tokens.
10
3
  - Also sets the --number-input-control-{max,min}-width hooks consumed inline in NumberInput.tsx,
@@ -1,84 +1,3 @@
1
- /* EXEMPTIONS:
2
- - All pagination subcomponent properties (active-pages, inactive-pages, navigation-controls) are ignored
3
- because we are not implementing custom subcomponent styling for pagination. Instead, pagination items
4
- directly inherit the unified, standard brand button components for complete UI/UX consistency, rendering
5
- these generated subcomponent tokens redundant. */
6
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_border-size */
7
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_disabled-opacity */
8
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_elevation */
9
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_height */
10
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_horizontal-padding */
11
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_hover-color */
12
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_hover-elevation */
13
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_hover-opacity */
14
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_icon */
15
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_icon-text-gap */
16
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_max-label-width */
17
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_min-width */
18
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_font-family */
19
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_font-size */
20
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_font-style */
21
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_font-weight */
22
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_letter-spacing */
23
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_line-height */
24
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_text-decoration */
25
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_text_text-transform */
26
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_colors_background */
27
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_colors_border-color */
28
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_colors_icon-color */
29
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_colors_text */
30
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_active-pages_subcomponent_colors_text-hover */
31
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_border-size */
32
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_disabled-opacity */
33
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_elevation */
34
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_height */
35
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_horizontal-padding */
36
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_hover-color */
37
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_hover-elevation */
38
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_hover-opacity */
39
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_icon */
40
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_icon-text-gap */
41
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_max-label-width */
42
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_min-width */
43
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_font-family */
44
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_font-size */
45
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_font-style */
46
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_font-weight */
47
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_letter-spacing */
48
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_line-height */
49
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_text-decoration */
50
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_text_text-transform */
51
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_colors_background */
52
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_colors_border-color */
53
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_colors_icon-color */
54
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_colors_text */
55
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_inactive-pages_subcomponent_colors_text-hover */
56
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_border-size */
57
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_disabled-opacity */
58
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_elevation */
59
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_height */
60
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_horizontal-padding */
61
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_hover-color */
62
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_hover-elevation */
63
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_hover-opacity */
64
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_icon */
65
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_icon-text-gap */
66
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_max-label-width */
67
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_min-width */
68
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_font-family */
69
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_font-size */
70
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_font-style */
71
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_font-weight */
72
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_letter-spacing */
73
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_line-height */
74
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_text-decoration */
75
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_text_text-transform */
76
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_colors_background */
77
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_colors_border-color */
78
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_colors_icon-color */
79
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_colors_text */
80
- /* recursica-ignore: --recursica_ui-kit_components_pagination_properties_navigation-controls_subcomponent_colors_text-hover */
81
-
82
1
  .root {
83
2
  display: flex;
84
3
  align-items: center;
@@ -3,7 +3,6 @@
3
3
  - background-color: transparent; on label hover (overriding Mantine)
4
4
  - Scope prefix .root to enforce Figma tokens over Mantine's inline calculation without using !important
5
5
  */
6
- /* recursica-ignore: --recursica_ui-kit_components_segmented-control-item_properties_item_border-radius */
7
6
 
8
7
  .root {
9
8
  background-color: var(
@@ -1,10 +1,3 @@
1
- /* EXEMPTIONS:
2
- - border-size variables are ignored because a uniform 1px border is applied globally to prevent
3
- unexpected layout shift or flickering during focused, disabled, or error state transitions. */
4
- /* recursica-ignore: --recursica_ui-kit_components_textarea_properties_border-size */
5
- /* recursica-ignore: --recursica_ui-kit_components_textarea_variants_states_disabled_properties_border-size */
6
- /* recursica-ignore: --recursica_ui-kit_components_textarea_variants_states_error_properties_border-size */
7
-
8
1
  /* LAYOUT SPACING OVERRIDES:
9
2
  - Sets the --form-control-margin-bottom spacing hook to map component-specific layout tokens.
10
3
  - Also sets the --textarea-control-{max,min}-width hooks consumed inline in TextArea.tsx, since
@@ -1,10 +1,3 @@
1
- /* EXEMPTIONS:
2
- - border-size variables are ignored because a uniform 1px border is applied globally to prevent
3
- unexpected layout shift or flickering during focused, disabled, or error state transitions. */
4
- /* recursica-ignore: --recursica_ui-kit_components_text-field_properties_border-size */
5
- /* recursica-ignore: --recursica_ui-kit_components_text-field_variants_states_disabled_properties_border-size */
6
- /* recursica-ignore: --recursica_ui-kit_components_text-field_variants_states_error_properties_border-size */
7
-
8
1
  /* LAYOUT SPACING OVERRIDES:
9
2
  - Sets the --form-control-margin-bottom spacing hook to map component-specific layout tokens.
10
3
  - Also sets the --text-field-control-{max,min}-width hooks consumed inline in TextField.tsx,
@@ -1,19 +1,3 @@
1
- /* EXEMPTIONS:
2
- - state-specific border-size variables are ignored because a uniform border-size is applied
3
- globally to prevent unexpected layout shift or flickering during disabled/error transitions.
4
- - icon-size/icon-color/icon-text-gap have no equivalent here: the time field has no icon slot,
5
- unlike TextField/DatePicker.
6
- - placeholder-opacity has no direct equivalent: each SpinInput's native "--" placeholder is styled
7
- by Mantine's own SpinInput internals, not a ::placeholder pseudo-element we can target directly. */
8
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_variants_states_disabled_properties_border-size */
9
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_variants_states_error_properties_border-size */
10
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_properties_icon-size */
11
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_properties_icon-text-gap */
12
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_properties_placeholder-opacity */
13
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_properties_colors_icon-color */
14
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_variants_states_disabled_properties_colors_icon-color */
15
- /* recursica-ignore: --recursica_ui-kit_components_time-picker_variants_states_error_properties_colors_icon-color */
16
-
17
1
  /* LAYOUT SPACING OVERRIDES:
18
2
  - Sets the --form-control-margin-bottom spacing hook to map component-specific layout tokens. */
19
3
  .layoutOverride {
@@ -1,9 +1,3 @@
1
- /* EXEMPTIONS:
2
- - timeline-bullet_variants_types_avatar_properties_avatar-size is ignored because under the avatar timeline variant,
3
- the bullet container size uses fallback bullet-size configurations to maintain vertical alignment with the
4
- inactive/active connector line, while the nested Avatar subcomponent handles its own sizing natively. */
5
- /* recursica-ignore: --recursica_ui-kit_components_timeline-bullet_variants_types_avatar_properties_avatar-size */
6
-
7
1
  .root {
8
2
  display: flex;
9
3
  flex-direction: column;
@@ -1,10 +1,3 @@
1
- /* EXEMPTIONS:
2
- - elevation levels layer-1, layer-2, and layer-3 are ignored because all toasts explicitly use the standard
3
- layer-0 elevation shadow for styling consistency. */
4
- /* recursica-ignore: --recursica_ui-kit_components_toast_properties_elevation_layer-1 */
5
- /* recursica-ignore: --recursica_ui-kit_components_toast_properties_elevation_layer-2 */
6
- /* recursica-ignore: --recursica_ui-kit_components_toast_properties_elevation_layer-3 */
7
-
8
1
  /* HARDCODED VALUES:
9
2
  - border-style: solid. Baseline so the per-variant border-color tokens actually render.
10
3
  */
@@ -1,12 +1,3 @@
1
- /* EXEMPTIONS:
2
- - beak-inset is ignored because Tooltip positioning calculations are handled dynamically by Mantine/Floating UI at the React runtime.
3
- - beak-size is ignored because Mantine's tooltip arrows compute their sizing and positional offsets
4
- dynamically within the React rendering engine (requires inline pixel number rather than standard CSS variables).
5
- The beak size is checked in JS against a fixed value of 16px. If this variable changes, the TSX components
6
- need to be reviewed/re-compiled. */
7
- /* recursica-ignore: --recursica_ui-kit_components_tooltip_properties_beak-inset = 8px */
8
- /* recursica-ignore: --recursica_ui-kit_components_tooltip_properties_beak-size = 16px */
9
-
10
1
  /* HARDCODED VALUES:
11
2
  - border-style: solid. Structural rendering rule for the tooltip border (Mantine uses Box
12
3
  which may not set border-style natively). Same pattern as Menu / HoverCard.
@@ -1,11 +1,3 @@
1
- /* EXEMPTIONS:
2
- - border-size variables are ignored because a uniform 1px border is applied globally to prevent
3
- unexpected layout shift or flickering during disabled/error state transitions (same exemption
4
- TextArea takes). */
5
- /* recursica-ignore: --recursica_ui-kit_components_transfer-list_properties_border-size */
6
- /* recursica-ignore: --recursica_ui-kit_components_transfer-list_variants_states_disabled_properties_border-size */
7
- /* recursica-ignore: --recursica_ui-kit_components_transfer-list_variants_states_error_properties_border-size */
8
-
9
1
  /* TOKEN INTERPRETATION NOTES (see TRANSFERLIST_IMPLEMENTATION_NOTES.md):
10
2
  - `properties_gap` is applied to the row that holds [source pane, transfer buttons, target pane] —
11
3
  it's the only unnested gap the schema defines at the component's own level.