@pingux/astro 1.42.0-alpha.0 → 2.0.0-alpha.1

package/lib/cjs/styles/variants/imageUpload.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-var hoveredPreview = {
-  wrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute'
-  },
-  shaded: {
-    opacity: 0.3,
-    backgroundColor: '#000',
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    borderRadius: 2
-  }
-};
-var _default = {
-  hoveredPreview: hoveredPreview
-};
-exports["default"] = _default;

package/lib/cjs/styles/variants/messages.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-var wrapper = {
-  position: 'absolute',
-  right: 'lg',
-  bottom: 'lg',
-  left: 'lg',
-  alignItems: 'flex-end',
-  pointerEvents: 'none'
-};
-var transition = {
-  transition: 'opacity 200ms, max-height 200ms',
-  opacity: 1,
-  '&.is-hidden': {
-    opacity: 0
-  }
-};
-var item = {
-  maxWidth: 400,
-  pointerEvents: 'all',
-  mb: 'md',
-  p: 'md',
-  wordBreak: 'break-word',
-  alignItems: 'center',
-  bg: 'neutral.95',
-  color: 'neutral.10',
-  borderRadius: 4,
-  '&.is-success, > .is-success': {
-    bg: 'success.light',
-    color: 'success.dark'
-  },
-  '&.is-warning, > .is-warning': {
-    bg: 'warning.light',
-    color: 'warning.dark'
-  },
-  '&.is-error, > .is-error': {
-    bg: 'critical.light',
-    color: 'critical.dark'
-  }
-};
-var _default = {
-  wrapper: wrapper,
-  transition: transition,
-  item: item
-};
-exports["default"] = _default;

package/lib/cjs/styles/variants/rockerbutton.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-var rockerContainer = {
-  alignItems: 'flex-start'
-};
-var rockerContainerInner = {
-  bg: 'accent.95',
-  border: '1px solid',
-  borderColor: 'accent.90',
-  boxShadow: 'standard',
-  borderRadius: '15px',
-  padding: '2px'
-};
-var _default = {
-  rockerContainer: rockerContainer,
-  rockerContainerInner: rockerContainerInner
-};
-exports["default"] = _default;

package/lib/components/ArrayField/ArrayFieldItem.js

@@ -1,31 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "onComponentRender", "fieldValue", "isDisabled", "onFieldDelete", "onFieldValueChange", "renderField"];
-import React from 'react';
-import PropTypes from 'prop-types';
-import Box from '../Box';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var ArrayFieldItem = /*#__PURE__*/React.memo(function (_ref) {
-  var id = _ref.id,
-      onComponentRender = _ref.onComponentRender,
-      fieldValue = _ref.fieldValue,
-      isDisabled = _ref.isDisabled,
-      onFieldDelete = _ref.onFieldDelete,
-      onFieldValueChange = _ref.onFieldValueChange,
-      renderField = _ref.renderField,
-      otherFieldProps = _objectWithoutProperties(_ref, _excluded);
-
-  return ___EmotionJSX(Box, {
-    as: "li",
-    mb: "xs"
-  }, onComponentRender ? onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) : renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps));
-});
-ArrayFieldItem.propTypes = {
-  id: PropTypes.string,
-  onComponentRender: PropTypes.func,
-  fieldValue: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  onFieldDelete: PropTypes.func,
-  onFieldValueChange: PropTypes.func,
-  renderField: PropTypes.func
-};
-export default ArrayFieldItem;

package/lib/components/Chip/Chip.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import PropTypes from 'prop-types';
-import Badge from './Badge';
-import { useDeprecationWarning } from '../../hooks';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  useDeprecationWarning('The Chip component will be deprecated in Astro-UI 2.0.0 and replaced by the `Badge` component instead.');
-  return ___EmotionJSX(Badge, _extends({
-    ref: ref
-  }, props));
-});
-Chip.propTypes = {
-  /** The text color of the chip. */
-  textColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-
-  /** The background color of the chip. */
-  bg: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-
-  /** Provides a way to insert markup in specified places. */
-  slots: PropTypes.shape({
-    /** The given node will be inserted into left side of the chip. */
-    leftIcon: PropTypes.node
-  }),
-
-  /** The label of the chip. */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-
-  /** Props object that is spread directly into the textfield. */
-  textProps: PropTypes.shape({}),
-
-  /** When true, display chip label as uppercase. */
-  isUppercase: PropTypes.bool,
-
-  /** Alignment of chip relative to parent container. */
-  align: PropTypes.oneOf(['top', 'right', 'bottom', 'left'])
-};
-export default Chip;

package/lib/components/Chip/index.js

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

package/lib/components/List/List.js

