@pingux/astro 2.31.0 → 2.32.0-alpha.0

package/lib/cjs/utils/docUtils/pressAttributes.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onPressArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _docArgTypes = require("./docArgTypes");
+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) { (0, _defineProperty2["default"])(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; }
+var descriptions = {
+  onPress: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
+  onPressChange: 'Handler that is called when the press state changes. (isPressed: boolean) => void',
+  onPressEnd: 'Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. (e: PressEvent) => void',
+  onPressStart: 'Handler that is called when a press interaction starts. (e: PressEvent) => void',
+  onPressUp: 'Handler that is called when a press is released over the target, regardless of whether it started on the target or not. (e: PressEvent) => void'
+};
+var baseDocSettings = _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+  table: {
+    category: 'Press Handlers'
+  }
+});
+var onPressArgTypes = {
+  onPress: _objectSpread({
+    description: descriptions.onPress
+  }, baseDocSettings),
+  onPressStart: _objectSpread({
+    description: descriptions.onPressStart
+  }, baseDocSettings),
+  onPressEnd: _objectSpread({
+    description: descriptions.onPressEnd
+  }, baseDocSettings),
+  onPressChange: _objectSpread({
+    description: descriptions.onPressChange
+  }, baseDocSettings),
+  onPressUp: _objectSpread({
+    description: descriptions.onPressUp
+  }, baseDocSettings)
+};
+exports.onPressArgTypes = onPressArgTypes;

package/lib/components/Breadcrumbs/BreadcrumbItem.js

@@ -9,6 +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";
 var _excluded = ["children", "elementType", "onAction", "actionKey", "isCurrent"];
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 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; }
 import React, { forwardRef, Fragment, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
@@ -54,10 +55,10 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (props, ref) {
       onAction(actionKey);
     }
   }, [onAction, actionKey]);
+  var elementsWithOnPressProp = ['Button', 'IconButton', 'Link'];
   var elementProps = useMemo(function () {
-    var _ElementType$propType;
     var elementTypeProps = _objectSpread({}, mergeProps(itemProps, others));
-    if ((_ElementType$propType = ElementType.propTypes) !== null && _ElementType$propType !== void 0 && _ElementType$propType.onPress) {
+    if (_includesInstanceProperty(elementsWithOnPressProp).call(elementsWithOnPressProp, elementType)) {
       elementTypeProps.onPress = onPressHandler;
     }
     if (isCurrent) {

package/lib/components/Button/Button.js

@@ -9,57 +9,72 @@ 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 = ["className", "isDisabled", "isLoading", "onHoverStart", "onHoverChange", "onHoverEnd", "onPress", "onPressStart", "onPressEnd", "onPressChange", "onPressUp", "children", "variant", "tabIndex"];
+var _excluded = ["children", "className", "isDisabled", "isLoading", "onBlur", "onFocus", "onHoverChange", "onHoverEnd", "onHoverStart", "onKeyDown", "onKeyUp", "onPress", "onPressChange", "onPressEnd", "onPressStart", "onPressUp", "tabIndex", "variant"];
 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; }
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef } from 'react';
 import { mergeProps, useButton, useFocusRing } from 'react-aria';
 import { Pressable, useHover, usePress } from '@react-aria/interactions';
 import { Button as ThemeUIButton } from 'theme-ui';
-import { useAriaLabelWarning, usePropWarning, useStatusClasses } from '../../hooks';
+import { useAriaLabelWarning, useLocalOrForwardRef, usePropWarning, useStatusClasses } from '../../hooks';
 import Loader from '../Loader';
-import { buttonPropTypes } from './buttonAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Button = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
+  var children = props.children,
+    className = props.className,
     isDisabled = props.isDisabled,
     isLoading = props.isLoading,
-    onHoverStart = props.onHoverStart,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
     onHoverChange = props.onHoverChange,
     onHoverEnd = props.onHoverEnd,
+    onHoverStart = props.onHoverStart,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
     onPress = props.onPress,
-    onPressStart = props.onPressStart,
-    onPressEnd = props.onPressEnd,
     onPressChange = props.onPressChange,
+    onPressEnd = props.onPressEnd,
+    onPressStart = props.onPressStart,
     onPressUp = props.onPressUp,
-    children = props.children,
-    variant = props.variant,
     tabIndex = props.tabIndex,
+    variant = props.variant,
     others = _objectWithoutProperties(props, _excluded);
-  var buttonRef = useRef();
+  var buttonRef = useLocalOrForwardRef(ref);
   usePropWarning(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return buttonRef.current;
-  });
   var _useFocusRing = useFocusRing(),
     isFocusVisible = _useFocusRing.isFocusVisible,
     focusProps = _useFocusRing.focusProps;
-  var _usePress = usePress(buttonRef),
+  var _usePress = usePress({
+      ref: buttonRef
+    }),
     isPressedFromContext = _usePress.isPressed;
   var _useButton = useButton(_objectSpread({
-      elementType: 'button'
-    }, props), buttonRef),
+      elementType: 'button',
+      isDisabled: isDisabled,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      onKeyDown: onKeyDown,
+      onKeyUp: onKeyUp,
+      onPress: onPress,
+      onPressChange: onPressChange,
+      onPressEnd: onPressEnd,
+      onPressStart: onPressStart,
+      onPressUp: onPressUp
+    }, others), buttonRef),
     buttonProps = _useButton.buttonProps,
     isPressed = _useButton.isPressed;
