@pingux/astro 2.119.0 → 2.120.0-alpha.0

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -19,6 +19,7 @@ var _Skeleton = _interopRequireDefault(require("../../../../components/Skeleton/
 var _codeView = _interopRequireDefault(require("../codeView/codeView"));
 var _avatar = require("./avatar");
 var _button = _interopRequireDefault(require("./button"));
+var _dataTable = require("./dataTable");
 var _iconWrapper = _interopRequireDefault(require("./iconWrapper"));
 var _listview = require("./listview");
 var _menu = require("./menu");
@@ -257,33 +258,6 @@ var progressBar = {
     backgroundColor: 'active'
   })
 };
-var dataTable = {
-  container: {
-    border: '1px solid',
-    borderColor: 'border.base',
-    borderRadius: '16px'
-  },
-  tableRow: {
-    borderTop: '1px solid',
-    borderTopColor: 'border.base',
-    borderBottom: '0',
-    pl: 'lg'
-  },
-  tableHeadWrapper: {
-    borderBottom: '0'
-  },
-  tableHeadCell: {
-    pl: 'lg',
-    fontWeight: '2',
-    fontSize: 'md'
-  },
-  rowHeader: {
-    py: '20px !important'
-  },
-  tableCell: {
-    fontSize: 'md'
-  }
-};
 var overlayPanel = {
   container: {
     backgroundColor: 'background.base',
@@ -342,7 +316,7 @@ var _default = {
   listViewItem: _listview.listViewItem,
   progressBar: progressBar,
   listView: _listview.listView,
-  dataTable: dataTable,
+  dataTable: _dataTable.dataTable,
   codeView: _codeView["default"],
   prompt: _prompt["default"],
   tabs: _tabs.tabs,

package/lib/components/Badge/Badge.styles.js

@@ -193,6 +193,10 @@ var activeStatusBadge = _objectSpread(_objectSpread({}, statusBadge), {}, {
   borderColor: 'active',
   backgroundColor: '#F7F8FD !important'
 });
+var secondaryStatusBadge = _objectSpread(_objectSpread({}, statusBadge), {}, {
+  borderColor: 'neutral.80',
+  backgroundColor: '#F7F8FD !important'
+});
 var invertedRemovableBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
   height: '21px',
   '& span': {
@@ -268,6 +272,7 @@ export default {
   warningCalloutBadge: warningCalloutBadge,
   warningStatusBadge: warningStatusBadge,
   healthyStatusBadge: healthyStatusBadge,
+  secondaryStatusBadge: secondaryStatusBadge,
   removableBadge: removableBadge,
   invertedRemovableBadge: invertedRemovableBadge,
   dataTable: dataTable

package/lib/components/DataTable/DataTable.js

@@ -97,7 +97,9 @@ var DataTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var domRef = useLocalOrForwardRef(ref);
   var headerRef = useRef(null);
   var bodyRef = useRef(null);
-  var density = props.density || 'regular';
+  var _useGetTheme = useGetTheme(),
+    isOnyx = _useGetTheme.themeState.isOnyx;
+  var density = isOnyx ? 'spacious' : props.density || 'regular';
   var columnLayout = useMemo(function () {
     return new TableColumnLayout({
       getDefaultMinWidth: getDefaultMinWidth
@@ -273,8 +275,8 @@ var TableColumnHeader = function TableColumnHeader(props) {
   var ref = useRef(null);
   var _useDataTableContext = useDataTableContext(),
     state = _useDataTableContext.state;
-  var _useGetTheme = useGetTheme(),
-    icons = _useGetTheme.icons;
+  var _useGetTheme2 = useGetTheme(),
+    icons = _useGetTheme2.icons;
   var MenuUp = icons.MenuUp,
     MenuDown = icons.MenuDown;
   var _useTableColumnHeader = useTableColumnHeader({
@@ -306,7 +308,6 @@ var TableColumnHeader = function TableColumnHeader(props) {
     focusRingClass: "is-key-focused",
     focusClass: "is-click-focused"
   }, ___EmotionJSX(Box, _extends({
-    pl: column.index === 0 ? 0 : 'lg',
     ref: ref,
     variant: "dataTable.tableHeadCell",
     className: classNames
@@ -399,7 +400,6 @@ var TableCell = function TableCell(_ref6) {
   return ___EmotionJSX(FocusRing, {
     focusRingClass: "is-key-focused"
   }, ___EmotionJSX(Box, _extends({
-    pl: cell.index === 0 ? 0 : 'lg',
     ref: ref,
     variant: "dataTable.tableCell",
     className: classNames

package/lib/components/DataTable/DataTable.stories.js

@@ -267,6 +267,117 @@ Default.parameters = {
     }
   }
 };
+export var OnyxDefault = function OnyxDefault(args) {
+  var date = '2023-05-03';
+  var time = '07:16:30 pm UTC';
+  var timestampCell = ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Box, null, date), ___EmotionJSX(Box, null, time));
+  var columns = [{
+    name: 'Timestamp',
+    key: 'timestamp'
+  }, {
+    name: 'Event Type',
+    key: 'eventType'
+  }, {
+    name: 'Description',
+    key: 'description'
+  }, {
+    name: 'Status',
+    key: 'status',
+    isSortable: true
+  }, {
+    name: 'User Identity',
+    key: 'userIdentity'
+  }, {
+    name: 'Menu',
+    key: 'menu'
+  }];
+  var rows = [{
+    id: 1,
+    timestamp: timestampCell,
+    eventType: 'User Access Allowed',
+    description: ___EmotionJSX(Box, null, "Passed Role Access Control"),
+    status: ___EmotionJSX(DataTableBadge, {
+      cell: "Approved"
+    }),
+    userIdentity: 'Vincent Diep',
+    menu: ___EmotionJSX(DataTableMenu, null)
+  }, {
+    id: 2,
+    timestamp: timestampCell,
+    eventType: 'User Access Denied',
+    description: ___EmotionJSX(Box, {
+      display: "block"
+    }, "Passed Role Access Control"),
+    status: ___EmotionJSX(DataTableBadge, {
+      cell: "Rejected"
+    }),
+    userIdentity: 'Vincent Diep',
+    menu: ___EmotionJSX(DataTableMenu, null)
+  }, {
+    id: 3,
+    timestamp: timestampCell,
+    eventType: 'User Access Allowed',
+    description: ___EmotionJSX(Box, {
+      display: "block"
+    }, "Passed Role Access Control"),
+    status: ___EmotionJSX(DataTableBadge, {
+      cell: "Inactive"
+    }),
+    userIdentity: 'Vincent Diep',
+    menu: ___EmotionJSX(DataTableMenu, null)
+  }, {
+    id: 4,
+    timestamp: timestampCell,
+    eventType: 'User Access Allowed',
+    description: ___EmotionJSX(Box, null, "Passed Role Access Control"),
+    status: ___EmotionJSX(DataTableBadge, {
+      cell: "Approved"
+    }),
+    userIdentity: 'Vincent Diep',
+    menu: ___EmotionJSX(DataTableMenu, null)
+  }, {
+    id: 5,
+    timestamp: timestampCell,
+    eventType: 'User Access Allowed',
+    description: ___EmotionJSX(Box, null, "Passed Role Access Control"),
+    status: ___EmotionJSX(DataTableBadge, {
+      cell: "Approved"
+    }),
+    userIdentity: 'Vincent Diep',
+    menu: ___EmotionJSX(DataTableMenu, null)
+  }];
+  return ___EmotionJSX(DataTable, _extends({}, args, {
+    "aria-label": "Onyx table",
+    height: "100%",
+    scale: "xl"
+  }), ___EmotionJSX(DataTableHeader, {
+    columns: columns
+  }, function (column) {
+    return ___EmotionJSX(DataTableColumn, {
+      hideHeader: column.key === 'menu',
+      minWidth: column.key !== 'menu' ? 175 : 75,
+      width: column.key !== 'menu' ? '19.4%' : 75
+    }, column.name);
+  }), ___EmotionJSX(DataTableBody, {
+    items: rows
+  }, function (item) {
+    return ___EmotionJSX(DataTableRow, null, function (columnKey) {
+      return ___EmotionJSX(DataTableCell, null, item[columnKey]);
+    });
+  }));
+};
+
+// Added to bypass color contrast issue due to virtualizer
+OnyxDefault.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};
 export var Dynamic = function Dynamic(args) {
   var columns = [{
     name: 'Country',

package/lib/components/DataTable/DataTableBadge.js

@@ -1,10 +1,13 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["cell"];
 /* eslint-disable no-nested-ternary */
 import React, { forwardRef } from 'react';
 import { Badge } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var DataTableBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var cell = _ref.cell;
+var DataTableBadge = /*#__PURE__*/forwardRef(function (props, ref) {
+  var cell = props.cell,
+    others = _objectWithoutProperties(props, _excluded);
   var componentProps = {
     'Pending': {
       badgeProps: {
@@ -25,11 +28,16 @@ var DataTableBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
       badgeProps: {
         variant: 'healthyStatusBadge'
       }
+    },
+    'Inactive': {
+      badgeProps: {
+        variant: 'secondaryStatusBadge'
+      }
     }
   };
   return ___EmotionJSX(Badge, _extends({
     label: cell,
     ref: ref
-  }, cell && componentProps[cell].badgeProps));
+  }, cell && componentProps[cell].badgeProps, others));
 });
 export default DataTableBadge;

package/lib/{styles/themes/next-gen → components/DataTable}/stories/DataTableNextGenComponent.js

@@ -1,10 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
-import { Badge, Box, DataTable, DataTableBody, DataTableCell, DataTableColumn, DataTableHeader, DataTableMenu, DataTableRow, Text } from '../../../../index';
+import { Badge, Box, DataTable, DataTableBody, DataTableCell, DataTableColumn, DataTableHeader, DataTableMenu, DataTableRow } from '../../..';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Onyx Recipes/DataTable'
-};
 var getCellProps = function getCellProps(columnKey, align) {
   return {
     pr: columnKey !== 'menu' ? 'lg' : 12,
@@ -120,7 +117,7 @@ export var DataTableNextGenComponent = function DataTableNextGenComponent() {
     backgroundColor: "background.base",
     p: "lg"
   }, ___EmotionJSX(DataTable, {
-    "aria-label": "Static table",
+    "aria-label": "Onyx table",
     height: "100%",
     density: "spacious",
     scale: "xl"
@@ -128,9 +125,10 @@ export var DataTableNextGenComponent = function DataTableNextGenComponent() {
     columns: columns
   }, function (column) {
     return ___EmotionJSX(DataTableColumn, _extends({}, getCellProps(column.key, false), {
+      hideHeader: column.key === 'menu',
       minWidth: column.key !== 'menu' ? 175 : 50,
       width: column.key !== 'menu' ? '19.4%' : 50
-    }), ___EmotionJSX(Text, null, column.name));
+    }), column.name);
   }), ___EmotionJSX(DataTableBody, {
     items: rows
   }, function (item) {

package/lib/{styles/themeOverrides/nextGenDarkMode → components/DataTable}/stories/NextGenDarkDataTable.chomatic.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AstroProvider, NextGenDarkTheme } from '../../../..';
-import { DataTableNextGenComponent } from '../../../themes/next-gen/stories/DataTableNextGenComponent';
+import { AstroProvider, NextGenDarkTheme } from '../../..';
+import { DataTableNextGenComponent } from './DataTableNextGenComponent';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Chromatic Only Onyx Dark DataTable'

package/lib/{styles/themes/next-gen → components/DataTable}/stories/NextGenDataTable.chromatic.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AstroProvider, NextGenTheme } from '../../../..';
+import { AstroProvider, NextGenTheme } from '../../..';
 import { DataTableNextGenComponent } from './DataTableNextGenComponent';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js

@@ -66,5 +66,18 @@ export default {
   modal: modal,
   tab: tab,
   iconBadge: iconBadge,
-  skeleton: skeleton
+  skeleton: skeleton,
+  dataTable: {
+    selectableTableRow: {
+      '&.is-selected': {
+        bg: 'background.hover'
+      },
+      '&.is-hovered': {
+        bg: 'background.hover'
+      },
+      '&.is-focused': {
+        boxShadow: '0 0 0 3px inset #1a73e8'
+      }
+    }
+  }
 };

package/lib/styles/themes/next-gen/convertedComponentList.js

@@ -8,9 +8,10 @@ export var componentSpecificNextGenBlacklist = {
   PasswordField: ['Success'],
   TextField: ['Success'],
   OverlayPanel: ['Expandable'],
-  NavBar: ['Default', 'Controlled', 'Auto Collapse']
+  DataTable: ['Default']
 };
 export var astroBlacklistStory = {
+  DataTable: ['Onyx Default'],
   NavBar: ['Onyx Default']
 };
 export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input'];

package/lib/styles/themes/next-gen/variants/badges.js

@@ -26,6 +26,56 @@ var baseBadge = {
   width: 'fit-content',
   '& span': _objectSpread({}, badgeFont)
 };
+var primary = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#eaf1fb !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: '#1967d2'
+  })
+});
+var secondary = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#f6f8fa !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'gray-900'
+  })
+});
+var success = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#d3eddf !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'success.dark'
+  })
+});
+var danger = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#f8d8d5 !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'red-700'
+  })
+});
+var warning = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#fff1da !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'yellow-700'
+  })
+});
+var dark = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: 'black !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'white'
+  })
+});
+var selectedItemBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#eaf2fd !important',
+  paddingRight: '0px !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    fontSize: '14px',
+    color: 'text.primary',
+    fontWeight: 400
+  })
+});
+var readOnlyBadge = {
+  '& span': {
+    fontSize: '14px'
+  }
+};
 export var badgeDeleteButton = _objectSpread(_objectSpread({}, buttons.iconButtons.base), {}, {
   borderRadius: '50%',
   cursor: 'pointer',
@@ -33,62 +83,34 @@ export var badgeDeleteButton = _objectSpread(_objectSpread({}, buttons.iconButto
   p: 0,
   width: 14
 });
+var dataTableBadge = {
+  minWidth: '100px',
+  border: 'none'
+};
+var activeStatusBadge = _objectSpread(_objectSpread({}, primary), dataTableBadge);
+var warningStatusBadge = _objectSpread(_objectSpread({}, warning), dataTableBadge);
+var criticalStatusBadge = _objectSpread(_objectSpread({}, danger), dataTableBadge);
+var healthyStatusBadge = _objectSpread(_objectSpread({}, success), dataTableBadge);
+var secondaryStatusBadge = _objectSpread(_objectSpread({}, secondary), dataTableBadge);
 export var badges = {
-  primary: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#eaf1fb !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: '#1967d2'
-    })
-  }),
   baseBadge: _objectSpread(_objectSpread({}, baseBadge), {}, {
     backgroundColor: '#eaf1fb !important',
     '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
       color: '#1967d2'
     })
   }),
