@telus-uds/components-web 2.17.2 → 2.19.0

package/component-docs.json

@@ -1,151 +1,4 @@
 {
-  "Autocomplete": {
-    "docs": {
-      "description": "",
-      "props": {
-        "copy": {
-          "defaultValue": {
-            "value": "'en'",
-            "computed": false
-          },
-          "type": {
-            "name": "union",
-            "value": [
-              {
-                "name": "enum",
-                "value": [
-                  {
-                    "value": "'en'",
-                    "computed": false
-                  },
-                  {
-                    "value": "'fr'",
-                    "computed": false
-                  }
-                ]
-              },
-              {
-                "name": "custom",
-                "raw": "dictionaryContentShape"
-              }
-            ]
-          },
-          "required": false,
-          "description": "Copy language identifier"
-        },
-        "fullWidth": {
-          "defaultValue": {
-            "value": "true",
-            "computed": false
-          },
-          "required": false
-        },
-        "isLoading": {
-          "defaultValue": {
-            "value": "false",
-            "computed": false
-          },
-          "type": {
-            "name": "bool"
-          },
-          "required": false,
-          "description": "Set to true in order to display the loading indicator instead of results"
-        },
-        "maxSuggestions": {
-          "defaultValue": {
-            "value": "5",
-            "computed": false
-          },
-          "type": {
-            "name": "number"
-          },
-          "required": false,
-          "description": "Maximum number of suggestions provided at the same time"
-        },
-        "minToSuggestion": {
-          "defaultValue": {
-            "value": "1",
-            "computed": false
-          },
-          "type": {
-            "name": "number"
-          },
-          "required": false,
-          "description": "Minimum number of characters typed for a list of suggestions to appear"
-        },
-        "children": {
-          "type": {
-            "name": "func"
-          },
-          "required": false,
-          "description": "Can be used to provide a function that renders a custom input:\n<Autocomplete items={items} value={currentValue}>\n  {({ inputId, inputRef, onChange, onKeyPress, readOnly, tokens, value }) => (\n    <Search\n      nativeID={inputId}\n      ref={inputRef}\n      onChange={onChange}\n      onKeyPress={onKeyPress}\n      readOnly={readOnly}\n      tokens={tokens}\n      value={value}\n    />\n  )}\n</Autocomplete>"
-        },
-        "items": {
-          "type": {
-            "name": "arrayOf",
-            "value": {
-              "name": "shape",
-              "value": {
-                "id": {
-                  "name": "string",
-                  "required": false
-                },
-                "label": {
-                  "name": "string",
-                  "required": false
-                }
-              }
-            }
-          },
-          "required": false,
-          "description": "List of items to display as suggestions"
-        },
-        "loadingLabel": {
-          "type": {
-            "name": "string"
-          },
-          "required": false,
-          "description": "Label to display alongside the spinner when in a loading state"
-        },
-        "noResults": {
-          "type": {
-            "name": "node"
-          },
-          "required": false,
-          "description": "Text or JSX to render when no results are available"
-        },
-        "onChange": {
-          "type": {
-            "name": "func"
-          },
-          "required": false,
-          "description": "Handler function to be called when the input value changes"
-        },
-        "onClear": {
-          "type": {
-            "name": "func"
-          },
-          "required": false,
-          "description": "Handler function to be called when the clear button (appears if the handler is passed) is pressed"
-        },
-        "onSelect": {
-          "type": {
-            "name": "func"
-          },
-          "required": false,
-          "description": "Callback function to be called when an item is selected from the list"
-        },
-        "value": {
-          "type": {
-            "name": "string"
-          },
-          "required": false,
-          "description": "Input value for controlled usage"
-        }
-      },
-      "attributes": {}
-    }
-  },
   "Badge": {
     "docs": {
       "description": "",
@@ -243,12 +96,58 @@
           "required": false,
           "description": "Whether to render BlockQuote as a heading size of `h3` or large text size"
         },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "color": "color",
+              "backgroundGradient": "gradient",
+              "paddingLeft": "size",
+              "paddingRight": "size",
+              "paddingTop": "size",
+              "paddingBottom": "size",
+              "marginBottom": "size",
+              "width": "size",
+              "titleHeadingFontSize": "fontSize",
+              "titleHeadingFontName": "fontName",
+              "titleHeadingFontWeight": "fontWeight",
+              "titleHeadingLineHeight": "lineHeight",
+              "titleFontSize": "fontSize",
+              "titleFontName": "fontName",
+              "titleFontWeight": "fontWeight",
+              "titleLineHeight": "lineHeight",
+              "linkFontSize": "fontSize",
+              "linkFontName": "fontName",
+              "linkFontWeight": "fontWeight",
+              "linkLineHeight": "lineHeight"
+            }
+          },
+          "required": false,
+          "description": ""
+        },
+        "variant": {
+          "type": {
+            "name": "exact",
+            "value": {
+              "alternative": {
+                "name": "bool",
+                "required": false
+              },
+              "size": {
+                "name": "string",
+                "required": false
+              }
+            }
+          },
+          "required": false,
+          "description": ""
+        },
         "children": {
           "type": {
             "name": "node"
           },
           "required": true,
-          "description": ""
+          "description": "Children nodes that can be added"
         },
         "link": {
           "type": {
@@ -396,6 +295,23 @@
           },
           "required": false
         },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "background": "color",
