@telus-uds/components-base 1.51.0 → 1.52.0

package/component-docs.json

@@ -19,6 +19,8 @@
         "buttonBottomPosition": "size",
         "buttonMinHeight": "size",
         "buttonPaddingLeft": "size",
+        "labelFontName": "fontName",
+        "labelFontWeight": "fontWeight",
         "buttonPaddingRight": "size",
         "detailsContainerPadding": "size",
         "playIconContainerBackground": "color"
@@ -99,8 +101,7 @@
         "paddingBottom": "size",
         "paddingLeft": "size",
         "paddingRight": "size",
-        "paddingLeftCompactMode": "size",
-        "paddingRightCompactMode": "size",
+        "height": "size",
         "menuBottom": "size",
         "menuRight": "size",
         "menuMarginLeft": "size",
@@ -287,7 +288,19 @@
         "paddingTop": "size",
         "paddingBottom": "size",
         "marginBottom": "size",
-        "width": "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"
       },
       "Box": {
         "backgroundColor": "color",
@@ -542,6 +555,9 @@
         "calendarDaySelectedHoverBeforeBorderColor": "color",
         "calendarDaySelectedHoverBorderColor": "color",
         "calendarDaySelectedHoverColor": "color",
+        "calendarDaySelectedDisabledBackground": "color",
+        "calendarDaySelectedDisabledColor": "color",
+        "calendarDaySelectedDisabledContentBackgroundColor": "color",
         "calendarMonthCaptionColor": "color",
         "calendarMonthCaptionFontName": "fontName",
         "calendarMonthCaptionFontSize": "fontSize",
@@ -757,7 +773,7 @@
         "itemIconColor": "color",
         "listGutter": "size"
       },
-      "ListBox": {
+      "Listbox": {
         "groupBorderRadius": "radius",
         "groupBorderWidth": "border",
         "groupFontSize": "size",
@@ -781,13 +797,24 @@
         "itemPaddingRight": "size",
         "itemColor": "color",
         "itemBackgroundColor": "color",
-        "itemBorderBackgroundColor": "color",
         "itemBorderLeftColor": "color",
         "itemBorderLeftWidth": "border",
         "itemBorderWidth": "border",
         "itemTextDecoration": "textLine",
         "itemOutline": "border",
-        "shadow": "shadow"
+        "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"
       },
       "OrderedList": {
         "headerFontWeight": "fontWeight",
@@ -1626,6 +1653,7 @@
         "dotWidth": "size",
         "dotBorderWidth": "border",
         "timelineContainerDirection": "direction",
+        "timelineConnectorColor": "color",
         "timelineColor": "color",
         "connectorWidth": "size",
         "connectorHeight": "size",
@@ -1727,7 +1755,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1739,7 +1768,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1749,7 +1779,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1759,7 +1790,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -1782,14 +1814,16 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1799,7 +1833,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1811,7 +1846,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1821,7 +1857,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1831,7 +1868,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -1861,7 +1899,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1871,7 +1910,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1881,7 +1921,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -1904,7 +1945,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1914,7 +1956,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1924,7 +1967,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -1960,7 +2004,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1970,7 +2015,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1989,7 +2035,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -1999,7 +2046,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2009,7 +2057,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2018,7 +2067,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2032,7 +2082,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2044,14 +2095,16 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2061,7 +2114,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2099,7 +2153,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2109,7 +2164,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2119,7 +2175,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2128,7 +2185,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2138,7 +2196,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2148,7 +2207,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2157,7 +2217,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2167,7 +2228,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2177,7 +2239,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2190,11 +2253,12 @@
           "type": "state"
         }
       },
