Merge pull request #735 from WestpacGEL/kate-more-changes

Kate more changes
WestpacGEL · Feb 22, 2024 · 10f7fc2 · 10f7fc2
2 parents 7c9fca9 + 55965e2
commit 10f7fc2
Show file tree

Hide file tree

Showing 101 changed files with 2,273 additions and 79 deletions.
diff --git a/...n/where-else-can-i-find-this/content.mdoc → ...sign/where-is-this-available/content.mdoc b/...n/where-else-can-i-find-this/content.mdoc → ...sign/where-is-this-available/content.mdoc
@@ -1,6 +1,8 @@
+{% shortCode name="where-is-this-available" /%}
+
 ```tsx
+    <Table>
 
-    <Table colspan={3}>
       <React.Fragment key=".0">
         <TableHeader>
           <TableHeaderRow>
@@ -15,12 +17,20 @@
         </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>
-<Alert look="success" mode="text">Available
-      </Alert>
+<div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div>
             </TableCell>
 
           </TableRow>
@@ -29,8 +39,7 @@
              <strong>Legacy WDP</strong>
             </TableCell>
             <TableCell>
-<Alert look="success" mode="text">Available
-      </Alert>
+<div className="typography-body-10 text-success"><TickCircleIcon size="small" look="outlined" className="mr-2" />Available</div>
             </TableCell>
 
           </TableRow>

diff --git a/apps/site/src/content/design-system/components/accordion/index.yaml b/apps/site/src/content/design-system/components/accordion/index.yaml
@@ -22,6 +22,10 @@ design:
       name: Dos and don’ts
       slug: dos-and-donts
     noTitle: false
+  - title:
+      name: Where is this available?
+      slug: where-is-this-available
+    noTitle: false
 accessibility:
   - title:
       name: Accessibility features

diff --git a/...te/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc b/...te/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc
@@ -0,0 +1,50 @@
+{% 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>
+```
diff --git a/apps/site/src/content/design-system/components/alert/index.yaml b/apps/site/src/content/design-system/components/alert/index.yaml
@@ -26,6 +26,10 @@ design:
       name: Dos and don’ts
       slug: dos-and-donts
     noTitle: false
+  - title:
+      name: Where is this available?
+      slug: where-is-this-available
+    noTitle: false
 accessibility:
   - title:
       name: Accessibility features

diff --git a/...content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc b/...content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc
@@ -0,0 +1,50 @@
+{% 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>
+```
diff --git a/apps/site/src/content/design-system/components/autocomplete/index.yaml b/apps/site/src/content/design-system/components/autocomplete/index.yaml
@@ -30,6 +30,10 @@ design:
       name: Dos and don'ts
       slug: dos-and-don-ts
     noTitle: false
+  - title:
+      name: Where is this available?
+      slug: where-is-this-available
+    noTitle: false
 accessibility:
   - title:
       name: Notes on accessibility

diff --git a/...te/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc b/...te/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc
@@ -0,0 +1,50 @@
+{% 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>
+```
diff --git a/apps/site/src/content/design-system/components/badge/index.yaml b/apps/site/src/content/design-system/components/badge/index.yaml
@@ -23,6 +23,10 @@ design:
       name: Dos and don’ts
       slug: dos-and-donts
     noTitle: false
+  - title:
+      name: Where is this available?
+      slug: where-is-this-available
+    noTitle: false
 accessibility:
   - title:
       name: Accessibility features

diff --git a/...c/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc b/...c/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc
@@ -0,0 +1,50 @@
+{% 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>
+```
diff --git a/apps/site/src/content/design-system/components/breadcrumb/index.yaml b/apps/site/src/content/design-system/components/breadcrumb/index.yaml
@@ -19,6 +19,10 @@ design:
       name: Visual design
       slug: visual-design
     noTitle: false
+  - title:
+      name: Where is this available?
+      slug: where-is-this-available
+    noTitle: false
 accessibility:
   - title:
       name: Accessibility features

diff --git a/...tent/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc b/...tent/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc
@@ -0,0 +1,50 @@
+{% 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>
+```
diff --git a/apps/site/src/content/design-system/components/button-dropdown/index.yaml b/apps/site/src/content/design-system/components/button-dropdown/index.yaml
@@ -2,6 +2,7 @@ name: Button dropdowns
 description: Use a button dropdown to display a styled list of actions.
 namedExport:
   discriminant: false
+excludeFromNavbar: false
 design:
   - title:
       name: Button dropdowns
@@ -15,6 +16,10 @@ design:
       name: Visual design
       slug: visual-design
     noTitle: false
+  - title:
+      name: Where is this available?
+      slug: where-is-this-available
+    noTitle: false
 accessibility:
   - title:
       name: Accessibility features

diff --git a/apps/site/src/content/design-system/components/button-group/design/error-state/content.mdoc b/apps/site/src/content/design-system/components/button-group/design/error-state/content.mdoc
@@ -1,7 +1,7 @@
 ```tsx
   <ButtonGroup 
   label="Label"
-errorMessage="This is an inline error message"   
+errorMessage="If there is an error it can go here"   
   validationState="invalid"
     hintMessage="This is a small button group 30px"
     size="large"