-  secondary: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#f6f8fa !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'gray-900'
-    })
-  }),
-  success: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#d3eddf !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'success.dark'
-    })
-  }),
-  danger: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#f8d8d5 !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'red-700'
-    })
-  }),
-  warning: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#fff1da !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'yellow-700'
-    })
-  }),
-  dark: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: 'black !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'white'
-    })
-  }),
-  selectedItemBadge: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#eaf2fd !important',
-    paddingRight: '0px !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      fontSize: '14px',
-      color: 'text.primary',
-      fontWeight: 400
-    })
-  }),
-  readOnlyBadge: {
-    '& span': {
-      fontSize: '14px'
-    }
-  },
+  primary: primary,
+  secondary: secondary,
+  success: success,
+  danger: danger,
+  warning: warning,
+  dark: dark,
+  selectedItemBadge: selectedItemBadge,
+  readOnlyBadge: readOnlyBadge,
+  activeStatusBadge: activeStatusBadge,
+  warningStatusBadge: warningStatusBadge,
+  criticalStatusBadge: criticalStatusBadge,
+  healthyStatusBadge: healthyStatusBadge,
+  secondaryStatusBadge: secondaryStatusBadge,
   badgeDeleteButton: badgeDeleteButton
 };

package/lib/styles/themes/next-gen/variants/dataTable.js

