@pingux/astro 2.129.0-alpha.4 → 2.129.0

package/lib/cjs/styles/themes/next-gen/variants/cards.d.ts

@@ -62,9 +62,9 @@ declare const _default: {
     };
     container: {
         p: string;
-        borderColor: string;
         boxShadow: string;
         border: string;
+        borderColor: string;
         borderRadius: string;
         display: string;
         color: string;
@@ -110,18 +110,5 @@ declare const _default: {
             backgroundColor: string;
         };
     };
-    tableWrapper: {
-        overflowY: string;
-        p: string;
-        borderColor: string;
-        boxShadow: string;
-        border: string;
-        borderRadius: string;
-        display: string;
-        color: string;
-        fontSize: string;
-        fontWeight: number;
-        flex: string;
-    };
 };
 export default _default;

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

@@ -36,8 +36,7 @@ var interactive = {
   }
 };
 var container = _objectSpread(_objectSpread({}, _flatInstanceProperty(_Card)), {}, {
-  p: 'lg',
-  borderColor: 'border.base'
+  p: 'lg'
 });
 var dark = _objectSpread(_objectSpread({}, _flatInstanceProperty(_Card)), {}, {
   border: 'none',
@@ -82,9 +81,6 @@ var suggestionRow = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
 var suggestionColumn = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
   display: 'flex'
 });
-var tableWrapper = _objectSpread(_objectSpread({}, container), {}, {
-  overflowY: 'hidden'
-});
 var _default = {
   interactive: interactive,
   dark: dark,
@@ -92,7 +88,6 @@ var _default = {
   activeCard: activeCard,
   container: container,
   suggestionColumn: suggestionColumn,
-  suggestionRow: suggestionRow,
-  tableWrapper: tableWrapper
+  suggestionRow: suggestionRow
 };
 exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -1328,136 +1328,5 @@ declare const _default: {
             color: string;
         };
     };
-    table: {
-        container: {
-            overflow: string;
-        };
-        caption: {
-            px: string;
-            color: string;
-            borderBottom: string;
-            borderBottomColor: string;
-        };
-        head: {
-            px: string;
-            py: string;
-            fontSize: string;
-            fontWeight: string;
-            color: string;
-            lineHeight: string;
-        };
-        body: {
-            borderTopColor: string;
-            borderBottom: string;
-            backgroundColor: string;
-            borderBottomLeftRadius: string;
-            borderBottomRightRadius: string;
-            '&& > tr:not(:last-child)': {
-                borderBottom: string;
-                borderBottomColor: string;
-            };
-            '&& > tr:nth-of-type(odd) ': {
-                backgroundColor: string;
-            };
-            '&& > tr:last-child': {
-                borderBottomLeftRadius: string;
-                borderBottomRightRadius: string;
-            };
-        };
-        data: {
-            py: string;
-            fontWeight: string;
-            px: string;
-            fontSize: string;
-            color: string;
-            lineHeight: string;
-        };
-    };
-    tableBase: {
-        caption: {
-            backgroundColor: string;
-            px: string;
-            color: string;
-            borderBottom: string;
-            borderBottomColor: string;
-            borderTopLeftRadius: string;
-            borderTopRightRadius: string;
-        };
-        row: {
-            borderBottom: string;
-            borderBottomColor: string;
-            '&.is-focused': {
-                outlineOffset: string;
-                outline: string;
-                outlineColor: string;
-            };
-            '&.is-hovered': {
-                bg: string;
-            };
-            '&:nth-of-type(odd)': {
-                bg: string;
-                '&.is-hovered': {
-                    bg: string;
-                };
-            };
-        };
-        thead: {
-            backgroundColor: string;
-            '&:not(.has-caption)': {
-                '& > tr:first-child': {
-                    borderTopLeftRadius: string;
-                    borderTopRightRadius: string;
-                    '& > th:first-of-type': {
-                        borderTopLeftRadius: string;
-                    };
-                    '& > th:last-of-type': {
-                        borderTopRightRadius: string;
-                    };
-                };
-            };
-        };
-        head: {
-            px: string;
-            py: string;
-            fontSize: string;
-            fontWeight: string;
-            color: string;
-            lineHeight: string;
-            '&.is-focused': {
-                outlineOffset: string;
-                outline: string;
-                outlineColor: string;
-            };
-        };
-        tbody: {
-            borderTopColor: string;
-            borderBottom: string;
-            backgroundColor: string;
-            '& > tr:last-child': {
-                borderBottom: string;
-                borderBottomLeftRadius: string;
-                borderBottomRightRadius: string;
-                '& > td:first-of-type': {
-                    borderBottomLeftRadius: string;
-                };
-                '& > td:last-of-type': {
-                    borderBottomRightRadius: string;
-                };
-            };
-        };
-        data: {
-            py: string;
-            fontWeight: string;
-            px: string;
-            fontSize: string;
-            color: string;
-            lineHeight: string;
-            '&.is-focused': {
-                outlineOffset: string;
-                outline: string;
-                outlineColor: string;
-            };
-        };
-    };
 };
 export default _default;

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

