-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add: added new availability content to demo documents. removed old ta…
…ble code
- Loading branch information
Hannah
committed
Sep 2, 2024
1 parent
9cadc72
commit 180ca7a
Showing
41 changed files
with
168 additions
and
1,984 deletions.
There are no files selected for viewing
52 changes: 4 additions & 48 deletions
52
...rc/content/design-system/components/accordion/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,6 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
|
|
||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="available" | ||
| availableLegacyWdp="available" /%} |
52 changes: 4 additions & 48 deletions
52
...te/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,6 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table colspan={2}> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
|
|
||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="available" | ||
| availableLegacyWdp="available" /%} |
62 changes: 6 additions & 56 deletions
62
...content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,58 +1,8 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table colspan={2}> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Other name | ||
| </TableHeaderCell> | ||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
| <TableCell> | ||
|
|
||
| </TableCell> | ||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-info"><CalendarIcon size="small" look="outlined" className="mr-2" />Older version available - Upgrade in backlog</div> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10">Typeahead</div> | ||
| </TableCell> | ||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-warning"><WarningIcon size="small" look="outlined" className="mr-2" />Older version available</div> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10">Typeahead</div> | ||
| </TableCell> | ||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="in-progress" | ||
| availableLegacyWdp="unavailable" | ||
| alternativeMesh="Typeahead" | ||
| alternativeLegacyWdp="Typeahead" /%} |
52 changes: 4 additions & 48 deletions
52
...te/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,6 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table colspan={2}> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
|
|
||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-info"><CalendarIcon size="small" look="outlined" className="mr-2" />Older version available - Upgrade in backlog</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-warning"><WarningIcon size="small" look="outlined" className="mr-2" />Older version available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="in-progress" | ||
| availableLegacyWdp="unavailable" /%} |
52 changes: 4 additions & 48 deletions
52
...content/design-system/components/bottom-sheet/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,6 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table colspan={2}> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
|
|
||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-info"><CalendarIcon size="small" look="outlined" className="mr-2" />Currently not available - Request in backlog</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-danger"><AlertIcon size="small" look="outlined" className="mr-2" />Not available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="in-progress" | ||
| availableLegacyWdp="unavailable" /%} |
52 changes: 4 additions & 48 deletions
52
...c/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,6 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table colspan={2}> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
|
|
||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="available" | ||
| availableLegacyWdp="available" /%} |
52 changes: 4 additions & 48 deletions
52
...tent/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,6 @@ | ||
| {% shortCode name="where-is-this-available" /%} | ||
|
|
||
| ```tsx | ||
| <Table colspan={2}> | ||
|
|
||
| <React.Fragment key=".0"> | ||
| <TableHeader> | ||
| <TableHeaderRow> | ||
| <TableHeaderCell> | ||
| Platform | ||
| </TableHeaderCell> | ||
| <TableHeaderCell> | ||
| Status | ||
| </TableHeaderCell> | ||
|
|
||
| </TableHeaderRow> | ||
| </TableHeader> | ||
| <TableBody> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>GEL Design System</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Mesh UI</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| <TableRow> | ||
| <TableCell> | ||
| <strong>Legacy WDP</strong> | ||
| </TableCell> | ||
| <TableCell> | ||
| <div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div> | ||
| </TableCell> | ||
|
|
||
| </TableRow> | ||
| </TableBody> | ||
|
|
||
| </React.Fragment> | ||
| </Table> | ||
| ``` | ||
| {% availabilityContent | ||
| availableGel="available" | ||
| availableMesh="available" | ||
| availableLegacyWdp="available" /%} |
Oops, something went wrong.