@pingux/astro 2.33.0-alpha.12 → 2.33.0-alpha.2

package/lib/components/TableCell/TableCell.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "isHeading"];
-import React, { forwardRef } from 'react';
+import React from 'react';
 import Box from '../Box';
 
 /**
@@ -13,14 +13,13 @@ import Box from '../Box';
  *
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var TableCell = /*#__PURE__*/forwardRef(function (props, ref) {
+var TableCell = function TableCell(props) {
   var children = props.children,
     isHeading = props.isHeading,
     others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
-    ref: ref,
     variant: isHeading ? 'table.head' : 'table.data',
     as: isHeading ? 'th' : 'td'
   }, others), children);
-});
+};
 export default TableCell;

package/lib/components/TableCell/TableCell.test.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
+import axeTest from '../../utils/testUtils/testAxe';
 import Table from '../Table';
 import TableBody from '../TableBody';
 import TableRow from '../TableRow';
@@ -16,12 +16,8 @@ var getComponent = function getComponent() {
   return render(___EmotionJSX(Table, null, ___EmotionJSX(TableBody, null, ___EmotionJSX(TableRow, null, ___EmotionJSX(TableCell, _extends({}, props, defaultProps), "Here is text.")))));
 };
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(Table, null, ___EmotionJSX(TableBody, null, ___EmotionJSX(TableRow, null, ___EmotionJSX(TableCell, props, "Here is text."))));
-  }
-});
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent);
 test('isHeading = true', function () {
   var props = {
     isHeading: true

package/lib/components/TableHead/TableHead.js

@@ -1,7 +1,7 @@
 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 React from 'react';
 import Box from '../Box';
 
 /**
@@ -13,12 +13,11 @@ import Box from '../Box';
  *
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var TableHead = /*#__PURE__*/forwardRef(function (props, ref) {
+var TableHead = function TableHead(props) {
   var children = props.children,
     others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
-    ref: ref,
     as: "thead"
   }, others), children);
-});
+};
 export default TableHead;

package/lib/components/TableRow/TableRow.js

@@ -1,7 +1,7 @@
 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 React from 'react';
 import Box from '../Box';
 
 /**
@@ -13,13 +13,12 @@ import Box from '../Box';
  *
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var TableRow = /*#__PURE__*/forwardRef(function (props, ref) {
+var TableRow = function TableRow(props) {
   var children = props.children,
     others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
-    ref: ref,
     variant: "table.row",
     as: "tr"
   }, others), children);
-});
+};
 export default TableRow;

package/lib/components/Tabs/Tabs.stories.js

@@ -4,7 +4,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { useState } from 'react';
 import LockIcon from '@pingux/mdi-react/LockIcon';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Badge, Box, Icon, Tab, Tabs, Text } from '../../index';
+import { Badge, Icon, Tab, Tabs, Text } from '../../index';
 import TabsReadme from './Tabs.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -174,11 +174,11 @@ export var ContentSlots = function ContentSlots() {
     marginLeft: 6,
     marginTop: 10
   };
