@telus-uds/components-base 1.59.1 → 1.60.0

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # Change Log - @telus-uds/components-base
 
-This log was last generated on Mon, 21 Aug 2023 19:02:53 GMT and should not be manually modified.
+This log was last generated on Tue, 12 Sep 2023 15:31:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.60.0
+
+Tue, 12 Sep 2023 15:31:31 GMT
+
+### Minor changes
+
+- `Tooltip`: Allow ability to display `inline` within other elements (shahzaibkhalidmalik@outlook.com)
+- Missing props added to components (35577399+JoshHC@users.noreply.github.com)
+- Bump @telus-uds/system-theme-tokens to v2.41.1
+
+### Patches
+
+- `ExpandCollapse`: Nested links might collapse and disappear when clicked (shahzaibkhalidmalik@outlook.com)
+- adding a testID data attribute to Datepicker Arrow Buttons for test automation purposes (lptbarlaan@gmail.com)
+- fixing progressbarbackground svg (21316148+donnavitan@users.noreply.github.com)
+
+## 1.59.2
+
+Thu, 31 Aug 2023 18:02:14 GMT
+
+### Patches
+
+- autocomplete options overlap fix on XS (srikanthkhari@gmail.com)
+
 ## 1.59.1
 
-Mon, 21 Aug 2023 19:02:53 GMT
+Mon, 21 Aug 2023 19:06:28 GMT
 
 ### Patches
 

package/component-docs.json

@@ -172,7 +172,8 @@
       "WaffleGrid": {
         "rowBorderWidth": "border",
         "itemBorderColor": "color",
-        "itemPadding": "size"
+        "itemPadding": "size",
+        "rowSize": "integer"
       },
       "QuantitySelector": {
         "inputBorderColor": "color",
@@ -6372,6 +6373,13 @@
             "required": false,
             "description": ""
           },
+          "testID": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "A unique identifier for testing purposes.\nWill be added as a `data-testid` attribute."
+          },
           "icon": {
             "type": {
               "name": "elementType"
@@ -9429,12 +9437,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": {
@@ -9443,6 +9477,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"
@@ -9543,6 +9591,13 @@
               },
               "required": false,
               "description": ""
+            },
+            "testID": {
+              "type": {
+                "name": "number"
+              },
+              "required": false,
+              "description": "test ID"
             }
           },
           "attributes": {
@@ -10489,7 +10544,11 @@
               "value": "Platform.select({ web: 'group', default: 'none' })",
               "computed": true
             },
-            "required": false
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "AccesibilityRole for the Tags"
           },
           "tokens": {
             "type": {
@@ -10951,6 +11010,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",
@@ -12223,6 +12293,13 @@
             },
             "required": false,
             "description": ""
+          },
+          "dataSet": {
+            "type": {
+              "name": "object"
+            },
+            "required": false,
+            "description": ""
           }
         },
         "attributes": {
@@ -13848,10 +13925,126 @@
             },
             "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": ""
+          },
+          "href": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": ""
+          },
+          "hrefAttrs": {
+            "type": {
+              "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,
+            "description": ""
           }
         },
         "attributes": {
-          "acceptsRNA11yProps": false
+          "acceptsRNA11yProps": true
         }
       }
     },
@@ -13975,6 +14168,20 @@
             },
             "required": false
           },
+          "href": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "href for the Link"
+          },
+          "accessibilityrole": {
+            "type": {
+              "name": "string"
+            },
+            "required": false,
+            "description": "AccesibilityRole for the link base"
+          },
           "variant": {
             "type": {
               "name": "objectOf",
@@ -13994,7 +14201,7 @@
               }
             },
             "required": false,
-            "description": ""
+            "description": "Children nodes that can be added"
           },
           "icon": {
             "type": {
@@ -14057,13 +14264,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": ""
           }
         },

package/lib/Button/ButtonLink.js

@@ -7,9 +7,11 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _ButtonBase = _interopRequireDefault(require("./ButtonBase"));
 
-var _propTypes = _interopRequireWildcard(require("./propTypes"));
+var _propTypes2 = _interopRequireWildcard(require("./propTypes"));
 
 var _props = require("../utils/props");
 
@@ -60,9 +62,11 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 });
 ButtonLink.displayName = 'ButtonLink';
 ButtonLink.propTypes = { ..._props.a11yProps.types,
-  ..._propTypes.default,
+  ..._propTypes2.default,
   ..._props.linkProps.types,
-  children: _propTypes.textAndA11yText
+  children: _propTypes2.textAndA11yText,
+  dataSet: _propTypes.default.object,
+  accessibilityRole: _propTypes.default.string
 };
 var _default = ButtonLink;
 exports.default = _default;

package/lib/ExpandCollapse/Panel.js

@@ -182,6 +182,13 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =>
       ...focusabilityProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
         onLayout: onContainerLayout,
