@pingux/astro 2.7.0-alpha.2 → 2.7.0-alpha.3

package/lib/components/IconButton/iconButtonAttributes.js

@@ -1,91 +0,0 @@
-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 CreateIcon from '@pingux/mdi-react/CreateIcon';
-import PropTypes from 'prop-types';
-import { descriptions as ariaDescriptions } from '../../utils/docUtils/ariaAttributes';
-import { booleanArg, funcArg } from '../../utils/docUtils/docArgTypes';
-var descriptions = {
-  icon: 'The icon to render. List of icons at https://materialdesignicons.com/',
-  isDisabled: 'Whether the icon is disabled.',
-  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',
-  title: 'Content will be displayed in a tooltip on hover or focus.',
-  variant: 'Styling to apply to the IconButton.'
-};
-export var iconButtonArgTypes = {
-  icon: {
-    control: {
-      type: 'none'
-    },
-    defaultValue: CreateIcon,
-    description: descriptions.icon
-  },
-  title: {
-    control: {
-      type: 'text'
-    },
-    description: descriptions.title
-  },
-  'aria-label': {
-    control: {
-      type: 'text'
-    },
-    description: ariaDescriptions.ariaLabel
-  },
-  isDisabled: _objectSpread({
-    description: descriptions.isDisabled
-  }, booleanArg),
-  variant: {
-    control: {
-      type: 'select',
-      options: ['base', 'inverted', 'invertedSquare', 'square']
-    },
-    defaultValue: 'base',
-    description: descriptions.variant
-  },
-  size: {
-    control: {
-      type: 'select',
-      options: ['xs', 'sm', 'md']
-    },
-    defaultValue: 'sm'
-  },
-  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)
-};
-export var iconButtonPropTypes = {
-  variant: PropTypes.string,
-  'aria-label': PropTypes.string,
-  title: PropTypes.string,
-  onPress: PropTypes.func,
-  onPressStart: PropTypes.func,
-  onPressEnd: PropTypes.func,
-  onPressChange: PropTypes.func,
-  onPressUp: PropTypes.func,
-  isDisabled: PropTypes.bool
-};

package/lib/components/Menu/menuAttributes.js

@@ -1,95 +0,0 @@
-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/switchFieldAttributes.js

@@ -1,182 +0,0 @@
-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);

package/lib/experimental/StyledListItem/StyledListItem.js

