@telus-uds/components-base 1.51.1 → 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",
@@ -772,7 +773,7 @@
         "itemIconColor": "color",
         "listGutter": "size"
       },
-      "ListBox": {
+      "Listbox": {
         "groupBorderRadius": "radius",
         "groupBorderWidth": "border",
         "groupFontSize": "size",
@@ -796,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",
@@ -1641,6 +1653,7 @@
         "dotWidth": "size",
         "dotBorderWidth": "border",
         "timelineContainerDirection": "direction",
+        "timelineConnectorColor": "color",
         "timelineColor": "color",
         "connectorWidth": "size",
         "connectorHeight": "size",
@@ -1742,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": [
@@ -1754,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": [
@@ -1764,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": [
@@ -1774,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"
         },
@@ -1797,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": [
@@ -1814,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": [
@@ -1826,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": [
@@ -1836,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": [
@@ -1846,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"
         },
@@ -1876,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": [
@@ -1886,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": [
@@ -1896,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"
         },
@@ -1919,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": [
@@ -1929,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": [
@@ -1939,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"
         },
@@ -1975,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": [
@@ -1985,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": [
@@ -2004,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": [
@@ -2014,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": [
@@ -2024,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"
         }
@@ -2033,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"
         },
@@ -2047,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": [
@@ -2059,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": [
@@ -2076,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": [
@@ -2114,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": [
@@ -2124,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": [
@@ -2134,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"
         }
@@ -2143,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": [
@@ -2153,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": [
@@ -2163,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"
         }
@@ -2172,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": [
@@ -2182,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": [
@@ -2192,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"
         },
@@ -2205,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": [
@@ -2219,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": [
@@ -2229,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"
         },
@@ -2243,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"
         }
@@ -2294,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": [
@@ -2304,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": [
@@ -2364,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": [
@@ -2374,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": [
@@ -2384,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"
         },
@@ -2400,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": [
@@ -2410,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": [
@@ -2420,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"
         },
@@ -2460,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": [
@@ -2470,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": [
@@ -2480,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"
         }
@@ -2489,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": [
@@ -2499,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": [
@@ -2509,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"
         }
@@ -2518,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": [
@@ -2528,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": [
@@ -2544,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"
         }
@@ -2566,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": [
@@ -2576,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": [
@@ -2595,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"
         },
@@ -2615,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": [
@@ -2625,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": [
@@ -2644,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": [
@@ -2670,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": [
@@ -2680,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": [
@@ -2690,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"
         },
@@ -2714,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": [
@@ -2763,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": [
@@ -2773,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": [
@@ -2815,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": [
@@ -2825,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": [
@@ -2835,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"
         }
@@ -2844,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": [
@@ -2854,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": [
@@ -2864,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"
         },
@@ -2880,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": [
@@ -2890,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": [
@@ -2900,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"
         },
@@ -2931,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": [
@@ -2966,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": [
@@ -2976,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": [
@@ -2986,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"
         },
@@ -3009,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": [
@@ -3019,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": [
@@ -3029,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"
         }
@@ -3038,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": [
@@ -10431,6 +10531,7 @@
                 "dotWidth": "size",
                 "dotBorderWidth": "border",
                 "timelineContainerDirection": "direction",
+                "timelineConnectorColor": "color",
                 "timelineColor": "color",
                 "connectorWidth": "size",
                 "connectorHeight": "size",
@@ -12886,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```",