@pingux/astro 2.203.0-alpha.0 → 2.205.0-alpha.0

package/lib/cjs/components/Stepper/Stepper.styles.d.ts

@@ -0,0 +1,257 @@
+export declare const verticalLine: {
+    '&:before': {
+        position: string;
+        content: string;
+        borderLeft: string;
+        borderLeftColor: string;
+        left: string;
+        top: string;
+        height: string;
+    };
+};
+declare const _default: {
+    wrapper: {
+        width: string;
+    };
+    tabs: {
+        outline: string;
+        borderBottom: string;
+        mb: string;
+        justifyContent: string;
+        '&.is-horizontal': {
+            width: string;
+        };
+        '&.is-vertical': {
+            minWidth: string;
+            borderRight: string;
+        };
+    };
+    tab: {
+        '&.is-horizontal': {
+            mb: number;
+            mr: number;
+            outline: string;
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+                borderRadius: string;
+            };
+            '&:not(:first-of-type)': {
+                flex: number;
+                maxWidth: number;
+            };
+        };
+        '&.is-vertical': {
+            position: string;
+            height: string;
+            width: string;
+            py: string;
+            px: string;
+            ':focus-visible:not(.is-focused)': {
+                outline: string;
+            };
+        };
+    };
+    tabLabel: {
+        mb: number;
+    };
+    outerWrapper: {
+        alignItems: string;
+    };
+    step: {
+        active: {
+            '&.is-horizontal': {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                borderWidth: number;
+                borderStyle: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                fontFamily: string;
+                '&[aria-expanded="true"]': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-vertical': {
+                backgroundColor: string;
+                border: string;
+                borderColor: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                borderWidth: number;
+                borderStyle: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                fontFamily: string;
+                '&[aria-expanded="true"]': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+            };
+        };
+        completed: {
+            '&.is-horizontal': {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                borderWidth: number;
+                borderStyle: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                fontFamily: string;
+                '&[aria-expanded="true"]': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-vertical': {
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                borderWidth: number;
+                borderStyle: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                fontFamily: string;
+                '&[aria-expanded="true"]': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+                backgroundColor: string;
+                borderColor: string;
+            };
+        };
+        inactive: {
+            '&.is-horizontal': {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                borderWidth: number;
+                borderStyle: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                fontFamily: string;
+                '&[aria-expanded="true"]': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-vertical': {
+                backgroundColor: string;
+                border: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                borderWidth: number;
+                borderStyle: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                fontFamily: string;
+                '&[aria-expanded="true"]': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    color: string;
+                };
+            };
+        };
+        default: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            width: number;
+            height: number;
+            minWidth: number;
+            minHeight: number;
+            borderWidth: number;
+            borderStyle: string;
+            borderRadius: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            fontFamily: string;
+            '&[aria-expanded="true"]': {
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+    line: {
+        alignSelf: string;
+        width: string;
+        maxWidth: string;
+        borderBottomWidth: number;
+        borderBottomStyle: string;
+        borderBottomColor: string;
+        '&.is-inactive': {
+            borderBottomStyle: string;
+            borderBottomColor: string;
+        };
+        '&.is-default': {
+            width: number;
+            height: string;
+            maxHeight: string;
+            borderRightWidth: number;
+            borderRightStyle: string;
+            borderRightColor: string;
+        };
+    };
+};
+export default _default;

package/lib/cjs/components/Stepper/Stepper.test.js

@@ -61,34 +61,31 @@ var defaultProps = {
   activeStep: 1,
   items: steps
 };