@@ -1,146 +0,0 @@
-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";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "details", "isHovered", "isSelected", "linkProps", "onHoverChange", "onHoverEnd", "onHoverStart", "slots"];
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { forwardRef } from 'react';
-import { useHover } from '@react-aria/interactions';
-import { useStatusClasses } from '../../hooks';
-import { Box, Icon, Text } from '../../index';
-import { styledListItemPropTypes } from './styledListItemAttributes';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var sx = {
-  container: {
-    m: 1,
-    minHeight: 72,
-    '&.is-hovered': {
-      bg: 'white',
-      cursor: 'pointer'
-    }
-  },
-  controls: {
-    alignSelf: 'center',
-    ml: 'auto',
-    pr: 'sm'
-  },
-  details: {
-    alignItems: 'center'
-  },
-  icon: {
-    width: 25,
-    color: 'accent.40'
-  },
-  rightOfDetails: {
-    alignSelf: 'center',
-    ml: 'sm'
-  },
-  subtitle: {
-    alignSelf: 'start',
-    fontSize: 'sm',
-    lineHeight: '16px',
-    my: '1px'
-  },
-  text: {
-    ml: 'md'
-  },
-  title: {
-    alignSelf: 'start',
-    fontSize: 'md'
-  },
-  wrapper: {
-    cursor: 'pointer',
-    display: 'flex',
-    flex: '1 1 0px',
-    ml: 'md'
-  }
-};
-export var LIST_ITEM_ICON = '-list-item-icon';
-var StyledListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _context, _context2;
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$details = _ref.details,
-    details = _ref$details === void 0 ? {} : _ref$details,
-    isHovered = _ref.isHovered,
-    isSelected = _ref.isSelected,
-    linkProps = _ref.linkProps,
-    onHoverChange = _ref.onHoverChange,
-    onHoverEnd = _ref.onHoverEnd,
-    onHoverStart = _ref.onHoverStart,
-    slots = _ref.slots,
-    others = _objectWithoutProperties(_ref, _excluded);
-  var icon = details.icon,
-    subtext = details.subtext,
-    text = details.text;
-  var shouldUseDefaultHover = isHovered === undefined;
-  var _useHover = useHover({
-      onHoverChange: onHoverChange,
-      onHoverEnd: onHoverEnd,
-      onHoverStart: onHoverStart
-    }),
-    hoverProps = _useHover.hoverProps,
-    defaultIsHovered = _useHover.isHovered;
-  var _useStatusClasses = useStatusClasses(className, {
-      isHovered: shouldUseDefaultHover ? defaultIsHovered : isHovered,
-      isSelected: isSelected
-    }),
-    classNames = _useStatusClasses.classNames;
-  var wrapperStyles = slots !== null && slots !== void 0 && slots.leftOfDetails ? _objectSpread(_objectSpread({}, sx.wrapper), {}, {
-    ml: 0
-  }) : sx.wrapper;
-  var textStyles = slots !== null && slots !== void 0 && slots.leftOfDetails ? _objectSpread(_objectSpread({}, sx.text), {}, {
-    ml: 0
-  }) : sx.text;
-  var renderIcon = ___EmotionJSX(Box, {
-    sx: sx.icon
-  }, icon && ___EmotionJSX(Icon, {
-    icon: icon,
-    size: "md",
-    title: {
-      id: _concatInstanceProperty(_context = "".concat(text)).call(_context, LIST_ITEM_ICON),
-      name: _concatInstanceProperty(_context2 = "".concat(text)).call(_context2, LIST_ITEM_ICON)
-    }
-  }));
-  var renderDetails = ___EmotionJSX(Box, {
-    isRow: true,
-    sx: sx.details
-  }, (slots === null || slots === void 0 ? void 0 : slots.leftOfDetails) || renderIcon, ___EmotionJSX(Box, {
-    sx: textStyles
-  }, text && ___EmotionJSX(Text, {
-    variant: "bodyStrong",
-    sx: sx.title
-  }, text), subtext && ___EmotionJSX(Text, {
-    variant: "subtitle",
-    sx: sx.subtitle
-  }, subtext)));
-  return ___EmotionJSX(Box, _extends({
-    className: classNames,
-    ref: ref,
-    sx: sx.container
-  }, hoverProps, others), ___EmotionJSX(Box, {
-    isRow: true,
-    sx: wrapperStyles
-  }, renderDetails, (slots === null || slots === void 0 ? void 0 : slots.rightOfDetails) && ___EmotionJSX(Box, {
-    isRow: true,
-    alignSelf: "center",
-    ml: "md"
-  }, slots.rightOfDetails), ___EmotionJSX(Box, {
-    isRow: true,
-    gap: "sm",
-    alignItems: "center",
-    sx: sx.controls
-  }, children)));
-});
-StyledListItem.propTypes = styledListItemPropTypes;
-StyledListItem.displayName = 'StyledListItem';
-export default StyledListItem;

package/lib/experimental/StyledListItem/StyledListItem.stories.js

