@pingux/astro 2.119.0 → 2.120.0-alpha.1

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.1",
   "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);
-};