@@ -31,8 +31,6 @@ var _prompt = _interopRequireDefault(require("./prompt"));
 var _response = _interopRequireDefault(require("./response"));
 var _suggestion = _interopRequireDefault(require("./suggestion"));
 var _suggestions = _interopRequireDefault(require("./suggestions"));
-var _table = require("./table");
-var _tableBase = require("./tableBase");
 var _tabs = require("./tabs");
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 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; }
@@ -391,8 +389,6 @@ var _default = {
   rockerButton: rockerButton,
   tooltip: _tooltip["default"],
   footer: _footer.footer,
-  loader: loader,
-  table: _table.table,
-  tableBase: _tableBase.tableBase
+  loader: loader
 };
 exports["default"] = _default;

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

@@ -59,7 +59,6 @@ var _Skeleton = _interopRequireDefault(require("../../components/Skeleton/Skelet
 var _Slider = _interopRequireDefault(require("../../components/SliderField/Slider.styles"));
 var _Stepper = _interopRequireDefault(require("../../components/Stepper/Stepper.styles"));
 var _Table = _interopRequireDefault(require("../../components/Table/Table.styles"));
-var _TableBase = _interopRequireDefault(require("../../components/TableBase/TableBase.styles"));
 var tab = _interopRequireWildcard(require("../../components/Tabs/Tabs.style"));
 var _TimeField = _interopRequireDefault(require("../../components/TimeField/TimeField.styles"));
 var _TimeZone = _interopRequireDefault(require("../../components/TimeZonePicker/TimeZone.styles"));
@@ -69,7 +68,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 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) { (0, _defineProperty2["default"])(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 _default = _objectSpread(_objectSpread({
+var _default = _objectSpread({
   accordion: _Accordion["default"],
   accordionGrid: _AccordionGrid["default"],
   box: _Box["default"],
@@ -117,7 +116,5 @@ var _default = _objectSpread(_objectSpread({
   timeZone: _TimeZone["default"],
   tooltip: _Tooltip["default"],
   treeView: _TreeView["default"]
-}, tab), {}, {
-  tableBase: _TableBase["default"]
-});
+}, tab);
 exports["default"] = _default;

package/lib/components/Card/Card.styles.js

@@ -85,10 +85,6 @@ var activeCard = _objectSpread(_objectSpread({}, interactive), {}, {
     }
   }
 });
-var tableWrapper = _objectSpread(_objectSpread({}, container), {}, {
-  padding: 0,
-  boxShadow: 'none'
-});
 export default {
   container: container,
   interactive: interactive,
@@ -96,6 +92,5 @@ export default {
   footer: footer,
   flat: flat,
   body: body,
-  activeCard: activeCard,
-  tableWrapper: tableWrapper
+  activeCard: activeCard
 };

package/lib/components/RockerButtonGroup/RockerButtonGroup.mdx

@@ -10,7 +10,7 @@ This component should:
 - Be used for a single-item selection.
 - Contain concise labels.
 
-It should not be used as a replacement for RadioButton.
+It shouldn’t be used as a replacement for RadioButton.
 
 ### Required Components
 

package/lib/components/Table/Table.stories.js

@@ -2,7 +2,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Card, Table, TableBody, TableCaption, TableCell, TableHead, TableRow } from '../../index';
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableRow, Text } from '../../index';
 import TableReadme from './Table.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -46,9 +46,10 @@ var objects = [{
   total_grant: '75,000'
 }];
 export var Default = function Default(args) {
-  return ___EmotionJSX(Card, {
-    variant: "cards.tableWrapper"
-  }, ___EmotionJSX(Table, args, ___EmotionJSX(TableCaption, null, caption), ___EmotionJSX(TableHead, null, ___EmotionJSX(TableRow, {
+  return ___EmotionJSX(Table, args, ___EmotionJSX(TableCaption, null, ___EmotionJSX(Text, {
+    fontWeight: 3,
+    fontSize: "lg"
+  }, caption)), ___EmotionJSX(TableHead, null, ___EmotionJSX(TableRow, {
     key: "head"
   }, _mapInstanceProperty(headers).call(headers, function (head) {
     return ___EmotionJSX(TableCell, {
@@ -64,5 +65,5 @@ export var Default = function Default(args) {
         key: value
       }, value);
     }));
-  }))));
+  })));
 };

