From c88bcf4721f02f38171dc59df2d2b3627268c240 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:39:56 -0500 Subject: [PATCH 01/26] Convert `AspectRatio` page to TSX --- .../patterns/data/{AspectRatioPage.js => AspectRatioPage.tsx} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/pattern-library/components/patterns/data/{AspectRatioPage.js => AspectRatioPage.tsx} (100%) diff --git a/src/pattern-library/components/patterns/data/AspectRatioPage.js b/src/pattern-library/components/patterns/data/AspectRatioPage.tsx similarity index 100% rename from src/pattern-library/components/patterns/data/AspectRatioPage.js rename to src/pattern-library/components/patterns/data/AspectRatioPage.tsx From 5cb74d29fc0d494be4327621b79930f34ada1726 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:41:57 -0500 Subject: [PATCH 02/26] Remove migration/status from `AspectRatio` pattern-library docs --- .../components/patterns/data/AspectRatioPage.tsx | 14 ++------------ 1 file changed, 2 insertions(+), 12 deletions(-) diff --git a/src/pattern-library/components/patterns/data/AspectRatioPage.tsx b/src/pattern-library/components/patterns/data/AspectRatioPage.tsx index 88683173..280ad637 100644 --- a/src/pattern-library/components/patterns/data/AspectRatioPage.tsx +++ b/src/pattern-library/components/patterns/data/AspectRatioPage.tsx @@ -8,25 +8,15 @@ export default function AspectRatioPage() { title="AspectRatio" intro={

- AspectRatio lays out content with a specified aspect - ratio. + AspectRatio is a simple component that controls the + aspect ratio of its first direct child.

} > - -

- AspectRatio is a new simple component. -

- - -

- AspectRatio controls the aspect ratio and containment - of its first direct child. -

Date: Tue, 28 Feb 2023 15:42:36 -0500 Subject: [PATCH 03/26] Remove migration/status from `DataTable` pattern-library documentation --- .../components/patterns/data/DataTablePage.tsx | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/src/pattern-library/components/patterns/data/DataTablePage.tsx b/src/pattern-library/components/patterns/data/DataTablePage.tsx index 07e2cfbc..05555b62 100644 --- a/src/pattern-library/components/patterns/data/DataTablePage.tsx +++ b/src/pattern-library/components/patterns/data/DataTablePage.tsx @@ -32,19 +32,6 @@ export default function DataTablePage() { } > - -

- DataTable is a new composite component loosely based - upon the legacy Table component. -

- -

- Because API changes to this component are so extensive, it should - be considered a new component. -

- - - From eb2e6fef8892889a398d7bfed8ade50737fcdeee Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:45:34 -0500 Subject: [PATCH 04/26] Convert Icons pattern-library page to TSX --- .../components/patterns/data/{IconsPage.js => IconsPage.tsx} | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) rename src/pattern-library/components/patterns/data/{IconsPage.js => IconsPage.tsx} (96%) diff --git a/src/pattern-library/components/patterns/data/IconsPage.js b/src/pattern-library/components/patterns/data/IconsPage.tsx similarity index 96% rename from src/pattern-library/components/patterns/data/IconsPage.js rename to src/pattern-library/components/patterns/data/IconsPage.tsx index 328ff145..ffd9636f 100644 --- a/src/pattern-library/components/patterns/data/IconsPage.js +++ b/src/pattern-library/components/patterns/data/IconsPage.tsx @@ -35,9 +35,8 @@ export default function IconsPage() {
- {Object.keys(Icons).map(iconName => { - const IconComponent = - Icons[/** @type {keyof Icons} */ (iconName)]; + {(Object.keys(Icons) as Array).map(iconName => { + const IconComponent = Icons[iconName]; return (
Date: Tue, 28 Feb 2023 15:46:36 -0500 Subject: [PATCH 05/26] Remove status/migration from Icons pattern-library documentation --- .../components/patterns/data/IconsPage.tsx | 18 +++--------------- 1 file changed, 3 insertions(+), 15 deletions(-) diff --git a/src/pattern-library/components/patterns/data/IconsPage.tsx b/src/pattern-library/components/patterns/data/IconsPage.tsx index ffd9636f..dc4f0a3d 100644 --- a/src/pattern-library/components/patterns/data/IconsPage.tsx +++ b/src/pattern-library/components/patterns/data/IconsPage.tsx @@ -7,23 +7,11 @@ export default function IconsPage() { return ( Icons are simple, standalone components.

} + intro={ +

Icons are simple, standalone components that wrap SVG source.

+ } > - -

- These standalone icon components are new. These are intended to - replace the single legacy Icon component. -

- - - - It is no longer necessary to import SVG source nor registration - functions from this package to use icons. - - - - From 7109e334c4bee8791153fe8e598c667ce3a266a5 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:47:00 -0500 Subject: [PATCH 06/26] Convert `Scrollbox` pattern-library page to TSX --- .../patterns/data/{ScrollBoxPage.js => ScrollBoxPage.tsx} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/pattern-library/components/patterns/data/{ScrollBoxPage.js => ScrollBoxPage.tsx} (100%) diff --git a/src/pattern-library/components/patterns/data/ScrollBoxPage.js b/src/pattern-library/components/patterns/data/ScrollBoxPage.tsx similarity index 100% rename from src/pattern-library/components/patterns/data/ScrollBoxPage.js rename to src/pattern-library/components/patterns/data/ScrollBoxPage.tsx From 781031c01a17f05f8735c2213d424b4e534e870c Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:48:17 -0500 Subject: [PATCH 07/26] Remove status/migration sections from `Scroll*` pattern-library docs --- .../patterns/data/ScrollBoxPage.tsx | 53 ------------------- 1 file changed, 53 deletions(-) diff --git a/src/pattern-library/components/patterns/data/ScrollBoxPage.tsx b/src/pattern-library/components/patterns/data/ScrollBoxPage.tsx index b926fc23..db6e2708 100644 --- a/src/pattern-library/components/patterns/data/ScrollBoxPage.tsx +++ b/src/pattern-library/components/patterns/data/ScrollBoxPage.tsx @@ -29,41 +29,6 @@ export default function ScrollBoxPage() {

} > - -

- ScrollBox is a re-implementation of the legacy - component Scrollbox (note casing change). -

- - - - Watch out! The casing of this {"component's"}{' '} - name has changed: - - Scrollbox - {' '} - ➜ ScrollBox - - - Prop: - - withHeader - {' '} - ➜ No longer supported. Use Scroll components - directly to add header-like non-scrolling content. - - - Prop: - - classes - {' '} - ➜ no longer supported. Use Scroll-family components - directly for more customization - - - - - @@ -146,12 +111,6 @@ export default function ScrollBoxPage() {

} > - -

- Scroll is a new component. -

- - @@ -208,12 +167,6 @@ export default function ScrollBoxPage() {

} > - -

- ScrollContent is a new component. -

- - @@ -249,12 +202,6 @@ export default function ScrollBoxPage() { } > - -

- ScrollContainer is a new component. -

- - From 29fe199b23bf80e11dcd835d529ae0d9988c9ae3 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:49:42 -0500 Subject: [PATCH 08/26] Remove status section from `Table*` pattern-library docs --- .../patterns/data/{TablePage.js => TablePage.tsx} | 11 ----------- 1 file changed, 11 deletions(-) rename src/pattern-library/components/patterns/data/{TablePage.js => TablePage.tsx} (95%) diff --git a/src/pattern-library/components/patterns/data/TablePage.js b/src/pattern-library/components/patterns/data/TablePage.tsx similarity index 95% rename from src/pattern-library/components/patterns/data/TablePage.js rename to src/pattern-library/components/patterns/data/TablePage.tsx index 5cb3bdaa..00bd8ea1 100644 --- a/src/pattern-library/components/patterns/data/TablePage.js +++ b/src/pattern-library/components/patterns/data/TablePage.tsx @@ -22,17 +22,6 @@ export default function TablePage() { } > - -

- Table, TableHead, TableBody,{' '} - TableRow and TableCell are new components. -

-

- Table is a presentational component, and, as such, is - not equivalent to the legacy Table component. -

- - Date: Tue, 28 Feb 2023 15:50:24 -0500 Subject: [PATCH 09/26] Convert `Thumbnail` pattern-library docs to TSX --- .../patterns/data/{ThumbnailPage.js => ThumbnailPage.tsx} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/pattern-library/components/patterns/data/{ThumbnailPage.js => ThumbnailPage.tsx} (100%) diff --git a/src/pattern-library/components/patterns/data/ThumbnailPage.js b/src/pattern-library/components/patterns/data/ThumbnailPage.tsx similarity index 100% rename from src/pattern-library/components/patterns/data/ThumbnailPage.js rename to src/pattern-library/components/patterns/data/ThumbnailPage.tsx From 30acca76fcca8f4d727c683d13832deeb52525d3 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:51:17 -0500 Subject: [PATCH 10/26] Remove status/migration sections from `Thumbnail` pattern-library docs --- .../patterns/data/ThumbnailPage.tsx | 40 ------------------- 1 file changed, 40 deletions(-) diff --git a/src/pattern-library/components/patterns/data/ThumbnailPage.tsx b/src/pattern-library/components/patterns/data/ThumbnailPage.tsx index aef94066..354cc3c8 100644 --- a/src/pattern-library/components/patterns/data/ThumbnailPage.tsx +++ b/src/pattern-library/components/patterns/data/ThumbnailPage.tsx @@ -22,46 +22,6 @@ export default function ThumbnailPage() {

} > - -

- Thumbnail is a reimplementation of a legacy component - with the same name. -

- - - - - Prop name:{' '} - - classes - {' '} - ➜ No longer supported. Style a parent container instead, or use{' '} - AspectRatio directly - - - Prop name:{' '} - - isLoading - {' '} - ➜ loading - - - Prop values for size:{' '} - - {"'small'"},{"'medium'"}, - {"'large'"} - {' '} - ➜ Use {"'sm'"}, {"'md'"}, or{' '} - {"'lg'"} - - - Prop ratio (default {'"16/9"'}) ➜ All - content is constrained to this aspect ratio - - - - - From 682d3703dd458169901e5620be3d3a572ef15492 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:53:11 -0500 Subject: [PATCH 11/26] Remove migration/status sections from `Modal` pattern-library docs --- .../patterns/feedback/ModalPage.tsx | 73 ++----------------- 1 file changed, 5 insertions(+), 68 deletions(-) diff --git a/src/pattern-library/components/patterns/feedback/ModalPage.tsx b/src/pattern-library/components/patterns/feedback/ModalPage.tsx index af903adc..71ac48b6 100644 --- a/src/pattern-library/components/patterns/feedback/ModalPage.tsx +++ b/src/pattern-library/components/patterns/feedback/ModalPage.tsx @@ -93,80 +93,17 @@ export default function ModalPage() {

} > - - -

- Modal is a presentational component that combines - aspects of legacy Modal and Dialog{' '} - components. -

+ This is an interim implementation of a modal dialog that conforms to updated styling and API conventions. It does not yet fully implement an accessible dialog. It routes focus, but does not trap or restore focus, e.g.

-

- This implementation should, however, provide a more flexible and - simplified API compared to its legacy counterpart. -

- - - - Prop removed:{' '} - - contentClass - {' '} - ➜ use classes instead to style the outer container. - - - Prop removed:{' '} - - cancelLabel - {' '} - ➜ A cancel button is no longer automatically added when a close - handler is present. Pass a cancel button with the other buttons - in the buttons prop instead, and label it however - you like. - - - Prop name:{' '} - - onCancel - {' '} - ➜ onClose: This prop is forwarded to{' '} - Panel and its naming more clearly indicates that - its purpose is to handle the closing of the modal. - - - Props removed:{' '} - - withCancelButton - {' '} - and{' '} - - withCloseButton - - ➜ Cancel buttons are no longer automatically rendered based on - the presence of the close handler. A close button will now - always be rendered if onClose is provided. - - - icon prop: Now takes an IconComponent{' '} - instead of a string. - - - initialFocus prop: Set to {"'manual'"}{' '} - to opt out of automatic focus routing (formerly{' '} - null). - - - Optional width prop - - - - - + } + > From 5c79654251d2db4cf57cccd500ff837fb0b20055 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:54:19 -0500 Subject: [PATCH 12/26] Remove migration/status sections from `Spinner` pattern-library docs --- .../{SpinnerPage.js => SpinnerPage.tsx} | 35 ------------------- 1 file changed, 35 deletions(-) rename src/pattern-library/components/patterns/feedback/{SpinnerPage.js => SpinnerPage.tsx} (73%) diff --git a/src/pattern-library/components/patterns/feedback/SpinnerPage.js b/src/pattern-library/components/patterns/feedback/SpinnerPage.tsx similarity index 73% rename from src/pattern-library/components/patterns/feedback/SpinnerPage.js rename to src/pattern-library/components/patterns/feedback/SpinnerPage.tsx index 3f8ccb6e..90a11a58 100644 --- a/src/pattern-library/components/patterns/feedback/SpinnerPage.js +++ b/src/pattern-library/components/patterns/feedback/SpinnerPage.tsx @@ -31,41 +31,6 @@ export default function SpinnerPage() {

} > - -

- Spinner is a new reimplementation of a legacy component - of the same name. -

- - - - - Prop:{' '} - - classes - {' '} - removed - - - Prop values for size:{' '} - - {"'small'"},{"'medium'"}, - {"'large'"} - {' '} - ➜ Use {"'sm'"}, {"'md'"}, or{' '} - {"'lg'"} - - - Default size:{' '} - - {"'medium'"} - {' '} - ➜ {"'sm'"} - - - - - From 401a496bac07b163eef75204112a4ba545854c7f Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:54:59 -0500 Subject: [PATCH 13/26] Convert `Button` pattern-library page to TSX --- .../components/patterns/input/{ButtonPage.js => ButtonPage.tsx} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/pattern-library/components/patterns/input/{ButtonPage.js => ButtonPage.tsx} (100%) diff --git a/src/pattern-library/components/patterns/input/ButtonPage.js b/src/pattern-library/components/patterns/input/ButtonPage.tsx similarity index 100% rename from src/pattern-library/components/patterns/input/ButtonPage.js rename to src/pattern-library/components/patterns/input/ButtonPage.tsx From 018a7693881fd30659b4270e431d9a5eddc09b9e Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:57:10 -0500 Subject: [PATCH 14/26] Remove status/migrations section from `Button` pattern-library docs --- .../components/patterns/input/ButtonPage.tsx | 135 ------------------ 1 file changed, 135 deletions(-) diff --git a/src/pattern-library/components/patterns/input/ButtonPage.tsx b/src/pattern-library/components/patterns/input/ButtonPage.tsx index dd1359e9..df921b49 100644 --- a/src/pattern-library/components/patterns/input/ButtonPage.tsx +++ b/src/pattern-library/components/patterns/input/ButtonPage.tsx @@ -30,68 +30,6 @@ export default function ButtonPage() {

} > - -

- Button is a new component that re-implements the{' '} - LabeledButton legacy component.{' '} -

- - - - Prop name:{' '} - - buttonRef - {' '} - ➜ elementRef - - - Prop:{' '} - - iconPosition - {' '} - ➜ Icons are always positioned left - - - Prop: icon,{' '} - - {'{string}'} - {' '} - ➜ Now takes {'{IconComponent}'} - - - Prop: variant value{' '} - - {"'dark'"}: - {' '} - This is no longer a standard variant ➜ Use{' '} - ButtonBase instead. - - - Prop: variant default value{' '} - - {"'normal'"} - {' '} - ➜ {"'secondary'"} - - - Prop: size values{' '} - - {"'small'"} - - ,{' '} - - {"'medium'"} - {' '} - , - - {"'large'"} - {' '} - ➜ {"'xs'"}, {"'sm'"},{' '} - {"'md'"}, {"'lg'"} - - - - @@ -198,73 +136,6 @@ export default function ButtonPage() {

} > - -

- IconButton is a reimplementation of an existing legacy - component with the same name. -

- - - - - Prop name:{' '} - - buttonRef - {' '} - ➜ elementRef - - - Prop: icon,{' '} - - {'{string}'} - {' '} - ➜ Now takes {'{IconComponent}'} - - - Prop: variant value{' '} - - {"'light'"}: - {' '} - This is no longer a standard variant ➜ Use{' '} - ButtonBase instead - - - Prop: variant default value{' '} - - {"'normal'"} - {' '} - ➜ {"'secondary'"} - - - Prop: size values{' '} - - {"'small'"} - - ,{' '} - - {"'medium'"} - {' '} - , - - {"'large'"} - {' '} - ➜ {"'xs'"}, {"'sm'"},{' '} - {"'md'"}, {"'lg'"} - - - Prop: size value{' '} - - {"'small'"} - {' '} - ➜ use {"'xs'"} instead: the padding/spacing values - have been adjusted such that all Button components are - harmonized. {"IconButton's"}{' '} - {"'small'"} size was inconsistent with the{' '} - {"'sm'"} size for other Buttons. - - - - @@ -444,12 +315,6 @@ export default function ButtonPage() { } > - -

- ButtonBase is a new component. -

- - From b69af55222cb77eb94fcd9b36fd6de607843f43f Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Tue, 28 Feb 2023 15:58:07 -0500 Subject: [PATCH 15/26] Convert Checkbox pattern-library docs to TSX --- .../patterns/input/{CheckboxPage.js => CheckboxPage.tsx} | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) rename src/pattern-library/components/patterns/input/{CheckboxPage.js => CheckboxPage.tsx} (97%) diff --git a/src/pattern-library/components/patterns/input/CheckboxPage.js b/src/pattern-library/components/patterns/input/CheckboxPage.tsx similarity index 97% rename from src/pattern-library/components/patterns/input/CheckboxPage.js rename to src/pattern-library/components/patterns/input/CheckboxPage.tsx index 29807c18..ab064aea 100644 --- a/src/pattern-library/components/patterns/input/CheckboxPage.js +++ b/src/pattern-library/components/patterns/input/CheckboxPage.tsx @@ -7,9 +7,8 @@ import Next from '../../LibraryNext'; export default function CheckboxPage() { const [checked, setChecked] = useState(false); - /** @param {Event} e */ - const handleControlledChange = e => { - setChecked(/** @type {HTMLInputElement} */ (e.target).checked); + const handleControlledChange = (e: Event) => { + setChecked((e.target! as HTMLInputElement).checked); }; return ( Date: Tue, 28 Feb 2023 15:59:09 -0500 Subject: [PATCH 16/26] Remove status/migration sections from `Checkbox` pattern-library docs --- .../patterns/input/CheckboxPage.tsx | 54 ------------------- 1 file changed, 54 deletions(-) diff --git a/src/pattern-library/components/patterns/input/CheckboxPage.tsx b/src/pattern-library/components/patterns/input/CheckboxPage.tsx index ab064aea..20602f88 100644 --- a/src/pattern-library/components/patterns/input/CheckboxPage.tsx +++ b/src/pattern-library/components/patterns/input/CheckboxPage.tsx @@ -20,60 +20,6 @@ export default function CheckboxPage() {

} > - -

- Checkbox combines the functionality of both the{' '} - Checkbox and LabeledCheckbox legacy - components. -

- - - - - Prop name:{' '} - - onToggle - {' '} - ➜ Use onChange instead - - - Prop:{' '} - - inputRef - {' '} - ➜ elementRef - - - The presence of prop checked now configures{' '} - Checkbox as a controlled component. - - - Prop defaultChecked - - - Now accepts HTML attributes allowed for HTMLInput{' '} - elements. - - - Prop id is no longer required - - - - - - - - Prop:{' '} - - containerClasses - {' '} - ➜ this is now a composite component (does not take extra CSS{' '} - classes) - - - - - From 0705f3c4a683ed44a915271f5dc99cb6236da723 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 07:55:44 -0500 Subject: [PATCH 17/26] Convert `Input` pattern library docs to TSX and remove Status section --- .../input/{InputPage.js => InputPage.tsx} | 22 ------------------- 1 file changed, 22 deletions(-) rename src/pattern-library/components/patterns/input/{InputPage.js => InputPage.tsx} (80%) diff --git a/src/pattern-library/components/patterns/input/InputPage.js b/src/pattern-library/components/patterns/input/InputPage.tsx similarity index 80% rename from src/pattern-library/components/patterns/input/InputPage.js rename to src/pattern-library/components/patterns/input/InputPage.tsx index 152e03b9..2ec888c7 100644 --- a/src/pattern-library/components/patterns/input/InputPage.js +++ b/src/pattern-library/components/patterns/input/InputPage.tsx @@ -21,28 +21,6 @@ export default function InputPage() {

} > - -

- Input is new component modeled after the{' '} - TextInput legacy component. -

- - - - - Prop name:{' '} - - inputRef - {' '} - ➜ elementRef - - - The input element now stretches to fill all - available horizontal space - - - - From fcb8ccf00e0f4215810eb6c0b061a081f4864d7e Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 07:56:23 -0500 Subject: [PATCH 18/26] Remove status section from `InputGroup` pattern-library docs --- .../components/patterns/input/InputGroupPage.tsx | 6 ------ 1 file changed, 6 deletions(-) diff --git a/src/pattern-library/components/patterns/input/InputGroupPage.tsx b/src/pattern-library/components/patterns/input/InputGroupPage.tsx index 76c394fc..b870021b 100644 --- a/src/pattern-library/components/patterns/input/InputGroupPage.tsx +++ b/src/pattern-library/components/patterns/input/InputGroupPage.tsx @@ -22,12 +22,6 @@ export default function InputGroupPage() {

} > - -

- InputGroup is a new component based loosely on the - legacy TextInputWithButton component. -

- From 9d7f8257e967fbcd5e7e45f30c26189e98c05d02 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 07:56:50 -0500 Subject: [PATCH 19/26] Remove status section from `Select` pattern-library docs --- src/pattern-library/components/patterns/input/SelectPage.tsx | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/pattern-library/components/patterns/input/SelectPage.tsx b/src/pattern-library/components/patterns/input/SelectPage.tsx index 1f70efeb..1a242edd 100644 --- a/src/pattern-library/components/patterns/input/SelectPage.tsx +++ b/src/pattern-library/components/patterns/input/SelectPage.tsx @@ -43,11 +43,6 @@ export default function SelectPage() {

} > - -

- Select is a new component. -

- From a12e4337dc1e572bfe1ef52b07015d74b86fb11b Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:06:24 -0500 Subject: [PATCH 20/26] Remove status/migration sections from `Card` pattern-library docs --- .../components/patterns/layout/CardPage.tsx | 45 ------------------- 1 file changed, 45 deletions(-) diff --git a/src/pattern-library/components/patterns/layout/CardPage.tsx b/src/pattern-library/components/patterns/layout/CardPage.tsx index ab106ed9..da9c5e16 100644 --- a/src/pattern-library/components/patterns/layout/CardPage.tsx +++ b/src/pattern-library/components/patterns/layout/CardPage.tsx @@ -30,51 +30,6 @@ export default function CardPage() {

} > - -

- Card is a re-implementation of a legacy component of - the same name. CardContent, CardHeader,{' '} - CardTitle and CardActions are new - components. -

- - - - - Card no longer provides padding or spacing around - content. Use Card in combination with{' '} - CardContent for spacing. - - - Card no longer provides styling for the{' '} - clean theme. Use classes to apply - theme styles. - - - Card no longer provides styling for the{' '} - .is-focused class. Use the active prop - instead. - - - Prop name:{' '} - - containerRef - {' '} - ➜ elementRef - - - variant: raised (default) or{' '} - flat. The flat variant disables any - dimensionality or shadows. - - - active (boolean): Sets hover-style shadows on{' '} - Card. Must be combined with raised{' '} - variant. - - - - From e56b4dbe41a0f03b83f0bfcf2a2d8091882d7e5e Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:07:37 -0500 Subject: [PATCH 21/26] Convert `Overlay` docs to TSX and remove status section --- .../patterns/layout/{OverlayPage.js => OverlayPage.tsx} | 7 ------- 1 file changed, 7 deletions(-) rename src/pattern-library/components/patterns/layout/{OverlayPage.js => OverlayPage.tsx} (91%) diff --git a/src/pattern-library/components/patterns/layout/OverlayPage.js b/src/pattern-library/components/patterns/layout/OverlayPage.tsx similarity index 91% rename from src/pattern-library/components/patterns/layout/OverlayPage.js rename to src/pattern-library/components/patterns/layout/OverlayPage.tsx index a9de3668..f2aa4fed 100644 --- a/src/pattern-library/components/patterns/layout/OverlayPage.js +++ b/src/pattern-library/components/patterns/layout/OverlayPage.tsx @@ -33,13 +33,6 @@ export default function OverlayPage() {

} > - -

- Overlay is a new component based on a design pattern - used in legacy modals and FullScreenSpinner components. -

- - From 05ab58d2436a11f7b73f80feeefa92646904389d Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:08:06 -0500 Subject: [PATCH 22/26] Remove status/migration section from `Panel` pattern-library docs --- .../components/patterns/layout/PanelPage.tsx | 22 ------------------- 1 file changed, 22 deletions(-) diff --git a/src/pattern-library/components/patterns/layout/PanelPage.tsx b/src/pattern-library/components/patterns/layout/PanelPage.tsx index eb01a4bf..4b3e15bd 100644 --- a/src/pattern-library/components/patterns/layout/PanelPage.tsx +++ b/src/pattern-library/components/patterns/layout/PanelPage.tsx @@ -24,28 +24,6 @@ export default function PanelPage() {

} > - -

- Panel is a re-implementation of a legacy component with - the same name. -

- - - - - Prop icon:{' '} - - {'{string}'} - {' '} - ➜ now takes {'{IconComponent}'} - - - Prop containerRef - - - - - From 84cfdc14c8823b0324b8dd37b8760427fb30f0f2 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:12:59 -0500 Subject: [PATCH 23/26] Convert `Link` pattern-library docs to TSX and remove status/migration --- .../navigation/{LinkPage.js => LinkPage.tsx} | 36 ------------------- 1 file changed, 36 deletions(-) rename src/pattern-library/components/patterns/navigation/{LinkPage.js => LinkPage.tsx} (80%) diff --git a/src/pattern-library/components/patterns/navigation/LinkPage.js b/src/pattern-library/components/patterns/navigation/LinkPage.tsx similarity index 80% rename from src/pattern-library/components/patterns/navigation/LinkPage.js rename to src/pattern-library/components/patterns/navigation/LinkPage.tsx index e10a3631..a5df9c5b 100644 --- a/src/pattern-library/components/patterns/navigation/LinkPage.js +++ b/src/pattern-library/components/patterns/navigation/LinkPage.tsx @@ -22,36 +22,6 @@ export default function LinkPage() {

} > - -

- Link is a reimplementation of an existing legacy - component with the same name. -

- - - - - Prop name:{' '} - - linkRef - {' '} - ➜ elementRef - - - - className - {' '} - ➜ no longer supported; use LinkBase instead - - - color, underline props - - - LinkBase component - - - - @@ -139,12 +109,6 @@ export default function LinkPage() { } > - -

- LinkBase is a new component. -

- - From 7bf69eccf37254a26f8b2522dfa5927df29bbd83 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:14:11 -0500 Subject: [PATCH 24/26] Convert `LinkButton` docs to TSX and remove status/migration --- .../{LinkButtonPage.js => LinkButtonPage.tsx} | 36 ------------------- 1 file changed, 36 deletions(-) rename src/pattern-library/components/patterns/navigation/{LinkButtonPage.js => LinkButtonPage.tsx} (81%) diff --git a/src/pattern-library/components/patterns/navigation/LinkButtonPage.js b/src/pattern-library/components/patterns/navigation/LinkButtonPage.tsx similarity index 81% rename from src/pattern-library/components/patterns/navigation/LinkButtonPage.js rename to src/pattern-library/components/patterns/navigation/LinkButtonPage.tsx index a60f7fba..0929f4b7 100644 --- a/src/pattern-library/components/patterns/navigation/LinkButtonPage.js +++ b/src/pattern-library/components/patterns/navigation/LinkButtonPage.tsx @@ -21,42 +21,6 @@ export default function LinkButtonPage() {

} > - -

- LinkButton is a re-implementation of a legacy component - with the same name. -

- - -

- LinkButton styling approach has changed. Instead of - defining its own inconsistent set of variants, it - applies the same design patterns as Link. Most - styling control is handled by the color and{' '} - underline props. -

- - - Prop name:{' '} - - buttonRef - {' '} - ➜ elementRef - - - Most variant values have been removed - - - Prop name:{' '} - - className - {' '} - ➜ No longer supported - - - - - From cbbfec9fa24b0bf43156590cbc56abfb8135d531 Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:14:55 -0500 Subject: [PATCH 25/26] Convert `PointerButton` docs to TSX and remove status section --- .../{PointerButtonPage.js => PointerButtonPage.tsx} | 6 ------ 1 file changed, 6 deletions(-) rename src/pattern-library/components/patterns/navigation/{PointerButtonPage.js => PointerButtonPage.tsx} (96%) diff --git a/src/pattern-library/components/patterns/navigation/PointerButtonPage.js b/src/pattern-library/components/patterns/navigation/PointerButtonPage.tsx similarity index 96% rename from src/pattern-library/components/patterns/navigation/PointerButtonPage.js rename to src/pattern-library/components/patterns/navigation/PointerButtonPage.tsx index 289a4dc2..897700bd 100644 --- a/src/pattern-library/components/patterns/navigation/PointerButtonPage.js +++ b/src/pattern-library/components/patterns/navigation/PointerButtonPage.tsx @@ -31,12 +31,6 @@ export default function PointerButtonPage() {

} > - -

- PointerButton is a new component. -

- - From 74e870ee869ece8d895833b2f0a28fb5e36ce06a Mon Sep 17 00:00:00 2001 From: Lyza Danger Gardner Date: Wed, 1 Mar 2023 08:15:46 -0500 Subject: [PATCH 26/26] Convert `Tab` pattern-library docs to TSX and remove status section --- .../patterns/navigation/{TabPage.js => TabPage.tsx} | 6 ------ 1 file changed, 6 deletions(-) rename src/pattern-library/components/patterns/navigation/{TabPage.js => TabPage.tsx} (98%) diff --git a/src/pattern-library/components/patterns/navigation/TabPage.js b/src/pattern-library/components/patterns/navigation/TabPage.tsx similarity index 98% rename from src/pattern-library/components/patterns/navigation/TabPage.js rename to src/pattern-library/components/patterns/navigation/TabPage.tsx index a2ed59c7..02d5d0ad 100644 --- a/src/pattern-library/components/patterns/navigation/TabPage.js +++ b/src/pattern-library/components/patterns/navigation/TabPage.tsx @@ -37,12 +37,6 @@ export default function TabPage() {

} > - -

- Tab is a new component. -

- -