@recursica/mui-adapter 0.34.4 → 0.36.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.
- package/CHANGELOG.md +22 -0
- package/dist/index.d.ts +38 -38
- package/dist/mui-adapter.cjs +14 -14
- package/dist/mui-adapter.cjs.map +1 -1
- package/dist/mui-adapter.css +1 -1
- package/dist/mui-adapter.js +1884 -1882
- package/dist/mui-adapter.js.map +1 -1
- package/package.json +2 -2
- package/src/Introduction.stories.tsx +15 -15
- package/src/OverStyling.tsx +3 -3
- package/src/Version.tsx +3 -3
- package/src/components/Autocomplete/AUTOCOMPLETE_IMPLEMENTATION_NOTES.md +6 -1
- package/src/components/Autocomplete/Autocomplete.module.css +4 -1
- package/src/components/Button/BUTTON_IMPLEMENTATION_NOTES.md +12 -0
- package/src/components/Button/Button.module.css +4 -1
- package/src/components/Card/USAGE.md +1 -1
- package/src/components/Dropdown/DROPDOWN_IMPLEMENTATION_NOTES.md +6 -1
- package/src/components/Dropdown/Dropdown.module.css +4 -1
- package/src/components/{Title/Title.stories.tsx → Heading/Heading.stories.tsx} +13 -13
- package/src/components/Heading/Heading.test.tsx +1 -0
- package/src/components/{Title/Title.tsx → Heading/Heading.tsx} +5 -5
- package/src/components/{Title → Heading}/USAGE.md +5 -5
- package/src/components/Heading/index.ts +1 -0
- package/src/components/Modal/MODAL_IMPLEMENTATION_NOTES.md +12 -0
- package/src/components/Modal/Modal.module.css +4 -1
- package/src/components/Panel/PANEL_IMPLEMENTATION_NOTES.md +10 -0
- package/src/components/Panel/Panel.module.css +4 -1
- package/src/components/Text/Text.stories.tsx +1 -1
- package/src/components/Typography/TYPOGRAPHY_IMPLEMENTATION_NOTES.md +17 -0
- package/src/components/Typography/Typography.module.css +13 -0
- package/src/components/Typography/Typography.tsx +4 -3
- package/src/components/index.ts +1 -1
- package/src/index.ts +3 -3
- package/src/components/Title/Title.test.tsx +0 -1
- package/src/components/Title/index.ts +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @recursica/mui-adapter
|
|
2
2
|
|
|
3
|
+
## 0.36.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- f618b38: Renamed the `Title` component to `Heading` (and `RecursicaTitleProps` to `RecursicaHeadingProps`) to match designers' semantic vocabulary. `Text` is unchanged. Breaking: update imports from `Title`/`TitleProps` to `Heading`/`HeadingProps`.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [f618b38]
|
|
12
|
+
- @recursica/adapter-common@0.26.0
|
|
13
|
+
|
|
14
|
+
## 0.35.0
|
|
15
|
+
|
|
16
|
+
### Minor Changes
|
|
17
|
+
|
|
18
|
+
- ae939ef: Latest adapters and tester
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- ae939ef: Fixed descender clipping (e.g. the "g" in a long label) on single-line ellipsis truncation across Accordion, AutoComplete/Autocomplete, Button, Dropdown, Modal, and Panel — switched `overflow: hidden` to `overflow: clip; overflow-clip-margin: 0.35em`.
|
|
23
|
+
- ae939ef: Added `text-wrap: balance` to `Text` and `Title` so wrapped multi-line text (headings and paragraphs) gets more even line lengths.
|
|
24
|
+
|
|
3
25
|
## 0.34.4
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -690,6 +690,29 @@ declare interface GroupOwnProps {
|
|
|
690
690
|
|
|
691
691
|
declare type GroupProps = WithRecursicaSpacing<OmitSx<Omit<StackProps, "spacing" | "direction"> & GroupOwnProps>>;
|
|
692
692
|
|
|
693
|
+
export declare const Heading: typeof rawComponents.Heading;
|
|
694
|
+
|
|
695
|
+
declare const Heading_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps, "classes" | "variant"> & RecursicaHeadingProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
696
|
+
overStyled?: false | undefined;
|
|
697
|
+
}, "ref"> | Omit<Omit<Omit<TypographyProps, "classes" | "variant"> & RecursicaHeadingProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
|
|
698
|
+
m?: string | number | RecursicaSpacing;
|
|
699
|
+
mx?: string | number | RecursicaSpacing;
|
|
700
|
+
my?: string | number | RecursicaSpacing;
|
|
701
|
+
mt?: string | number | RecursicaSpacing;
|
|
702
|
+
mb?: string | number | RecursicaSpacing;
|
|
703
|
+
ml?: string | number | RecursicaSpacing;
|
|
704
|
+
mr?: string | number | RecursicaSpacing;
|
|
705
|
+
gap?: string | number | RecursicaSpacing;
|
|
706
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
707
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
708
|
+
gutter?: string | number | RecursicaSpacing;
|
|
709
|
+
spacing?: string | number | RecursicaSpacing;
|
|
710
|
+
} & {
|
|
711
|
+
overStyled: true;
|
|
712
|
+
}, "ref">) & default_2.RefAttributes<HTMLElement>>;
|
|
713
|
+
|
|
714
|
+
declare type HeadingProps = RecursicaOverStyled<Omit<TypographyProps, "variant" | "classes"> & RecursicaHeadingProps>;
|
|
715
|
+
|
|
693
716
|
export declare const HoverCard: typeof rawComponents.HoverCard;
|
|
694
717
|
|
|
695
718
|
declare const HoverCard_2: HoverCardComponent;
|
|
@@ -1329,6 +1352,8 @@ declare namespace rawComponents {
|
|
|
1329
1352
|
Grid_2 as Grid,
|
|
1330
1353
|
GroupProps,
|
|
1331
1354
|
Group_2 as Group,
|
|
1355
|
+
HeadingProps,
|
|
1356
|
+
Heading_2 as Heading,
|
|
1332
1357
|
HoverCardProps,
|
|
1333
1358
|
HoverCardTargetProps,
|
|
1334
1359
|
HoverCardDropdownProps,
|
|
@@ -1440,8 +1465,6 @@ declare namespace rawComponents {
|
|
|
1440
1465
|
Timeline_2 as Timeline,
|
|
1441
1466
|
TimelineItemProps_2 as TimelineItemProps,
|
|
1442
1467
|
TimelineItem_2 as TimelineItem,
|
|
1443
|
-
TitleProps,
|
|
1444
|
-
Title_2 as Title,
|
|
1445
1468
|
RecursicaToastProps,
|
|
1446
1469
|
ToastProps,
|
|
1447
1470
|
Toast_2 as Toast,
|
|
@@ -1487,7 +1510,7 @@ export declare type ReadOnlyFieldType = "text" | "number" | "date" | "boolean" |
|
|
|
1487
1510
|
/**
|
|
1488
1511
|
* Official list of all components in Recursica.
|
|
1489
1512
|
*/
|
|
1490
|
-
export declare const RECURSICA_COMPONENTS: readonly ["Accordion", "AssistiveElement", "Autocomplete", "Avatar", "Badge", "Box", "Breadcrumb", "Button", "Card", "Checkbox", "CheckboxGroup", "Chip", "Container", "DatePicker", "Dropdown", "EmptyValueRenderer", "FileInput", "FileUpload", "Flex", "FormControlLayout", "FormControlWrapper", "Grid", "Group", "HoverCard", "Label", "Layer", "Link", "Loader", "Menu", "Modal", "NumberInput", "Pagination", "Panel", "Popover", "Radio", "ReadOnlyField", "SegmentedControl", "Slider", "Stack", "Stepper", "Switch", "Table", "Tabs", "Text", "TextArea", "TextField", "TimePicker", "Timeline", "
|
|
1513
|
+
export declare const RECURSICA_COMPONENTS: readonly ["Accordion", "AssistiveElement", "Autocomplete", "Avatar", "Badge", "Box", "Breadcrumb", "Button", "Card", "Checkbox", "CheckboxGroup", "Chip", "Container", "DatePicker", "Dropdown", "EmptyValueRenderer", "FileInput", "FileUpload", "Flex", "FormControlLayout", "FormControlWrapper", "Grid", "Group", "Heading", "HoverCard", "Label", "Layer", "Link", "Loader", "Menu", "Modal", "NumberInput", "Pagination", "Panel", "Popover", "Radio", "ReadOnlyField", "SegmentedControl", "Slider", "Stack", "Stepper", "Switch", "Table", "Tabs", "Text", "TextArea", "TextField", "TimePicker", "Timeline", "Toast", "Tooltip", "TransferList", "Tree", "Typography"];
|
|
1491
1514
|
|
|
1492
1515
|
/**
|
|
1493
1516
|
* Props for the Recursica Accordion Control component.
|
|
@@ -2044,6 +2067,18 @@ declare interface RecursicaFormControlWrapperProps_2 extends RecursicaLabelProps
|
|
|
2044
2067
|
controlMinWidth?: string | undefined;
|
|
2045
2068
|
}
|
|
2046
2069
|
|
|
2070
|
+
/**
|
|
2071
|
+
* Props for the Recursica Heading component.
|
|
2072
|
+
*/
|
|
2073
|
+
export declare interface RecursicaHeadingProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
|
|
2074
|
+
/** Heading ordering hierarchies (1 represents H1, 6 represents H6) */
|
|
2075
|
+
order?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
2076
|
+
/** Heading contents */
|
|
2077
|
+
children?: default_2.ReactNode;
|
|
2078
|
+
/** Polymorphic component override */
|
|
2079
|
+
component?: default_2.ElementType;
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2047
2082
|
/**
|
|
2048
2083
|
* Props for the Recursica HoverCard component.
|
|
2049
2084
|
*/
|
|
@@ -2558,18 +2593,6 @@ declare interface RecursicaTimePickerProps_2 {
|
|
|
2558
2593
|
maxTime?: string;
|
|
2559
2594
|
}
|
|
2560
2595
|
|
|
2561
|
-
/**
|
|
2562
|
-
* Props for the Recursica Title component.
|
|
2563
|
-
*/
|
|
2564
|
-
export declare interface RecursicaTitleProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
|
|
2565
|
-
/** Heading ordering hierarchies (1 represents H1, 6 represents H6) */
|
|
2566
|
-
order?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
2567
|
-
/** Title contents */
|
|
2568
|
-
children?: default_2.ReactNode;
|
|
2569
|
-
/** Polymorphic component override */
|
|
2570
|
-
component?: default_2.ElementType;
|
|
2571
|
-
}
|
|
2572
|
-
|
|
2573
2596
|
export declare interface RecursicaToastProps extends RecursicaToastProps_2 {
|
|
2574
2597
|
withCloseButton?: boolean;
|
|
2575
2598
|
title?: default_2.ReactNode;
|
|
@@ -3344,29 +3367,6 @@ declare const TimePicker_2: default_2.ForwardRefExoticComponent<TimePickerProps_
|
|
|
3344
3367
|
|
|
3345
3368
|
declare type TimePickerProps_2 = RecursicaOverStyled<RecursicaTimePickerProps>;
|
|
3346
3369
|
|
|
3347
|
-
export declare const Title: typeof rawComponents.Title;
|
|
3348
|
-
|
|
3349
|
-
declare const Title_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps, "classes" | "variant"> & RecursicaTitleProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
3350
|
-
overStyled?: false | undefined;
|
|
3351
|
-
}, "ref"> | Omit<Omit<Omit<TypographyProps, "classes" | "variant"> & RecursicaTitleProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
|
|
3352
|
-
m?: string | number | RecursicaSpacing;
|
|
3353
|
-
mx?: string | number | RecursicaSpacing;
|
|
3354
|
-
my?: string | number | RecursicaSpacing;
|
|
3355
|
-
mt?: string | number | RecursicaSpacing;
|
|
3356
|
-
mb?: string | number | RecursicaSpacing;
|
|
3357
|
-
ml?: string | number | RecursicaSpacing;
|
|
3358
|
-
mr?: string | number | RecursicaSpacing;
|
|
3359
|
-
gap?: string | number | RecursicaSpacing;
|
|
3360
|
-
rowGap?: string | number | RecursicaSpacing;
|
|
3361
|
-
columnGap?: string | number | RecursicaSpacing;
|
|
3362
|
-
gutter?: string | number | RecursicaSpacing;
|
|
3363
|
-
spacing?: string | number | RecursicaSpacing;
|
|
3364
|
-
} & {
|
|
3365
|
-
overStyled: true;
|
|
3366
|
-
}, "ref">) & default_2.RefAttributes<HTMLElement>>;
|
|
3367
|
-
|
|
3368
|
-
declare type TitleProps = RecursicaOverStyled<Omit<TypographyProps, "variant" | "classes"> & RecursicaTitleProps>;
|
|
3369
|
-
|
|
3370
3370
|
export declare const Toast: typeof rawComponents.Toast;
|
|
3371
3371
|
|
|
3372
3372
|
declare const Toast_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps>, BlockedStylingKeys> & ForbiddenStyles & {
|