-  var _useHover = useHover(props),
+  var _useHover = useHover({
+      onHoverChange: onHoverChange,
+      onHoverEnd: onHoverEnd,
+      onHoverStart: onHoverStart
+    }),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
   var _useStatusClasses = useStatusClasses(className, {
-      isHovered: isHovered,
-      isPressed: isPressed || isPressedFromContext,
+      isDisabled: isDisabled,
       isFocused: isFocusVisible,
-      isDisabled: isDisabled
+      isHovered: isHovered,
+      isPressed: isPressed || isPressedFromContext
     }),
     classNames = _useStatusClasses.classNames;
   var ariaLabel = props['aria-label'];
@@ -70,12 +85,11 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     "aria-label": ariaLabel,
     className: classNames,
     role: "button",
-    tx: "buttons",
-    sx: isLoading && {
+    sx: isLoading ? {
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center'
-    },
+    } : {},
     variant: variant
   }, others, mergeProps(_objectSpread(_objectSpread({}, buttonProps), {}, {
     tabIndex: tabIndex
@@ -90,7 +104,6 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   })));
 });
-Button.propTypes = buttonPropTypes;
 Button.defaultProps = {
   isDisabled: false,
   variant: 'default'

package/lib/components/Button/Buttons.styles.js

@@ -17,12 +17,10 @@ export var base = _objectSpread({
   minWidth: 'min-content',
   padding: '10px 15px',
   outline: 'none',
-  display: 'inline-flex',
   alignItems: 'center',
   justifyContent: 'center',
   borderRadius: '2px',
   flexShrink: 0,
-  wordBreak: 'inherit',
   whiteSpace: 'nowrap'
 }, textVariants.buttonLabel);
 var defaultActive = {

package/lib/components/Button/buttonAttributes.js

@@ -9,33 +9,24 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 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; }
-import PropTypes from 'prop-types';
-import { descriptions as ariaDescriptions } from '../../utils/docUtils/ariaAttributes';
-import { booleanArg, funcArg } from '../../utils/docUtils/docArgTypes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { booleanArg } from '../../utils/docUtils/docArgTypes';
 import { onHoverArgTypes } from '../../utils/docUtils/hoverProps';
-
+import { onPressArgTypes } from '../../utils/docUtils/pressAttributes';
 // add designer approved variants for devs to use here
 var variantOptions = ['critical', 'default', 'inline', 'inlinePrimary', 'link', 'primary'];
 var descriptions = {
+  children: 'Button text.',
   isDisabled: 'Whether the button is disabled.',
   isLoading: 'Shows loader instead of children',
-  onHoverStart: 'Handler that is called when a hover interaction starts. (e: HoverEvent) => void',
-  onHoverEnd: 'Handler that is called when the hover state changes. (isHovering: boolean) => void',
-  onHoverChange: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
-  onPress: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
-  onPressChange: 'Handler that is called when the press state changes. (isPressed: boolean) => void',
-  onPressEnd: 'Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. (e: PressEvent) => void',
-  onPressStart: 'Handler that is called when a press interaction starts. (e: PressEvent) => void',
-  onPressUp: 'Handler that is called when a press is released over the target, regardless of whether it started on the target or not. (e: PressEvent) => void',
-  variant: 'The styling variation of the button.',
   tabIndex: 'The focus variation of button',
-  children: 'Button text.'
+  variant: 'The styling variation of the button.'
 };
-export var buttonArgTypes = _objectSpread(_objectSpread({
+export var buttonArgTypes = _objectSpread(_objectSpread(_objectSpread({
   variant: {
+    options: variantOptions,
     control: {
-      type: 'select',
-      options: variantOptions
+      type: 'select'
     },
     description: descriptions.variant
   },
@@ -50,22 +41,6 @@ export var buttonArgTypes = _objectSpread(_objectSpread({
     },
     description: descriptions.children
   },
-  onPress: _objectSpread({
-    description: descriptions.onPress
-  }, funcArg),
-  onPressStart: _objectSpread({
-    description: descriptions.onPressStart
-  }, funcArg),
-  onPressEnd: _objectSpread({
-    description: descriptions.onPressEnd
-  }, funcArg),
-  onPressChange: _objectSpread({
-    description: descriptions.onPressChange
-  }, funcArg),
-  onPressUp: _objectSpread({
-    description: descriptions.onPressUp
-  }, funcArg)
-}, onHoverArgTypes), {}, {
   isLoading: _objectSpread(_objectSpread({}, booleanArg), {}, {
     description: descriptions.isLoading
   }),
@@ -74,26 +49,5 @@ export var buttonArgTypes = _objectSpread(_objectSpread({
   }),
   tabIndex: {
     description: descriptions.tabIndex
-  },
-  'aria-label': {
-    control: {
-      type: 'text'
-    },
-    description: ariaDescriptions.ariaLabel
   }
-});
-export var buttonPropTypes = {
-  'aria-label': PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  onHoverStart: PropTypes.func,
-  onHoverEnd: PropTypes.func,
-  onHoverChange: PropTypes.func,
-  onPress: PropTypes.func,
-  onPressStart: PropTypes.func,
-  onPressEnd: PropTypes.func,
-  onPressChange: PropTypes.func,
-  onPressUp: PropTypes.func,
-  variant: PropTypes.string,
-  tabIndex: PropTypes.number
-};
+}, onPressArgTypes), onHoverArgTypes), ariaAttributeBaseArgTypes);

package/lib/hooks/index.js

@@ -8,6 +8,7 @@ export { default as useDevelopmentWarning } from './useDevelopmentWarning';
 export { default as useFallbackImage } from './useFallbackImage';
 export { default as useField } from './useField';
 export { default as useLabelHeight } from './useLabelHeight';
+export { default as useLocalOrForwardRef } from './useLocalOrForwardRef';
 export { default as useModalState } from './useModalState';
 export { default as useMountTransition } from './useMountTransition';
 export { default as useNavBarPress } from './useNavBarPress';

package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js

@@ -1,16 +1,6 @@
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import { useEffect } from 'react';
 var alreadyShown = new _Set();
-
-/**
- * Provides a development-only console warning on component mount.
- * @param {String} text - The deprecation warning text. It should describe what is being deprecated,
- * when it is being deprecated (what lib version usually), and what to use instead.
- * @param {object} options
- * @param {boolean} options.isActive - whether warning should be shown
- * @param {boolean} options.onlyOnce - if true then warning will be globally shown just once
- * e.g. "\`MyField\` will be deprecated in Astro-UI 1.0.0, use \`MyOtherField\` instead."
- */
 var useDeprecationWarning = function useDeprecationWarning() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},

package/lib/hooks/useLocalOrForwardRef/index.js

@@ -0,0 +1 @@
+export { default } from './useLocalOrForwardRef';

package/lib/hooks/useLocalOrForwardRef/useLocalOrForwardRef.js

@@ -0,0 +1,14 @@
+import { useImperativeHandle, useRef } from 'react';
+
+/**
+ * Accepts a forwardRef as a parameter and combines it with a
+ * local ref, incase the forwarded wasn't provided
+ */
+var useLocalOrForwardRef = function useLocalOrForwardRef(forwardRef) {
+  var localRef = useRef({});
+  useImperativeHandle(forwardRef, function () {
+    return localRef.current;
+  });
+  return localRef;
+};
+export default useLocalOrForwardRef;

package/lib/hooks/useLocalOrForwardRef/useLocalOrForwardRef.test.js

@@ -0,0 +1,61 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { useFocusRing } from 'react-aria';
+import { render, screen } from '@testing-library/react';
+import { useStatusClasses } from '../index';
+import useLocalOrForwardRef from './useLocalOrForwardRef';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var HAS_REF = 'hasRef';
+var ForwardRefComponent = /*#__PURE__*/forwardRef(function (props, ref) {
+  var localOrForwardRef = useLocalOrForwardRef(ref);
+  var _useFocusRing = useFocusRing(),
+    isFocusVisible = _useFocusRing.isFocusVisible,
+    focusProps = _useFocusRing.focusProps;
+  var _useStatusClasses = useStatusClasses('className', {
+      isFocused: isFocusVisible
+    }),
+    classNames = _useStatusClasses.classNames;
+  return ___EmotionJSX("button", _extends({
+    className: classNames,
+    ref: localOrForwardRef,
+    type: "button"
+  }, focusProps, props), localOrForwardRef && HAS_REF);
+});
+var TestComponentWithRef = function TestComponentWithRef() {
+  var parentRef = useRef({});
+  useEffect(function () {
+    if (!parentRef.current) return;
+    parentRef.current.focus();
+  }, []);
+  return ___EmotionJSX(ForwardRefComponent, {
+    ref: parentRef
+  });
+};
+var getComponentWithRef = function getComponentWithRef() {
+  return render(___EmotionJSX(TestComponentWithRef, null));
+};
+var TestComponentWithoutRef = function TestComponentWithoutRef() {
+  return ___EmotionJSX(ForwardRefComponent, null);
+};
+var getComponentWithoutRef = function getComponentWithoutRef() {
+  return render(___EmotionJSX(TestComponentWithoutRef, null));
+};
+describe('localOrForwardRef', function () {
+  describe('When the test component has been provided a forward ref', function () {
+    test('it has a valid ref', function () {
+      getComponentWithRef();
+      screen.getByText(HAS_REF);
+    });
+    test('the test component can access the refs properties', function () {
+      getComponentWithRef();
+      var button = screen.getByRole('button');
+      expect(button).toHaveClass('is-focused');
+    });
+  });
+  describe('When the test component has not been provided a forward ref', function () {
+    test('it has a valid ref', function () {
+      getComponentWithoutRef();
+      screen.getByText(HAS_REF);
+    });
+  });
+});

package/lib/types/button.js

@@ -0,0 +1 @@
+export {};

package/lib/types/index.js

@@ -1,4 +1,5 @@
 export * from './box';
+export * from './button';
 export * from './icon';
 export * from './item';
 export * from './loader';

package/lib/types/shared/events.js

@@ -0,0 +1 @@
+export {};

package/lib/types/shared/index.js

@@ -1,3 +1,4 @@
 export * from './dom';
+export * from './events';
 export * from './style';
 export * from './utils';

package/lib/utils/docUtils/pressAttributes.js

@@ -0,0 +1,41 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+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; }
+import { funcArg } from './docArgTypes';
+var descriptions = {
+  onPress: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
+  onPressChange: 'Handler that is called when the press state changes. (isPressed: boolean) => void',
+  onPressEnd: 'Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. (e: PressEvent) => void',
+  onPressStart: 'Handler that is called when a press interaction starts. (e: PressEvent) => void',
+  onPressUp: 'Handler that is called when a press is released over the target, regardless of whether it started on the target or not. (e: PressEvent) => void'
+};
+var baseDocSettings = _objectSpread(_objectSpread({}, funcArg), {}, {
+  table: {
+    category: 'Press Handlers'
+  }
+});
+export var onPressArgTypes = {
+  onPress: _objectSpread({
+    description: descriptions.onPress
+  }, baseDocSettings),
+  onPressStart: _objectSpread({
+    description: descriptions.onPressStart
+  }, baseDocSettings),
+  onPressEnd: _objectSpread({
+    description: descriptions.onPressEnd
+  }, baseDocSettings),
+  onPressChange: _objectSpread({
+    description: descriptions.onPressChange
+  }, baseDocSettings),
+  onPressUp: _objectSpread({
+    description: descriptions.onPressUp
+  }, baseDocSettings)
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.31.0",
+  "version": "2.32.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",