@@ -1,140 +0,0 @@
-import React from 'react';
-import { Item } from 'react-stately';
-import AccountIcon from '@pingux/mdi-react/AccountIcon';
-import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
-import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Badge, Box, ListItemEditButton, ListItemMenu, ListItemSwitchField, Separator, StyledListItem, Text } from '../../index';
-import StyledListItemReadme from './StyledListItem.mdx';
-import { styledListItemArgTypes } from './styledListItemAttributes';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Experimental/StyledListItem',
-  component: StyledListItem,
-  parameters: {
-    docs: {
-      page: function page() {
-        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(StyledListItemReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
-      }
-    }
-  },
-  argTypes: styledListItemArgTypes
-};
-var Wrapper = function Wrapper(_ref) {
-  var children = _ref.children;
-  return ___EmotionJSX(Box, {
-    sx: {
-      bg: 'accent.99'
-    }
-  }, ___EmotionJSX(Separator, {
-    margin: 0
-  }), children, ___EmotionJSX(Separator, {
-    margin: 0
-  }));
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledListItem, {
-    details: {
-      icon: AccountIcon,
-      text: 'Fons Vernall'
-    }
-  }));
-};
-export var WithSubtext = function WithSubtext() {
-  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledListItem, {
-    details: {
-      icon: AccountIcon,
-      subtext: 'rad_developer@pingidentity.com',
-      text: 'Fons Vernall'
-    }
-  }));
-};
-export var WithControls = function WithControls() {
-  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledListItem, {
-    details: {
-      icon: FormSelectIcon,
-      text: 'Fons Vernall'
-    }
-  }, ___EmotionJSX(ListItemEditButton, null), ___EmotionJSX(ListItemSwitchField, null), ___EmotionJSX(ListItemMenu, null, ___EmotionJSX(Item, {
-    key: "enable"
-  }, "Enable user"), ___EmotionJSX(Item, {
-    key: "disable"
-  }, "Disable user"), ___EmotionJSX(Item, {
-    key: "delete"
-  }, "Delete user"))));
-};
-export var WithRightOfDetailsSlot = function WithRightOfDetailsSlot() {
-  var renderRightOfDetails = ___EmotionJSX(Box, {
-    isRow: true,
-    gap: "md"
-  }, ___EmotionJSX(Badge, {
-    label: "Label"
-  }), ___EmotionJSX(Badge, {
-    label: "Label",
-    bg: "active"
-  }));
-  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledListItem, {
-    details: {
-      icon: AccountIcon,
-      text: 'Fons Vernall',
-      subtext: 'verylongemailaddress@email.com'
-    },
-    slots: {
-      rightOfDetails: renderRightOfDetails
-    }
-  }, ___EmotionJSX(ListItemMenu, null, ___EmotionJSX(Item, {
-    key: "enable"
-  }, "Enable user"), ___EmotionJSX(Item, {
-    key: "disable"
-  }, "Disable user"), ___EmotionJSX(Item, {
-    key: "delete"
-  }, "Delete user"))));
-};
-export var WithLeftOfDetailsSlot = function WithLeftOfDetailsSlot() {
-  var renderLeftOfDetails = ___EmotionJSX(Box, {
-    mx: "sm"
-  }, ___EmotionJSX(Text, {
-    pr: 3,
-    variant: "H3"
-  }, "Ping"));
-  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledListItem, {
-    details: {
-      icon: AccountIcon,
-      text: 'Fons Vernall',
-      subtext: 'verylongemailaddress@email.com'
-    }
-    // Note that when the leftOfDetails slot is used, it overrides the provided icon and
-    // removes all margins and padding on the left of details
-    ,
-    slots: {
-      leftOfDetails: renderLeftOfDetails
-    }
-  }, ___EmotionJSX(ListItemMenu, null, ___EmotionJSX(Item, {
-    key: "enable"
-  }, "Enable user"), ___EmotionJSX(Item, {
-    key: "disable"
-  }, "Disable user"), ___EmotionJSX(Item, {
-    key: "delete"
-  }, "Delete user"))));
-};
-export var WithLinkProps = function WithLinkProps() {
-  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledListItem, {
-    details: {
-      icon: AccountIcon,
-      text: 'Fons Vernall'
-    }
-    // With linkProps added, meta click functionality is enabled
-    ,
-    linkProps: {
-      href: 'https://pingidentity.com/'
-    }
-  }, ___EmotionJSX(ListItemSwitchField, null), ___EmotionJSX(ListItemMenu, null, ___EmotionJSX(Item, {
-    key: "enable"
-  }, "Enable user"), ___EmotionJSX(Item, {
-    key: "disable"
-  }, "Disable user"), ___EmotionJSX(Item, {
-    key: "delete"
-  }, "Delete user"))));
-};