@pingux/astro 2.143.0 → 2.144.0-alpha.0

package/lib/components/ListBox/ListBox.js

@@ -8,7 +8,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isCondensed", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "loadingState", "onLoadMore", "onLoadPrev", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details", "showSelectedOption"];
+var _excluded = ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isCondensed", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "loadingState", "onLoadMore", "onLoadPrev", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details", "shouldShowSelectedOption"];
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -82,7 +82,7 @@ var ListBox = /*#__PURE__*/forwardRef(function (props, ref) {
     ariaLabelledby = props['aria-labelledby'],
     ariaDescribedby = props['aria-describedby'],
     ariaDetails = props['aria-details'],
-    showSelectedOption = props.showSelectedOption,
+    shouldShowSelectedOption = props.shouldShowSelectedOption,
     others = _objectWithoutProperties(props, _excluded);
 
   // Object matching React Aria API with all options
@@ -184,7 +184,7 @@ var ListBox = /*#__PURE__*/forwardRef(function (props, ref) {
         item: item,
         hasVirtualFocus: hasVirtualFocus,
         isCondensed: isCondensed,
-        showSelectedOption: showSelectedOption
+        shouldShowSelectedOption: shouldShowSelectedOption
       });
     }
     if (type === collectionTypes.LOADER) {

package/lib/components/ListBox/Option.js

@@ -9,7 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-var _excluded = ["item", "hasVirtualFocus", "isCondensed", "showSelectedOption"],
+var _excluded = ["item", "hasVirtualFocus", "isCondensed", "shouldShowSelectedOption"],
   _excluded2 = ["onPressStart", "onPressUp"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -56,7 +56,7 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
   var item = props.item,
     hasVirtualFocus = props.hasVirtualFocus,
     isCondensed = props.isCondensed,
-    showSelectedOption = props.showSelectedOption,
+    shouldShowSelectedOption = props.shouldShowSelectedOption,
     others = _objectWithoutProperties(props, _excluded);
   var key = item.key,
     itemProps = item.props,
@@ -84,9 +84,9 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
     isFocused = _useOption.isFocused,
     isFocusVisible = _useOption.isFocusVisible,
     isPressed = _useOption.isPressed;
-  var focused = isFocused || (state === null || state === void 0 || (_state$selectionManag = state.selectionManager) === null || _state$selectionManag === void 0 ? void 0 : _state$selectionManag.focusedKey) === item.key;
+  var hasFocus = isFocused || (state === null || state === void 0 || (_state$selectionManag = state.selectionManager) === null || _state$selectionManag === void 0 ? void 0 : _state$selectionManag.focusedKey) === item.key;
   var setFocusOnHover = function setFocusOnHover() {
-    if (!focused && !isCondensed) {
+    if (!hasFocus && !isCondensed) {
       state.selectionManager.setFocusedKey(item.key);
     }
   };
@@ -94,8 +94,8 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
     isOnyx = _useGetTheme.themeState.isOnyx;
   var _useStatusClasses = useStatusClasses(null, {
       isDisabled: isDisabled || isSeparator,
-      isFocused: focused,
-      isSelected: showSelectedOption ? isSelected : false,
+      isFocused: hasFocus,
+      isSelected: shouldShowSelectedOption ? isSelected : false,
       isCondensed: isCondensed,
       isFocusVisible: isFocusVisible,
       isPressed: isPressed
@@ -132,12 +132,12 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
     mr: "xs",
     className: classNames,
     variant: "listBox.checkboxIcon"
-  }) : isSelected && !isOnyx && showSelectedOption && ___EmotionJSX(Icon, {
+  }) : isSelected && !isOnyx && shouldShowSelectedOption && ___EmotionJSX(Icon, {
     icon: CircleSmallIcon,
     title: {
       name: 'Circle Small Icon'
     }
-  }), rendered, isSelected && isOnyx && showSelectedOption && ___EmotionJSX(Icon, {
+  }), rendered, isSelected && isOnyx && shouldShowSelectedOption && ___EmotionJSX(Icon, {
     icon: CheckIcon,
     title: {
       name: 'Check Icon'
@@ -146,6 +146,6 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
 });
 Option.defaultProps = {
-  showSelectedOption: true
+  shouldShowSelectedOption: true
 };
 export default Option;

package/lib/components/MenuItem/MenuItem.js

@@ -17,14 +17,14 @@ import Box from '../Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var item = props.item,
-    propIsDisabled = props.isDisabled,
+    isPropDisabled = props.isDisabled,
     isFocusVisible = props.isFocusVisible,
     isNotFocusedOnHover = props.isNotFocusedOnHover,
     className = props.className,
     state = props.state;
   var _useMenuContext = useMenuContext(),
     onClose = _useMenuContext.onClose,
-    closeOnSelect = _useMenuContext.closeOnSelect;
+    shouldCloseOnSelect = _useMenuContext.shouldCloseOnSelect;
   var _ref = item,
     key = _ref.key,
     rendered = _ref.rendered,
@@ -33,7 +33,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
     propIsPressed = itemProps.isPressed,
     dataId = itemProps['data-id'],
     others = _objectWithoutProperties(itemProps, _excluded);
-  var isDisabled = propIsDisabled || state.disabledKeys.has(key);
+  var isDisabled = isPropDisabled || state.disabledKeys.has(key);
   var isSelected = state.selectionManager.isSelected(key);
   usePropWarning(props, 'disabled', 'isDisabled');
   var menuItemRef = useLocalOrForwardRef(ref);
@@ -43,7 +43,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
       isDisabled: isDisabled,
       isSelected: isSelected,
       onClose: onClose,
-      closeOnSelect: closeOnSelect
+      closeOnSelect: shouldCloseOnSelect
     }, state, menuItemRef),
     menuItemProps = _useMenuItem.menuItemProps;
   var _useState = useState(false),

package/lib/components/MultivaluesField/CondensedMultivaluesField.js

@@ -110,7 +110,7 @@ var CondensedMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
       loadingState: loadingState,
       inputValue: filterString
     }),
-    showLoading = _useInputLoader.showLoading;
+    isLoading = _useInputLoader.isLoading;
   useEffect(function () {
     setInitialItems(_Array$from(items));
   }, []);
@@ -379,7 +379,7 @@ var CondensedMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "forms.comboBox.inputInContainerSlot"
   },
   // Render loader after delay if filtering or loading