@@ -0,0 +1,74 @@
+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; }
+var container = {
+  border: '1px solid',
+  borderColor: 'border.base',
+  borderRadius: '16px'
+};
+var tableRow = {
+  borderTop: '1px solid',
+  borderTopColor: 'border.base',
+  borderBottom: '0',
+  pl: 'lg',
+  '&:last-of-type': {
+    borderBottomLeftRadius: '16px',
+    borderBottomRightRadius: '16px'
+  }
+};
+var selectableTableRow = _objectSpread(_objectSpread({}, tableRow), {}, {
+  bg: 'background.base',
+  '&.is-hovered': {
+    bg: 'gray-100'
+  },
+  '&.is-selected': {
+    bg: 'gray-100'
+  },
+  '&.is-focused': {
+    boxShadow: '0 0 0 3px inset #1a73e8',
+    bg: 'gray-100'
+  },
+  '&.is-disabled': {
+    opacity: '0.5 !important'
+  }
+});
+export var dataTable = {
+  container: container,
+  tableRow: tableRow,
+  selectableTableRow: selectableTableRow,
+  tableHeadWrapper: {
+    borderBottom: '0'
+  },
+  tableHeadCell: {
+    px: 'lg',
+    fontWeight: '2',
+    fontSize: 'md',
+    '&.is-first-column': {
+      borderTopLeftRadius: '16px'
+    },
+    '&.is-last-column': {
+      borderTopRightRadius: '16px'
+    },
+    '&.is-key-focused': {
+      outline: '1px',
+      outlineStyle: 'solid',
+      outlineColor: 'active',
+      outlineOffset: '-2px'
+    }
+  },
+  rowHeader: {
+    py: '20px !important'
+  },
+  tableCell: {
+    fontSize: 'md',
+    px: 'lg'
+  }
+};

