@pingux/astro 2.129.0-alpha.5 → 2.129.0

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,169 +1328,5 @@ declare const _default: {
             color: string;
         };
     };
-    callout: {
-        base: {
-            width: string;
-            backgroundColor: string;
-            lineHeight: string;
-            p: string;
-            border: string;
-            borderLeft: string;
-            borderLeftColor: string;
-            borderRadius: string;
-            alignItems: string;
-            color: string;
-            '&.is-success, > .is-success': {
-                borderColor: string;
-                borderLeftColor: string;
-            };
-            '&.is-warning, > .is-warning': {
-                borderColor: string;
-                borderLeftColor: string;
-            };
-            '&.is-error, > .is-error': {
-                borderColor: string;
-                borderLeftColor: string;
-            };
-        };
-        icon: {
-            ml: string;
-            mr: string;
-            minWidth: string;
-            width: string;
-            height: 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

@@ -19,7 +19,6 @@ var _Skeleton = _interopRequireDefault(require("../../../../components/Skeleton/
 var _codeView = _interopRequireDefault(require("../codeView/codeView"));
 var _avatar = require("./avatar");
 var _button = _interopRequireDefault(require("./button"));
-var _callout = _interopRequireDefault(require("./callout"));
 var _dataTable = require("./dataTable");
 var _footer = require("./footer");
 var _iconWrapper = _interopRequireDefault(require("./iconWrapper"));
@@ -32,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; }
@@ -392,9 +389,6 @@ var _default = {
   rockerButton: rockerButton,
   tooltip: _tooltip["default"],
   footer: _footer.footer,
-  loader: loader,
-  callout: _callout["default"],
-  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/cjs/types/callout.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { IconProps } from './icon';
 import { Status } from './item';
 import { DOMAttributes, StyleProps } from './shared';
 export interface CalloutProps extends StyleProps, DOMAttributes {
     status?: Status;
     icon?: React.ReactNode;
-    iconProps?: IconProps;
 }

package/lib/components/Callout/Callout.js

@@ -1,24 +1,32 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-var _excluded = ["children", "status", "icon", "className", "iconProps"];
+var _excluded = ["children", "status", "icon"];
 var _calloutProps;
 import React, { forwardRef } from 'react';
 import { Box } from '../..';
-import { useStatusClasses } from '../../hooks';
 import statuses from '../../utils/devUtils/constants/statuses';
 import { NoticeIcon } from '../Icon/NoticeIcon';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var CALLOUT_TEST_ID = 'CalloutTestId';
 var calloutProps = (_calloutProps = {}, _defineProperty(_calloutProps, statuses.DEFAULT, {
-  color: 'text.secondary'
+  color: 'text.secondary',
+  variant: 'callout.base'
 }), _defineProperty(_calloutProps, statuses.ERROR, {
-  color: 'critical.bright'
+  color: 'critical.bright',
+  variant: 'callout.error'
 }), _defineProperty(_calloutProps, statuses.SUCCESS, {
-  color: 'success.bright'
+  color: 'success.bright',
+  variant: 'callout.success'
 }), _defineProperty(_calloutProps, statuses.WARNING, {
-  color: 'warning.bright'
+  color: 'warning.bright',
+  variant: 'callout.warning'
 }), _calloutProps);
+var defaultIconProps = {
+  mr: 'md',
+  ml: 'md',
+  size: 'md'
+};
 
 /**
  Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
@@ -31,24 +39,18 @@ var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$status = _ref.status,
     status = _ref$status === void 0 ? statuses.DEFAULT : _ref$status,
     icon = _ref.icon,
-    className = _ref.className,
-    iconProps = _ref.iconProps,
     others = _objectWithoutProperties(_ref, _excluded);
-  var _useStatusClasses = useStatusClasses(className, _defineProperty({}, "is-".concat(status), true)),
-    statusClasses = _useStatusClasses.classNames;
   return ___EmotionJSX(Box, _extends({
     ref: ref,
     "data-testid": CALLOUT_TEST_ID,
     isRow: true,
     role: "note",
-    variant: "callout.base",
-    className: statusClasses
+    variant: calloutProps[status].variant
   }, others), icon || ___EmotionJSX(NoticeIcon, _extends({
     color: calloutProps[status].color,
     status: status,
-    variant: "callout.icon",
     "aria-label": "".concat(status, "-icon")
-  }, iconProps)), children);
+  }, defaultIconProps)), children);
 });
 Callout.displayName = 'Callout';
 export default Callout;

package/lib/components/Callout/Callout.stories.js

@@ -12,7 +12,6 @@ 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 CheckBoldIcon from '@pingux/mdi-react/CheckBoldIcon';
-import LightbulbOutlineIcon from '@pingux/mdi-react/LightbulbOutlineIcon';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Callout, Icon, Link, Text } from '../../index';
@@ -50,19 +49,6 @@ Default.parameters = {
     url: FIGMA_LINKS.callout["default"]
   }
 };
-export var Customizations = function Customizations() {
-  return ___EmotionJSX(Callout, {
-    icon: ___EmotionJSX(Icon, {
-      icon: LightbulbOutlineIcon,
-      size: "sm",
-      color: "teal-500",
-      mr: "md"
-    }),
-    sx: {
-      borderLeftColor: 'teal-500'
-    }
-  }, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat."));
-};
 export var ErrorStatus = function ErrorStatus(args) {
   return ___EmotionJSX(Callout, _extends({
     status: statuses.ERROR
@@ -100,14 +86,6 @@ WithLink.parameters = {
   design: {
     type: 'figma',
     url: FIGMA_LINKS.callout.withLink
-  },
-  a11y: {
-    config: {
-      rules: [{
-        id: 'color-contrast',
-        enabled: false
-      }]
-    }
   }
 };
 export var Warning = function Warning(args) {

package/lib/components/Callout/Callout.styles.js

@@ -1,29 +1,34 @@
-import tShirtSizes from '../../styles/themes/astro/customProperties/tShirtSizes';
+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 base = {
   alignItems: 'center',
   border: '1px solid',
   borderColor: 'text.secondary',
   fontSize: 'md',
   p: '15px 12px 15px 0',
-  width: '600px',
-  '&.is-success, > .is-success': {
-    borderColor: 'success.bright'
-  },
-  '&.is-warning, > .is-warning': {
-    borderColor: 'warning.bright'
-  },
-  '&.is-error, > .is-error': {
-    borderColor: 'critical.bright'
-  }
-};
-var icon = {
-  mr: 'md',
-  ml: 'md',
-  minWidth: "".concat(tShirtSizes.md, " !important"),
-  width: "".concat(tShirtSizes.md, " !important"),
-  height: "".concat(tShirtSizes.md, " !important")
+  width: '600px'
 };
+var error = _objectSpread(_objectSpread({}, base), {}, {
+  borderColor: 'critical.bright'
+});
+var success = _objectSpread(_objectSpread({}, base), {}, {
+  borderColor: 'success.bright'
+});
+var warning = _objectSpread(_objectSpread({}, base), {}, {
+  borderColor: 'warning.bright'
+});
 export default {
   base: base,
-  icon: icon
+  error: error,
+  success: success,
+  warning: warning
 };

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

@@ -1,5 +1,4 @@
 import { avatar } from './avatar';
-import callout from './callout';
 import { footer } from './footer';
 import iconBadge from './iconBadge';
 import { listView, listViewItem, lisViewItemChart } from './listview';
@@ -117,28 +116,5 @@ export default {
         boxShadow: '0 0 0 3px inset #1a73e8'
       }
     }
-  },
-  callout: callout,
-  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/astro/customProperties/tShirtSizes.js

@@ -1,8 +1,8 @@
 export default {
-  xxs: '9px',
-  xs: '15px',
-  sm: '20px',
-  md: '25px'
+  xxs: 9,
+  xs: 15,
+  sm: 20,
+  md: 25
 };
 export var iconWrapperSizes = {
   sm: 18,

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', 'Callout', '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'],
@@ -12,8 +12,7 @@ export var componentSpecificNextGenBlacklist = {
 export var astroBlacklistStory = {
   DataTable: ['Onyx Default'],
   NavBar: ['Onyx Default'],
-  SearchField: ['Onyx With Filter'],
-  Callout: ['Customizations']
+  SearchField: ['Onyx With Filter']
 };
 export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer'];
 export default nextGenConvertedComponents;

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
 };