@pingux/astro 2.6.1-alpha.1 → 2.7.0-alpha.0

package/lib/components/Menu/Menu.stories.js

@@ -1,24 +1,13 @@
-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 _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 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 { Item } from 'react-stately';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Menu, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.js';
-import { onHoverArgTypes } from '../../utils/docUtils/hoverProps';
 import MenuReadme from './Menu.mdx';
+import { menuArgTypes } from './menuAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Menu',
@@ -40,51 +29,7 @@ export default {
       type: 'figma'
     }
   },
-  argTypes: _objectSpread({
-    selectionMode: {},
-    isDisabled: {},
-    isNotFocusedOnHover: {},
-    'aria-label': {
-      control: {
-        type: 'text'
-      }
-    },
-    'aria-labelledby': {
-      control: {
-        type: 'text'
-      }
-    },
-    'aria-describedby': {
-      control: {
-        type: 'text'
-      }
-    },
-    'aria-details': {
-      control: {
-        type: 'text'
-      }
-    },
-    isSelected: {
-      control: {
-        type: 'none'
-      }
-    },
-    disabledKeys: {
-      control: {
-        type: 'none'
-      }
-    },
-    defaultSelectedKeys: {
-      control: {
-        type: 'none'
-      }
-    },
-    selectedKeys: {
-      control: {
-        type: 'none'
-      }
-    }
-  }, onHoverArgTypes)
+  argTypes: menuArgTypes
 };
 export var Default = function Default(_ref) {
   var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));

package/lib/components/Menu/menuAttributes.js

@@ -0,0 +1,95 @@
+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 PropTypes from 'prop-types';
+import { ariaAttributeBaseArgTypes, ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
+import { booleanArg, funcArg, stringOrStringArray } from '../../utils/docUtils/docArgTypes';
+import { onHoverArgTypes, onHoverPropTypes } from '../../utils/docUtils/hoverProps';
+var descriptions = {
+  selectionMode: 'The type of selection that is allowed.',
+  disabledKeys: 'The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.',
+  defaultSelectedKeys: "\n  The initial selected keys in the collection (uncontrolled).\n  `defaultSelectedKeys=\"all\"` can be used to select every key.\n  ",
+  selectedKeys: "\n  The currently selected keys in the collection (controlled).\n  `selectedKeys=\"all\"` can be used to select every key.\n  ",
+  isDisabled: 'Whether the item is disabled. ',
+  isSelected: 'Whether the menu item is selected.',
+  isNotFocusedOnHover: 'Whether menu item should receive focus state on hover.',
+  onAction: 'Handler that is called when an item is selected. `(key: Key) => void`',
+  onSelectionChange: "Handler that is called when the selection changes. Does not fire when `selectionMode=\"none\"`.\n  `(keys: Selection) => any`\n  "
+};
+export var menuArgTypes = _objectSpread(_objectSpread({
+  onAction: _objectSpread({
+    description: descriptions.onAction
+  }, funcArg),
+  onSelectionChange: _objectSpread({
+    description: descriptions.onSelectionChange
+  }, funcArg),
+  selectionMode: {
+    description: descriptions.selectionMode,
+    control: {
+      type: 'radio',
+      options: ['none', 'single', 'multiple'],
+      defaultValue: 'none'
+    },
+    type: {
+      summary: 'none, single, multiple'
+    }
+  },
+  isDisabled: _objectSpread({
+    description: descriptions.isDisabled
+  }, booleanArg),
+  isNotFocusedOnHover: _objectSpread({
+    description: descriptions.isNotFocusedOnHover
+  }, booleanArg),
+  isSelected: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    control: {
+      type: 'none'
+    },
+    description: descriptions.isSelected
+  }),
+  disabledKeys: {
+    control: {
+      type: 'none'
+    },
+    description: descriptions.disabledKeys,
+    type: {
+      summary: stringOrStringArray
+    }
+  },
+  defaultSelectedKeys: {
+    control: {
+      type: 'none'
+    },
+    description: descriptions.defaultSelectedKeys,
+    type: {
+      summary: stringOrStringArray
+    }
+  },
+  selectedKeys: {
+    control: {
+      type: 'none'
+    },
+    type: {
+      summary: stringOrStringArray
+    },
+    description: descriptions.selectedKeys
+  }
+}, ariaAttributeBaseArgTypes), onHoverArgTypes);
+export var menuPropTypes = _objectSpread(_objectSpread({
+  selectionMode: PropTypes.oneOf(['none', 'single', 'multiple']),
+  disabledKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
+  defaultSelectedKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  selectedKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  isDisabled: PropTypes.bool,
+  isSelected: PropTypes.bool,
+  isNotFocusedOnHover: PropTypes.bool,
+  onAction: PropTypes.func,
+  onSelectionChange: PropTypes.func
+}, ariaAttributesBasePropTypes), onHoverPropTypes);

package/lib/components/SwitchField/SwitchField.js

