@pingux/astro 2.2.0-alpha.6 → 2.2.0-alpha.7

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

@@ -30,9 +30,9 @@ import React, { useState } from 'react';
 import { OverlayProvider } from 'react-aria';
 import { useAsyncList } from 'react-stately';
 import { Item, Section, SelectField, Separator } from '../../index';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import { modes as labelModes } from '../Label/constants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var animals = [{
@@ -122,7 +122,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -148,13 +148,6 @@ export default {
       },
       defaultValue: _Object$values(labelModes)[0]
     },
-    status: {
-      control: {
-        type: 'select',
-        options: statuses
-      },
-      defaultValue: statuses.DEFAULT
-    },
     defaultSelectedKey: {},
     disabledKeys: {},
     name: {},
@@ -170,7 +163,7 @@ export default {
         type: 'none'
       }
     }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(SelectField, _extends({}, args, {

package/lib/components/SelectFieldBase/SelectFieldBase.js

@@ -18,8 +18,8 @@ import { HiddenSelect } from 'react-aria';
 import MenuDown from 'mdi-react/MenuDownIcon';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
+import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
+import { statusPropTypes } from '../../utils/docUtils/statusProp';
 import Box from '../Box';
 import Button from '../Button';
 import FieldHelperText from '../FieldHelperText';
@@ -105,7 +105,7 @@ var SelectFieldBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: helperTextId
   }, helperText));
 });
-SelectFieldBase.propTypes = _objectSpread({
+SelectFieldBase.propTypes = _objectSpread(_objectSpread({
   /** Default text rendered if no option is selected. Deprecated. */
   defaultText: PropTypes.string,
   /** Text rendered below the input. */
@@ -118,8 +118,6 @@ SelectFieldBase.propTypes = _objectSpread({
   name: PropTypes.string,
   /** Temporary text that occupies the text input when it is empty. */
   placeholder: PropTypes.string,
-  /** Determines the type of label applied to the component. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
   /** Determines whether to use column styles. */
   columnStyleProps: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({})]),
   /** Determines props that applied to root container. */
@@ -156,5 +154,5 @@ SelectFieldBase.propTypes = _objectSpread({
   triggerRef: PropTypes.shape({}),
   /** Props for the element representing the selected value. */
   valueProps: PropTypes.shape({})
-}, ariaAttributesBasePropTypes);
+}, statusPropTypes), ariaAttributesBasePropTypes);
 export default SelectFieldBase;

package/lib/components/SwitchField/SwitchField.js

@@ -10,7 +10,6 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["label", "helperText", "isDefaultSelected", "isSelected", "onChange", "value", "name", "id", "isDisabled", "isReadOnly", "isRequired", "hasAutoFocus", "onFocus", "onBlur", "onFocusChange", "onKeyDown", "onKeyUp", "status", "controlProps"];
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 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';
@@ -21,9 +20,9 @@ import omit from 'lodash/omit';
 import PropTypes from 'prop-types';
 import { Box, FieldHelperText, Label, Switch } from '../..';
 import { useField, usePropWarning } from '../../hooks';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributesBasePropTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 
 /**
  * Combines a switch, label, and helper text for a complete, form-ready solution.
@@ -98,7 +97,7 @@ var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
     status: status
   }, helperText));
 });
-SwitchField.propTypes = _objectSpread(_objectSpread({
+SwitchField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** A list of class names to apply to the input element. */
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   /** Whether the element should receive focus on render. */
@@ -135,17 +134,14 @@ SwitchField.propTypes = _objectSpread(_objectSpread({
   onKeyDown: PropTypes.func,
   /** Handler that is called when a key is released. */
   onKeyUp: PropTypes.func,
-  /** Determines the textarea status indicator and helper text styling. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
   /** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */
   value: PropTypes.string
-}, ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
-SwitchField.defaultProps = {
+}, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
+SwitchField.defaultProps = _objectSpread({
   isDisabled: false,
   isReadOnly: false,
   isRequired: false,
-  hasAutoFocus: false,
-  status: statuses.DEFAULT
-};
+  hasAutoFocus: false
+}, statusDefaultProp);
 SwitchField.displayName = 'SwitchField';
 export default SwitchField;

package/lib/components/SwitchField/SwitchField.stories.js

@@ -13,9 +13,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useRef, useState } from 'react';
 import { Pressable } from '@react-aria/interactions';
 import { SwitchField, Tooltip, TooltipTrigger } from '../../index';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/SwitchField',
@@ -27,7 +27,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -49,13 +49,6 @@ export default {
     },
     name: {},
     className: {},
-    status: {
-      control: {
-        type: 'select',
-        options: statuses
-      },
-      defaultValue: statuses.DEFAULT
-    },
     isDisabled: {},
     isRequired: {},
     isReadOnly: {},
@@ -67,7 +60,7 @@ export default {
         type: 'none'
       }
     }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(SwitchField, args);

package/lib/components/TextAreaField/TextAreaField.js

@@ -8,7 +8,6 @@ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/obje
 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";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 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, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
@@ -17,9 +16,9 @@ import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { Box, FieldHelperText, Label, TextArea } from '../..';
 import { useColumnStyles, useField, useLabelHeight, usePropWarning } from '../../hooks';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributesBasePropTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 
 /**
  * Combines a textarea, label, and helper text for a complete, form-ready solution.
@@ -137,7 +136,7 @@ var TextAreaField = /*#__PURE__*/forwardRef(function (props, ref) {
     id: helperTextId
   }, helperText));
 });
