@pingux/astro 1.27.0-alpha.14 → 1.27.0-alpha.16

package/lib/components/DataTable/DataTable.styles.js

@@ -0,0 +1,137 @@
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+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; }
+
+import { text } from './../../styles/variants/text';
+
+var tableCell = _objectSpread(_objectSpread({}, text.tableData), {}, {
+  color: 'text.primary',
+  position: 'relative',
+  display: 'flex',
+  fontSize: '13px',
+  height: '100%',
+  '&.is-key-focused': {
+    outline: '1px',
+    outlineStyle: 'solid',
+    outlineColor: 'accent.50',
+    outlineOffset: '-1px',
+    backgroundColor: 'white'
+  },
+  '&.is-align-start': {
+    alignItems: 'flex-start'
+  },
+  '&.is-align-center': {
+    alignItems: 'center'
+  },
+  '&.is-align-end': {
+    alignItems: 'flex-end'
+  }
+});
+
+var tableCellContents = {
+  flex: '1 1 0%',
+  minWidth: '0px',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
+  fontWeight: '400',
+  justifyContent: 'center'
+};
+var tableRow = {
+  position: 'relative',
+  cursor: 'default',
+  borderBottom: '1px',
+  outline: '0',
+  borderBottomStyle: 'solid !important',
+  backgroundColor: 'accent.99',
+  borderBottomColor: 'neutral.80',
+  '&:hover': {
+    backgroundColor: 'white'
+  },
+  '&.is-row-focus-visible': {
+    border: '1px solid',
+    borderColor: 'accent.50',
+    borderBottom: '1px',
+    borderBottomColor: 'accent.50',
+    backgroundColor: 'white'
+  }
+};
+var tableHeadWrapper = {
+  borderLeftWidth: '0px',
+  borderLeftStyle: 'solid',
+  borderRightWidth: '0px',
+  borderRightStyle: 'solid',
+  flex: '0 0 auto',
+  borderBottom: '1px',
+  borderBottomStyle: 'solid',
+  borderBottomColor: 'neutral.80'
+};
+var tableCenteredWrapper = {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '100%',
+  height: '100%'
+};
+
+var tableHeadCell = _objectSpread(_objectSpread({}, text.label), {}, {
+  cursor: 'default',
+  backgroundColor: 'accent.99',
+  flexDirection: 'row !important',
+  alignItems: 'flex-end',
+  fontWeight: 500,
+  height: '100%',
+  py: '10px',
+  '&.is-click-focused': {
+    outline: '0'
+  },
+  '&.is-key-focused': {
+    outline: '1px',
+    outlineStyle: 'solid',
+    outlineColor: 'accent.50 !important',
+    outlineOffset: '-1px',
+    backgroundColor: 'accent.99 !important'
+  },
+  '&.is-column-sortable': {
+    color: 'text.active',
+    cursor: 'pointer'
+  },
+  '&.is-align-start': {
+    justifyContent: 'flex-start'
+  },
+  '&.is-align-center': {
+    justifyContent: 'center'
+  },
+  '&.is-align-end': {
+    justifyContent: 'flex-end'
+  }
+});
+
+var tableBody = {
+  position: 'relative',
+  overflow: 'auto'
+};
+var tableMenu = {
+  p: '5px',
+  borderRadius: '50px'
+};
+export default {
+  tableBody: tableBody,
+  tableHeadWrapper: tableHeadWrapper,
+  tableCenteredWrapper: tableCenteredWrapper,
+  tableCellContents: tableCellContents,
+  tableCell: tableCell,
+  tableRow: tableRow,
+  tableHeadCell: tableHeadCell,
+  tableMenu: tableMenu
+};