-      "ListBox": {
+      "Listbox": {
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2204,7 +2268,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2214,7 +2279,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2228,14 +2294,16 @@
         "current": {
           "description": "When the current item is selected",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
         "isChild": {
           "description": "when the item is child of another child",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2279,7 +2347,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2289,14 +2358,16 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2349,7 +2420,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2359,7 +2431,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2369,7 +2442,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2385,7 +2459,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2395,7 +2470,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2405,7 +2481,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2445,7 +2522,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2455,7 +2533,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2465,7 +2544,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2474,7 +2554,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2484,7 +2565,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2494,7 +2576,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2503,7 +2586,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2513,7 +2597,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2529,7 +2614,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2551,7 +2637,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2561,7 +2648,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2580,7 +2668,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2600,7 +2689,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2610,7 +2700,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2629,7 +2720,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2655,7 +2747,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2665,7 +2758,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2675,7 +2769,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2699,7 +2794,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2748,7 +2844,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2758,7 +2855,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2800,7 +2898,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2810,7 +2909,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2820,7 +2920,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -2829,7 +2930,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2839,7 +2941,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2849,7 +2952,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2865,7 +2969,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2875,7 +2980,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2885,7 +2991,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2916,7 +3023,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2951,7 +3059,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2961,7 +3070,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -2971,7 +3081,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         },
@@ -2994,7 +3105,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -3004,7 +3116,8 @@
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -3014,7 +3127,8 @@
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state"
         }
@@ -3023,7 +3137,8 @@
         "focus": {
           "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           "values": [
-            true
+            true,
+            false
           ],
           "type": "state",
           "platforms": [
@@ -3301,14 +3416,14 @@
               "name": "string"
             },
             "required": true,
-            "description": ""
+            "description": "Text to be read by screen readers"
           },
           "heading": {
             "type": {
               "name": "bool"
             },
             "required": false,
-            "description": ""
+            "description": "Whether text should be rendered as a heading"
           }
         },
         "attributes": {
@@ -4230,7 +4345,7 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "A number referring to a position on the space scale to create space on either side of the divider"
           },
           "variant": {
             "type": {
@@ -6001,14 +6116,14 @@
               "name": "elementType"
             },
             "required": true,
-            "description": ""
+            "description": "Defines the icon to be rendered"
           },
           "href": {
             "type": {
               "name": "string"
             },
             "required": false,
-            "description": ""
+            "description": "URL to navigate to when the `Iconbutton` is pressed"
           },
           "hrefAttrs": {
             "type": {
@@ -6047,14 +6162,14 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "URL options to navigate to when the `Iconbutton` is pressed"
           },
           "onPress": {
             "type": {
               "name": "func"
             },
             "required": false,
-            "description": ""
+            "description": "Function to execute when the `Iconbutton` is pressed"
           }
         },
         "attributes": {
@@ -6795,28 +6910,28 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "To define the locale of the copy"
           },
           "isOpen": {
             "type": {
               "name": "bool"
             },
             "required": false,
-            "description": ""
+            "description": "Setting this to `true` will open the `Modal`"
           },
           "onClose": {
             "type": {
               "name": "func"
             },
             "required": false,
-            "description": ""
+            "description": "This function is triggered when the `Modal` is closed"
           },
           "maxWidth": {
             "type": {
               "name": "bool"
             },
             "required": false,
-            "description": ""
+            "description": "`max-width` is applied to the `Modal` container"
           },
           "tokens": {
             "type": {
@@ -7268,7 +7383,7 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "To change the language for labels"
           },
           "LinkRouter": {
             "type": {
@@ -7359,7 +7474,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "When passed as `{{ compact: true }}`, `Pagination` does not render labels along side buttons"
           },
           "sideButtonTokens": {
             "type": {
@@ -7394,7 +7509,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens for `PaginationSideButton`"
           }
         },
         "attributes": {
@@ -7484,14 +7599,14 @@
                 "name": "string"
               },
               "required": false,
-              "description": ""
+              "description": "To set custom label for the button"
             },
             "isActive": {
               "type": {
                 "name": "bool"
               },
               "required": false,
-              "description": ""
+              "description": "To set `PageButton` to active state"
             },
             "copy": {
               "type": {
@@ -7508,7 +7623,7 @@
                 ]
               },
               "required": false,
-              "description": ""
+              "description": "To change the language for labels"
             },
             "variant": {
               "type": {
@@ -7770,7 +7885,7 @@
               "name": "string"
             },
             "required": false,
-            "description": ""
+            "description": "The HTML tag to render the list as"
           },
           "tokens": {
             "type": {
@@ -7809,7 +7924,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens override for `Card`"
           },
           "listTokens": {
             "type": {
@@ -7841,7 +7956,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens override for `QuickLinksList`"
           },
           "variant": {
             "type": {
@@ -8511,7 +8626,7 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "To hide children of `Responsive` if the current viewport is smaller than `min`"
           },
           "max": {
             "type": {
@@ -8536,7 +8651,7 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "To hide children of `Responsive` if the current viewport is larger than `max`"
           },
           "children": {
             "type": {
@@ -8847,7 +8962,7 @@
                 "name": "string"
               },
               "required": true,
-              "description": ""
+              "description": "The label for the group."
             }
           },
           "attributes": {
@@ -8871,7 +8986,7 @@
                 "name": "string"
               },
               "required": true,
-              "description": ""
+              "description": "The value of the option"
             }
           },
           "attributes": {
@@ -8965,7 +9080,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens for `SideNav.Item`"
           },
           "groupTokens": {
             "type": {
@@ -8987,7 +9102,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens for `SideNavItemsGroup`"
           }
         },
         "attributes": {
@@ -9206,7 +9321,7 @@
                 }
               },
               "required": false,