-TextAreaField.propTypes = _objectSpread(_objectSpread({
+TextAreaField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: PropTypes.node,
   /** Text rendered below the textarea. */
@@ -197,22 +196,19 @@ TextAreaField.propTypes = _objectSpread(_objectSpread({
   placeholder: PropTypes.string,
   /** The number of rows to display for the textarea. Controls the default height. */
   rows: PropTypes.number,
-  /** Determines the textarea status indicator and helper text styling. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
   /** Provides a way to insert markup in specified places. */
   slots: PropTypes.shape({
     /** The given node will be inserted into the field container. */
     inContainer: PropTypes.node
   })
-}, ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
-TextAreaField.defaultProps = {
+}, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
+TextAreaField.defaultProps = _objectSpread({
   hasAutoFocus: false,
   isDisabled: false,
   isReadOnly: false,
   isRequired: false,
   isUnresizable: false,
-  rows: 4,
-  status: statuses.DEFAULT
-};
+  rows: 4
+}, statusDefaultProp);
 TextAreaField.displayName = 'TextAreaField';
 export default TextAreaField;

package/lib/components/TextAreaField/TextAreaField.stories.js

@@ -15,9 +15,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useState } from 'react';
 import SearchIcon from 'mdi-react/SearchIcon';
 import { Box, Icon, TextAreaField } from '../../index';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import { modes as labelModes } from '../Label/constants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -30,7 +30,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -58,13 +58,6 @@ export default {
       }
     },
     rows: {},
-    status: {
-      control: {
-        type: 'select',
-        options: statuses
-      },
-      defaultValue: statuses.DEFAULT
-    },
     isDisabled: {},
     isRequired: {},
     isReadOnly: {},
@@ -78,7 +71,7 @@ export default {
         type: 'none'
       }
     }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
 };
 var IconSlot = ___EmotionJSX(Box, {
   isRow: true

package/lib/components/TextField/TextField.js

@@ -8,7 +8,6 @@ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/obje
 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";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 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';
@@ -17,9 +16,9 @@ import { v4 as uuid } from 'uuid';
 import { Box, FieldHelperText, Input, Label } from '../..';
 import { useField, useLabelHeight, usePropWarning } from '../../hooks';
 import useColumnStyles from '../../hooks/useColumnStyles';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributesBasePropTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 
 /**
  * Combines a text input, label, and helper text for a complete, form-ready solution.
@@ -71,7 +70,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
     id: helperTextId
   }, helperText));
 });
-TextField.propTypes = _objectSpread(_objectSpread({
+TextField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: PropTypes.node,
   /** A string designating whether or not the label is a float label. */
@@ -130,19 +129,16 @@ TextField.propTypes = _objectSpread(_objectSpread({
     /** The given node will be inserted into the field container. */
     inContainer: PropTypes.node
   }),
-  /** Determines the input status indicator and helper text styling. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
   /** Determines the type of input to use. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */
   type: PropTypes.string,
   /** Props object that is spread directly into the input wrapper element. */
   wrapperProps: PropTypes.shape({})
-}, ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
-TextField.defaultProps = {
+}, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
+TextField.defaultProps = _objectSpread({
   hasAutoFocus: false,
   isDisabled: false,
   isReadOnly: false,
-  isRequired: false,
-  status: statuses.DEFAULT
-};
+  isRequired: false
+}, statusDefaultProp);
 TextField.displayName = 'TextField';
 export default TextField;

package/lib/components/TextField/TextField.stories.js

@@ -18,9 +18,9 @@ import React, { useState } from 'react';
 import isEmpty from 'lodash/isEmpty';
 import useCopyToClipboard from '../../hooks/useCopyToClipboard';
 import { Box, TextField } from '../../index';
-import statuses from '../../utils/devUtils/constants/statuses.js';
-import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import CopyButton from '../CopyText/CopyButton';
 import { modes as labelModes } from '../Label/constants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -34,7 +34,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     labelMode: {
       control: {
         type: 'select',
@@ -46,15 +46,8 @@ export default {
       control: {
         type: 'text'
       }
-    },
-    status: {
-      control: {
-        type: 'select',
-        options: statuses
-      },
-      defaultValue: statuses.DEFAULT
     }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
 };
 export var Default = function Default(_ref) {
   var variant = _ref.variant,

package/lib/hooks/useField/useField.js

@@ -19,7 +19,7 @@ import noop from 'lodash/noop';
 import omit from 'lodash/omit';
 import { modes as labelModes } from '../../components/Label/constants';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
+import { getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
 import { useStatusClasses } from '..';
 
 /**

package/lib/recipes/{ApplicationSearchDropdown.stories.js → ApplicationSearchDropdown.stories.hidden.js}

@@ -11,6 +11,7 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/i
 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; }
 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; }
+/* eslint-disable react/prop-types */
 import React, { useMemo, useRef, useState } from 'react';
 import { FocusScope, useOverlayPosition } from 'react-aria';
 import { createFocusManager } from '@react-aria/focus';

package/lib/utils/docUtils/statusProp.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+var _context;
+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 _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+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 PropTypes from 'prop-types';
+import statuses from '../devUtils/constants/statuses';
+var descriptions = {
+  status: 'Determines any status related styling.'
+};
+export var statusBaseDocSettings = {
+  control: {
+    type: 'radio',
+    options: _Object$values(statuses)
+  },
+  defaultValue: statuses.DEFAULT,
+  table: {
+    type: {
+      summary: _mapInstanceProperty(_context = _Object$values(statuses)).call(_context, function (status) {
+        return "'".concat(status, "'");
+      }).join('|')
+    }
+  }
+};
+export var statusArgTypes = {
+  'status': _objectSpread({
+    description: descriptions.status
+  }, statusBaseDocSettings)
+};
+export var statusPropTypes = {
+  status: PropTypes.oneOf(_Object$values(statuses))
+};
+export var statusDefaultProp = {
+  status: statuses.DEFAULT
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.2.0-alpha.6",
+  "version": "2.2.0-alpha.7",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",

package/lib/cjs/recipes/PanelHeader.stories.js

@@ -1,80 +0,0 @@
-"use strict";
-
-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["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-var _DotsVerticalIcon = _interopRequireDefault(require("mdi-react/DotsVerticalIcon"));
-var _index = require("../index");
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Recipes/Panel Header'
-};
-exports["default"] = _default;
-var sx = {
-  wrapper: {
-    width: 'fit-content',
-    alignItems: 'center',
-    bg: 'accent.99',
-    py: 'sm',
-    pl: 'md'
-  },
-  title: {
-    fontSize: 'md',
-    lineHeight: '18px'
-  },
-  subtitle: {
-    fontSize: 'sm',
-    my: '1px',
-    lineHeight: '16px'
-  }
-};
-var Default = function Default() {
-  return (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    sx: sx.wrapper
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _AccountIcon["default"],
-    size: 25,
-    color: "accent.40"
-  }), (0, _react2.jsx)(_index.Box, {
-    ml: "sm",
-    mr: "xx"
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.title,
-    variant: "bodyStrong"
-  }, "Fons Vernall"), (0, _react2.jsx)(_index.Text, {
-    sx: sx.subtitle,
-    variant: "subtitle"
-  }, "fvernall0@google.it")), (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.IconButton, {
-    "aria-label": "Menu Button"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DotsVerticalIcon["default"],
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  })), (0, _react2.jsx)(_index.Menu, null, (0, _react2.jsx)(_index.Item, {
-    key: "edit"
-  }, "Edit"), (0, _react2.jsx)(_index.Item, {
-    key: "duplicate"
-  }, "Duplicate"), (0, _react2.jsx)(_index.Item, {
-    key: "delete",
-    textValue: "delete"
-  }, (0, _react2.jsx)(_index.Text, {
-    color: "critical.bright"
-  }, "Delete"))))), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.IconButton, {
-    "aria-label": "Close Button",
-    mx: "10px"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _CloseIcon["default"],
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  }))));
-};
-exports.Default = Default;