@@ -1,26 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
-import React, { forwardRef } from 'react';
-import Box from '../Box/Box';
-import { useDeprecationWarning } from '../../hooks';
-/**
- * The intended use of List is to hold a collection of <ListItem/> components.
- * Accepts most of the styling props from [styled-system](https://styled-system.com/table).
-*/
-
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var List = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
-  useDeprecationWarning('The  List component will be deprecated in Astro-UI 2.0.0, use ListView instead.');
-  return ___EmotionJSX(Box, _extends({
-    ref: ref,
-    role: "list",
-    as: "ul",
-    pl: "0"
-  }, others), children);
-});
-List.displayName = 'List';
-export default List;

package/lib/components/List/List.stories.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import List from '.';
-import ListItem from '../ListItem';
-import Text from '../Text';
-import Separator from '../Separator';
-import withDeprecationWarning from '../../utils/devUtils/decorators/withDeprecationWarning';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Deprecated/List',
-  component: [List, ListItem],
-  decorators: [function (Story, context) {
-    return withDeprecationWarning(Story, context, 'The `List` component will be deprecated in Astro-UI 2.0.0, use `ListView` instead.');
-  }]
-};
-export var Default = function Default() {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
-    variant: "itemTitle",
-    mb: "md",
-    color: "text.secondary"
-  }, "Registration Forms"), ___EmotionJSX(List, null, ___EmotionJSX(ListItem, null, ___EmotionJSX(Text, {
-    variant: "itemTitle",
-    alignSelf: "center",
-    mr: "auto"
-  }, "Form 1")), ___EmotionJSX(Separator, {
-    margin: "0"
-  }), ___EmotionJSX(ListItem, {
-    title: "Form 2"
-  }, ___EmotionJSX(Text, {
-    variant: "itemTitle",
-    alignSelf: "center",
-    mr: "auto"
-  }, "Form 2")), ___EmotionJSX(Separator, {
-    margin: "0"
-  }), ___EmotionJSX(ListItem, {
-    title: "Form 3"
-  }, ___EmotionJSX(Text, {
-    variant: "itemTitle",
-    alignSelf: "center",
-    mr: "auto"
-  }, "Form 3")), ___EmotionJSX(Separator, {
-    margin: "0"
-  })));
-};

package/lib/components/List/List.test.js

@@ -1,24 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import List from './List';
-import axeTest from '../../utils/testUtils/testAxe';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testLabel = 'Test Label';
-var defaultProps = {
-  title: testLabel
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(___EmotionJSX(List, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-axeTest(getComponent);
-test('renders List component', function () {
-  getComponent();
-  var list = screen.getByRole('list');
-  expect(list).toBeInstanceOf(HTMLUListElement);
-  expect(list).toBeInTheDocument();
-});

package/lib/components/List/index.js

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

package/lib/styles/variants/accordion.js

@@ -1,82 +0,0 @@
-var accordionTitle = {
-  display: 'inline-block !important',
-  overflowWrap: 'break-word',
-  maxWidth: '100%',
-  wordWrap: 'break-word',
-  wordBreak: 'break-word',
-  fontSize: 'lg',
-  fontWeight: 700,
-  color: 'text.primary',
-  '&.is-pressed': {
-    color: 'white'
-  }
-};
-var accordion = {
-  display: 'flex',
-  mt: '5px',
-  mb: '20px',
-  alignItems: 'flex-start'
-};
-var accordionBody = {
-  display: 'none',
-  pt: 'md',
-  width: '100%',
-  '.is-open &': {
-    display: 'flex'
-  }
-};
-var accordionGridHeader = {
-  cursor: 'pointer',
-  lineHeight: '30px',
-  pl: 'sm',
-  outline: 'none',
-  display: 'flex',
-  justifyContent: 'center',
-  flexShrink: 0,
-  wordBreak: 'inherit',
-  whiteSpace: 'nowrap',
-  bg: 'white',
-  color: 'neutral.10',
-  flexGrow: 1,
-  fontWeight: 700,
-  border: '1px solid transparent',
-  '&.is-focused': {
-    border: '1px solid',
-    borderColor: 'focus',
-    zIndex: '10'
-  },
-  minHeight: '64px',
-  '&.is-hovered': {
-    backgroundColor: 'accent.99'
-  },
-  '&.is-pressed': {
-    color: 'accent.20',
-    '& div > div > div > span': {
-      color: 'accent.20'
-    }
-  }
-};
-var accordionGridBody = {
-  display: 'none !important',
-  pl: 'sm',
-  width: '100%',
-  '&.is-selected': {
-    display: 'flex !important'
-  },
-  ':focus': {
-    outline: 'none'
-  }
-};
-var accordionGridItem = {
-  ':focus': {
-    outline: 'none'
-  }
-};
-export default {
-  accordionGridHeader: accordionGridHeader,
-  accordionGridBody: accordionGridBody,
-  accordionTitle: accordionTitle,
-  accordion: accordion,
-  accordionBody: accordionBody,
-  accordionGridItem: accordionGridItem
-};