@pingux/astro 2.70.0-alpha.0 → 2.70.0-alpha.2

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -172,8 +172,19 @@ _forEachInstanceProperty(_context15 = _Object$keys(_fieldHelperText)).call(_cont
     }
   });
 });
+var _grid = require("./grid");
+_forEachInstanceProperty(_context16 = _Object$keys(_grid)).call(_context16, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _grid[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _grid[key];
+    }
+  });
+});
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context16 = _Object$keys(_helpHint)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_helpHint)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_helpHint)).call(_context16,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context17 = _Object$keys(_icon)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_icon)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_icon)).call(_context17, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context18 = _Object$keys(_iconBadge)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_iconBadge)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_iconBadge)).call(_context18,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context19 = _Object$keys(_iconButton)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_iconButton)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_iconButton)).call(_context19
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context20 = _Object$keys(_iconButtonToggle)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_iconButtonToggle)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context21 = _Object$keys(_input)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_input)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_input)).call(_context21, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context22 = _Object$keys(_item)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_item)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_item)).call(_context22, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context23 = _Object$keys(_label)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_label)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_label)).call(_context23, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context24 = _Object$keys(_link)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_link)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_link)).call(_context24, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context25 = _Object$keys(_listBox)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_listBox)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_listBox)).call(_context25, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context26 = _Object$keys(_listItem)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_listItem)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_listItem)).call(_context26,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context27 = _Object$keys(_loader)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_loader)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_loader)).call(_context27, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context28 = _Object$keys(_menu)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_menu)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_menu)).call(_context28, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context29 = _Object$keys(_menuItem)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_menuItem)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_menuItem)).call(_context29,
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context30 = _Object$keys(_messages)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_messages)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_messages)).call(_context30,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context31 = _Object$keys(_Modal)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_Modal)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_Modal)).call(_context31, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context32 = _Object$keys(_navBar)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_navBar)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_navBar)).call(_context32, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context33 = _Object$keys(_overlayPanel)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_overlayPanel)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context34 = _Object$keys(_popoverContainer)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_popoverContainer)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context35 = _Object$keys(_popoverMenu)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_popoverMenu)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context36 = _Object$keys(_progressBar)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_progressBar)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_progressBar)).call(_context3
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context37 = _Object$keys(_requirementsList)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_requirementsList)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context38 = _Object$keys(_rockerButtonGroup)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_rockerButtonGroup)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context39 = _Object$keys(_scrollBox)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_scrollBox)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_scrollBox)).call(_context39,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context40 = _Object$keys(_separator)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_separator)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_separator)).call(_context40,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context41 = _Object$keys(_shared)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_shared)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_shared)).call(_context41, fu
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context42 = _Object$keys(_tab)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_tab)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_tab)).call(_context42, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context43 = _Object$keys(_table)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_table)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +492,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_table)).call(_context43, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context44 = _Object$keys(_tabs)).call(_context44, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_tabs)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +503,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_tabs)).call(_context44, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context45 = _Object$keys(_text)).call(_context45, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_text)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -503,7 +514,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_text)).call(_context45, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context46 = _Object$keys(_tooltipTrigger)).call(_context46, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_tooltipTrigger)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/Grid/Grid.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { Grid as ThemeUIGrid } from 'theme-ui';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return ___EmotionJSX(ThemeUIGrid, _extends({
+    ref: ref
+  }, props));
+});
+Grid.defaultProps = {
+  repeat: 'fit'
+};
+Grid.displayName = 'Grid';
+export default Grid;