package/lib/recipes/PanelHeader.stories.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import AccountIcon from 'mdi-react/AccountIcon';
-import CloseIcon from 'mdi-react/CloseIcon';
-import DotsVerticalIcon from 'mdi-react/DotsVerticalIcon';
-import { Box, Icon, IconButton, Item, Menu, OverlayProvider, PopoverMenu, Text } from '../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Recipes/Panel Header'
-};
-var sx = {
-  wrapper: {
-    width: 'fit-content',
-    alignItems: 'center',
-    bg: 'accent.99',
-    py: 'sm',
-    pl: 'md'
-  },
-  title: {
-    fontSize: 'md',
-    lineHeight: '18px'
-  },
-  subtitle: {
-    fontSize: 'sm',
-    my: '1px',
-    lineHeight: '16px'
-  }
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Box, {
-    isRow: true,
-    sx: sx.wrapper
-  }, ___EmotionJSX(Icon, {
-    icon: AccountIcon,
-    size: 25,
-    color: "accent.40"
-  }), ___EmotionJSX(Box, {
-    ml: "sm",
-    mr: "xx"
-  }, ___EmotionJSX(Text, {
-    sx: sx.title,
-    variant: "bodyStrong"
-  }, "Fons Vernall"), ___EmotionJSX(Text, {
-    sx: sx.subtitle,
-    variant: "subtitle"
-  }, "fvernall0@google.it")), ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(IconButton, {
-    "aria-label": "Menu Button"
-  }, ___EmotionJSX(Icon, {
-    icon: DotsVerticalIcon,
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  })), ___EmotionJSX(Menu, null, ___EmotionJSX(Item, {
-    key: "edit"
-  }, "Edit"), ___EmotionJSX(Item, {
-    key: "duplicate"
-  }, "Duplicate"), ___EmotionJSX(Item, {
-    key: "delete",
-    textValue: "delete"
-  }, ___EmotionJSX(Text, {
-    color: "critical.bright"
-  }, "Delete"))))), ___EmotionJSX(Box, null, ___EmotionJSX(IconButton, {
-    "aria-label": "Close Button",
-    mx: "10px"
-  }, ___EmotionJSX(Icon, {
-    icon: CloseIcon,
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  }))));
-};