@recursica/mui-adapter 0.37.0 → 0.39.0

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/CHANGELOG.md +30 -0
  2. package/dist/index.d.ts +17 -21
  3. package/dist/mui-adapter.cjs +50 -50
  4. package/dist/mui-adapter.cjs.map +1 -1
  5. package/dist/mui-adapter.css +1 -1
  6. package/dist/mui-adapter.js +3188 -3167
  7. package/dist/mui-adapter.js.map +1 -1
  8. package/package.json +5 -3
  9. package/src/Introduction.stories.tsx +2 -1
  10. package/src/OverStyling.tsx +1 -2
  11. package/src/Version.tsx +2 -2
  12. package/src/components/Accordion/Accordion.stories.tsx +36 -0
  13. package/src/components/{Autocomplete/Autocomplete.stories.tsx → AutoComplete/AutoComplete.stories.tsx} +2 -2
  14. package/src/components/{Autocomplete/Autocomplete.tsx → AutoComplete/AutoComplete.tsx} +5 -5
  15. package/src/components/AutoComplete/index.ts +1 -0
  16. package/src/components/FormControlLayout/FormControlLayout.stories.tsx +36 -0
  17. package/src/components/Label/Label.stories.tsx +63 -54
  18. package/src/components/Loader/Loader.animate.dom.test.tsx +72 -0
  19. package/src/components/Loader/Loader.module.css +10 -0
  20. package/src/components/Loader/Loader.stories.tsx +20 -0
  21. package/src/components/Loader/Loader.tsx +8 -1
  22. package/src/components/Table/TABLE_IMPLEMENTATION_NOTES.md +11 -0
  23. package/src/components/Table/Table.module.css +14 -0
  24. package/src/components/Table/Table.stories.tsx +1 -1
  25. package/src/components/Table/USAGE.md +2 -2
  26. package/src/components/TimePicker/TIMEPICKER_IMPLEMENTATION_NOTES.md +8 -1
  27. package/src/components/TimePicker/TimePicker.module.css +43 -0
  28. package/src/components/TimePicker/TimePicker.stories.tsx +22 -0
  29. package/src/components/TimePicker/TimePicker.tsx +24 -6
  30. package/src/components/index.ts +1 -2
  31. package/src/index.ts +3 -4
  32. package/src/components/Autocomplete/index.ts +0 -1
  33. package/src/components/Box/Box.stories.tsx +0 -68
  34. package/src/components/Box/Box.test.tsx +0 -1
  35. package/src/components/Box/Box.tsx +0 -24
  36. package/src/components/Box/IMPLEMENTATION_NOTES.md +0 -5
  37. package/src/components/Box/USAGE.md +0 -48
  38. package/src/components/Box/index.ts +0 -1
  39. /package/src/components/{Autocomplete/Autocomplete.module.css → AutoComplete/AutoComplete.module.css} +0 -0
  40. /package/src/components/{Autocomplete/Autocomplete.test.tsx → AutoComplete/AutoComplete.test.tsx} +0 -0
  41. /package/src/components/{Autocomplete/AUTOCOMPLETE_IMPLEMENTATION_NOTES.md → AutoComplete/IMPLEMENTATION_NOTES.md} +0 -0
  42. /package/src/components/{Autocomplete → AutoComplete}/USAGE.md +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,35 @@
1
1
  # @recursica/mui-adapter
2
2
 