package/lib/components/Grid/Grid.mdx

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Components/Grid/Grid" />
+
+# Grid
+
+A responsive layout utility component which utilizes [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) to position child elements in a variety of ways. Great for providing mobile-first UI layouts.
+
+Uses the [responsive values](https://theme-ui.com/sx-prop#responsive-values) array syntax and the [Grid from Theme-UI](https://theme-ui.com/components/grid/).
+
+### Required Components
+
+`Grid` should be used to position other components, but there are none that are specifically required. `Box` is used for demonstration below.

package/lib/components/Grid/Grid.stories.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import { Box, Grid, Text } from '../../index';
+import GridReadme from './Grid.mdx';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export default {
+  title: 'Components/Grid',
+  component: Grid,
+  parameters: {
+    docs: {
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(GridReadme, null), ___EmotionJSX(DocsLayout, null));
+      }
+    }
+  }
+};
+export var Default = function Default() {
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
+    mb: "sm",
+    fontStyle: "italic"
+  }, "Minimum width of child elements at responsive breakpoints"), ___EmotionJSX(Grid, {
+    width: [128, null, 192]
+  }, ___EmotionJSX(Box, {
+    bg: "accent.90"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "neutral.80"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "accent.90"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "neutral.80"
+  }, "Box")), ___EmotionJSX(Text, {
+    mt: "xl",
+    mb: "sm",
+    fontStyle: "italic"
+  }, "Defined number of equally-sized columns at responsive breakpoints"), ___EmotionJSX(Grid, {
+    gap: 2,
+    columns: [2, null, 4]
+  }, ___EmotionJSX(Box, {
+    bg: "accent.90"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "neutral.80"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "accent.90"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "neutral.80"
+  }, "Box")), ___EmotionJSX(Text, {
+    mt: "xl",
+    mb: "sm",
+    fontStyle: "italic"
+  }, "Columns using grid syntax sizing at responsive breakpoints"), ___EmotionJSX(Grid, {
+    gap: 2,
+    columns: [2, '1fr 2fr']
+  }, ___EmotionJSX(Box, {
+    bg: "accent.90"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "neutral.80"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "accent.90"
+  }, "Box"), ___EmotionJSX(Box, {
+    bg: "neutral.80"
+  }, "Box")));
+};

package/lib/components/Grid/Grid.styles.js

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

package/lib/components/Grid/Grid.test.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { Grid } from '../../index';
+import { render, screen } from '../../utils/testUtils/testWrapper';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var defaultProps = {
+  'data-testid': 'grid'
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(Grid, _extends({}, defaultProps, props)));
+};
+
+// Needs to be added to each components test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(Grid, _extends({}, defaultProps, props));
+  }
+});
+test('renders Grid component', function () {
+  getComponent();
+  expect(screen.getByTestId('grid')).toBeInTheDocument();
+});

package/lib/components/Grid/index.js

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

package/lib/index.js

@@ -59,6 +59,8 @@ export * from './components/CollapsiblePanelItem';
 export { default as ColorField } from './components/ColorField';
 export { default as ComboBoxField } from './components/ComboBoxField';
 export { default as CopyText } from './components/CopyText';
+export { default as DataTable } from './components/DataTable';
+export * from './components/DataTable';
 export { default as DatePicker } from './components/DatePicker';
 export { default as DateField } from './components/DatePicker/DateField';
 export { default as EditButton } from './components/EditButton';
@@ -66,6 +68,7 @@ export { default as EnvironmentBreadcrumb } from './components/EnvironmentBreadc
 export { default as FieldHelperText } from './components/FieldHelperText';
 export * from './components/FieldHelperText';
 export { default as FileInputField } from './components/FileInputField';
+export { default as Grid } from './components/Grid';
 export { default as HelpHint } from './components/HelpHint';
 export * from './components/HelpHint';
 export { default as Icon } from './components/Icon';
@@ -183,8 +186,6 @@ export * from './components/TreeView';
 
 /* eslint-enable import/export */
 
-export { default as DataTable } from './components/DataTable';
-export * from './components/DataTable';
 export * from './types';
 export { OverlayProvider, useOverlayPosition, useOverlayTrigger } from 'react-aria';
 export { Item, Section, useOverlayTriggerState, useTreeData } from 'react-stately';

package/lib/styles/theme.js

@@ -14,7 +14,7 @@ import colors, { accent, focus, line, shadow } from './colors';
 import forms from './forms';
 import spacing from './spacing';
 import { fontSizes, fontWeights, textColors } from './text';