@@ -12,17 +12,16 @@ var _excluded = ["label", "helperText", "isDefaultSelected", "isSelected", "onCh
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 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 no-unused-vars */
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { useSwitch } from 'react-aria';
 import { useToggleState } from 'react-stately';
 import { usePress } from '@react-aria/interactions';
 import omit from 'lodash/omit';
-import PropTypes from 'prop-types';
 import { Box, FieldHelperText, Label, Switch } from '../..';
 import { useField, usePropWarning } from '../../hooks';
-import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
-import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
+import { statusDefaultProp } from '../../utils/docUtils/statusProp';
+import { switchFieldPropTypes } from './switchFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
   var label = props.label,
@@ -33,10 +32,14 @@ var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
     value = props.value,
     name = props.name,
     id = props.id,
-    isDisabled = props.isDisabled,
-    isReadOnly = props.isReadOnly,
-    isRequired = props.isRequired,
-    hasAutoFocus = props.hasAutoFocus,
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isReadOnly = props.isReadOnly,
+    isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
+    _props$isRequired = props.isRequired,
+    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
+    _props$hasAutoFocus = props.hasAutoFocus,
+    hasAutoFocus = _props$hasAutoFocus === void 0 ? false : _props$hasAutoFocus,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
     onFocusChange = props.onFocusChange,
@@ -86,55 +89,11 @@ var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, fieldLabelProps), ___EmotionJSX(Box, fieldControlWrapperProps, ___EmotionJSX(Switch, _extends({
     ref: switchRef,
     inputProps: fieldControlInputProps
-  }, unhandledAriaProps))), label), helperText && ___EmotionJSX(FieldHelperText, {
+  }, unhandledAriaProps, others))), label), helperText && ___EmotionJSX(FieldHelperText, {
     status: status
   }, helperText));
 });