+              "gap": "size",
+              "borderRadius": "size",
+              "paddingLeft": "size",
+              "paddingRight": "size",
+              "paddingTop": "size",
+              "paddingBottom": "size",
+              "color": "color"
+            }
+          },
+          "required": false,
+          "description": ""
+        },
         "icon": {
           "type": {
             "name": "elementType"
@@ -408,7 +324,7 @@
             "name": "node"
           },
           "required": true,
-          "description": ""
+          "description": "Children nodes that can be added"
         },
         "textAlignToFlex": {
           "type": {
@@ -806,6 +722,28 @@
           "required": false,
           "description": "Disable the input which will not open the calendar picker"
         },
+        "prevTestID": {
+          "defaultValue": {
+            "value": "''",
+            "computed": false
+          },
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "A unique identifier for the previous icon button located on the datepicker.\nThis is for automation testing purposes.\nWill be added as a `data-testid-prev` attribute for example."
+        },
+        "nextTestID": {
+          "defaultValue": {
+            "value": "''",
+            "computed": false
+          },
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "A unique identifier for the next icon button located on the datepicker.\nThis is for automation testing purposes.\nWill be added as a `data-testid-next` attribute for example."
+        },
         "id": {
           "type": {
             "name": "string"
@@ -826,7 +764,7 @@
             "name": "node"
           },
           "required": true,
-          "description": ""
+          "description": "Children nodes that can be added"
         }
       },
       "attributes": {}
@@ -847,6 +785,20 @@
           "required": false,
           "description": "Function to call on pressing the panel's control, which should open or close the panel."
         },
+        "tokens": {
+          "defaultValue": {
+            "value": "{}",
+            "computed": false
+          },
+          "type": {
+            "name": "custom",
+            "raw": {
+              "borderWidth": "border"
+            }
+          },
+          "required": false,
+          "description": ""
+        },
         "nativeID": {
           "defaultValue": {
             "value": "''",
@@ -898,7 +850,7 @@
             "name": "node"
           },
           "required": true,
-          "description": ""
+          "description": "Children nodes that can be added"
         }
       },
       "attributes": {}
@@ -1356,151 +1308,35 @@
       }
     }
   },