-import { badges, buttons, cards, images, links, text, variants } from './variants';
+import { badges, buttons, cards, grids, images, links, text, variants } from './variants';
 export default {
   name: 'Astro',
   space: spacing,
@@ -49,6 +49,7 @@ export default {
   forms: forms,
   text: text,
   images: images,
+  grids: grids,
   buttons: buttons,
   badges: badges,
   cards: cards,

package/lib/styles/variants/index.js

@@ -16,6 +16,7 @@ export var buttons = _objectSpread(_objectSpread({}, defaultButtons), {}, {
 });
 export { default as badges } from '../../components/Badge/Badge.styles';
 export { default as cards } from '../../components/Card/Card.styles';
+export { default as grids } from '../../components/Grid/Grid.styles';
 export { default as images } from '../../components/Image/Image.styles';
 export { default as links } from '../../components/Link/Link.styles';
 export * from '../../components/Text/Text.styles';

package/lib/types/grid.js

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

package/lib/types/index.js

@@ -13,6 +13,7 @@ export * from './copyText';
 export * from './dataTable';
 export * from './environmentBreadcrumb';
 export * from './fieldHelperText';
+export * from './grid';
 export * from './helpHint';
 export * from './icon';
 export * from './iconBadge';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.70.0-alpha.0",
+  "version": "2.70.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -41,17 +41,17 @@
     "@emotion/react": "^11.1.1",
     "@emotion/styled": "^11.1.1",
     "@faker-js/faker": "~7.5.0",
-    "@internationalized/date": "3.5.0",
+    "@internationalized/date": "^3.5.3",
     "@mdx-js/react": "^1.6.22",
     "@pingux/mdi-react": "^1.2.0",
     "@react-aria/accordion": "~3.0.0-alpha.11",
     "@react-aria/breadcrumbs": "^3.1.4",
     "@react-aria/button": "^3.2.1",
-    "@react-aria/calendar": "^3.0.0",
+    "@react-aria/calendar": "^3.5.7",
     "@react-aria/checkbox": "^3.2.0",
     "@react-aria/color": "~3.0.0-beta.15",
     "@react-aria/combobox": "^3.0.0",
-    "@react-aria/datepicker": "^3.1.0",
+    "@react-aria/datepicker": "^3.10.0",
     "@react-aria/dialog": "^3.1.2",
     "@react-aria/dnd": "^3.5.0",
     "@react-aria/focus": "~3.8.0",
@@ -74,26 +74,29 @@
     "@react-aria/virtualizer": "~3.8.0",
     "@react-aria/visually-hidden": "~3.6.0",
     "@react-spectrum/utils": "~3.6.1",
-    "@react-stately/calendar": "3.0.1",
+    "@react-stately/calendar": "^3.5.0",
     "@react-stately/color": "~3.1.1",
-    "@react-stately/datepicker": "^3.0.1",
+    "@react-stately/datepicker": "^3.9.3",
     "@react-stately/dnd": "^3.2.6",
     "@react-stately/grid": "~3.3.1",
     "@react-stately/layout": "^3.13.4",
-    "@react-stately/list": "~3.4.1",
+    "@react-stately/list": "^3.10.4",
     "@react-stately/overlays": "^3.6.4",
     "@react-stately/select": "^3.6.4",
-    "@react-stately/selection": "^3.14.2",
+    "@react-stately/selection": "^3.15.0",
     "@react-stately/table": "^3.9.0",
     "@react-stately/tabs": "^3.6.3",
     "@react-stately/toggle": "^3.7.3",
     "@react-stately/tree": "^3.7.4",
     "@react-stately/virtualizer": "~3.6.5",
     "@react-types/accordion": "^3.0.0-alpha.18",
+    "@react-types/button": "^3.9.3",
+    "@react-types/calendar": "^3.4.5",
     "@react-types/checkbox": "^3.8.0",
+    "@react-types/datepicker": "^3.7.3",
     "@react-types/grid": "^3.2.4",
     "@react-types/select": "^3.9.1",
-    "@react-types/shared": "^3.22.0",
+    "@react-types/shared": "^3.23.1",
     "@react-types/table": "^3.9.3",
     "@storybook/addon-actions": "^7.1.0",
     "@storybook/api": "^7.1.0",
@@ -123,7 +126,7 @@
     "react-calendar": "^3.4.0",
     "react-color": "^2.19.3",
     "react-dropzone": "^11.4.2",
-    "react-stately": "^3.20.0",
+    "react-stately": "^3.31.0",
     "recharts": "^2.7.0",
     "regenerator-runtime": "^0.13.7",
     "styled-system": "^5.1.5",