package/lib/styles/themes/next-gen/variants/variants.js

@@ -14,6 +14,7 @@ import skeleton from '../../../../components/Skeleton/Skeleton.styles';
 import codeView from '../codeView/codeView';
 import { avatar } from './avatar';
 import button from './button';
+import { dataTable } from './dataTable';
 import iconWrapper from './iconWrapper';
 import { listView, listViewItem } from './listview';
 import { menu, menuItem } from './menu';
@@ -248,33 +249,6 @@ var progressBar = {
     backgroundColor: 'active'
   })
 };
-var dataTable = {
-  container: {
-    border: '1px solid',
-    borderColor: 'border.base',
-    borderRadius: '16px'
-  },
-  tableRow: {
-    borderTop: '1px solid',
-    borderTopColor: 'border.base',
-    borderBottom: '0',
-    pl: 'lg'
-  },
-  tableHeadWrapper: {
-    borderBottom: '0'
-  },
-  tableHeadCell: {
-    pl: 'lg',
-    fontWeight: '2',
-    fontSize: 'md'
-  },
-  rowHeader: {
-    py: '20px !important'
-  },
-  tableCell: {
-    fontSize: 'md'
-  }
-};
 var overlayPanel = {
   container: {
     backgroundColor: 'background.base',

package/package.json

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

package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;

package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.js

@@ -1,19 +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 _react = _interopRequireDefault(require("react"));
-var _DataTableNextGenComponent = require("../../styles/themes/next-gen/stories/DataTableNextGenComponent");
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Onyx Recipes/DataTable'
-};
-exports["default"] = _default;
-var Default = function Default() {
-  return (0, _react2.jsx)(_DataTableNextGenComponent.DataTableNextGenComponent, null);
-};
-exports.Default = Default;

package/lib/recipes/NextGen/NextGenDataTable.stories.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { DataTableNextGenComponent } from '../../styles/themes/next-gen/stories/DataTableNextGenComponent';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Onyx Recipes/DataTable'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(DataTableNextGenComponent, null);
-};