-  "Listbox": {
+  "Modal": {
     "docs": {
       "description": "",
       "props": {
-        "items": {
+        "onCancel": {
           "defaultValue": {
-            "value": "[]",
-            "computed": false
+            "value": "onClose",
+            "computed": true
           },
           "type": {
-            "name": "array"
+            "name": "func"
           },
           "required": false,
-          "description": "`Listbox` items"
+          "description": "Action to perform on pressing the cancel button. Defaults to `onClose` action if undefined."
         },
-        "firstItemRef": {
+        "variant": {
           "defaultValue": {
-            "value": "null",
+            "value": "{}",
             "computed": false
           },
           "type": {
             "name": "object"
           },
           "required": false,
-          "description": "Focus will be moved to the item with this ref once within the menu."
+          "description": ""
         },
-        "parentRef": {
-          "defaultValue": {
-            "value": "null",
-            "computed": false
-          },
+        "children": {
           "type": {
-            "name": "object"
-          },
-          "required": false,
-          "description": "Focus will be returned to the dropdown control with this ref after leaving\nthe last menu item."
-        },
-        "selectedId": {
-          "type": {
-            "name": "string"
-          },
-          "required": false,
-          "description": "To select an item by default"
-        }
-      },
-      "attributes": {}
-    },
-    "Overlay": {
-      "docs": {
-        "description": "",
-        "props": {
-          "isReady": {
-            "defaultValue": {
-              "value": "false",
-              "computed": false
-            },
-            "type": {
-              "name": "bool"
-            },
-            "required": false,
-            "description": ""
-          },
-          "children": {
-            "type": {
-              "name": "node"
-            },
-            "required": true,
-            "description": ""
-          },
-          "overlaidPosition": {
-            "type": {
-              "name": "shape",
-              "value": {
-                "top": {
-                  "name": "number",
-                  "required": false
-                },
-                "left": {
-                  "name": "number",
-                  "required": false
-                },
-                "width": {
-                  "name": "number",
-                  "required": false
-                }
-              }
-            },
-            "required": false,
-            "description": ""
-          },
-          "maxWidth": {
-            "type": {
-              "name": "number"
-            },
-            "required": false,
-            "description": ""
-          },
-          "minWidth": {
-            "type": {
-              "name": "number"
-            },
-            "required": false,
-            "description": ""
-          },
-          "onLayout": {
-            "type": {
-              "name": "func"
-            },
-            "required": false,
-            "description": ""
-          }
-        },
-        "attributes": {}
-      }
-    }
-  },
-  "Modal": {
-    "docs": {
-      "description": "",
-      "props": {
-        "onCancel": {
-          "defaultValue": {
-            "value": "onClose",
-            "computed": true
-          },
-          "type": {
-            "name": "func"
-          },
-          "required": false,
-          "description": "Action to perform on pressing the cancel button. Defaults to `onClose` action if undefined."
-        },
-        "variant": {
-          "defaultValue": {
-            "value": "{}",
-            "computed": false
-          },
-          "type": {
-            "name": "object"
-          },
-          "required": false,
-          "description": ""
-        },
-        "children": {
-          "type": {
-            "name": "node"
+            "name": "node"
           },
           "required": false,
           "description": ""
@@ -1637,10 +1473,14 @@
       "props": {
         "accessibilityRole": {
           "defaultValue": {
-            "value": "'navigation'",
+            "value": "''",
             "computed": false
           },
-          "required": false
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "Accesibility role for stackview"
         },
         "headingLevel": {
           "defaultValue": {
@@ -1943,6 +1783,18 @@
           "required": false,
           "description": "The position to start the list with."
         },
+        "variant": {
+          "defaultValue": {
+            "value": "{}",
+            "computed": false
+          },
+          "type": {
+            "name": "custom",
+            "raw": "variantProp.propType"
+          },
+          "required": false,
+          "description": ""
+        },
         "children": {
           "type": {
             "name": "node"
@@ -2836,6 +2688,42 @@
           },
           "required": false,
           "description": "sets the top offset (triggers absolute positioning)"
+        },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "paddingLeft": "size",
+              "paddingRight": "size",
+              "paddingTop": "size",
+              "paddingBottom": "size",
+              "borderRadius": "size",
+              "backgroundColor": "color",
+              "boxShadowPaddingLeft": "size",
+              "boxShadowPaddingTop": "size",
+              "boxShadowPaddingRight": "size",
+              "boxShadowPaddingBottom": "size",
+              "boxShadowColor": "color",
+              "curveAfterWidth": "size",
+              "curveMarginTop": "size",
+              "curveAfterRadius": "size",
+              "curveBackgroundColor": "color",
+              "curveHeight": "size",
+              "curveWidth": "size",
+              "curveAfterBackgroundColor": "color",
+              "curveAfterHeight": "size",
+              "gradient": "gradient",
+              "fontColor": "color",
+              "borderRadiusBottomLeft": "size",
+              "borderRadiusBottomRight": "size",
+              "fontName": "fontName",
+              "fontWeight": "fontWeight",
+              "fontSize": "fontSize",
+              "lineHeight": "lineHeight"
+            }
+          },
+          "required": false,
+          "description": ""
         }
       },
       "attributes": {}
@@ -3641,6 +3529,32 @@
           },
           "required": false,
           "description": "The link to display in the toast (after copy)"
+        },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "containerBackgroundColor": "color",
+              "containerGap": "size",
+              "animationHeightBefore": "size",
+              "animationHeightAfter": "size",
+              "animationPaddingBottomBefore": "size",
+              "animationPaddingBottomAfter": "size",
+              "animationPaddingTopBefore": "size",
+              "padding": "size",
+              "animationPaddingTopAfter": "size",
+              "animationBackgroundColorBefore": "color",
+              "animationBackgroundColorAfter": "color",
+              "animationColorBefore": "color",
+              "animationColorAfter": "color",
+              "animationDivColorBefore": "color",
+              "animationDivColorAfter": "color",
+              "chevronlinkFontWeight": "fontWeight",
+              "chevronlinkFontName": "fontName"
+            }
+          },
+          "required": false,
+          "description": ""
         }
       },
       "attributes": {}
