@pingux/astro 2.207.1-alpha.0 → 2.208.1-alpha.0

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

@@ -15,7 +15,6 @@ _Object$defineProperty(exports, "__esModule", {
 exports.tableBase = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _onyxTokens = require("@pingux/onyx-tokens");
-var _colors = _interopRequireDefault(require("../colors/colors"));
 var _button = require("./button");
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -60,37 +59,38 @@ var container = {
 var caption = {
   backgroundColor: 'backgroundBase',
   px: 'lg',
-  color: 'text.primary',
+  color: _onyxTokens.astroTokens.color.font.base,
   borderBottom: '1px solid',
-  borderBottomColor: 'border.base',
+  borderBottomColor: _onyxTokens.astroTokens.color.common.border,
   borderTopLeftRadius: borderRadius,
   borderTopRightRadius: borderRadius
 };
 var row = {
   borderBottom: '1px solid',
-  borderBottomColor: 'border.base',
+  borderBottomColor: _onyxTokens.astroTokens.color.common.border,
   '&.is-focused': _objectSpread({}, defaultFocus),
   '&.is-hovered': {
-    bg: 'background.hover',
+    bg: _onyxTokens.astroTokens.color['table-row'].hover.bg,
     '& > td:last-of-type': {
-      bg: 'background.hover'
+      bg: _onyxTokens.astroTokens.color['table-row'].hover.bg
     }
   },
   '&:nth-of-type(odd)': {
-    bg: 'backgroundBase',
+    bg: _onyxTokens.astroTokens.color.common.bg.base,
     '&.is-hovered': {
-      bg: 'background.hover'
+      bg: _onyxTokens.astroTokens.color['table-row'].hover.bg
     },
     '& > td:last-of-type': {
-      bg: 'backgroundBase'
+      bg: _onyxTokens.astroTokens.color.common.bg.base
     }
   }
 };
 var thead = {
-  borderBottomColor: 'border.base',
+  borderBottomColor: _onyxTokens.astroTokens.color.common.border,
   backgroundColor: 'backgroundBase',
   '&.is-sticky': {
-    boxShadow: "0 1px 0 ".concat(_colors["default"].border.base)
+    border: 'none',
+    boxShadow: "0 1px 0 ".concat(_onyxTokens.astroTokens.color.common.border)
   }
 };
 var resizer = {
@@ -99,17 +99,13 @@ var resizer = {
 var head = {
   px: 'lg',
   py: 'sm',
-  fontSize: 'md',
-  fontWeight: '2',
-  color: 'text.primary',
-  lineHeight: 'body',
   '&.is-focused': _objectSpread({}, defaultFocus),
   '&:last-of-type': {
     backgroundColor: 'backgroundBase'
   }
 };
 var tbody = {
-  borderTopColor: 'border.base',
+  borderTopColor: _onyxTokens.astroTokens.color.common.border,
   borderBottom: 'unset',
   backgroundColor: 'backgroundBase',
   borderBottomLeftRadius: borderRadius,
@@ -117,7 +113,7 @@ var tbody = {
 };
 var data = _objectSpread(_objectSpread({}, head), {}, {
   py: 'md',
-  fontWeight: '1',
+  fontWeight: '0',
   '&:last-of-type': {
     backgroundColor: 'backgroundBase',
     zIndex: 1

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

@@ -54,6 +54,12 @@ export declare const text: {
         fontWeight: number;
         fontFamily: string;
     };
+    headText: {
+        fontSize: string;
+        fontWeight: string;
+        color: any;
+        lineHeight: string;
+    };
     label: {
         fontSize: any;
     };

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

@@ -262,6 +262,12 @@ var text = exports.text = _objectSpread(_objectSpread({
   },
   stepperTabContent: stepperTabContent,
   stepperTabContentHeader: stepperTabContentHeader,
+  headText: {
+    fontSize: 'md',
+    fontWeight: '2',
+    color: _onyxTokens.astroTokens.color.font.base,
+    lineHeight: 'xs'
+  },
   label: label,
   linkSelectFieldLabel: _objectSpread(_objectSpread({}, label), {}, {
     color: _onyxTokens.astroTokens.color.font.link

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

@@ -2130,50 +2130,47 @@ declare const _default: {
         caption: {
             backgroundColor: string;
             px: string;
-            color: string;
+            color: any;
             borderBottom: string;
-            borderBottomColor: string;
+            borderBottomColor: any;
             borderTopLeftRadius: string;
             borderTopRightRadius: string;
         };
         row: {
             borderBottom: string;
-            borderBottomColor: string;
+            borderBottomColor: any;
             '&.is-focused': {
                 outlineOffset: string;
                 outline: string;
                 outlineColor: string;
             };
             '&.is-hovered': {
-                bg: string;
+                bg: any;
                 '& > td:last-of-type': {
-                    bg: string;
+                    bg: any;
                 };
             };
             '&:nth-of-type(odd)': {
-                bg: string;
+                bg: any;
                 '&.is-hovered': {
-                    bg: string;
+                    bg: any;
                 };
                 '& > td:last-of-type': {
-                    bg: string;
+                    bg: any;
                 };
             };
         };
         thead: {
-            borderBottomColor: string;
+            borderBottomColor: any;
             backgroundColor: string;
             '&.is-sticky': {
+                border: string;
                 boxShadow: string;
             };
         };
         head: {
             px: string;
             py: string;
-            fontSize: string;
-            fontWeight: string;
-            color: string;
-            lineHeight: string;
             '&.is-focused': {
                 outlineOffset: string;
                 outline: string;
@@ -2184,7 +2181,7 @@ declare const _default: {
             };
         };
         tbody: {
-            borderTopColor: string;
+            borderTopColor: any;
             borderBottom: string;
             backgroundColor: string;
             borderBottomLeftRadius: string;
@@ -2198,9 +2195,6 @@ declare const _default: {
                 zIndex: number;
             };
             px: string;
-            fontSize: string;
-            color: string;
-            lineHeight: string;
             '&.is-focused': {
                 outlineOffset: string;
                 outline: string;

package/lib/cjs/types/accessibilityTable.d.ts

@@ -0,0 +1,8 @@
+export interface AccessibilityTableProps {
+    keyboardRows?: Array<{
+        key: string;
+        description: string;
+    }>;
+    keyboardDescription?: string;
+    screenReaderRows?: string[];
+}

package/lib/cjs/types/accessibilityTable.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -1,3 +1,4 @@
+export * from './accessibilityTable';
 export * from './arrayField';
 export * from './avatar';
 export * from './badge';