package/lib/components/Table/Table.styles.js

@@ -14,18 +14,18 @@ var head = _objectSpread(_objectSpread({}, text.label), {}, {
   fontWeight: 500,
   width: '100%',
   flexDirection: 'row !important',
-  p: 'sm'
+  p: '10px'
 });
 var data = _objectSpread(_objectSpread({}, text.tableData), {}, {
   width: '100%',
-  p: 'sm'
+  p: '10px'
 });
 var body = {
   borderTop: '1px solid',
   borderTopColor: 'neutral.40',
   borderBottom: '1px solid',
   borderBottomColor: 'neutral.80',
-  '& > tr:nth-of-type(odd)': {
+  '&& > tr:nth-of-type(odd) ': {
     backgroundColor: 'neutral.95'
   }
 };
@@ -37,11 +37,9 @@ var container = {
   width: '100%'
 };
 var caption = {
-  fontFamily: 'standard',
-  fontSize: 'lg',
-  fontWeight: '2',
-  p: 'sm',
-  textAlign: 'left'
+  textAlign: 'left',
+  marginBottom: 'xs',
+  lineHeight: '21px'
 };
 export default {
   body: body,

package/lib/index.js

@@ -188,8 +188,6 @@ export { default as Tab } from './components/Tab';
 export * from './components/Tab';
 export { default as Table } from './components/Table';
 export * from './components/Table';
-export * from './components/TableBase';
-export { default as TableBase } from './components/TableBase';
 export { default as TableBody } from './components/TableBody';
 export * from './components/TableBody';
 export { default as TableCaption } from './components/TableCaption';
@@ -224,4 +222,5 @@ export { default as NextGenTheme } from './styles/themes/next-gen';
 export { default as OnyxTheme } from './styles/themes/next-gen';
 export * from './types';
 export { OverlayProvider, useOverlayPosition, useOverlayTrigger } from 'react-aria';
-export { Cell, Column, TableBody as DataTableBody, Cell as DataTableCell, Column as DataTableColumn, TableHeader as DataTableHeader, Row as DataTableRow, Item, Row, Section, TableBody as TBody, TableHeader as THead, useOverlayTriggerState, useTreeData } from 'react-stately';
+export { Item, Section, useOverlayTriggerState, useTreeData } from 'react-stately';
+export { TableBody as DataTableBody, Cell as DataTableCell, Column as DataTableColumn, TableHeader as DataTableHeader, Row as DataTableRow } from 'react-stately';

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

@@ -116,27 +116,5 @@ export default {
         boxShadow: '0 0 0 3px inset #1a73e8'
       }
     }
-  },
-  table: {
-    caption: {
-      color: 'text.secondary'
-    },
-    head: {
-      color: 'text.secondary'
-    },
-    data: {
-      color: 'text.secondary'
-    }
-  },
-  tableBase: {
-    caption: {
-      color: 'text.secondary'
-    },
-    head: {
-      color: 'text.secondary'
-    },
-    data: {
-      color: 'text.secondary'
-    }
   }
 };

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