+
+// StepperProps.children is ReactNode (from BoxProps), but Stepper also accepts a render-prop
+// function via react-stately's collection mechanism. We cast to silence the assignability error.
+var stepperChildren = function stepperChildren(_ref) {
+  var name = _ref.name,
+    children = _ref.children;
+  return (0, _react2.jsx)(_reactStately.Item, {
+    key: name || children,
+    textValue: name || children
+  }, (0, _react2.jsx)(_Text["default"], null, children));
+};
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref$renderFn = _ref.renderFn,
-    renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref2$renderFn = _ref2.renderFn,
+    renderFn = _ref2$renderFn === void 0 ? _testWrapper.render : _ref2$renderFn;
   return renderFn((0, _react2.jsx)(_react2.CacheProvider, {
     value: emotionCache
-  }, (0, _react2.jsx)(_Stepper["default"], (0, _extends2["default"])({}, defaultProps, props), function (_ref2) {
-    var name = _ref2.name,
-      children = _ref2.children;
-    return (0, _react2.jsx)(_reactStately.Item, {
-      key: name || children,
-      textValue: name || children
-    }, (0, _react2.jsx)(_Text["default"], null, children));
-  })));
+  }, (0, _react2.jsx)(_Stepper["default"], (0, _extends2["default"])({}, defaultProps, props), stepperChildren)));
 };
 
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({
   renderComponent: function renderComponent(props) {
-    return (0, _react2.jsx)(_Stepper["default"], (0, _extends2["default"])({}, defaultProps, props), function (_ref3) {
-      var name = _ref3.name,
-        children = _ref3.children;
-      return (0, _react2.jsx)(_reactStately.Item, {
-        key: name || children,
-        textValue: name || children
-      }, (0, _react2.jsx)(_Text["default"], null, children));
-    });
+    return (0, _react2.jsx)(_Stepper["default"], (0, _extends2["default"])({}, defaultProps, props), stepperChildren);
   }
 });
 test('renders Stepper component in the default state', function () {
@@ -162,8 +159,9 @@ test('tooltip renders expected content based on props', /*#__PURE__*/(0, _asyncT
         _testWrapper.fireEvent.mouseMove(tab0);
         _testWrapper.fireEvent.mouseEnter(tab0);
         (0, _setTimeout2["default"])(function () {
+          var _steps$0$label;
           expect(_testWrapper.screen.queryByRole('tooltip')).toBeInTheDocument();
-          expect(_testWrapper.screen.queryByRole('tooltip')).toHaveTextContent(steps[0].label);
+          expect(_testWrapper.screen.queryByRole('tooltip')).toHaveTextContent((_steps$0$label = steps[0].label) !== null && _steps$0$label !== void 0 ? _steps$0$label : '');
         }, 0);
 
         // Should render textValue

package/lib/cjs/components/Stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Step } from './Step';
+export { default } from './Stepper';

package/lib/cjs/styles/themeOverrides/onyxDarkUiLibraryOverride.js

@@ -118,7 +118,9 @@ var forms = {
       '& input[type=search]': _objectSpread(_objectSpread({}, _nextGenDarkMode["default"].text.inputValue), {}, {
         borderColor: _onyxTokens.astroTokensDark.color.gray[500],
         fontSize: '15px',
-        bg: 'white',
+        bg: _onyxTokens.astroTokensDark.color.gray[900],
+        height: '50px',
+        borderRadius: '4px',
         '::placeholder': _objectSpread(_objectSpread({}, _nextGenDarkMode["default"].text.placeholder), {}, {
           fontStyle: 'unset',
           fontSize: '15px'

package/lib/cjs/types/Stepper.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { TestingAttributes } from './shared/test';
+import { ValidPositiveInteger } from './shared/validPositiveInteger';
+import { BoxProps } from './box';
+export interface StepperItemProps {
+    /** The primary option for the tooltip label. */
+    label?: string;
+    children?: ReactNode;
+    name?: string;
+    /** Whether the step is required. */
+    isRequired?: boolean;
+}
+export interface StepperProps extends BoxProps, TestingAttributes {
+    /**
+     * *For performance reasons,
+     * use this prop instead of Array.map when iteratively rendering Items*.
+     * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
+     */
+    items?: Array<StepperItemProps>;
+    /** The number of the current step (using one-based indexing) */
+    activeStep?: ValidPositiveInteger;
+    /**
+     * Handler that is called when the current step changes.
+     * `(index: number) => void`
+     */
+    onStepChange?: (index: number) => void;
+    /** A props object that is subsequently spread into the rendered tablist. */
+    tabListProps?: Record<string, unknown>;
+    /** A props object that is subsequently spread into the rendered tooltip. */
+    tooltipProps?: Record<string, unknown>;
+    /** The orientation of the stepper. */
+    orientation?: 'vertical' | 'horizontal';
+}

package/lib/cjs/types/Stepper.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -52,6 +52,7 @@ export * from './separator';
 export * from './ServerErrorBoundary';
 export * from './shared';
 export * from './skeleton';
+export * from './Stepper';
 export * from './switchField';
 export * from './tab';
 export * from './table';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context0, _context1, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context0, _context1, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -601,8 +601,19 @@ _forEachInstanceProperty(_context52 = _Object$keys(_skeleton)).call(_context52,
     }
   });
 });
+var _Stepper = require("./Stepper");
+_forEachInstanceProperty(_context53 = _Object$keys(_Stepper)).call(_context53, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Stepper[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Stepper[key];
+    }
+  });
+});
 var _switchField = require("./switchField");
-_forEachInstanceProperty(_context53 = _Object$keys(_switchField)).call(_context53, function (key) {
+_forEachInstanceProperty(_context54 = _Object$keys(_switchField)).call(_context54, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _switchField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -613,7 +624,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_switchField)).call(_context5
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context54 = _Object$keys(_tab)).call(_context54, function (key) {
+_forEachInstanceProperty(_context55 = _Object$keys(_tab)).call(_context55, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -624,7 +635,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_tab)).call(_context54, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context55 = _Object$keys(_table)).call(_context55, function (key) {
+_forEachInstanceProperty(_context56 = _Object$keys(_table)).call(_context56, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -635,7 +646,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_table)).call(_context55, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context56 = _Object$keys(_tabs)).call(_context56, function (key) {
+_forEachInstanceProperty(_context57 = _Object$keys(_tabs)).call(_context57, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -646,7 +657,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_tabs)).call(_context56, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context57 = _Object$keys(_text)).call(_context57, function (key) {
+_forEachInstanceProperty(_context58 = _Object$keys(_text)).call(_context58, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -657,7 +668,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_text)).call(_context57, func
   });
 });
 var _textField = require("./textField");
-_forEachInstanceProperty(_context58 = _Object$keys(_textField)).call(_context58, function (key) {
+_forEachInstanceProperty(_context59 = _Object$keys(_textField)).call(_context59, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _textField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -668,7 +679,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_textField)).call(_context58,
   });
 });
 var _timefield = require("./timefield");
-_forEachInstanceProperty(_context59 = _Object$keys(_timefield)).call(_context59, function (key) {
+_forEachInstanceProperty(_context60 = _Object$keys(_timefield)).call(_context60, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _timefield[key]) return;
   _Object$defineProperty(exports, key, {
@@ -679,7 +690,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_timefield)).call(_context59,
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context60 = _Object$keys(_tooltipTrigger)).call(_context60, function (key) {
+_forEachInstanceProperty(_context61 = _Object$keys(_tooltipTrigger)).call(_context61, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/tabs.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ReactNode } from 'react';
 import { AriaTabListProps } from '@react-aria/tabs';
 import { TabListState } from '@react-stately/tabs';
 import type { CollectionChildren } from '@react-types/shared';
@@ -21,7 +21,7 @@ export interface TabsProps extends StyleProps, TestingAttributes, OrientationPro
     /** Whether the entire tablist is disabled. */
     isDisabled?: boolean;
     /** Handler that is called when the selected tab has changed. */
-    onSelectionChange?: Dispatch<SetStateAction<string | undefined>>;
+    onSelectionChange?: (key: string) => void;
     /** A props object that is subsequently spread into the rendered tablist. */
     tabListProps?: object;
     /** Props object that is spread directly into all of the tab panel wrapper elements. */

package/lib/cjs/utils/devUtils/props/isValidPositiveInt.d.ts

@@ -0,0 +1,2 @@
+declare const isValidPositiveInt: (props: Record<string, unknown>, propName: string, componentName: string) => null | Error;
+export default isValidPositiveInt;

package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js

@@ -20,7 +20,8 @@ var validatePositiveInteger = function validatePositiveInteger() {
     var isPositiveInteger = isWithinRange(1, Infinity);
     if (props[propName] && !isPositiveInteger(props[propName])) {
       var _context, _context2;
-      return new Error((0, _concat["default"])(_context = (0, _concat["default"])(_context2 = "Expected a positive integer for ".concat(propName, " in ")).call(_context2, componentName, ", but instead received `")).call(_context, props[propName], "`."));
+      var received = props[propName];
+      return new Error((0, _concat["default"])(_context = (0, _concat["default"])(_context2 = "Expected a positive integer for ".concat(propName, " in ")).call(_context2, componentName, ", but instead received `")).call(_context, received, "`."));
     }
     // Everything is fine
     return null;

package/lib/components/LinkSelectField/LinkSelectField.js

@@ -6,9 +6,11 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+var _excluded = ["sx"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef } from 'react';
@@ -30,10 +32,11 @@ var LinkSelectField = /*#__PURE__*/forwardRef(function (props, ref) {
     isDisabled = props.isDisabled,
     status = props.status,
     helperText = props.helperText,
-    iconProps = props.iconProps,
     hasInlineLoader = props.hasInlineLoader,
     popoverWidth = props.popoverWidth,
-    triggerProps = props.triggerProps;
+    iconProps = props.iconProps,
+    triggerProps = props.triggerProps,
+    triggerProp = props.trigger;
   var _getAriaAttributeProp = getAriaAttributeProps(props),
     ariaProps = _getAriaAttributeProp.ariaProps;
   var _useGetTheme = useGetTheme(),
@@ -57,7 +60,10 @@ var LinkSelectField = /*#__PURE__*/forwardRef(function (props, ref) {
     state = selectFieldProps.state,
     raTriggerProps = selectFieldProps.triggerProps,
     triggerRef = selectFieldProps.triggerRef;
-  var trigger = ___EmotionJSX(Button, _extends({
+  var _ref = iconProps || {},
+    iconPropsSx = _ref.sx,
+    restIconProps = _objectWithoutProperties(_ref, _excluded);
+  var triggerNode = ___EmotionJSX(Button, _extends({
     className: fieldControlInputProps.className,
     ref: triggerRef,
     variant: "selectLink",
@@ -77,23 +83,25 @@ var LinkSelectField = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "forms.select.arrow"
   }, ___EmotionJSX(Icon, _extends({
     icon: MenuDown,
+    title: {
+      name: 'Menu Down Icon'
+    },
+    sx: _objectSpread(_objectSpread({}, state.isOpen ? {
+      transform: 'rotate(180deg)'
+    } : null), iconPropsSx)
+  }, restIconProps, {
     title: {
       name: ''
     },
     color: isOnyx ? 'font.link' : 'active',
     size: linkSelectFieldIcon,
     "aria-hidden": "true"
-  }, iconProps, {
-    sx: _objectSpread({
-      transform: state.isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-      transition: 'transform 150ms ease'
-    }, iconProps === null || iconProps === void 0 ? void 0 : iconProps.sx)
   })))), ___EmotionJSX(VisuallyHidden, {
     "aria-live": "polite",
     id: helperTextId
   }, helperText));
   return ___EmotionJSX(SelectFieldBase, _extends({}, props, selectFieldProps, {
-    trigger: trigger
+    trigger: triggerProp || triggerNode
   }));
 });
 LinkSelectField.propTypes = _objectSpread(_objectSpread(_objectSpread({
@@ -162,8 +170,19 @@ LinkSelectField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   onSelectionChange: PropTypes.func,
   /** Display an inline loader inside the select trigger while loading. */
   hasInlineLoader: PropTypes.bool,
+  /**
+   * Props object that is spread directly into the Icon inside the default trigger button.
+   * Supports all IconProps (icon, title, size, color, sx, etc.).
+   * The sx prop is merged with the rotation style.
+   */
+  iconProps: PropTypes.shape({}),
   /** Width of the popover menu. Accepts any valid CSS unit. */
-  popoverWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  popoverWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * A ReactNode that replaces the default Button trigger entirely.
+   * When provided, the local Button element is not rendered.
+   */
+  trigger: PropTypes.node
 }, statusPropTypes), inputFieldAttributesBasePropTypes), ariaAttributesBasePropTypes);
 LinkSelectField.defaultProps = _objectSpread({
   placeholder: 'Select',