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

package/lib/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js

@@ -14,17 +14,17 @@ var editFieldValues = [{
 }, {
   field1: 'firstName',
   field2: 'Given Name',
-  hasChip: false,
+  hasBadge: false,
   key: 2
 }, {
   field1: 'lastName',
   field2: 'Family Name',
-  hasChip: false,
+  hasBadge: false,
   key: 3
 }, {
   field1: 'population',
   field2: 'Population',
-  hasChip: false,
+  hasBadge: false,
   key: 4
 }];
 var sx = {

package/lib/recipes/Arrow.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Box from '../components/Box';
+import { Box } from '../index';
 import { line } from '../styles/colors';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/recipes/AttributeMappingReadOnlyField.stories.js

@@ -24,7 +24,7 @@ var sx = {
     marginBottom: 'md',
     alignItems: 'center'
   },
-  chip: {
+  badge: {
     width: 'xx',
     height: '22px',
     alignSelf: 'center',
@@ -117,7 +117,7 @@ var Row = function Row(props) {
     }
   }), withBadge && ___EmotionJSX(Badge, {
     label: "Required",
-    sx: sx.chip
+    sx: sx.badge
   }), withTooltip && ___EmotionJSX(Box, {
     sx: sx.tooltipBox
   }, ___EmotionJSX(HelpHint, {

package/lib/recipes/CollapsiblePanel.stories.js

@@ -21,7 +21,7 @@ import CheckIcon from 'mdi-react/CheckIcon';
 import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import Clear from 'mdi-react/CloseIcon';
 import SearchIcon from 'mdi-react/SearchIcon';
-import { Badge, Box, Breadcrumbs, CheckboxField, CollapsiblePanel, CollapsiblePanelItem, Icon, IconButton, Item, ListView, SearchField, Text } from '..';
+import { Badge, Box, Breadcrumbs, CheckboxField, CollapsiblePanel, CollapsiblePanelItem, Icon, IconButton, Item, ListView, SearchField, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/CollapsiblePanel with List'
@@ -32,7 +32,7 @@ var data = [{
   key: 'Avengers',
   name: 'Avengers',
   subtitle: 'Default',
-  chipValue: '25',
+  badgeValue: '25',
   isDefaultSelected: true
 }, {
   id: '2',
@@ -40,21 +40,21 @@ var data = [{
   key: 'Credit Cards',
   name: 'Credit Cards',
   subtitle: '',
-  chipValue: '123'
+  badgeValue: '123'
 }, {
   id: '3',
   icon: 'Group',
   key: 'Debit Cards',
   name: 'Debit Cards',
   subtitle: '',
-  chipValue: '23'
+  badgeValue: '23'
 }, {
   id: '4',
   icon: 'Group',
   key: 'Digital Investors',
   name: 'Digital Investors',
   subtitle: 'N America',
-  chipValue: '12',
+  badgeValue: '12',
   isDefaultSelected: true
 }, {
   id: '5',
@@ -62,35 +62,35 @@ var data = [{
   key: 'Mortgages',
   name: 'Mortgages',
   subtitle: 'N America',
-  chipValue: '112'
+  badgeValue: '112'
 }, {
   id: '6',
   icon: 'Group',
   key: 'Person LOC',
   name: 'Person LOC',
   subtitle: '',
-  chipValue: '45'
+  badgeValue: '45'
 }, {
   id: '7',
   icon: 'Group',
   key: 'Production',
   name: 'Production',
   subtitle: '',
-  chipValue: '55'
+  badgeValue: '55'
 }, {
   id: '8',
   icon: 'Group',
   key: 'UX Team',
   name: 'UX Team',
   subtitle: '',
-  chipValue: '61'
+  badgeValue: '61'
 }, {
   id: '9',
   icon: 'Group',
   key: 'UI Team',
   name: 'UI Team',
   subtitle: '',
-  chipValue: '29'
+  badgeValue: '29'
 }];
 var sx = {
   listViewItem: {
@@ -248,7 +248,7 @@ export var Default = function Default() {
       mb: "xs",
       mr: "xs"
     }, item.name), ___EmotionJSX(Badge, {
-      label: item.chipValue,
+      label: item.badgeValue,
       bg: "accent.99",
       textColor: "text.secondary",
       sx: {

package/lib/recipes/CountryPicker.stories.js

@@ -3,10 +3,7 @@ import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entrie
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useState } from 'react';
 import { countries as countriesObj } from 'countries-list';
-import Box from '../components/Box';
-import ComboBoxField from '../components/ComboBoxField';
-import Input from '../components/Input';
-import { Item } from '../index';
+import { Box, ComboBoxField, Input, Item } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Country Picker'

package/lib/recipes/DraggableBox.stories.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import DragVerticalIcon from 'mdi-react/DragVerticalIcon';
 import FormTextboxIcon from 'mdi-react/FormTextboxIcon';
-import Box from '../components/Box';
-import Icon from '../components/Icon';
-import Text from '../components/Text';
+import { Box, Icon, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Draggable Box'

package/lib/recipes/FlippableCaretMenuButton.stories.js

@@ -21,8 +21,7 @@ import { useLayoutEffect } from '@react-aria/utils';
 import CloseIcon from 'mdi-react/CloseIcon';
 import MenuDown from 'mdi-react/MenuDownIcon';
 import MenuUp from 'mdi-react/MenuUpIcon';
-import PopoverContainer from '../components/PopoverContainer';
-import { Box, Button, Icon, IconButton } from '../index';
+import { Box, Button, Icon, IconButton, PopoverContainer } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Flippable Caret Menu Button'

package/lib/recipes/LinkedListView.stories.js

@@ -39,7 +39,7 @@ var testData = [{
   id: '1',
   hasSeparator: false,
   hasInsetSeparator: true,
-  chipText: 'default',
+  badgeText: 'default',
   expirationText: 'Expiring On: 2022-12-08',
   childrenObjects: [{
     key: 'Staging Policy',
@@ -53,7 +53,7 @@ var testData = [{
   key: 'Policy4',
   name: 'Policy4',
   policyId: '9234890324k-124123asdf',
-  chipText: 'default',
+  badgeText: 'default',
   id: '2',
   hasSeparator: true
 }, {
@@ -255,9 +255,9 @@ export var Default = function Default(_ref) {
   };
   var ExprirationBadge = function ExprirationBadge(props) {
     var expirationText = props.expirationText,
-      chipText = props.chipText;
+      badgeText = props.badgeText;
     return ___EmotionJSX(Box, {
-      sx: !chipText && {
+      sx: !badgeText && {
         paddingLeft: '72px'
       },
       flexGrow: 1,
@@ -279,7 +279,7 @@ export var Default = function Default(_ref) {
 
   // jsx of the production row
   var Production = function Production(props) {
-    var chipText = props.chipText,
+    var badgeText = props.badgeText,
       hasStaging = props.hasStaging,
       policyId = props.policyId,
       name = props.name;
@@ -316,12 +316,12 @@ export var Default = function Default(_ref) {
         color: 'text.secondary',
         fontSize: 'sm'
       }
-    }, "Policy Id:", ' ', policyId)), chipText && ___EmotionJSX(DefaultBadge, null)), ___EmotionJSX(IconWithPopover, null));
+    }, "Policy Id:", ' ', policyId)), badgeText && ___EmotionJSX(DefaultBadge, null)), ___EmotionJSX(IconWithPopover, null));
   };
 
   // jsx of the staging row.
   var Staging = function Staging(props) {
-    var chipText = props.chipText,
+    var badgeText = props.badgeText,
       expirationText = props.expirationText,
       policyId = props.policyId,
       name = props.name;
@@ -357,7 +357,7 @@ export var Default = function Default(_ref) {
         color: 'text.secondary',
         fontSize: 'sm'
       }
-    }, "Policy Id:", ' ', policyId))), chipText && ___EmotionJSX(DefaultBadge, null), expirationText && ___EmotionJSX(ExprirationBadge, {
+    }, "Policy Id:", ' ', policyId))), badgeText && ___EmotionJSX(DefaultBadge, null), expirationText && ___EmotionJSX(ExprirationBadge, {
       expirationText: expirationText
     }), ___EmotionJSX(IconWithPopover, null));
   };

package/lib/recipes/ListAndPanel.stories.js

@@ -9,7 +9,7 @@ import MoreVertIcon from 'mdi-react/MoreVertIcon';
 import PencilIcon from 'mdi-react/PencilIcon';
 import PlusIcon from 'mdi-react/PlusIcon';
 import { useOverlayPanelState } from '../hooks';
-import { Box, Icon, IconButton, Link, ListItem, ListView, Menu, OverlayPanel, PopoverMenu, SearchField, Separator, SwitchField, Tab, Tabs, Text } from '..';
+import { Box, Icon, IconButton, Link, ListItem, ListView, Menu, OverlayPanel, PopoverMenu, SearchField, Separator, SwitchField, Tab, Tabs, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/List with Panel'

package/lib/recipes/LogoTabs.stories.js

@@ -125,7 +125,7 @@ var sx = {
     }
   })
 };
-export var LogoTabs = function LogoTabs() {
+export var Default = function Default() {
   var _useState = useState('tab1'),
     _useState2 = _slicedToArray(_useState, 2),
     currentTab = _useState2[0],

package/lib/recipes/NeutralInput.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import CheckboxField from '../components/CheckboxField';
+import { CheckboxField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Neutral Checkbox Field'

package/lib/recipes/OneWayToBidirectionalArrow.stories.js

@@ -3,8 +3,7 @@ import React from 'react';
 import CogsIcon from 'mdi-react/CogsIcon';
 import DeleteIcon from 'mdi-react/DeleteIcon';
 import DragVerticalIcon from 'mdi-react/DragVerticalIcon';
-import Box from '../components/Box';
-import { ComboBoxField, Icon, IconButton, IconButtonToggle, Item } from '../index';
+import { Box, ComboBoxField, Icon, IconButton, IconButtonToggle, Item } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/One Way to Bidirectional Arrow'

package/lib/recipes/PanelHeader.stories.js

@@ -2,12 +2,7 @@ import React from 'react';
 import AccountIcon from 'mdi-react/AccountIcon';
 import CloseIcon from 'mdi-react/CloseIcon';
 import DotsVerticalIcon from 'mdi-react/DotsVerticalIcon';
-import Box from '../components/Box';
-import Icon from '../components/Icon';
-import IconButton from '../components/IconButton';
-import PopoverMenu from '../components/PopoverMenu';
-import Text from '../components/Text';
-import { Item, Menu, OverlayProvider } from '../index';
+import { Box, Icon, IconButton, Item, Menu, OverlayProvider, PopoverMenu, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Panel Header'

package/lib/recipes/RadioButtonsWithLinks.stories.js

@@ -2,9 +2,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { useState } from 'react';
 import CloseIcon from 'mdi-react/CloseIcon';
-import RadioField from '../components/RadioField';
-import RadioGroupField from '../components/RadioGroupField';
-import { Box, Button, Icon, IconButton, Text } from '../index';
+import { Box, Button, Icon, IconButton, RadioField, RadioGroupField, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Radio Buttons with Links'

package/lib/recipes/{SelectedFieldOverlay.story.js → SelectedFieldOverlay.stories.js}

@@ -1,8 +1,6 @@
 import React from 'react';
 import VisibilityOffOutlineIcon from 'mdi-react/VisibilityOffOutlineIcon';
-import Box from '../components/Box';
-import Icon from '../components/Icon';
-import TextField from '../components/TextField';
+import { Box, Icon, TextField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Selected Field Overlay'

package/lib/recipes/StatsCircle.stories.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import Box from '../components/Box';
-import Text from '../components/Text';
+import { Box, Text } from '../index';
 import { active } from '../styles/colors';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/recipes/TrialExperienceIndustryButtons.stories.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import CloseIcon from 'mdi-react/CloseIcon';
-import useModalState from '../hooks/useModalState';
+import { useModalState } from '../hooks';
 import { Box, Button, HelpHint, Icon, IconButton, Modal, OverlayProvider, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/styles/themes/astro-nano/astro-nano.js

@@ -55,6 +55,23 @@ var modifyTheme = {
     }, baseButton),
     primary: _objectSpread({}, baseButton)
   },
+  cards: {
+    container: {
+      borderRadius: borderRadius,
+      flexGrow: [1, 0],
+      maxWidth: astroTheme.breakpoints[0],
+      bg: 'white',
+      alignItems: 'stretch',
+      py: [0, 'xl'],
+      my: 'auto',
+      boxShadow: ['none', astroTheme.cards.container.boxShadow],
+      width: ['100%', '450px'],
+      minHeight: 'fit-content'
+    },
+    cardBody: {
+      flexGrow: [1, 0]
+    }
+  },
   colors: {
     activeDark: chroma(astroTheme.colors.active).darken(0.5).hex(),
     activeDarker: chroma(astroTheme.colors.active).darken(1).hex()
@@ -103,20 +120,6 @@ var modifyTheme = {
     }
   },
   variants: {
-    card: {
-      container: {
-        borderRadius: borderRadius,
-        flexGrow: [1, 0],
-        maxWidth: astroTheme.breakpoints[0],
-        bg: 'white',
-        alignItems: 'stretch',
-        py: [0, 'xl'],
-        my: 'auto',
-        boxShadow: ['none', astroTheme.variants.card.container.boxShadow],
-        width: ['100%', '450px'],
-        minHeight: 'fit-content'
-      }
-    },
     wrapper: {
       alignItems: 'center',
       justifyContent: 'space-between',
@@ -129,9 +132,6 @@ var modifyTheme = {
       bottom: 0,
       left: 0,
       right: 0
-    },
-    cardBody: {
-      flexGrow: [1, 0]
     }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.7",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",
@@ -65,7 +65,7 @@
     "@react-stately/grid": "~3.3.1",
     "@react-stately/layout": "~3.7.1",
     "@react-stately/list": "~3.4.1",
-    "@react-stately/table": "^3.2.1",
+    "@react-stately/table": "~3.3.0",
     "@react-stately/virtualizer": "^3.2.1",
     "@storybook/addon-actions": "^6.5.10",
     "@styled-system/prop-types": "^5.1.5",

package/lib/cjs/components/PageHeader/PageHeader.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _hooks = require("../../hooks");
-var _Box = _interopRequireDefault(require("../Box/Box"));
-var _Text = _interopRequireDefault(require("../Text/Text"));
-var _react2 = require("@emotion/react");
-var _excluded = ["title", "children"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * A `Page Header` is a composed component using text and icon button.
- * The component is separated from the body and appears at the top.
- * For customization,
- * please see [Page Header](./?path=/story/recipes-page-header--default) recipe docs.
- */
-
-var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var title = props.title,
-    children = props.children,
-    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  (0, _hooks.useDeprecationWarning)('The Page Header component will be deprecated in Astro-UI 2.0.0. Use Page Header recipe instead.');
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    isRow: true,
-    justifyContent: "space-between",
-    role: "heading",
-    "aria-level": "1",
-    ref: ref
-  }, others), (0, _react2.jsx)(_Text["default"], {
-    variant: "title",
-    mb: "md"
-  }, title), children);
-});
-PageHeader.displayName = 'PageHeader';
-var _default = PageHeader;
-exports["default"] = _default;
-PageHeader.propTypes = {
-  /** Title for the Page Header. */
-  title: _propTypes["default"].string
-};

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

@@ -1,36 +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 _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _withDeprecationWarning = _interopRequireDefault(require("../../utils/devUtils/decorators/withDeprecationWarning"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _PageHeader = _interopRequireDefault(require("./PageHeader"));
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Deprecated/PageHeader',
-  component: _PageHeader["default"],
-  decorators: [function (Story, context) {
-    return (0, _withDeprecationWarning["default"])(Story, context, 'The `PageHeader` component will be deprecated in Astro-UI 2.0.0.');
-  }],
-  argTypes: {
-    title: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Forms'
-    }
-  }
-};
-exports["default"] = _default;
-var Default = function Default(_ref) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)(_PageHeader["default"], args, (0, _react2.jsx)(_Button["default"], null, "Add a Form"));
-};
-exports.Default = Default;

package/lib/cjs/components/PageHeader/PageHeader.test.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-var _PageHeader = _interopRequireDefault(require("./PageHeader"));
-var _react3 = require("@emotion/react");
-var testTitle = 'Test Title';
-var defaultProps = {
-  title: testTitle
-};
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _react2.render)((0, _react3.jsx)(_PageHeader["default"], (0, _extends2["default"])({}, defaultProps, props)));
-};
-
-// Need to be added to each test file to test accessibility using axe.
-(0, _testAxe["default"])(getComponent);
-test('renders pageheader and title', function () {
-  getComponent();
-  var title = _react2.screen.getByRole('heading');
-  expect(title).toBeInTheDocument();
-});

package/lib/components/PageHeader/PageHeader.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["title", "children"];
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import { useDeprecationWarning } from '../../hooks';
-import Box from '../Box/Box';
-import Text from '../Text/Text';
-
-/**
- * A `Page Header` is a composed component using text and icon button.
- * The component is separated from the body and appears at the top.
- * For customization,
- * please see [Page Header](./?path=/story/recipes-page-header--default) recipe docs.
- */
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var PageHeader = /*#__PURE__*/forwardRef(function (props, ref) {
-  var title = props.title,
-    children = props.children,
-    others = _objectWithoutProperties(props, _excluded);
-  useDeprecationWarning('The Page Header component will be deprecated in Astro-UI 2.0.0. Use Page Header recipe instead.');
-  return ___EmotionJSX(Box, _extends({
-    isRow: true,
-    justifyContent: "space-between",
-    role: "heading",
-    "aria-level": "1",
-    ref: ref
-  }, others), ___EmotionJSX(Text, {
-    variant: "title",
-    mb: "md"
-  }, title), children);
-});
-PageHeader.displayName = 'PageHeader';
-export default PageHeader;
-PageHeader.propTypes = {
-  /** Title for the Page Header. */
-  title: PropTypes.string
-};

package/lib/components/PageHeader/PageHeader.stories.js

@@ -1,26 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import withDeprecationWarning from '../../utils/devUtils/decorators/withDeprecationWarning';
-import Button from '../Button/Button';
-import PageHeader from './PageHeader';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Deprecated/PageHeader',
-  component: PageHeader,
-  decorators: [function (Story, context) {
-    return withDeprecationWarning(Story, context, 'The `PageHeader` component will be deprecated in Astro-UI 2.0.0.');
-  }],
-  argTypes: {
-    title: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Forms'
-    }
-  }
-};
-export var Default = function Default(_ref) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return ___EmotionJSX(PageHeader, args, ___EmotionJSX(Button, null, "Add a Form"));
-};

package/lib/components/PageHeader/PageHeader.test.js

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