-              "description": ""
+              "description": "Custom tokens for `SideNav.Item`"
             }
           },
           "attributes": {
@@ -9553,6 +9668,7 @@
                     "space": {
                       "name": "custom",
                       "raw": "spacingProps.types.spacingValue",
+                      "description": "A number referring to a position on the space scale to create space on either side of the divider",
                       "required": false
                     },
                     "variant": {
@@ -9683,7 +9799,7 @@
               "name": "number"
             },
             "required": false,
-            "description": ""
+            "description": "The current step, 0-based number"
           },
           "copy": {
             "defaultValue": {
@@ -9713,7 +9829,7 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "The language to use for the labels"
           },
           "dictionary": {
             "defaultValue": {
@@ -9736,7 +9852,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom dictionary containing the labels to use for the steps"
           },
           "steps": {
             "defaultValue": {
@@ -9750,7 +9866,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "An array of strings defining the step titles"
           },
           "tokens": {
             "type": {
@@ -9872,14 +9988,14 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Array of `TabsItem`s"
           },
           "value": {
             "type": {
               "name": "string"
             },
             "required": false,
-            "description": ""
+            "description": "`id` property of the current tab in the items array"
           },
           "initialValue": {
             "type": {
@@ -9893,7 +10009,7 @@
               "name": "func"
             },
             "required": false,
-            "description": ""
+            "description": "Callback for when the selected tab changes"
           },
           "tokens": {
             "type": {
@@ -9940,7 +10056,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens for `TabsItem`"
           },
           "scrollButtonTokens": {
             "type": {
@@ -9963,7 +10079,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Custom tokens for `HorizontalScrollButton`"
           },
           "variant": {
             "type": {
@@ -10415,6 +10531,7 @@
                 "dotWidth": "size",
                 "dotBorderWidth": "border",
                 "timelineContainerDirection": "direction",
+                "timelineConnectorColor": "color",
                 "timelineColor": "color",
                 "connectorWidth": "size",
                 "connectorHeight": "size",
@@ -12870,6 +12987,76 @@
         }
       }
     },
+    "PressableItem": {
+      "docs": {
+        "description": "",
+        "props": {
+          "isChild": {
+            "defaultValue": {
+              "value": "false",
+              "computed": false
+            },
+            "type": {
+              "name": "bool"
+            },
+            "required": false,
+            "description": ""
+          },
+          "tabIndex": {
+            "defaultValue": {
+              "value": "0",
+              "computed": false
+            },
+            "required": false
+          },
+          "href": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": ""
+          },
+          "children": {
+            "type": {
+              "name": "node"
+            },
+            "required": true,
+            "description": ""
+          },
+          "onBlur": {
+            "type": {
+              "name": "func"
+            },
+            "required": false,
+            "description": ""
+          },
+          "onPress": {
+            "type": {
+              "name": "func"
+            },
+            "required": false,
+            "description": ""
+          },
+          "nextItemRef": {
+            "type": {
+              "name": "object"
+            },
+            "required": false,
+            "description": ""
+          },
+          "prevItemRef": {
+            "type": {
+              "name": "object"
+            },
+            "required": false,
+            "description": ""
+          }
+        },
+        "attributes": {
+          "acceptsRNA11yProps": false
+        }
+      }
+    },
     "CheckboxGroup": {
       "docs": {
         "description": "A group of Checkboxs that behave as a fieldset. Use when users select any number of choices from options.\n\n## Component API\n\nUse the `items` prop to pass an array of objects describing each Checkbox in the group:\n\n - `label`: main text passed to CheckboxGroup's `label` prop\n - `id`: identifier used to store which CheckboxGroup is selected (uses `label` if undefinded)\n - `onChange`: optional function called on selection, in addition to updating the group's selection state\n\n### Controlled version\n\nIf the selection state is controlled from outside, it needs to receive `checkedId` and `onChange` props.\n\n### Uncontrolled version\n\nIf the CheckboxGroup manages its own state, you can use `initialCheckedId` prop to provide the initial value.\nWhenever the radio card gets toggled, it calls the `onChange` callback with the new value (string).\n\n### Use in forms\n\nFor web forms, the `name` prop may be used to define the name of the group's `fieldset` and input elements.\n\n### Validation\n\nValidation state may be set by passing 'error' or 'success' to the `validation` prop.\n\n## A11y guidelines\n\nCheckboxGroup accepts all the common accessibility props, and controls the accessibility state\nof children like Checkbox and Feedback based on current state.\n\n@example\n```jsx\n<CheckboxGroup\n  initialCheckedIds=\"check1\"\n  items={[\n    { label: 'Checkbox 1', id: 'check1' },\n    { label: 'Checkbox 2', id: 'check2' },\n    { label: 'Checkbox 3', id: 'check3' }\n  ]}\n  legend=\"Checkboxes\"\n  hint=\"Choose from these options\"\n/>\n```",
@@ -13318,7 +13505,7 @@
               ]
             },
             "required": false,
-            "description": ""
+            "description": "Changes direction of chevron icon"
           },
           "tokens": {
             "defaultValue": {