-  showLoading && (isOpen || loadingState === loadingStates.LOADING) && ___EmotionJSX(Loader, {
+  isLoading && (isOpen || loadingState === loadingStates.LOADING) && ___EmotionJSX(Loader, {
     variant: "loader.withinInput"
   }), ___EmotionJSX(Box, {
     as: "button",

package/lib/components/MultivaluesField/DefaultMultivaluesField.js

@@ -147,7 +147,7 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
       loadingState: loadingState,
       inputValue: filterString
     }),
-    showLoading = _useInputLoader.showLoading;
+    isLoading = _useInputLoader.isLoading;
   var closeBadgeRefs = useRef([]);
   var inputWrapperRef = useRef();
   var inputRef = useRef();
@@ -506,7 +506,7 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "forms.comboBox.inputInContainerSlot"
   },
   // Render loader after delay if filtering or loading
-  showLoading && loadingState === loadingStates.LOADING && ___EmotionJSX(Loader, {
+  isLoading && loadingState === loadingStates.LOADING && ___EmotionJSX(Loader, {
     variant: "loader.withinInput"
   }));
   return ___EmotionJSX(MultivaluesContext.Provider, {

package/lib/components/NavBarSection/NavBarItemHeader.js

@@ -38,22 +38,22 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
   var array = (item === null || item === void 0 ? void 0 : item.children) && _mapInstanceProperty(_context = item.children).call(_context, function (i) {
     return i.key;
   });
-  var childSelected = array && _includesInstanceProperty(array).call(array, navBarState.selectedKey);
+  var isChildSelected = array && _includesInstanceProperty(array).call(array, navBarState.selectedKey);
   useEffect(function () {
-    if (childSelected && isExpanded === false) {
+    if (isChildSelected && isExpanded === false) {
       var _context2;
       setExpandedKeys(_concatInstanceProperty(_context2 = []).call(_context2, expandedKeys, [key]));
     }
   }, [selectedKey]);
   var _useStatusClasses = useStatusClasses(className, {
-      isSelected: childSelected && !isExpanded
+      isSelected: isChildSelected && !isExpanded
     }),
     classNames = _useStatusClasses.classNames;
   var getIconColor = function getIconColor() {
     if (navStyles.navBarItemHeader === 'navBar.popUpItemHeaderContainer') {
-      return childSelected && !isExpanded ? 'white' : 'text.primary';
+      return isChildSelected && !isExpanded ? 'white' : 'text.primary';
     }
-    return childSelected && !isExpanded ? 'white' : 'neutral.95';
+    return isChildSelected && !isExpanded ? 'white' : 'neutral.95';
   };
   return ___EmotionJSX(Box, {
     variant: navStyles.navBarItemHeader,

package/lib/components/NavSideBar/NavSideBarSectionHeader.js

@@ -30,23 +30,23 @@ var NavSideBarSectionHeader = function NavSideBarSectionHeader(props) {
     navStyles = navBarState.navStyles,
     selectedKey = navBarState.selectedKey;
   var isExpanded = _includesInstanceProperty(expandedKeys).call(expandedKeys, id);
-  var childSelected = _Array$isArray(items) && _includesInstanceProperty(_context = _mapInstanceProperty(items).call(items, function (i) {
+  var isChildSelected = _Array$isArray(items) && _includesInstanceProperty(_context = _mapInstanceProperty(items).call(items, function (i) {
     return i.key;
   })).call(_context, selectedKey);
   useEffect(function () {
-    if (childSelected && isExpanded === false) {
+    if (isChildSelected && isExpanded === false) {
       var _context2;
       setExpandedKeys(_concatInstanceProperty(_context2 = []).call(_context2, expandedKeys, [id]));
     }
   }, []);
   var _useStatusClasses = useStatusClasses(className, {
-      isSelected: childSelected && !isExpanded
+      isSelected: isChildSelected && !isExpanded
     }),
     classNames = _useStatusClasses.classNames;
-  var variant = childSelected && !isExpanded ? navStyles.navBarItemIcon : navStyles.navBarItemIconSelected;
+  var variant = isChildSelected && !isExpanded ? navStyles.navBarItemIcon : navStyles.navBarItemIconSelected;
   var handleButtonPress = function handleButtonPress() {
     onExpandedChange(!isExpanded);
-    if (childSelected && isExpanded === false) {
+    if (isChildSelected && isExpanded === false) {
       var _context3;
       setExpandedKeys(_concatInstanceProperty(_context3 = []).call(_context3, expandedKeys, [id]));
     }

package/lib/components/PopoverMenu/PopoverMenu.js

@@ -66,7 +66,7 @@ var PopoverMenu = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: menuRef,
     onClose: state.close,
     // Our API preference is for default false so we invert this since it should be default true
-    closeOnSelect: !isNotClosedOnSelect,
+    shouldCloseOnSelect: !isNotClosedOnSelect,
     autoFocus: state.focusStrategy || true
   });
   var contents = ___EmotionJSX(FocusScope, {

package/lib/components/ProgressBar/ProgressBar.js

@@ -19,8 +19,8 @@ export var calculateBarWidth = function calculateBarWidth(value, minValue, maxVa
 var ProgressBar = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$label = props.label,
     label = _props$label === void 0 ? '' : _props$label,
-    _props$showValueLabel = props.showValueLabel,
-    showValueLabel = _props$showValueLabel === void 0 ? true : _props$showValueLabel,
+    _props$shouldShowValu = props.shouldShowValueLabel,
+    shouldShowValueLabel = _props$shouldShowValu === void 0 ? true : _props$shouldShowValu,
     value = props.value,
     _props$minValue = props.minValue,
     minValue = _props$minValue === void 0 ? 0 : _props$minValue,
@@ -44,7 +44,7 @@ var ProgressBar = /*#__PURE__*/forwardRef(function (props, ref) {
   }, label && ___EmotionJSX(Text, _extends({
     fontSize: "xs",
     fontWeight: "3"
-  }, labelProps), label), showValueLabel && ___EmotionJSX(Text, {
+  }, labelProps), label), shouldShowValueLabel && ___EmotionJSX(Text, {
     fontSize: "xs",
     fontWeight: "3"
   }, progressBarProps['aria-valuetext'])), ___EmotionJSX(Box, {

package/lib/components/ProgressBar/ProgressBar.stories.js

@@ -30,7 +30,7 @@ export default {
         disable: true
       }
     },
-    showValueLabel: {
+    shouldShowValueLabel: {
       table: {
         disable: true
       }

package/lib/components/ProgressBar/ProgressBar.test.js

@@ -57,10 +57,10 @@ test('renders value as custom valueLabel instead of percentage', function () {
   expect(value).not.toBeInTheDocument();
   expect(valueLabel).toBeInTheDocument();
 });
-test('does not render value when showValueLabel is false', function () {
+test('does not render value when shouldShowValueLabel is false', function () {
   getComponent({
     value: 25,
-    showValueLabel: false
+    shouldShowValueLabel: false
   });
   var valueLabel = screen.queryByText('25%');
   expect(valueLabel).not.toBeInTheDocument();

package/lib/components/RadioField/RadioField.js

@@ -33,14 +33,14 @@ var RadioField = /*#__PURE__*/forwardRef(function (props, ref) {
     controlProps = props.controlProps,
     hasAutoFocus = props.hasAutoFocus,
     helperText = props.helperText,
-    radioDisabled = props.isDisabled,
+    isRadioDisabled = props.isDisabled,
     label = props.label,
     status = props.status;
   usePropWarning(props, 'disabled', 'isDisabled');
   var radioFieldRef = useLocalOrForwardRef(ref);
   var state = useContext(RadioContext);
-  var groupDisabled = state.isDisabled;
-  var isDisabled = radioDisabled || groupDisabled;
+  var isGroupDisabled = state.isDisabled;
+  var isDisabled = isRadioDisabled || isGroupDisabled;
   var _useRadio = useRadio(_objectSpread(_objectSpread({
       children: label,
       autoFocus: hasAutoFocus

package/lib/components/RockerButton/RockerButton.js

@@ -44,12 +44,12 @@ export var RockerButton = /*#__PURE__*/forwardRef(function (props, ref) {
     }), state, rockerButtonRef),
     rockerButtonProps = _useToggleButtonGroup.buttonProps,
     isSelected = _useToggleButtonGroup.isSelected,
-    raIsDisabled = _useToggleButtonGroup.isDisabled,
+    isRaDisabled = _useToggleButtonGroup.isDisabled,
     isPressed = _useToggleButtonGroup.isPressed;
   var _useStatusClasses = useStatusClasses(className, {
       isHovered: isHovered,
       isPressed: isPressed,
-      isDisabled: raIsDisabled,
+      isDisabled: isRaDisabled,
       isSelected: isSelected
     }),
     classNames = _useStatusClasses.classNames;

package/lib/components/SearchField/SearchAutoComplete.js

@@ -151,6 +151,6 @@ export var SearchAutoComplete = /*#__PURE__*/forwardRef(function (props, ref) {
     state: comboBoxState,
     isFocusedOnHover: shouldFocusOnHover,
     isSelectedOnPressUp: shouldSelectOnPressUp,
-    showSelectedOption: false
+    shouldShowSelectedOption: false
   }, otherListBoxProps)))));
 });

package/lib/components/SelectField/SelectField.stories.js

@@ -393,8 +393,8 @@ export var AsyncLoading = function AsyncLoading() {
     setDataSize = _useState10[1];
   var _useState11 = useState(true),
     _useState12 = _slicedToArray(_useState11, 2),
-    loading = _useState12[0],
-    setLoading = _useState12[1];
+    isLoading = _useState12[0],
+    setIsLoading = _useState12[1];
   var fetchData = useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentLimit) {
       var response, json;
@@ -414,14 +414,14 @@ export var AsyncLoading = function AsyncLoading() {
               setData(json.body._embedded.users || []);
               setDataSize(json.body.count);
             }
-            setLoading(false);
+            setIsLoading(false);
             _context3.next = 15;
             break;
           case 11:
             _context3.prev = 11;
             _context3.t0 = _context3["catch"](0);
             console.error('Fetch error:', _context3.t0);
-            setLoading(false);
+            setIsLoading(false);
           case 15:
           case "end":
             return _context3.stop();
@@ -434,7 +434,7 @@ export var AsyncLoading = function AsyncLoading() {
   }(), []);
   var handleLoadMore = function handleLoadMore() {
     if (limit >= dataSize) return;
-    setLoading(true);
+    setIsLoading(true);
     setLimit(function (prevLimit) {
       return prevLimit + LIMIT;
     });
@@ -445,7 +445,7 @@ export var AsyncLoading = function AsyncLoading() {
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(SelectField, {
     label: "Pick a User",
     items: data,
-    isLoading: loading,
+    isLoading: isLoading,
     onLoadMore: handleLoadMore
   }, function (item) {
     var user = item;

package/lib/components/Tab/Tab.js

@@ -18,7 +18,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 export var CollectionTab = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
     item = props.item,
-    tabsDisabled = props.isDisabled,
+    isTabsDisabled = props.isDisabled,
     isRequired = props.isRequired,
     orientation = props.orientation,
     mode = props.mode,
@@ -27,7 +27,7 @@ export var CollectionTab = /*#__PURE__*/forwardRef(function (props, ref) {
     rendered = item.rendered,
     itemProps = item.props;
   var state = useContext(TabsContext);
-  var isDisabled = tabsDisabled || (itemProps === null || itemProps === void 0 ? void 0 : itemProps.isDisabled) || state.disabledKeys.has(key);
+  var isDisabled = isTabsDisabled || (itemProps === null || itemProps === void 0 ? void 0 : itemProps.isDisabled) || state.disabledKeys.has(key);
   var isSelected = state.selectedKey === key;
   var _useFocusRing = useFocusRing(),
     isFocusVisible = _useFocusRing.isFocusVisible,

package/lib/hooks/useComponentToggle/useComponentToggle.js

@@ -4,21 +4,21 @@ import { useProgressiveState } from '../index';
 var useComponentToggle = function useComponentToggle(props) {
   var ComponentToRenderIfTrue = props.ComponentToRenderIfTrue,
     ComponentToRenderIfFalse = props.ComponentToRenderIfFalse,
-    condition = props.condition,
+    isToggled = props.isToggled,
     onConditionChange = props.onConditionChange;
-  var _useProgressiveState = useProgressiveState(condition, false),
+  var _useProgressiveState = useProgressiveState(isToggled, false),
     _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
-    isToggled = _useProgressiveState2[0],
+    isToggledState = _useProgressiveState2[0],
     setIsToggled = _useProgressiveState2[1];
-  var RenderedComponent = isToggled ? ComponentToRenderIfTrue : ComponentToRenderIfFalse;
+  var RenderedComponent = isToggledState ? ComponentToRenderIfTrue : ComponentToRenderIfFalse;
   var handleConditionChange = function handleConditionChange() {
-    setIsToggled(!isToggled);
+    setIsToggled(!isToggledState);
     if (onConditionChange) {
       var _context;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      onConditionChange.apply(void 0, _concatInstanceProperty(_context = [!isToggled]).call(_context, args));
+      onConditionChange.apply(void 0, _concatInstanceProperty(_context = [!isToggledState]).call(_context, args));
     }
   };
   return {

package/lib/hooks/useComponentToggle/useComponentToggle.test.js

@@ -17,9 +17,9 @@ import userEvent from '@testing-library/user-event';
 import useComponentToggle from './useComponentToggle';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var callback = jest.fn();
-var condition = false;
+var isToggled = false;
 var defaultProps = {
-  condition: condition,
+  isToggled: isToggled,
   onConditionChange: callback,
   ComponentToRenderIfTrue: ___EmotionJSX("span", null, "true-string"),
   ComponentToRenderIfFalse: ___EmotionJSX("span", null, "false-string")
@@ -27,11 +27,11 @@ var defaultProps = {
 var TestComponent = function TestComponent() {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    thisCondition = _useState2[0],
-    setCondition = _useState2[1];
+    isToggledState = _useState2[0],
+    setIsToggledState = _useState2[1];
   var conditionalRenderProps = {
-    condition: thisCondition,
-    onConditionChange: setCondition,
+    isToggled: isToggledState,
+    onConditionChange: setIsToggledState,
     ComponentToRenderIfTrue: ___EmotionJSX("span", null, "true-string"),
     ComponentToRenderIfFalse: ___EmotionJSX("span", null, "false-string"),
     onConditionChangeProp: callback

package/lib/hooks/useGridList/useGridList.js

@@ -15,15 +15,15 @@ import { useListData } from '@react-stately/data';
 import useReorderableCollection from '../useReorderableCollection';
 var useGridList = function useGridList(props) {
   var acceptedDragTypes = props.acceptedDragTypes,
-    allowDuplicateSelectionEvents = props.allowDuplicateSelectionEvents,
-    autoFocus = props.autoFocus,
+    shouldAllowDuplicateSelectionEvents = props.shouldAllowDuplicateSelectionEvents,
+    hasAutoFocus = props.hasAutoFocus,
     children = props.children,
     collection = props.collection,
     defaultSelectedKeys = props.defaultSelectedKeys,
     disabledBehavior = props.disabledBehavior,
     disabledKeys = props.disabledKeys,
-    disallowEmptySelection = props.disallowEmptySelection,
-    disallowTypeAhead = props.disallowTypeAhead,
+    shouldDisallowEmptySelection = props.shouldDisallowEmptySelection,
+    shouldDisallowTypeAhead = props.shouldDisallowTypeAhead,
     escapeKeyBehavior = props.escapeKeyBehavior,
     filter = _filterInstanceProperty(props),
     getDropOperation = props.getDropOperation,
@@ -92,13 +92,13 @@ var useGridList = function useGridList(props) {
     initialSelectedKeys: initialSelectedKeys
   };
   var listStateOptions = {
-    allowDuplicateSelectionEvents: allowDuplicateSelectionEvents,
+    shouldAllowDuplicateSelectionEvents: shouldAllowDuplicateSelectionEvents,
     children: children,
     collection: collection,
     defaultSelectedKeys: defaultSelectedKeys,
     disabledBehavior: disabledBehavior,
     disabledKeys: disabledKeys,
-    disallowEmptySelection: disallowEmptySelection,
+    disallowEmptySelection: shouldDisallowEmptySelection,
     filter: filter,
     onSelectionChange: onSelectionChange,
     selectedKeys: selectedKeys,
@@ -110,12 +110,12 @@ var useGridList = function useGridList(props) {
     items: list.items
   }));
   var gridOptions = {
-    autoFocus: autoFocus,
+    autoFocus: hasAutoFocus,
     defaultSelectedKeys: defaultSelectedKeys,
     disabledBehavior: disabledBehavior,
     disabledKeys: disabledKeys,
-    disallowEmptySelection: disallowEmptySelection,
-    disallowTypeAhead: disallowTypeAhead,
+    disallowEmptySelection: shouldDisallowEmptySelection,
+    disallowTypeAhead: shouldDisallowTypeAhead,
     escapeKeyBehavior: escapeKeyBehavior,
     items: list.items,
     keyboardDelegate: keyboardDelegate,

package/lib/hooks/useInputLoader/useInputLoader.js

@@ -8,16 +8,16 @@ var useInputLoader = function useInputLoader(_ref) {
   // START - minimum delay time for loading indicator = 500ms
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    showLoading = _useState2[0],
-    setShowLoading = _useState2[1];
+    isLoadingState = _useState2[0],
+    setIsLoading = _useState2[1];
   var isLoading = loadingState === loadingStates.LOADING || loadingState === loadingStates.FILTERING;
   var lastInputValue = useRef(inputValue);
   var timeout = useRef(null);
   useEffect(function () {
-    if (isLoading && !showLoading) {
+    if (isLoading && !isLoadingState) {
       if (timeout.current === null) {
         timeout.current = _setTimeout(function () {
-          setShowLoading(true);
+          setIsLoading(true);
         }, 500);
       }
 
@@ -25,21 +25,21 @@ var useInputLoader = function useInputLoader(_ref) {
       if (inputValue !== lastInputValue.current) {
         clearTimeout(timeout.current);
         timeout.current = _setTimeout(function () {
-          setShowLoading(true);
+          setIsLoading(true);
         }, 500);
       }
     } else if (!isLoading) {
       // If loading is no longer happening, clear any timers and hide the loader
-      setShowLoading(false);
+      setIsLoading(false);
       if (timeout.current) {
         clearTimeout(timeout.current);
         timeout.current = null;
       }
     }
     lastInputValue.current = inputValue;
-  }, [isLoading, showLoading, inputValue]);
+  }, [isLoading, isLoadingState, inputValue]);
   return {
-    showLoading: showLoading
+    isLoading: isLoadingState
   };
   // END - minimum delay time for loading indicator = 500ms
 };

package/lib/hooks/useModalState/useModalState.js

@@ -22,8 +22,8 @@ var useModalState = function useModalState() {
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
-  var modalOpen = state.isOpen;
-  var isTransitioning = useMountTransition(modalOpen, transitionDuration || 300);
+  var isModalOpen = state.isOpen;
+  var isTransitioning = useMountTransition(isModalOpen, transitionDuration || 300);
   var returnState = _objectSpread(_objectSpread({}, state), {}, {
     isTransitioning: isTransitioning
   });

package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -23,8 +23,8 @@ var useOverlayPanelState = function useOverlayPanelState() {
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
-  var panelOpen = state.isOpen;
-  var isTransitioning = useMountTransition(panelOpen, transitionDuration);
+  var isPanelOpen = state.isOpen;
+  var isTransitioning = useMountTransition(isPanelOpen, transitionDuration);
   var onClose = function onClose(stateProp, triggerRef, onCloseProp) {
     if (stateProp) {
       stateProp.close();

package/lib/hooks/useSelectField/useSelectField.js

@@ -31,8 +31,8 @@ var useSelectField = function useSelectField(props, ref) {
     defaultText = props.defaultText,
     direction = props.direction,
     disabledKeys = props.disabledKeys,
-    disallowEmptySelection = props.hasNoEmptySelection,
-    defaultOpen = props.isDefaultOpen,
+    hasNoEmptySelection = props.hasNoEmptySelection,
+    isDefaultOpen = props.isDefaultOpen,
     isDisabled = props.isDisabled,
     isLoading = props.isLoading,
     isNotFlippable = props.isNotFlippable,
@@ -73,9 +73,9 @@ var useSelectField = function useSelectField(props, ref) {
     onLoadMore: onLoadMore,
     onOpenChange: onOpenChange,
     onSelectionChange: onSelectionChange,
-    defaultOpen: defaultOpen,
+    defaultOpen: isDefaultOpen,
     // must match React Aria API
-    disallowEmptySelection: disallowEmptySelection,
+    disallowEmptySelection: hasNoEmptySelection,
     // must match React Aria API
     shouldFlip: shouldFlip
   }, controlProps), {}, {

package/lib/hooks/useSliderField/useSliderField.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["activeTrackProps", "autoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "helpHintProps", "hintText", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
+var _excluded = ["activeTrackProps", "hasAutoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "helpHintProps", "hintText", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -63,7 +63,7 @@ export var getLengthValuesMultiThumb = function getLengthValuesMultiThumb(minVal
 };
 var useSliderField = function useSliderField(props) {
   var activeTrackProps = props.activeTrackProps,
-    autoFocus = props.autoFocus,
+    hasAutoFocus = props.hasAutoFocus,
     className = props.className,
     defaultValueProp = props.defaultValue,
     displayValueProp = props.displayValue,
@@ -146,7 +146,7 @@ var useSliderField = function useSliderField(props) {
     }
   }, [maxValue, state]);
   var thumbOptions = _objectSpread(_objectSpread({}, thumbProps), {}, {
-    autoFocus: autoFocus,
+    hasAutoFocus: hasAutoFocus,
     isDisabled: isDisabled,
     name: name,
     onBlur: onBlur,

package/lib/utils/designUtils/figmaLinks.js

@@ -48,7 +48,7 @@ export var FIGMA_LINKS = {
     unavailableDates: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-15681&mode=design&t=PX1Q47IuuVvOafDQ-4',
     minimumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16197&mode=design&t=PX1Q47IuuVvOafDQ-4',
     maximumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16454&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    autofocus: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16768&mode=design&t=PX1Q47IuuVvOafDQ-4'
+    hasAutofocus: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16768&mode=design&t=PX1Q47IuuVvOafDQ-4'
   },
   callout: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=45647%3A506&mode=dev',