@@ -3855,6 +3769,27 @@
           },
           "required": true,
           "description": "The video player UI's language as an ISO language code. It currently supports English and French."
+        },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "borderColor": "color",
+              "pauseIcon": "icon",
+              "replayIcon": "icon",
+              "playIcon": "icon"
+            }
+          },
+          "required": false,
+          "description": ""
+        },
+        "variant": {
+          "type": {
+            "name": "custom",
+            "raw": "variantProp.propType"
+          },
+          "required": false,
+          "description": ""
         }
       },
       "attributes": {}
@@ -3929,7 +3864,7 @@
       "props": {
         "rowSize": {
           "defaultValue": {
-            "value": "{ sm: 2, lg: 3, xl: 6 }",
+            "value": "null",
             "computed": false
           },
           "type": {
@@ -4052,136 +3987,296 @@
           "required": true,
           "description": "The video's ID, typically available via the video's URL."
         },
-        "posterSrc": {
+        "posterSrc": {
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "A path of the image that will be displayed on the video's splash screen. If this is undefined, it will pull an image from the defined web video if available."
+        },
+        "videoLength": {
+          "type": {
+            "name": "number"
+          },
+          "required": true,
+          "description": "The video's length, which will be displayed on the splash screen. This is defined in seconds."
+        },
+        "copy": {
+          "type": {
+            "name": "enum",
+            "value": [
+              {
+                "value": "'en'",
+                "computed": false
+              },
+              {
+                "value": "'fr'",
+                "computed": false
+              }
+            ]
+          },
+          "required": false,
+          "description": "The splash screen UI's language as an ISO language code. It currently supports English and French."
+        }
+      },
+      "attributes": {}
+    }
+  },
+  "A11yInfoProvider": {
+    "docs": {
+      "description": "",
+      "props": {
+        "children": {
+          "type": {
+            "name": "node"
+          },
+          "required": true,
+          "description": ""
+        }
+      },
+      "attributes": {
+        "acceptsRNA11yProps": false
+      }
+    }
+  },
+  "A11yText": {
+    "docs": {
+      "description": "A11yText is a zero-size invisible element that adds text to be read by screen readers.\n\nIt should be used to add selectable screen-reader-only text to the main document flow,\nas a sibling to blocks of text like paragraphs and interactive elements like buttons.",
+      "props": {
+        "text": {
+          "type": {
+            "name": "string"
+          },
+          "required": true,
+          "description": "Text to be read by screen readers"
+        },
+        "heading": {
+          "type": {
+            "name": "bool"
+          },
+          "required": false,
+          "description": "Whether text should be rendered as a heading"
+        }
+      },
+      "attributes": {
+        "acceptsRNA11yProps": false
+      }
+    }
+  },
+  "ActivityIndicator": {
+    "docs": {
+      "description": "`ActivityIndicator` renders a visual loading state.\nIt does not handle positioning or layout of that visual loader.",
+      "props": {
+        "isStatic": {
+          "defaultValue": {
+            "value": "false",
+            "computed": false
+          },
+          "type": {
+            "name": "bool"
+          },
+          "required": false,
+          "description": "If true, it should render a static spinner"
+        },
+        "variant": {
+          "type": {
+            "name": "objectOf",
+            "value": {
+              "name": "union",
+              "value": [
+                {
+                  "name": "string"
+                },
+                {
+                  "name": "number"
+                },
+                {
+                  "name": "bool"
+                }
+              ]
+            }
+          },
+          "required": false,
+          "description": ""
+        },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "size": "size",
+              "thickness": "border",
+              "color": "color"
+            }
+          },
+          "required": false,
+          "description": ""
+        },
+        "label": {
+          "type": {
+            "name": "string"
+          },
+          "required": true,
+          "description": "A visually hidden accessible label describing the action taking place"
+        }
+      },
+      "attributes": {
+        "acceptsRNA11yProps": false
+      }
+    }
+  },
+  "Autocomplete": {
+    "docs": {
+      "description": "",
+      "props": {
+        "copy": {
+          "defaultValue": {
+            "value": "'en'",
+            "computed": false
+          },
+          "type": {
+            "name": "union",
+            "value": [
+              {
+                "name": "enum",
+                "value": [
+                  {
+                    "value": "'en'",
+                    "computed": false
+                  },
+                  {
+                    "value": "'fr'",
+                    "computed": false
+                  }
+                ]
+              },
+              {
+                "name": "custom",
+                "raw": "dictionaryContentShape"
+              }
+            ]
+          },
+          "required": false,
+          "description": "Copy language identifier"
+        },
+        "fullWidth": {
+          "defaultValue": {
+            "value": "true",
+            "computed": false
+          },
+          "required": false
+        },
+        "isLoading": {
+          "defaultValue": {
+            "value": "false",
+            "computed": false
+          },
+          "type": {
+            "name": "bool"
+          },
+          "required": false,
+          "description": "Set to true in order to display the loading indicator instead of results"
+        },
+        "maxSuggestions": {
+          "defaultValue": {
+            "value": "5",
+            "computed": false
+          },
+          "type": {
+            "name": "number"
+          },
+          "required": false,
+          "description": "Maximum number of suggestions provided at the same time"
+        },
+        "minToSuggestion": {
+          "defaultValue": {
+            "value": "1",
+            "computed": false
+          },
+          "type": {
+            "name": "number"
+          },
+          "required": false,
+          "description": "Minimum number of characters typed for a list of suggestions to appear"
+        },
+        "helpText": {
+          "defaultValue": {
+            "value": "''",
+            "computed": false
+          },
           "type": {
             "name": "string"
           },
           "required": false,
-          "description": "A path of the image that will be displayed on the video's splash screen. If this is undefined, it will pull an image from the defined web video if available."
+          "description": "Help text to display when the input is focused and empty"
         },
-        "videoLength": {
+        "children": {
           "type": {
-            "name": "number"
+            "name": "func"
           },
-          "required": true,
-          "description": "The video's length, which will be displayed on the splash screen. This is defined in seconds."
+          "required": false,
+          "description": "Can be used to provide a function that renders a custom input:\n<Autocomplete items={items} value={currentValue}>\n  {({ inputId, inputRef, onChange, onKeyPress, readOnly, tokens, value }) => (\n    <Search\n      nativeID={inputId}\n      ref={inputRef}\n      onChange={onChange}\n      onKeyPress={onKeyPress}\n      readOnly={readOnly}\n      tokens={tokens}\n      value={value}\n    />\n  )}\n</Autocomplete>"
         },
-        "copy": {
+        "items": {
           "type": {
-            "name": "enum",
-            "value": [
-              {
-                "value": "'en'",
-                "computed": false
-              },
-              {
-                "value": "'fr'",
-                "computed": false
+            "name": "arrayOf",
+            "value": {
+              "name": "shape",
+              "value": {
+                "id": {
+                  "name": "string",
+                  "required": false
+                },
+                "label": {
+                  "name": "string",
+                  "required": false
+                }
               }
-            ]
+            }
           },
           "required": false,
-          "description": "The splash screen UI's language as an ISO language code. It currently supports English and French."
-        }
-      },
-      "attributes": {}
-    }
-  },
-  "A11yInfoProvider": {
-    "docs": {
-      "description": "",
-      "props": {
-        "children": {
-          "type": {
-            "name": "node"
-          },
-          "required": true,
-          "description": ""
-        }
-      },
-      "attributes": {
-        "acceptsRNA11yProps": false
-      }
-    }
-  },
-  "A11yText": {
-    "docs": {
-      "description": "A11yText is a zero-size invisible element that adds text to be read by screen readers.\n\nIt should be used to add selectable screen-reader-only text to the main document flow,\nas a sibling to blocks of text like paragraphs and interactive elements like buttons.",
-      "props": {
-        "text": {
+          "description": "List of items to display as suggestions"
+        },
+        "loadingLabel": {
           "type": {
             "name": "string"
           },
-          "required": true,
-          "description": "Text to be read by screen readers"
+          "required": false,
+          "description": "Label to display alongside the spinner when in a loading state"
         },
-        "heading": {
+        "noResults": {
           "type": {
-            "name": "bool"
+            "name": "node"
           },
           "required": false,
-          "description": "Whether text should be rendered as a heading"
-        }
-      },
-      "attributes": {
-        "acceptsRNA11yProps": false
-      }
-    }
-  },
-  "ActivityIndicator": {
-    "docs": {
-      "description": "`ActivityIndicator` renders a visual loading state.\nIt does not handle positioning or layout of that visual loader.",
-      "props": {
-        "isStatic": {
-          "defaultValue": {
-            "value": "false",
-            "computed": false
-          },
+          "description": "Text or JSX to render when no results are available"
+        },
+        "onChange": {
           "type": {
-            "name": "bool"
+            "name": "func"
           },
           "required": false,
-          "description": "If true, it should render a static spinner"
+          "description": "Handler function to be called when the input value changes"
         },
-        "variant": {
+        "onClear": {
           "type": {
-            "name": "objectOf",
-            "value": {
-              "name": "union",
-              "value": [
-                {
-                  "name": "string"
-                },
-                {
-                  "name": "number"
-                },
-                {
-                  "name": "bool"
-                }
-              ]
-            }
+            "name": "func"
           },
           "required": false,
-          "description": ""
+          "description": "Handler function to be called when the clear button (appears if the handler is passed) is pressed"
         },
-        "tokens": {
+        "onSelect": {
           "type": {
-            "name": "custom",
-            "raw": {
-              "size": "size",
-              "thickness": "border",
-              "color": "color"
-            }
+            "name": "func"
           },
           "required": false,
-          "description": ""
+          "description": "Callback function to be called when an item is selected from the list"
         },
-        "label": {
+        "value": {
           "type": {
             "name": "string"
           },
-          "required": true,
-          "description": "A visually hidden accessible label describing the action taking place"
+          "required": false,
+          "description": "Input value for controlled usage"
         }
       },
       "attributes": {
@@ -5374,6 +5469,13 @@
           },
           "required": false,
           "description": ""
+        },
+        "dataSet": {
+          "type": {
+            "name": "object"
+          },
+          "required": false,
+          "description": ""
         }
       },
       "attributes": {
@@ -6734,51 +6836,167 @@
             "computed": false
           },
           "type": {
-            "name": "enum",
-            "value": [
-              {
-                "value": "'left'",
-                "computed": false
-              },
-              {
-                "value": "'right'",
-                "computed": false
-              }
-            ]
+            "name": "enum",
+            "value": [
+              {
+                "value": "'left'",
+                "computed": false
+              },
+              {
+                "value": "'right'",
+                "computed": false
+              }
+            ]
+          },
+          "required": false,
+          "description": "Changes direction of chevron icon"
+        },
+        "tokens": {
+          "defaultValue": {
+            "value": "{}",
+            "computed": false
+          },
+          "type": {
+            "name": "custom",
+            "raw": {
+              "fontSize": "fontSize",
+              "color": "color",
+              "outerBorderColor": "color",
+              "leftIcon": "icon",
+              "rightIcon": "icon",
+              "iconDisplace": "size",
+              "iconSize": "size",
+              "iconSpace": "integer",
+              "textLine": "textLine",
+              "textLineStyle": "textLineStyle",
+              "outerBorderWidth": "border",
+              "outerBorderGap": "size",
+              "outerBorderOutline": "borderStyle",
+              "borderRadius": "radius",
+              "blockFontName": "fontName",
+              "blockFontWeight": "fontWeight",
+              "blockFontSize": "fontSize",
+              "blockLineHeight": "lineHeight",
+              "icon": "icon",
+              "iconTranslateX": "size",
+              "iconTranslateY": "size",
+              "alignSelf": "flexAlign"
+            }
+          },
+          "required": false,
+          "description": ""
+        },
+        "children": {
+          "type": {
+            "name": "node"
+          },
+          "required": false,
+          "description": ""
+        },
+        "variant": {
+          "type": {
+            "name": "exact",
+            "value": {
+              "size": {
+                "name": "enum",
+                "value": [
+                  {
+                    "value": "'large'",
+                    "computed": false
+                  },
+                  {
+                    "value": "'small'",
+                    "computed": false
+                  },
+                  {
+                    "value": "'micro'",
+                    "computed": false
+                  }
+                ],
+                "required": false
+              },
+              "alternative": {
+                "name": "bool",
+                "required": false
+              },
+              "inverse": {
+                "name": "bool",
+                "required": false
+              }
+            }
+          },
+          "required": false,
+          "description": ""
+        },
+        "onPress": {
+          "type": {
+            "name": "func"
+          },
+          "required": false,
+          "description": ""
+        },
+        "onPressIn": {
+          "type": {
+            "name": "func"
+          },
+          "required": false,
+          "description": ""
+        },
+        "onPressOut": {
+          "type": {
+            "name": "func"
+          },
+          "required": false,
+          "description": ""
+        },
+        "disabled": {
+          "type": {
+            "name": "bool"
           },
           "required": false,
-          "description": "Changes direction of chevron icon"
+          "description": ""
         },
-        "tokens": {
-          "defaultValue": {
-            "value": "{}",
-            "computed": false
+        "href": {
+          "type": {
+            "name": "string"
           },
+          "required": false,
+          "description": ""
+        },
+        "hrefAttrs": {
           "type": {
-            "name": "custom",
-            "raw": {
-              "fontSize": "fontSize",
-              "color": "color",
-              "outerBorderColor": "color",
-              "leftIcon": "icon",
-              "rightIcon": "icon",
-              "iconDisplace": "size",
-              "iconSize": "size",
-              "iconSpace": "integer",
-              "textLine": "textLine",
-              "textLineStyle": "textLineStyle",
-              "outerBorderWidth": "border",
-              "outerBorderGap": "size",
-              "outerBorderOutline": "borderStyle",
-              "borderRadius": "radius",
-              "blockFontName": "fontName",
-              "blockFontWeight": "fontWeight",
-              "blockFontSize": "fontSize",
-              "blockLineHeight": "lineHeight",
-              "icon": "icon",
-              "iconTranslateX": "size",
-              "iconTranslateY": "size",
-              "alignSelf": "flexAlign"
+            "name": "shape",
+            "value": {
+              "download": {
+                "name": "string",
+                "required": false
+              },
+              "rel": {
+                "name": "string",
+                "required": false
+              },
+              "target": {
+                "name": "enum",
+                "value": [
+                  {
+                    "value": "'_self'",
+                    "computed": false
+                  },
+                  {
+                    "value": "'_blank'",
+                    "computed": false
+                  },
+                  {
+                    "value": "'_parent'",
+                    "computed": false
+                  },
+                  {
+                    "value": "'_top'",
+                    "computed": false
+                  }
+                ],
+                "required": false
+              }
             }
           },
           "required": false,
@@ -6786,7 +7004,7 @@
         }
       },
       "attributes": {
-        "acceptsRNA11yProps": false
+        "acceptsRNA11yProps": true
       }
     }
   },
@@ -8525,6 +8743,127 @@
       }
     }
   },
+  "Listbox": {
+    "docs": {
+      "description": "",
+      "props": {
+        "items": {
+          "defaultValue": {
+            "value": "[]",
+            "computed": false
+          },
+          "type": {
+            "name": "array"
+          },
+          "required": false,
+          "description": "`Listbox` items"
+        },
+        "firstItemRef": {
+          "defaultValue": {
+            "value": "null",
+            "computed": false
+          },
+          "type": {
+            "name": "object"
+          },
+          "required": false,
+          "description": "Focus will be moved to the item with this ref once within the menu."
+        },
+        "parentRef": {
+          "defaultValue": {
+            "value": "null",
+            "computed": false
+          },
+          "type": {
+            "name": "object"
+          },
+          "required": false,
+          "description": "Focus will be returned to the dropdown control with this ref after leaving\nthe last menu item."
+        },
+        "LinkRouter": {
+          "type": {
+            "name": "elementType"
+          },
+          "required": false,
+          "description": ""
+        },
+        "linkRouterProps": {
+          "type": {
+            "name": "object"
+          },
+          "required": false,
+          "description": ""
+        },
+        "selectedId": {
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "To select an item by default"
+        },
+        "onClose": {
+          "type": {
+            "name": "func"
+          },
+          "required": false,
+          "description": "onClose event"
+        },
+        "tokens": {
+          "type": {
+            "name": "custom",
+            "raw": {
+              "groupBorderRadius": "radius",
+              "groupBorderWidth": "border",
+              "groupFontSize": "size",
+              "groupFontName": "fontName",
+              "groupFontWeight": "fontWeight",
+              "groupColor": "color",
+              "groupBorderColor": "color",
+              "groupBackgroundColor": "color",
+              "groupPaddingTop": "size",
+              "groupPaddingBottom": "size",
+              "groupPaddingLeft": "size",
+              "groupPaddingRight": "size",
+              "groupIcon": "icon",
+              "itemDisplay": "show",
+              "itemFontName": "fontName",
+              "itemFontWeight": "fontWeight",
+              "itemFontSize": "size",
+              "itemPaddingTop": "size",
+              "itemPaddingBottom": "size",
+              "itemPaddingLeft": "size",
+              "itemPaddingRight": "size",
+              "itemColor": "color",
+              "itemBackgroundColor": "color",
+              "itemBorderLeftColor": "color",
+              "itemBorderLeftWidth": "border",
+              "itemBorderWidth": "border",
+              "itemTextDecoration": "textLine",
+              "itemOutline": "border",
+              "shadow": "shadow",
+              "itemBorderRightColor": "color",
+              "itemBorderBottomColor": "color",
+              "itemBorderTopColor": "color",
+              "itemBorderRightWidth": "border",
+              "itemBorderBottomWidth": "border",
+              "itemBorderTopWidth": "border",
+              "itemBorderRadius": "radius",
+              "minWidth": "size",
+              "minHeight": "size",
+              "itemHeight": "size",
+              "groupHeight": "size",
+              "lineHeight": "lineHeight"
+            }
+          },
+          "required": false,
+          "description": ""
+        }
+      },
+      "attributes": {
+        "acceptsRNA11yProps": false
+      }
+    }
+  },
   "MultiSelectFilter": {
     "docs": {
       "description": "",
@@ -11008,12 +11347,38 @@
       "docs": {
         "description": "`SideNav.Item` is a navigational element that is used within `SideNav` or `SideNav.ItemsGroup`.\n\n This component can only be accessed as a name-spaced component: `SideNav.Item`.",
         "props": {
+          "isActive": {
+            "defaultValue": {
+              "value": "false",
+              "computed": false
+            },
+            "type": {
+              "name": "bool"
+            },
+            "required": false,
+            "description": "Set internally in `SideNav` render function."
+          },
+          "isExpanded": {
+            "defaultValue": {
+              "value": "false",
+              "computed": false
+            },
+            "type": {
+              "name": "bool"
+            },
+            "required": false,
+            "description": "Set internally in `SideNav.ItemsGroup` render function. Used to mark expanded `ItemsGroup` parent."
+          },
           "accessibilityRole": {
             "defaultValue": {
               "value": "'link'",
               "computed": false
             },
-            "required": false
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "Accesibility Role"
           },
           "children": {
             "type": {
@@ -11022,6 +11387,20 @@
             "required": true,
             "description": "Text content of the `Item`."
           },
+          "itemId": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "Set internally in `SideNav` render function - used to keep track of active item."
+          },
+          "groupId": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "Set internally in `SideNav` render function - used to keep track of expanded items groups."
+          },
           "onPress": {
             "type": {
               "name": "func"
@@ -11122,6 +11501,13 @@
             },
             "required": false,
             "description": ""
+          },
+          "testID": {
+            "type": {
+              "name": "number"
+            },
+            "required": false,
+            "description": "test ID"
           }
         },
         "attributes": {
@@ -12225,7 +12611,11 @@
             "value": "Platform.select({ web: 'group', default: 'none' })",
             "computed": true
           },
-          "required": false
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "AccesibilityRole for the Tags"
         },
         "tokens": {
           "type": {
@@ -12418,13 +12808,45 @@
             "value": "'button'",
             "computed": false
           },
-          "required": false
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "Accesibility role for TextButton"
         },
         "onPress": {
           "type": {
             "name": "func"
           },
           "required": true,
+          "description": "onPress function"
+        },
+        "children": {
+          "type": {
+            "name": "node"
+          },
+          "required": true,
+          "description": "Children node that can be added"
+        },
+        "variant": {
+          "type": {
+            "name": "objectOf",
+            "value": {
+              "name": "union",
+              "value": [
+                {
+                  "name": "string"
+                },
+                {
+                  "name": "number"
+                },
+                {
+                  "name": "bool"
+                }
+              ]
+            }
+          },
+          "required": false,
           "description": ""
         }
       },
@@ -13365,6 +13787,17 @@
           "required": false,
           "description": "Select English or French copy for the accessible label."
         },
+        "inline": {
+          "defaultValue": {
+            "value": "false",
+            "computed": false
+          },
+          "type": {
+            "name": "bool"
+          },
+          "required": false,
+          "description": "Display tooltip icon button as an inline element."
+        },
         "children": {
           "type": {
             "name": "union",