@@ -99,8 +99,7 @@ var background = {
   base: 'white',
   secondary: nextGenColors['gray-100'],
   card: nextGenColors['blue-100'],
-  suggestion: '#ecf0f5',
-  hover: nextGenColors['gray-100']
+  suggestion: '#ecf0f5'
 };
 var card = {
   blue: nextGenColors['blue-100'],

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

@@ -1,4 +1,4 @@
-var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'RockerButtonGroup', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination', 'Table', 'TableBase'];
+var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'RockerButtonGroup', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination'];
 export var componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],

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

@@ -28,8 +28,7 @@ var interactive = {
   }
 };
 var container = _objectSpread(_objectSpread({}, flat), {}, {
-  p: 'lg',
-  borderColor: 'border.base'
+  p: 'lg'
 });
 var dark = _objectSpread(_objectSpread({}, flat), {}, {
   border: 'none',
@@ -74,9 +73,6 @@ var suggestionRow = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
 var suggestionColumn = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
   display: 'flex'
 });
-var tableWrapper = _objectSpread(_objectSpread({}, container), {}, {
-  overflowY: 'hidden'
-});
 export default {
   interactive: interactive,
   dark: dark,
@@ -84,6 +80,5 @@ export default {
   activeCard: activeCard,
   container: container,
   suggestionColumn: suggestionColumn,
-  suggestionRow: suggestionRow,
-  tableWrapper: tableWrapper
+  suggestionRow: suggestionRow
 };

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

@@ -26,8 +26,6 @@ import prompt from './prompt';
 import response from './response';
 import suggestion from './suggestion';
 import suggestions from './suggestions';
-import { table } from './table';
-import { tableBase } from './tableBase';
 import { menuTab, tab, tabs } from './tabs';
 import tooltip from './tooltip';
 var fieldHelperText = {
@@ -382,7 +380,5 @@ export default {
   rockerButton: rockerButton,
   tooltip: tooltip,
   footer: footer,
-  loader: loader,
-  table: table,
-  tableBase: tableBase
+  loader: loader
 };

package/lib/styles/variants/variants.js

@@ -52,13 +52,12 @@ import skeleton from '../../components/Skeleton/Skeleton.styles';
 import slider from '../../components/SliderField/Slider.styles';
 import stepper from '../../components/Stepper/Stepper.styles';
 import table from '../../components/Table/Table.styles';
-import tableBase from '../../components/TableBase/TableBase.styles';
 import * as tab from '../../components/Tabs/Tabs.style';
 import timefield from '../../components/TimeField/TimeField.styles';
 import timeZone from '../../components/TimeZonePicker/TimeZone.styles';
 import tooltip from '../../components/TooltipTrigger/Tooltip.styles';
 import treeView from '../../components/TreeView/TreeView.styles';
-export default _objectSpread(_objectSpread({
+export default _objectSpread({
   accordion: accordion,
   accordionGrid: accordionGrid,
   box: box,
@@ -106,6 +105,4 @@ export default _objectSpread(_objectSpread({
   timeZone: timeZone,
   tooltip: tooltip,
   treeView: treeView
-}, tab), {}, {
-  tableBase: tableBase
-});
+}, tab);

package/package.json

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

package/lib/cjs/components/TableBase/TableBase.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { TableBaseProps, TableCellProps, TableColumnHeaderProps, TableHeaderRowProps, TableRowGroupProps, TableRowProps } from '../../types/tableBase';
-declare const TableBase: React.ForwardRefExoticComponent<TableBaseProps & React.RefAttributes<HTMLTableElement>>;
-export default TableBase;
-export declare const TableRowGroup: React.ForwardRefExoticComponent<TableRowGroupProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableHeaderRow: (props: TableHeaderRowProps) => React.JSX.Element;
-export declare const TableColumnHeader: (props: TableColumnHeaderProps) => React.JSX.Element;
-export declare const TableRow: (props: TableRowProps) => React.JSX.Element;
-export declare function TableCell(props: TableCellProps): React.JSX.Element;