-  var afterTabNode = ___EmotionJSX(Box, null, ___EmotionJSX(Badge, {
+  var afterTabNode = ___EmotionJSX(Badge, {
     variant: "countNeutral",
     sx: nodeSx,
     label: "14"
-  }));
+  });
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Tabs, {
     items: tabs,
     mb: 50

package/lib/components/Tabs/Tabs.style.js

@@ -17,6 +17,7 @@ export var tab = {
   display: 'inline-flex',
   outline: 'none',
   transform: 'translateY(1px)',
+  width: '100%',
   '&.is-focused': {
     '& > span': _objectSpread({}, focusWithCroppedOutline)
   },

package/lib/components/Tabs/Tabs.test.js

@@ -21,8 +21,8 @@ import React from 'react';
 import createCache from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import userEvent from '@testing-library/user-event';
+import axeTest from '../../utils/testUtils/testAxe';
 import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import Tab from '../Tab';
 import Tabs from './Tabs';
 
@@ -133,15 +133,8 @@ afterEach(function () {
   jest.restoreAllMocks();
 });
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(Tabs, props, ___EmotionJSX(Tab, {
-      key: "key",
-      title: "title"
-    }, "Content"));
-  }
-});
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent);
 test('default tabs', function () {
   getComponent();
   var tabList = screen.getByRole('tablist');

package/lib/components/Text/Text.test.js

@@ -12,9 +12,9 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 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 { ThemeProvider } from 'theme-ui';
+import axeTest from '../../utils/testUtils/testAxe';
 import testTheme from '../../utils/testUtils/testTheme';
 import { render, screen } from '../../utils/testUtils/testWrapper';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import Text from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-text';
@@ -29,12 +29,8 @@ var getComponent = function getComponent() {
   }, ___EmotionJSX(Text, _extends({}, defaultProps, props), children)));
 };
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(Text, props, "text");
-  }
-});
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent);
 test('default text', function () {
   getComponent();
   var text = screen.getByTestId(testId);

package/lib/components/TextArea/TextArea.test.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
+import axeTest from '../../utils/testUtils/testAxe';
 import TextArea from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'textAreaField';
@@ -13,13 +13,8 @@ var getComponent = function getComponent() {
   return render(___EmotionJSX(TextArea, _extends({}, defaultProps, props)));
 };
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(TextArea, _extends({
-      label: "label"
-    }, props));
-  },
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent, {
   // TextArea with label provided by TextAreaField
   rules: {
     'label': {

package/lib/components/TextAreaField/TextAreaField.test.js

@@ -6,8 +6,8 @@ import React from 'react';
 import { fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import statuses from '../../utils/devUtils/constants/statuses';
+import axeTest from '../../utils/testUtils/testAxe';
 import { render, screen } from '../../utils/testUtils/testWrapper';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import TextAreaField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-textAreaField';
@@ -21,12 +21,8 @@ var getComponent = function getComponent() {
 };
 var mockfunction = jest.fn();
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(TextAreaField, _extends({}, defaultProps, props));
-  }
-});
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent);
 test('disabled prop disables input', function () {
   getComponent({
     isDisabled: true

package/lib/components/TextField/TextField.test.js

@@ -6,7 +6,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
+import axeTest from '../../utils/testUtils/testAxe';
 import TextField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-text-field';
@@ -20,12 +20,8 @@ var getComponent = function getComponent() {
   return render(___EmotionJSX(TextField, _extends({}, defaultProps, props)));
 };
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(TextField, _extends({}, defaultProps, props));
-  }
-});
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent);
 test('default text field', function () {
   getComponent();
   var field = screen.getByTestId(testId);

package/lib/components/TimeZonePicker/TimeZonePicker.test.js

@@ -3,7 +3,6 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { OverlayProvider, TimeZonePicker } from '../../index';
 import { render, screen } from '../../utils/testUtils/testWrapper';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testTimeZoneJuba = 'Africa/Juba';
 var testTimeZoneApia = 'Pacific/Apia';
@@ -74,11 +73,4 @@ test('shows custom empty search state text when no items are found', function ()
   var input = screen.queryByRole('combobox');
   userEvent.type(input, 'awdasrf213');
   expect(screen.getByText(testEmptyText)).toBeInTheDocument();
-});
-
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(TimeZonePicker, _extends({}, defaultProps, props));
-  }
 });

package/lib/components/TooltipTrigger/TooltipTrigger.test.js

@@ -14,20 +14,16 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { Button, Tooltip, TooltipTrigger } from '../../index';
 import theme from '../../styles/theme';