+        style: { ..._Platform.default.select({
+            default: {
+              flex: 1
+            },
+            web: {}
+          })
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
           style: selectContainerStyles(themeTokens),
           children: children

package/lib/IconButton/IconButton.js

@@ -129,6 +129,7 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     icon: IconComponent,
     href,
     hrefAttrs,
+    testID,
     accessibilityRole = href ? 'link' : 'button',
     ...rawRest
   } = _ref3;
@@ -166,6 +167,7 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     hrefAttrs: hrefAttrs,
     style: getOuterStyle,
     ...selectedProps,
+    testID: testID,
     children: pressableState => {
       const themeTokens = getTokens((0, _utils.resolvePressableState)(pressableState));
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
@@ -185,6 +187,12 @@ IconButton.propTypes = { ...selectedSystemPropTypes,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('IconButton'),
 
+  /**
+   * A unique identifier for testing purposes.
+   * Will be added as a `data-testid` attribute.
+   */
+  testID: _propTypes.default.string,
+
   /**
    * Defines the icon to be rendered
    */

package/lib/Link/ChevronLink.js

@@ -36,7 +36,7 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     tokens = {},
     variant,
     dataSet,
-    ...linkProps
+    ...otherlinkProps
   } = _ref;
   const getChevronTokens = (0, _ThemeProvider.useThemeTokensCallback)('ChevronLink', tokens, variant);
 
@@ -59,7 +59,7 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('Link', applyChevronTokens, variant);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, { ...linkProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, { ...otherlinkProps,
     iconPosition: direction,
     tokens: getTokens,
     dataSet: dataSet,
@@ -69,6 +69,13 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 });
 ChevronLink.displayName = 'ChevronLink';
 ChevronLink.propTypes = { ..._LinkBase.default.propTypes,
+  children: _propTypes.default.node,
+  variant: _propTypes.default.exact({
+    size: _propTypes.default.oneOf(['large', 'small', 'micro']),
+    alternative: _propTypes.default.bool,
+    inverse: _propTypes.default.bool
+  }),
+  ..._utils.linkProps.types,
   tokens: (0, _utils.getTokensPropType)('ChevronLink', 'Link'),
 
   /**

package/lib/Link/LinkBase.js

@@ -238,6 +238,20 @@ const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
 LinkBase.displayName = 'LinkBase';
 LinkBase.propTypes = { ...selectedSystemPropTypes,
   tokens: (0, _props.getTokensPropType)('Link'),
+
+  /**
+   * href for the Link
+   */
+  href: _propTypes.default.string,
+
+  /**
+   * AccesibilityRole for the link base
+   */
+  accessibilityrole: _propTypes.default.string,
+
+  /**
+   * Children nodes that can be added
+   */
   variant: _props.variantProp.propType,
 
   /**

package/lib/Link/TextButton.js

@@ -13,6 +13,8 @@ var _ThemeProvider = require("../ThemeProvider");
 
 var _LinkBase = _interopRequireDefault(require("./LinkBase"));
 
+var _utils = require("../utils");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -47,7 +49,16 @@ const TextButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 });
 TextButton.displayName = 'TextButton';
 TextButton.propTypes = { ..._LinkBase.default.propTypes,
-  onPress: _propTypes.default.func.isRequired
+
+  /** onPress function */
+  onPress: _propTypes.default.func.isRequired,
+
+  /** Children node that can be added */
+  children: _propTypes.default.node.isRequired,
+  variant: _utils.variantProp.propType,
+
+  /** Accesibility role for TextButton */
+  accessibilityRole: _propTypes.default.string
 };
 var _default = TextButton;
 exports.default = _default;

package/lib/Listbox/PressableItem.js

@@ -50,8 +50,7 @@ const getItemStyles = _ref => {
     itemBorderTopColor,
     itemBorderBottomWidth,
     itemBorderBottomColor,
-    itemBorderRadius,
-    itemHeight
+    itemBorderRadius
   } = _ref;
   return {
     fontFamily: `${groupFontName}${groupFontWeight}normal`,
@@ -71,7 +70,6 @@ const getItemStyles = _ref => {
     borderTop: `${itemBorderTopWidth}px solid ${itemBorderTopColor}`,
     borderBottom: `${itemBorderBottomWidth}px solid ${itemBorderBottomColor}`,
     borderRadius: itemBorderRadius,
-    height: itemHeight,
     justifyContent: 'center'
   };
 };

package/lib/Pagination/dictionary.js

@@ -14,11 +14,11 @@ var _default = {
     nextText: 'Next'
   },
   fr: {
-    goToLabel: 'Aller au page n°',
+    goToLabel: 'Aller à la page n°',
     currentLabel: '(page actuelle)',
-    previousLabel: 'Aller au page précédent',
+    previousLabel: 'Aller à la page précédente',
     previousText: 'Précédent',
-    nextLabel: 'Aller au prochain page',
+    nextLabel: 'Aller à la page suivante',
     nextText: 'Suivant'
   }
 };

package/lib/Progress/ProgressBarBackground.js