3
+ ## 0.39.0
4
+
5
+ ### Minor Changes
6
+
7
+ - cb3796a: Added an `animate` prop to `Loader` (default `true`) — set `false` to freeze its CSS animation for a deterministic render, e.g. a visual-regression snapshot. The `Static*` Loader stories now use it, and the animated `Default`/`LayerTwoOval` stories are excluded from adapter-tester's visual regression.
8
+
9
+ ### Patch Changes
10
+
11
+ - cb3796a: Fixed `Table` currency columns so header and footer cells right-align to match value cells. `Table.Th`/`Table.Cell` header context now supports `variant="currency"`.
12
+ - cb3796a: Added `leftSection` support to `TimePicker` for an optional leading icon, matching `TextField`'s convention.
13
+ - Updated dependencies [cb3796a]
14
+ - Updated dependencies [cb3796a]
15
+ - Updated dependencies [cb3796a]
16
+ - @recursica/adapter-common@0.28.0
17
+
18
+ ## 0.38.0
19
+
20
+ ### Minor Changes
21
+
22
+ - c31d5ae: Added an `animate` prop to `Loader` (default `true`) — set `false` to freeze its CSS animation for a deterministic render, e.g. a visual-regression snapshot. The `Static*` Loader stories now use it, and the animated `Default`/`LayerTwoOval` stories are excluded from adapter-tester's visual regression.
23
+
24
+ ### Patch Changes
25
+
26
+ - c31d5ae: Fixed `Table` currency columns so header and footer cells right-align to match value cells. `Table.Th`/`Table.Cell` header context now supports `variant="currency"`.
27
+ - c31d5ae: Added `leftSection` support to `TimePicker` for an optional leading icon, matching `TextField`'s convention.
28
+ - Updated dependencies [c31d5ae]
29
+ - Updated dependencies [c31d5ae]
30
+ - Updated dependencies [c31d5ae]
31
+ - @recursica/adapter-common@0.27.0
32
+
3
33
  ## 0.37.0
4
34
 
5
35
  ### Minor Changes
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import { AlertProps } from '@mui/material';
5
5
  import { AutocompleteProps } from '@mui/material';
6
6
  import { AvatarProps as AvatarProps_2 } from '@mui/material';
7
7
  import { BadgeProps as BadgeProps_2 } from '@mui/material';
8
- import { BoxProps as BoxProps_2 } from '@mui/material';
8
+ import { BoxProps } from '@mui/material';
9
9
  import { BreadcrumbsProps } from '@mui/material';
10
10
  import { ButtonProps as ButtonProps_2 } from '@mui/material';
11
11
  import { CardOwnProps } from '@mui/material';
@@ -189,9 +189,9 @@ declare const AssistiveElement_2: default_2.ForwardRefExoticComponent<(Omit<Omit
189
189
 
190
190
  declare type AssistiveElementProps = RecursicaOverStyled<Omit<FormHelperTextProps, "error" | "component"> & RecursicaAssistiveElementProps>;
191
191
 
192
- export declare const Autocomplete: typeof rawComponents.Autocomplete;
192
+ export declare const AutoComplete: typeof rawComponents.AutoComplete;
193
193
 
194
- declare const Autocomplete_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaAutocompleteProps>, BlockedStylingKeys> & ForbiddenStyles & {
194
+ declare const AutoComplete_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaAutocompleteProps>, BlockedStylingKeys> & ForbiddenStyles & {
195
195
  overStyled?: false | undefined;
196
196
  }, "ref"> | Omit<Omit<RecursicaAutocompleteProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
197
197
  m?: string | number | RecursicaSpacing;
@@ -210,7 +210,7 @@ declare const Autocomplete_2: default_2.ForwardRefExoticComponent<(Omit<Omit<Wit
210
210
  overStyled: true;
211
211
  }, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
212
212
 
213
- declare type AutocompleteProps_2 = RecursicaOverStyled<RecursicaAutocompleteProps>;
213
+ declare type AutoCompleteProps = RecursicaOverStyled<RecursicaAutocompleteProps>;
214
214
 
215
215
  export declare const Avatar: typeof rawComponents.Avatar;
216
216
 
@@ -273,18 +273,6 @@ declare type BadgeProps = RecursicaOverStyled<Omit<BadgeProps_2, "variant" | "si
273
273
  */
274
274
  export declare type BlockedStylingKeys = "className" | "classNames" | "classes" | "style" | "styles" | "vars" | "sx" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex";
275
275
 
276
- export declare const Box: <C extends React.ElementType = "div">(props: rawComponents.BoxProps<C> & {
277
- ref?: React.ForwardedRef<any>;
278
- }) => React.ReactElement | null;
279
-
280
- declare const Box_2: <C extends default_2.ElementType = "div">(props: BoxProps<C> & {
281
- ref?: default_2.ForwardedRef<any>;
282
- }) => default_2.ReactElement | null;
283
-
284
- declare type BoxProps<C extends default_2.ElementType = "div"> = BoxProps_2<C, {
285
- component?: C;
286
- }>;
287
-
288
276
  export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
289
277
 
290
278
  declare const Breadcrumb_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>, BlockedStylingKeys> & ForbiddenStyles & {
@@ -617,7 +605,7 @@ declare interface FlexOwnProps {
617
605
  wrap?: React.CSSProperties["flexWrap"];
618
606
  }
619
607
 
620
- declare type FlexProps = WithRecursicaSpacing<OmitSx<BoxProps_2 & FlexOwnProps>>;
608
+ declare type FlexProps = WithRecursicaSpacing<OmitSx<BoxProps & FlexOwnProps>>;
621
609
 
622
610
  export declare type ForbiddenStyles = {
623
611
  [K in BlockedStylingKeys]?: never;
@@ -1296,14 +1284,12 @@ declare namespace rawComponents {
1296
1284
  AssistiveElementProps,
1297
1285
  AssistiveElement_2 as AssistiveElement,
1298
1286
  RecursicaAutocompleteProps,
1299
- AutocompleteProps_2 as AutocompleteProps,
1300
- Autocomplete_2 as Autocomplete,
1287
+ AutoCompleteProps,
1288
+ AutoComplete_2 as AutoComplete,
1301
1289
  AvatarProps,
1302
1290
  Avatar_2 as Avatar,
1303
1291
  BadgeProps,
1304
1292
  Badge_2 as Badge,
1305
- BoxProps,
1306
- Box_2 as Box,
1307
1293
  BreadcrumbProps,
1308
1294
  Breadcrumb_2 as Breadcrumb,
1309
1295
  ButtonProps,
@@ -2165,6 +2151,12 @@ export declare interface RecursicaLoaderProps {
2165
2151
  variant?: "oval" | "bars" | "dots";
2166
2152
  /** Map to Recursica sizes */
2167
2153
  size?: "sm" | "md" | "lg" | RecursicaSize;
2154
+ /** Freezes the loader's CSS animation when `false` — the loader still
2155
+ * renders its normal shape, just without motion. Defaults to `true` (the
2156
+ * normal, animated loader). Use `false` for a deterministic rendering,
2157
+ * e.g. a visual-regression snapshot, where a moving animation would
2158
+ * otherwise diff differently every run. */
2159
+ animate?: boolean;
2168
2160
  }
2169
2161
 
2170
2162
  /**
@@ -2449,6 +2441,8 @@ export declare interface RecursicaTableHeaderCellProps {
2449
2441
  sorted?: "asc" | "desc" | false;
2450
2442
  /** Disables the header cell, dimming it and applying the disabled cell colors */
2451
2443
  disabled?: boolean;
2444
+ /** `"currency"` right-aligns the header cell to match a currency column's value cells */
2445
+ variant?: "default" | "currency";
2452
2446
  }
2453
2447
 
2454
2448
  /**
@@ -2591,6 +2585,8 @@ declare interface RecursicaTimePickerProps_2 {
2591
2585
  minTime?: string;
2592
2586
  /** Maximum possible time string. Format is `HH:mm` normally, or `HH:mm:ss` when `withSeconds` is true. */
2593
2587
  maxTime?: string;
2588
+ /** Section rendered inside the time field on the left (e.g. icon). Naming rationale: see `RecursicaTextFieldProps.leftSection`. */
2589
+ leftSection?: default_2.ReactNode;
2594
2590
  }
2595
2591
 
2596
2592
  export declare interface RecursicaToastProps extends RecursicaToastProps_2 {