+import axeTest from '../../utils/testUtils/testAxe';
 import { fireEvent, render, screen, waitFor } from '../../utils/testUtils/testWrapper';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(TooltipTrigger, props, ___EmotionJSX(Button, props.buttonProps, "Mock Button"), ___EmotionJSX(Tooltip, null, "Tooltip Content")));
 };
 
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(TooltipTrigger, props, ___EmotionJSX(Button, null, "Mock Button"), ___EmotionJSX(Tooltip, null, "Tooltip Content"));
-  }
-});
+// Need to be added to each test file to test accessibility using axe.
+axeTest(getComponent);
 test('tooltip doesnt show by default and is rendered when trigger is hovered', function () {
   getComponent();
   var button = screen.getByRole('button');

package/lib/hooks/useComponentToggle/useComponentToggle.js

@@ -6,7 +6,9 @@ var useComponentToggle = function useComponentToggle(props) {
     ComponentToRenderIfFalse = props.ComponentToRenderIfFalse,
     condition = props.condition,
     onConditionChange = props.onConditionChange;
-  var _useProgressiveState = useProgressiveState(condition, false),
+  var _useProgressiveState = useProgressiveState(condition, function () {
+      return null;
+    }),
     _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
     isToggled = _useProgressiveState2[0],
     setIsToggled = _useProgressiveState2[1];

package/lib/hooks/useField/useField.js

@@ -15,8 +15,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { useEffect, useState } from 'react';
 import { mergeProps, useFocusRing, useLabel } from 'react-aria';
 import { useFocusWithin } from '@react-aria/interactions';
-// eslint-disable-next-line import/no-unresolved
-
 import noop from 'lodash/noop';
 import omit from 'lodash/omit';
 import { modes as labelModes } from '../../components/Label/constants';

package/lib/hooks/useProgressiveState/useProgressiveState.js

@@ -1,11 +1,15 @@
 import { useState } from 'react';
+
+/**
+ * A custom hook that provides stateful capabilities when the associated prop is not supplied
+ * @param {*} prop The intended prop to be controlled by state
+ * @param {*} initial The initial state value, used only if the given prop is undefined
+ */
 var useProgressiveState = function useProgressiveState(prop, initial) {
   var controlledState = useState(initial);
   if (prop === undefined) {
     return controlledState;
   }
-  return [prop, function () {
-    return undefined;
-  }];
+  return [prop, function () {}];
 };
 export default useProgressiveState;

package/lib/hooks/useProgressiveState/useProgressiveState.test.js

@@ -1,16 +1,26 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["count"];
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { renderHook } from '@testing-library/react-hooks';
 import userEvent from '@testing-library/user-event';
 import useProgressiveState from './useProgressiveState';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var testId = 'test';
+var defaultProps = {
+  'data-testid': testId
+};
 var hookProps = {
   prop: 'count',
   initial: 0
 };
+
+/* eslint-disable react/prop-types */
 var TestComponent = function TestComponent(_ref) {
-  var count = _ref.count;
+  var count = _ref.count,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useProgressiveState = useProgressiveState(count, 0),
     _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
     countVal = _useProgressiveState2[0],
@@ -18,19 +28,18 @@ var TestComponent = function TestComponent(_ref) {
   var handleClick = function handleClick() {
     return setCountVal(countVal + 1);
   };
-  return ___EmotionJSX("button", {
-    type: "button",
+  return ___EmotionJSX("button", _extends({}, others, {
     onClick: handleClick
-  }, countVal);
+  }), countVal);
 };
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(___EmotionJSX(TestComponent, props));
+  return render(___EmotionJSX(TestComponent, _extends({}, props, defaultProps)));
 };
 describe('State Utils', function () {
   it('should update the state when no prop is provided', function () {
     getComponent();
-    var component = screen.getByRole('button');
+    var component = screen.getByTestId(testId);
     expect(component).toHaveTextContent('0');
     userEvent.click(component);
     expect(component).toHaveTextContent('1');
@@ -41,7 +50,7 @@ describe('State Utils', function () {
     getComponent({
       count: 5
     });
-    var component = screen.getByRole('button');
+    var component = screen.getByTestId(testId);
     expect(component).toHaveTextContent('5');
     userEvent.click(component);
     expect(component).toHaveTextContent('5');

package/lib/hooks/usePropWarning/usePropWarning.js

@@ -2,6 +2,14 @@ import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import { useEffect } from 'react';
 var alreadyShown = new _Set();
+
+/**
+ * Provides a development-only console warning for props that we don't want consumers to use
+ * @param {Object} props - The whole props object
+ * @param {String} propToWarn - Specify prop to warn not to use
+ * @param {String} propToUse - Specify prop that should be used instead
+ * @param {Boolean} [allowDuplicates] - If allow duplicate warning messages
+ */
 var usePropWarning = function usePropWarning(props, propToWarn, propToUse, allowDuplicates) {
   useEffect(function () {
     if (!allowDuplicates && alreadyShown.has(propToWarn)) {

package/lib/hooks/usePropWarning/usePropWarning.test.js

@@ -4,7 +4,7 @@ describe('usePropWarning', function () {
   beforeEach(function () {
     process.env.NODE_ENV = 'development';
     global.console.warn = function () {
-      return jest.fn();
+      return jest.mock();
     }; // eslint-disable-line no-console
   });
 
@@ -13,9 +13,8 @@ describe('usePropWarning', function () {
     jest.clearAllMocks();
   });
   test('default', function () {
-    var props = {
-      disabled: true
-    };
+    var props = {};
+    props.disabled = true;
     var spy = jest.spyOn(console, 'warn');
     expect(spy).not.toHaveBeenCalled();
     renderHook(function () {
@@ -24,9 +23,8 @@ describe('usePropWarning', function () {
     expect(spy).toHaveBeenCalledTimes(1);
   });
   test('does not warn if prop does not exist', function () {
-    var props = {
-      isDisabled: true
-    };
+    var props = {};
+    props.isDisabled = true;
     var spy = jest.spyOn(console, 'warn');
     expect(spy).not.toHaveBeenCalled();
     renderHook(function () {
@@ -35,9 +33,8 @@ describe('usePropWarning', function () {
     expect(spy).not.toHaveBeenCalled();
   });
   test('showns duplicated messages if explicitly allowed', function () {
-    var props = {
-      disabled: true
-    };
+    var props = {};
+    props.disabled = true;
     var spy = jest.spyOn(console, 'warn');
     renderHook(function () {
       return usePropWarning(props, 'disabled', 'isDisabled', true);
@@ -49,9 +46,8 @@ describe('usePropWarning', function () {
   });
   test('does not warn if it is in production environment', function () {
     process.env.NODE_ENV = 'production';
-    var props = {
-      disabled: true
-    };
+    var props = {};
+    props.disabled = true;
     var spy = jest.spyOn(console, 'warn');
     expect(spy).not.toHaveBeenCalled();
     renderHook(function () {

package/lib/hooks/useSelectField/useSelectField.js

@@ -16,10 +16,8 @@ import React, { useCallback, useImperativeHandle, useLayoutEffect, useRef, useSt
 import { DismissButton, FocusScope, useOverlayPosition, useSelect } from 'react-aria';
 import { useSelectState } from 'react-stately';
 import { useResizeObserver } from '@react-aria/utils';
-// eslint-disable-next-line import/no-unresolved
-
 import { modes } from '../../components/Label/constants';
-import ListBox from '../../components/ListBox/ListBox';
+import ListBox from '../../components/ListBox';
 import PopoverContainer from '../../components/PopoverContainer';
 import ScrollBox from '../../components/ScrollBox';
 import { useColumnStyles, useDeprecationWarning, useField } from '..';
@@ -55,7 +53,8 @@ var useSelectField = function useSelectField(props, ref) {
   // We use falsy booleans as defaults, but React Aria has this as true by default so we need to
   // negate this.
   var shouldFlip = !isNotFlippable;
-  var selectProps = _objectSpread(_objectSpread({
+  var selectProps = _objectSpread({
+    children: children,
     defaultSelectedKey: defaultSelectedKey,
     defaultText: defaultText,
     disabledKeys: disabledKeys,
@@ -77,14 +76,13 @@ var useSelectField = function useSelectField(props, ref) {
     disallowEmptySelection: disallowEmptySelection,
     // must match React Aria API
     shouldFlip: shouldFlip
-  }, controlProps), {}, {
-    children: children
-  });
+  }, controlProps);
   // Create state based on the incoming props
   var state = useSelectState(selectProps);
   var popoverRef = useRef();
-  var listBoxRef = useRef();
   var triggerRef = useRef();
+  var listBoxRef = useRef();
+
   /* istanbul ignore next */
   useImperativeHandle(ref, function () {
     return triggerRef.current;
@@ -111,7 +109,7 @@ var useSelectField = function useSelectField(props, ref) {
       placeholder: props.labelMode === modes.FLOAT ? '' : placeholder,
       labelProps: _objectSpread(_objectSpread({}, props.labelProps), labelProps),
       containerProps: _objectSpread({
-        isFloatLabelActive: !!state.selectedItem
+        isFloatLabelActive: state.selectedItem
       }, props.containerProps)
     })),
     fieldContainerProps = _useField.fieldContainerProps,
@@ -143,7 +141,7 @@ var useSelectField = function useSelectField(props, ref) {
   }, [state.isOpen, updatePosition]);
 
   // Measure the width of the input to inform the width of the listbox (below).
-  var _useState = useState(0),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     buttonWidth = _useState2[0],
     setButtonWidth = _useState2[1];
@@ -152,7 +150,7 @@ var useSelectField = function useSelectField(props, ref) {
     if (triggerRef.current) {
       setButtonWidth(triggerRef.current.offsetWidth);
     }
-  }, [triggerRef, setButtonWidth]);
+  }, [triggerRef, setButtonWidth, state.isOpen]);
   useResizeObserver({
     ref: triggerRef,
     onResize: onResize

package/lib/utils/designUtils/figmaLinks.js

@@ -29,10 +29,8 @@ export var FIGMA_LINKS = {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=0-1&t=8Wwd3tIBh3GEjCJB-0'
   },
   buttonBar: {
-    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A753&mode=dev',
-    rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A770&mode=dev',
-    secondary: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A778&mode=dev',
-    secondaryRightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A788&mode=dev'
+    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20551&mode=dev',
+    rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20657&mode=dev'
   },
   calendar: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=6373%3A25490&t=BoHXzVpQq9Lf7MaU-1'

package/lib/utils/testUtils/universalComponentTest.js

@@ -33,22 +33,20 @@ var ComponentWithRef = function ComponentWithRef(_ref) {
 };
 export var universalComponentTests = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
-    var renderComponent, _ref2$rules, rules;
+    var renderComponent, props, _ref2$rules, rules;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          renderComponent = _ref2.renderComponent, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
+          renderComponent = _ref2.renderComponent, props = _ref2.props, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
           test('should have no accessibility violations', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
             var _render, container, results;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   jest.useRealTimers();
-                  _render = render(renderComponent()), container = _render.container;
+                  _render = render(renderComponent(props)), container = _render.container;
                   _context.next = 4;
-                  return axe(container, {
-                    rules: rules
-                  });
+                  return axe(container, rules);
                 case 4:
                   results = _context.sent;
                   expect(results).toHaveNoViolations();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.33.0-alpha.12",
+  "version": "2.33.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",

package/lib/cjs/components/TableBody/TableBody.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _index = require("../../index");
-var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
-var _react2 = require("@emotion/react");
-// Needs to be added to each components test file
-(0, _universalComponentTest.universalComponentTests)({
-  renderComponent: function renderComponent(props) {
-    return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableBody, props));
-  }
-});

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

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _index = require("../../index");
-var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
-var _react2 = require("@emotion/react");
-// Needs to be added to each components test file
-(0, _universalComponentTest.universalComponentTests)({
-  renderComponent: function renderComponent(props) {
-    return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableCaption, props));
-  }
-});