@@ -21,8 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const inactiveBackground = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='24'%3E%3Cdefs%3E%3Cpattern id='DisabledProgress7' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23B2B9BF'%3E%3C/rect%3E%3Ccircle cx='4' cy='4' r='2' fill='%23676E73' stroke='%23676E73' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='2' fill='%23676E73' stroke='%23676E73' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='0' cy='8' r='2' fill='%23676E73' stroke='%23676E73' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='8' cy='0' r='2' fill='%23676E73' stroke='%23676E73' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='8' cy='8' r='2' fill='%23676E73' stroke='%23676E73' stroke-width='0'%3E%3C/circle%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 2000 2000 L 2000 0 Z' style='fill: url("%23DisabledProgress7");'%3E%3C/path%3E%3C/svg%3E`;
-const negativeBackground = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='24'%3E%3Cdefs%3E%3Cpattern id='NegativeProgress6' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23C12335'%3E%3C/rect%3E%3Cpath d='M 0,8 l 8,-8 M -2,2 l 4,-4 M 6,10 l 4,-4' stroke-width='2' shape-rendering='auto' stroke='%23e7adb4' stroke-linecap='square'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 2000 2000 L 2000 0 Z' style='fill: url("%23NegativeProgress6");'%3E%3C/path%3E%3C/svg%3E`;
+const inactiveBackground = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='24'%3E%3Cdefs%3E%3Cpattern id='inactive' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Crect width='8' height='8' fill='rgba(255, 255, 255, 0)'%3E%3C/rect%3E%3Ccircle cx='4' cy='4' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='0' cy='8' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='8' cy='0' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='8' cy='8' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 2000 2000 L 2000 0 Z' style='fill: url("%23inactive");'%3E%3C/path%3E%3C/svg%3E`;
+const negativeBackground = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='24'%3E%3Cdefs%3E%3Cpattern id='negative' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Crect width='8' height='8' fill='rgba(255, 255, 255, 0)'%3E%3C/rect%3E%3Cpath d='M 0,8 l 8,-8 M -2,2 l 4,-4 M 6,10 l 4,-4' stroke-width='1' shape-rendering='auto' stroke='rgba(255, 255, 255, 0.4)' stroke-linecap='square'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 2000 2000 L 2000 0 Z' style='fill: url("%23negative");'%3E%3C/path%3E%3C/svg%3E`;
 const ProgressBarBackground = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     variant

package/lib/SideNav/Item.js

@@ -138,13 +138,13 @@ Item.propTypes = { ...selectedSystemPropTypes,
   children: _propTypes.default.node.isRequired,
 
   /**
-   * @ignore
+   *
    * Set internally in `SideNav` render function - used to keep track of active item.
    */
   itemId: _propTypes.default.string,
 
   /**
-   * @ignore
+   *
    * Set internally in `SideNav` render function - used to keep track of expanded items groups.
    */
   groupId: _propTypes.default.string,
@@ -158,18 +158,28 @@ Item.propTypes = { ...selectedSystemPropTypes,
   hrefAttrs: _propTypes.default.shape(_utils.hrefAttrsProp.types),
 
   /**
-   * @ignore
+   *
    * Set internally in `SideNav` render function.
    */
   isActive: _propTypes.default.bool,
 
   /**
-   * @ignore
+   *
    * Set internally in `SideNav.ItemsGroup` render function. Used to mark expanded `ItemsGroup` parent.
    */
   isExpanded: _propTypes.default.bool,
   tokens: (0, _utils.getTokensPropType)('SideNavItem'),
-  variant: _utils.variantProp.propType
+  variant: _utils.variantProp.propType,
+
+  /**
+   * Accesibility Role
+   */
+  accessibilityRole: _propTypes.default.string,
+
+  /**
+   * test ID
+   */
+  testID: _propTypes.default.number
 };
 var _default = Item;
 exports.default = _default;

package/lib/Tags/Tags.js

@@ -277,7 +277,12 @@ Tags.propTypes = { ...selectedSystemPropTypes,
    * managing its own selected state, a default set of selections may be provided.
    * Changing the `initialValues` does not change the user's selections.
    */
-  initialValues: _propTypes.default.arrayOf(_propTypes.default.string)
+  initialValues: _propTypes.default.arrayOf(_propTypes.default.string),
+
+  /**
+   * AccesibilityRole for the Tags
+   */
+  accessibilityRole: _propTypes.default.string
 };
 var _default = Tags;
 exports.default = _default;

package/lib/Tooltip/Tooltip.js

@@ -151,6 +151,7 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
     copy = 'en',
     tokens,
     variant,
+    inline = false,
     ...rest
   } = _ref6;
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
@@ -245,7 +246,11 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
     right: 10
   } : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
-    style: staticStyles.container,
+    style: [staticStyles.container, _Platform.default.select({
+      web: {
+        display: inline ? 'inline-block' : 'flex'
+      }
+    })],
     ...selectProps(rest),
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {