@pingux/astro 2.41.0 → 2.42.0-alpha.1

package/lib/cjs/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardProps } from '../../types';
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+export default Card;

package/lib/cjs/components/Card/Card.js

@@ -15,7 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _focus = require("@react-aria/focus");
 var _interactions = require("@react-aria/interactions");
 var _utils = require("@react-aria/utils");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _react2 = require("@emotion/react");
@@ -33,14 +32,19 @@ var Card = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onPressChange = props.onPressChange,
     onPressUp = props.onPressUp,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useHover = (0, _interactions.useHover)(props),
+  var cardRef = (0, _hooks.useLocalOrForwardRef)(ref);
+  var _useHover = (0, _interactions.useHover)({
+      onHoverStart: onHoverStart,
+      onHoverChange: onHoverChange,
+      onHoverEnd: onHoverEnd
+    }),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
   var _useFocusRing = (0, _focus.useFocusRing)(),
     focusProps = _useFocusRing.focusProps,
     isFocusVisible = _useFocusRing.isFocusVisible;
   var _usePress = (0, _interactions.usePress)({
-      ref: ref,
+      ref: cardRef,
       onPress: onPress,
       onPressStart: onPressStart,
       onPressEnd: onPressEnd,
@@ -61,60 +65,15 @@ var Card = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }),
     classNames = _useStatusClasses.classNames;
   var ariaLabel = props['aria-label'];
+  var mergedProps = (0, _utils.mergeProps)(others, hoverProps, pressProps, focusProps, focusWithinProps);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     "aria-label": ariaLabel,
     variant: "cards.container",
     className: classNames,
-    ref: ref,
+    ref: cardRef,
     isFocused: isFocusVisible
-  }, others, (0, _utils.mergeProps)(hoverProps, pressProps, focusProps, focusWithinProps)));
+  }, mergedProps));
 });
-Card.propTypes = {
-  /** Defines a string value that labels the current element. */
-  'aria-label': _propTypes["default"].string,
-  /**
-   * Handler that is called when a hover interaction starts.
-   * (e: HoverEvent) => void
-   */
-  onHoverStart: _propTypes["default"].func,
-  /**
-  * Handler that is called when a hover interaction ends.
-  * (e: HoverEvent) => void
-  */
-  onHoverEnd: _propTypes["default"].func,
-  /**
-  * Handler that is called when the hover state changes.
-  * (isHovering: boolean) => void
-  */
-  onHoverChange: _propTypes["default"].func,
-  /**
-  * Handler that is called when the press is released over the target.
-  * (e: PressEvent) => void
-  */
-  onPress: _propTypes["default"].func,
-  /**
-  * Handler that is called when a press interaction starts.
-  * (e: PressEvent) => void
-  */
-  onPressStart: _propTypes["default"].func,
-  /**
-  * Handler that is called when a press interaction ends, either over the target or when the
-  * pointer leaves the target.
-  * (e: PressEvent) => void
-  */
-  onPressEnd: _propTypes["default"].func,
-  /**
-  * Handler that is called when the press state changes.
-  * (isPressed: boolean) => void
-  */
-  onPressChange: _propTypes["default"].func,
-  /**
-  * 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
-  */
-  onPressUp: _propTypes["default"].func
-};
 Card.displayName = 'Card';
 var _default = Card;
 exports["default"] = _default;

package/lib/cjs/components/Card/Card.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { CardProps } from '../../index';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    (args: any): React.JSX.Element;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export declare const CardRow: StoryFn<CardProps>;
+export declare const InteractiveCard: {
+    (): React.JSX.Element;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};

package/lib/cjs/components/Card/Card.stories.js

@@ -1,5 +1,12 @@
 "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", {
@@ -7,13 +14,17 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.InteractiveCard = exports.Default = exports.CardRow = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _Card = _interopRequireDefault(require("./Card.mdx"));
+var _cardAttributes = require("./cardAttributes");
 var _react2 = require("@emotion/react");
+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 _default = {
   title: 'Components/Card',
   component: _index.Card,
@@ -25,17 +36,7 @@ var _default = {
       }
     }
   },
-  argTypes: {
-    children: {
-      description: 'Card content.',
-      table: {
-        type: {}
-      },
-      control: {
-        type: 'text'
-      }
-    }
-  },
+  argTypes: _objectSpread({}, _cardAttributes.cardArgTypes),
   args: {
     children: 'Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at enim nunc. Cras congue consequat odio, ac sodales lacus imperdiet quis. In id ex eu lorem sollicitudin hendrerit feugiat ultrices elit. Curabitur imperdiet libero vitae luctus blandit. Ut ac dignissim tortor. Pellentesque convallis eu metus vitae mollis. Donec sapien felis, laoreet eu egestas eu, blandit quis tellus. Donec luctus suscipit nibh, et tincidunt nisl facilisis ut. Mauris molestie purus at lectus venenatis, ac ultrices felis ultrices.'
   }

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