-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. */
-  hasAutoFocus: PropTypes.bool,
-  /** Text rendered below the input. */
-  helperText: PropTypes.node,
-  /** If present this prop will cause a help hint to render in the label of the field. */
-  hintText: PropTypes.string,
-  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
-  id: PropTypes.string,
-  /** Whether the element should be selected (uncontrolled). */
-  isDefaultSelected: PropTypes.bool,
-  /** Whether the field is disabled. */
-  isDisabled: PropTypes.bool,
-  /** Whether the input can be selected, but not changed by the user. */
-  isReadOnly: PropTypes.bool,
-  /** Whether user input is required on the input before form submission. */
-  isRequired: PropTypes.bool,
-  /** Whether the element should be selected (controlled). */
-  isSelected: PropTypes.bool,
-  /** The rendered label for the field. */
-  label: PropTypes.node,
-  /** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
-  name: PropTypes.string,
-  /** Handler that is called when the element loses focus. */
-  onBlur: PropTypes.func,
-  /** Handler that is called when the element's selection state changes. */
-  onChange: PropTypes.func,
-  /** Handler that is called when the element receives focus. */
-  onFocus: PropTypes.func,
-  /** Handler that is called when the element's focus status changes. */
-  onFocusChange: PropTypes.func,
-  /** Handler that is called when a key is pressed. */
-  onKeyDown: PropTypes.func,
-  /** Handler that is called when a key is released. */
-  onKeyUp: PropTypes.func,
-  /** 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
-}, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
-SwitchField.defaultProps = _objectSpread({
-  isDisabled: false,
-  isReadOnly: false,
-  isRequired: false,
-  hasAutoFocus: false
-}, statusDefaultProp);
+SwitchField.propTypes = switchFieldPropTypes;
+SwitchField.defaultProps = _objectSpread({}, statusDefaultProp);
 SwitchField.displayName = 'SwitchField';
 export default SwitchField;

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

@@ -18,6 +18,7 @@ import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
 import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import SwitchFieldReadme from './SwitchField.mdx';
+import { switchFieldArgTypes } from './switchFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/SwitchField',
@@ -32,40 +33,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Example Label'
-    },
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    hintText: {
-      control: {
-        type: 'text'
-      }
-    },
-    value: {
-      defaultValue: 'my-switch'
-    },
-    name: {},
-    className: {},
-    isDisabled: {},
-    isRequired: {},
-    isReadOnly: {},
-    isDefaultSelected: {},
-    hasAutoFocus: {},
-    id: {},
-    isSelected: {
-      control: {
-        type: 'none'
-      }
-    }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, switchFieldArgTypes), statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(SwitchField, args);

package/lib/components/SwitchField/SwitchField.test.js

@@ -5,10 +5,9 @@ import axeTest from '../../utils/testUtils/testAxe';
 import { render, screen } from '../../utils/testUtils/testWrapper';
 import SwitchField from './SwitchField';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-switch';
+var TEST_LABEL = 'test label';
 var defaultProps = {
-  label: 'Example label',
-  'data-testid': testId
+  label: TEST_LABEL
 };
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -21,9 +20,9 @@ test('renders Switch component', function () {
   getComponent({
     'aria-label': 'test'
   });
-  var switchComponent = screen.getByTestId(testId);
+  var switchComponent = screen.getByText(TEST_LABEL);
   screen.getByRole('switch');
-  expect(switchComponent).toBeInstanceOf(HTMLDivElement);
+  expect(switchComponent).toBeInstanceOf(HTMLLabelElement);
   expect(switchComponent).toBeInTheDocument();
 });
 test('renders label', function () {

package/lib/components/SwitchField/switchFieldAttributes.js

@@ -0,0 +1,182 @@
+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";
+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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+import PropTypes from 'prop-types';
+import statuses from '../../utils/devUtils/constants/statuses';
+import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
+import { booleanArg, docArgTypes, funcArg } from '../../utils/docUtils/docArgTypes';
+import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusPropTypes } from '../../utils/docUtils/statusProp';
+var descriptions = {
+  className: 'A list of class names to apply to the input element.',
+  hasAutoFocus: 'Whether the element should receive focus on render.',
+  helperText: 'Text rendered below the input.',
+  hintText: 'If present this prop will cause a help hint to render in the label of the field.',
+  id: "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).",
+  isDefaultSelected: 'Whether the element should be selected (uncontrolled).',
+  isDisabled: 'Whether the field is disabled.',
+  isReadOnly: 'Whether the input can be selected, but not changed by the user.',
+  isRequired: 'Whether user input is required on the input before form submission.',
+  isSelected: 'Whether the element should be selected (controlled).',
+  label: 'The rendered label for the field.',
+  name: 'The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).',
+  onBlur: 'Handler that is called when the element loses focus.',
+  onChange: "Handler that is called when the element's selection state changes.",
+  onFocus: 'Handler that is called when the element receives focus.',
+  onFocusChange: "Handler that is called when the element's focus status changes.",
+  onKeyDown: 'Handler that is called when a key is pressed.',
+  onKeyUp: 'Handler that is called when a key is released.',
+  status: 'Determines the textarea status indicator and helper text styling.',
+  value: '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).'
+};
+var string = docArgTypes.string,
+  stringArray = docArgTypes.stringArray,
+  text = docArgTypes.text,
+  node = docArgTypes.node;
+export var switchFieldArgTypes = {
+  className: {
+    type: {
+      summary: _concatInstanceProperty(_context = "".concat(string, " | ")).call(_context, stringArray)
+    },
+    description: descriptions.className
+  },
+  hasAutoFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: descriptions.hasAutoFocus
+  }),
+  helperText: {
+    control: {
+      type: text
+    },
+    type: {
+      summary: node
+    },
+    description: descriptions.helperText
+  },
+  hintText: {
+    control: {
+      type: text
+    },
+    type: {
+      summary: string
+    },
+    description: descriptions.hintText
+  },
+  id: {
+    control: {
+      type: text
+    },
+    type: {
+      summary: string
+    },
+    description: descriptions.id
+  },
+  isDefaultSelected: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: descriptions.isDefaultSelected
+  }),
+  isDisabled: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: descriptions.isDisabled
+  }),
+  isReadOnly: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: descriptions.isReadOnly
+  }),
+  isRequired: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: descriptions.isRequired
+  }),
+  isSelected: {
+    control: {
+      type: 'none'
+    },
+    type: {
+      summary: string
+    },
+    description: descriptions.isSelected
+  },
+  label: {
+    control: {
+      type: text
+    },
+    type: {
+      summary: string
+    },
+    defaultValue: 'Example Label',
+    description: descriptions.label
+  },
+  name: {
+    control: {
+      type: text
+    },
+    type: {
+      summary: string
+    },
+    description: descriptions.name
+  },
+  onBlur: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: descriptions.onBlur
+  }),
+  onChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: descriptions.onChange
+  }),
+  onFocus: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: descriptions.onFocus
+  }),
+  onFocusChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: descriptions.onFocusChange
+  }),
+  onKeyDown: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: descriptions.onKeyDown
+  }),
+  onKeyUp: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: descriptions.onKeyUp
+  }),
+  value: {
+    defaultValue: 'my-switch',
+    control: {
+      type: text
+    },
+    type: {
+      summary: string
+    },
+    description: descriptions.value
+  },
+  status: {
+    control: {
+      type: 'select',
+      options: statuses
+    },
+    defaultValue: statuses.DEFAULT,
+    description: descriptions.status
+  }
+};
+export var switchFieldPropTypes = _objectSpread(_objectSpread(_objectSpread({
+  className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  hasAutoFocus: PropTypes.bool,
+  helperText: PropTypes.node,
+  hintText: PropTypes.string,
+  id: PropTypes.string,
+  isDefaultSelected: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isRequired: PropTypes.bool,
+  isSelected: PropTypes.bool,
+  label: PropTypes.node,
+  name: PropTypes.string,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onFocusChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  status: PropTypes.oneOf(_Object$values(statuses)),
+  value: PropTypes.string
+}, ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes), statusPropTypes);