@@ -0,0 +1,44 @@
+declare const _default: {
+    container: {
+        display: string;
+        boxShadow: string;
+        borderRadius: string;
+        color: string;
+        fontSize: string;
+        fontWeight: number;
+        flex: string;
+        p: string;
+    };
+    interactive: {
+        boxShadow: string;
+        '&.is-hovered': {
+            bg: string;
+            cursor: string;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+            bg: string;
+        };
+        '&.is-pressed': {
+            border: string;
+            borderColor: string;
+            boxShadow: string;
+            outline: string;
+        };
+        ':focus-visible:not(.is-focused)': {
+            outline: string;
+            border: string;
+            borderColor: string;
+        };
+        display: string;
+        borderRadius: string;
+        color: string;
+        fontSize: string;
+        fontWeight: number;
+        flex: string;
+        p: string;
+    };
+};
+export default _default;

package/lib/cjs/components/Card/cardAttributes.d.ts

@@ -0,0 +1 @@
+export declare const cardArgTypes: any;

package/lib/cjs/components/Card/cardAttributes.js

@@ -0,0 +1,33 @@
+"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.cardArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _hoverProps = require("../../utils/docUtils/hoverProps");
+var _pressAttributes = require("../../utils/docUtils/pressAttributes");
+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 cardArgTypes = _objectSpread(_objectSpread(_objectSpread({
+  children: {
+    description: 'Card content.',
+    table: {
+      type: {}
+    },
+    control: {
+      type: 'text'
+    }
+  }
+}, _pressAttributes.onPressArgTypes), _hoverProps.onHoverArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes);
+exports.cardArgTypes = cardArgTypes;

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

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

package/lib/cjs/hooks/useField/useField.d.ts

@@ -115,6 +115,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         bg?: import("theme-ui").StylePropertyValue<string | undefined>;
         isRow?: boolean | undefined;
         isDisabled?: boolean | undefined;
+        isFocused?: boolean | undefined;
         variant?: string | undefined;
         as?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | null | undefined;
         style?: string | import("react").CSSProperties | undefined;

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

@@ -7,4 +7,6 @@ export interface BoxProps extends StyleProps, DOMAttributes {
     isRow?: boolean;
     /** Whether the box is disabled. */
     isDisabled?: boolean;
+    /** Whether the box is focused. */
+    isFocused?: boolean;
 }

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

@@ -0,0 +1,5 @@
+import { BoxProps } from './box';
+import { DOMAttributes, HoverProps, PressProps } from './shared';
+export interface CardProps extends PressProps, HoverProps, BoxProps, DOMAttributes {
+    tabIndex?: number | string;
+}

package/lib/cjs/types/card.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

@@ -2,6 +2,7 @@ export * from './badge';
 export * from './box';
 export * from './bracket';
 export * from './button';
+export * from './card';
 export * from './icon';
 export * from './item';
 export * from './link';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14;
 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");
@@ -51,8 +51,19 @@ _forEachInstanceProperty(_context4 = _Object$keys(_button)).call(_context4, func
     }
   });
 });
+var _card = require("./card");
+_forEachInstanceProperty(_context5 = _Object$keys(_card)).call(_context5, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _card[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _card[key];
+    }
+  });
+});
 var _icon = require("./icon");
-_forEachInstanceProperty(_context5 = _Object$keys(_icon)).call(_context5, function (key) {
+_forEachInstanceProperty(_context6 = _Object$keys(_icon)).call(_context6, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -63,7 +74,7 @@ _forEachInstanceProperty(_context5 = _Object$keys(_icon)).call(_context5, functi
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context6 = _Object$keys(_item)).call(_context6, function (key) {
+_forEachInstanceProperty(_context7 = _Object$keys(_item)).call(_context7, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -74,7 +85,7 @@ _forEachInstanceProperty(_context6 = _Object$keys(_item)).call(_context6, functi
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context7 = _Object$keys(_link)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_link)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_link)).call(_context7, functi
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context8 = _Object$keys(_loader)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_loader)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_loader)).call(_context8, func
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context9 = _Object$keys(_popoverContainer)).call(_context9, function (key) {
+_forEachInstanceProperty(_context10 = _Object$keys(_popoverContainer)).call(_context10, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_popoverContainer)).call(_cont
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context10 = _Object$keys(_separator)).call(_context10, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_separator)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -118,7 +129,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_separator)).call(_context10,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context11 = _Object$keys(_shared)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_shared)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_shared)).call(_context11, fu
   });
 });
 var _tableCell = require("./tableCell");
-_forEachInstanceProperty(_context12 = _Object$keys(_tableCell)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_tableCell)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tableCell[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_tableCell)).call(_context12,
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context13 = _Object$keys(_text)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_text)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/Card/Card.js

@@ -5,8 +5,7 @@ import React, { forwardRef } from 'react';
 import { useFocusRing } from '@react-aria/focus';
 import { useHover, usePress } from '@react-aria/interactions';
 import { mergeProps } from '@react-aria/utils';
-import PropTypes from 'prop-types';
-import { useStatusClasses } from '../../hooks';
+import { useLocalOrForwardRef, useStatusClasses } from '../../hooks';
 import Box from '../Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Card = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -20,14 +19,19 @@ var Card = /*#__PURE__*/forwardRef(function (props, ref) {
     onPressChange = props.onPressChange,
     onPressUp = props.onPressUp,
     others = _objectWithoutProperties(props, _excluded);
-  var _useHover = useHover(props),
+  var cardRef = useLocalOrForwardRef(ref);
+  var _useHover = useHover({
+      onHoverStart: onHoverStart,
+      onHoverChange: onHoverChange,
+      onHoverEnd: onHoverEnd
+    }),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
   var _useFocusRing = useFocusRing(),
     focusProps = _useFocusRing.focusProps,
     isFocusVisible = _useFocusRing.isFocusVisible;
   var _usePress = usePress({
-      ref: ref,
+      ref: cardRef,
       onPress: onPress,
       onPressStart: onPressStart,
       onPressEnd: onPressEnd,
@@ -48,59 +52,14 @@ var Card = /*#__PURE__*/forwardRef(function (props, ref) {
     }),
     classNames = _useStatusClasses.classNames;
   var ariaLabel = props['aria-label'];
+  var mergedProps = mergeProps(others, hoverProps, pressProps, focusProps, focusWithinProps);
   return ___EmotionJSX(Box, _extends({
     "aria-label": ariaLabel,
     variant: "cards.container",
     className: classNames,
-    ref: ref,
+    ref: cardRef,
     isFocused: isFocusVisible
-  }, others, mergeProps(hoverProps, pressProps, focusProps, focusWithinProps)));
+  }, mergedProps));
 });
-Card.propTypes = {
-  /** Defines a string value that labels the current element. */
-  'aria-label': PropTypes.string,
-  /**
-   * Handler that is called when a hover interaction starts.
-   * (e: HoverEvent) => void
-   */
-  onHoverStart: PropTypes.func,
-  /**
-  * Handler that is called when a hover interaction ends.
-  * (e: HoverEvent) => void
-  */
-  onHoverEnd: PropTypes.func,
-  /**
-  * Handler that is called when the hover state changes.
-  * (isHovering: boolean) => void
-  */
-  onHoverChange: PropTypes.func,
-  /**
-  * Handler that is called when the press is released over the target.
-  * (e: PressEvent) => void
-  */
-  onPress: PropTypes.func,
-  /**
-  * Handler that is called when a press interaction starts.
-  * (e: PressEvent) => void
-  */
-  onPressStart: PropTypes.func,
-  /**
-  * Handler that is called when a press interaction ends, either over the target or when the
-  * pointer leaves the target.
-  * (e: PressEvent) => void
-  */
-  onPressEnd: PropTypes.func,
-  /**
-  * Handler that is called when the press state changes.
-  * (isPressed: boolean) => void
-  */
-  onPressChange: PropTypes.func,
-  /**
-  * 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
-  */
-  onPressUp: PropTypes.func
-};
 Card.displayName = 'Card';
 export default Card;

package/lib/components/Card/Card.stories.js

@@ -1,10 +1,22 @@
+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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+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 React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Card } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import CardReadme from './Card.mdx';
+import { cardArgTypes } from './cardAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Card',
@@ -17,17 +29,7 @@ export default {
       }
     }
   },
-  argTypes: {
-    children: {
-      description: 'Card content.',
-      table: {
-        type: {}
-      },
-      control: {
-        type: 'text'
-      }
-    }
-  },
+  argTypes: _objectSpread({}, cardArgTypes),
   args: {
     children: 'Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at enim nunc. Cras congue consequat odio, ac sodales lacus imperdiet quis. In id ex eu lorem sollicitudin hendrerit feugiat ultrices elit. Curabitur imperdiet libero vitae luctus blandit. Ut ac dignissim tortor. Pellentesque convallis eu metus vitae mollis. Donec sapien felis, laoreet eu egestas eu, blandit quis tellus. Donec luctus suscipit nibh, et tincidunt nisl facilisis ut. Mauris molestie purus at lectus venenatis, ac ultrices felis ultrices.'
   }

package/lib/components/Card/cardAttributes.js

@@ -0,0 +1,25 @@
+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 { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { onHoverArgTypes } from '../../utils/docUtils/hoverProps';
+import { onPressArgTypes } from '../../utils/docUtils/pressAttributes';
+export var cardArgTypes = _objectSpread(_objectSpread(_objectSpread({
+  children: {
+    description: 'Card content.',
+    table: {
+      type: {}
+    },
+    control: {
+      type: 'text'
+    }
+  }
+}, onPressArgTypes), onHoverArgTypes), ariaAttributeBaseArgTypes);

package/lib/types/card.js

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

package/lib/types/index.js

@@ -2,6 +2,7 @@ export * from './badge';
 export * from './box';
 export * from './bracket';
 export * from './button';
+export * from './card';
 export * from './icon';
 export * from './item';
 export * from './link';

package/package.json

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