@pingux/astro 2.182.2-alpha.0 → 2.182.3-alpha.0

package/lib/cjs/{libs/astro/src/styles → styles}/themes/next-gen/variants/text.d.ts

@@ -17,11 +17,11 @@ export declare const text: {
     };
     messagesText: {
         '&.is-success, &.is-warning, &.is-error, &.is-default': {
-            color: string;
+            color: any;
             '& > a': {
                 fontWeight: string;
                 textDecoration: string;
-                color: string;
+                color: any;
             };
         };
     };
@@ -177,7 +177,7 @@ export declare const text: {
         wordBreak: string;
     };
     placeholder: {
-        color: string;
+        color: any;
         fontWeight: number;
     };
     paragraph: {

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

@@ -17,7 +17,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _onyxTokens = require("@pingux/onyx-tokens");
 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; }
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSizes = _onyxTokens.astroTokens["default"]['font-size'];
 var hTags = {
   H1: {

package/lib/cjs/{libs/astro/src/styles → styles}/themes/next-gen/variants/tooltip.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     container: {
-        backgroundColor: string;
+        backgroundColor: any;
         borderRadius: string;
         fontSize: string;
         fontFamily: string;
@@ -24,7 +24,7 @@ declare const _default: {
         };
     };
     inline: {
-        color: string;
+        color: any;
         '&.is-focused': {
             outline: string;
             outlineColor: string;

package/lib/cjs/{libs/astro/src/styles → styles}/themes/next-gen/variants/variants.d.ts

@@ -57,7 +57,7 @@ declare const _default: {
             minHeight: string;
             border: string;
             '&.is-hovered': {
-                backgroundColor: string;
+                backgroundColor: any;
             };
             '&.is-focused': {
                 outline: string;
@@ -181,7 +181,7 @@ declare const _default: {
         '&.is-logo': {
             borderWidth: string;
             borderStyle: string;
-            borderColor: string;
+            borderColor: any;
             backgroundColor: string;
             '&.size-sm': {
                 img: {
@@ -643,14 +643,14 @@ declare const _default: {
         selectableTableRow: {
             bg: string;
             '&.is-hovered': {
-                bg: string;
+                bg: any;
             };
             '&.is-selected': {
-                bg: string;
+                bg: any;
             };
             '&.is-focused': {
                 boxShadow: string;
-                bg: string;
+                bg: any;
             };
             '&.is-disabled': {
                 opacity: string;
@@ -720,7 +720,7 @@ declare const _default: {
         container: {
             fontFamily: string;
             justifyContent: string;
-            backgroundColor: string;
+            backgroundColor: any;
         };
         wrapper: {
             px: string[];
@@ -867,19 +867,19 @@ declare const _default: {
         styledListItem: {
             bg: string;
             '&.is-selected': {
-                bg: string;
+                bg: any;
             };
             borderBottom: string;
             '&.has-separator': {
                 borderBottom: string;
-                borderBottomColor: string;
+                borderBottomColor: any;
             };
             '&.is-hovered': {
-                bg: string;
+                bg: any;
             };
             '&.is-focused': {
                 boxShadow: string;
-                bg: string;
+                bg: any;
             };
             '&.is-first-item': {
                 borderTopLeftRadius: string;
@@ -917,14 +917,14 @@ declare const _default: {
                 };
             };
             '&.is-hovered': {
-                bg: string;
+                bg: any;
             };
             '&.is-selected': {
-                bg: string;
+                bg: any;
             };
             '&.is-focused': {
                 boxShadow: string;
-                bg: string;
+                bg: any;
             };
         };
         expandableItemBody: {
@@ -940,7 +940,7 @@ declare const _default: {
         };
         expandableRow: {
             '&.has-separator': {
-                borderBottomColor: string;
+                borderBottomColor: any;
             };
             '&.has-separator.is-last-row': {
                 border: string;
@@ -961,26 +961,26 @@ declare const _default: {
     };
     lisViewItemChart: {
         title: {
-            color: string;
+            color: any;
             fontSize: string;
         };
         count: {
-            color: string;
+            color: any;
             fontSize: string;
         };
         countLabel: {
-            color: string;
+            color: any;
             fontSize: string;
         };
         chartLabel: {
-            color: string;
+            color: any;
             fontSize: string;
         };
         trend: {
-            color: string;
+            color: any;
         };
         chartButton: {
-            color: string;
+            color: any;
         };
     };
     loader: {
@@ -1002,20 +1002,20 @@ declare const _default: {
             bg: string;
             padding: string;
             outline: string;
-            color: string;
+            color: any;
             fontSize: string;
             lineHeight: string;
             cursor: string;
             borderRadius: string;
             '&.is-hovered': {
-                bg: string;
+                bg: any;
                 color: string;
                 '> *': {
                     color: string;
                 };
             };
             '&.is-focused': {
-                bg: string;
+                bg: any;
                 color: string;
                 outline: string;
                 outlineOffset: string;
@@ -1065,11 +1065,11 @@ declare const _default: {
             p: string;
             wordBreak: string;
             alignItems: string;
-            backgroundColor: string;
+            backgroundColor: any;
             borderLeftWidth: string;
             borderLeftStyle: string;
             borderLeftColor: string;
-            color: string;
+            color: any;
             fontSize: string;
             lineHeight: string;
             borderRadius: number;
@@ -1077,23 +1077,23 @@ declare const _default: {
                 minWidth: string;
                 width: string;
                 height: string;
-                color: string;
+                color: any;
                 path: {
-                    fill: string;
+                    fill: any;
                     transform: string;
                     transformOrigin: string;
                 };
                 alignSelf: string;
             };
             '&.is-success': {
-                bg: string;
-                borderLeftColor: string;
-                color: string;
+                bg: any;
+                borderLeftColor: any;
+                color: any;
             };
             '&.is-warning': {
                 bg: string;
-                borderLeftColor: string;
-                color: string;
+                borderLeftColor: any;
+                color: any;
             };
             '&.is-error, > .is-error': {
                 bg: string;
@@ -1101,11 +1101,11 @@ declare const _default: {
             '&.is-error, > button > svg': {
                 color: string;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
             '&.is-error': {
-                borderLeftColor: string;
+                borderLeftColor: any;
             };
         };
     };
@@ -1126,19 +1126,19 @@ declare const _default: {
             };
             '&.is-extra-small': {
                 width: string;
-                maxWidth: (string | number)[];
+                maxWidth: any[];
             };
             '&.is-small': {
                 width: string;
-                maxWidth: (string | number)[];
+                maxWidth: any[];
             };
             '&.is-medium': {
                 width: string;
-                maxWidth: (string | number)[];
+                maxWidth: any[];
             };
             '&.is-large': {
                 width: string;
-                maxWidth: (string | number)[];
+                maxWidth: any[];
             };
             '&.is-full': {
                 width: string;
@@ -1147,7 +1147,7 @@ declare const _default: {
         };
         headingContainer: {
             borderBottom: string;
-            borderBottomColor: string;
+            borderBottomColor: any;
             bg: string;
             borderRadius: string;
         };
@@ -1202,7 +1202,7 @@ declare const _default: {
                 backgroundColor: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
+                backgroundColor: any;
             };
             '&.is-focused': {
                 outline: string;
@@ -1213,7 +1213,7 @@ declare const _default: {
         itemButton: {
             py: string;
             paddingLeft: string;
-            color: string;
+            color: any;
             borderRadius: string;
             fontWeight: number;
             fontSize: any;
@@ -1227,20 +1227,20 @@ declare const _default: {
                 backgroundColor: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                color: string;
+                backgroundColor: any;
+                color: any;
             };
             '&.is-selected': {
-                bg: string;
+                bg: any;
                 boxShadow: string;
                 color: string;
             };
         };
         subtitle: {
-            color: string;
+            color: any;
         };
         headerText: {
-            color: string;
+            color: any;
             fontWeight: number;
             fontSize: any;
             lineHeight: string;
@@ -1264,19 +1264,19 @@ declare const _default: {
         item: {
             px: string;
             py: string;
-            color: string;
+            color: any;
             borderRadius: string;
             '&.is-hovered': {
-                backgroundColor: string;
+                backgroundColor: any;
             };
             '> div > svg': {
-                fill: string;
+                fill: any;
             };
             '> div > span': {
                 color: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
+                backgroundColor: any;
             };
             '&.is-selected': {
                 '> div > svg': {
@@ -1288,7 +1288,7 @@ declare const _default: {
                 '&.is-hovered': {
                     backgroundColor: string;
                 };
-                backgroundColor: string;
+                backgroundColor: any;
                 boxShadow: string;
             };
             '&.is-focused': {
@@ -1315,7 +1315,7 @@ declare const _default: {
                 '> div > span': {
                     color: string;
                 };
-                backgroundColor: string;
+                backgroundColor: any;
                 boxShadow: string;
             };
             '&.is-hovered': {
@@ -1323,10 +1323,10 @@ declare const _default: {
             };
             backgroundColor: string;
             '> svg': {
-                fill: string;
+                fill: any;
             };
             '> div > svg': {
-                fill: string;
+                fill: any;
             };
         };
         navBarItemBody: {
@@ -1405,18 +1405,18 @@ declare const _default: {
             '&.is-dark-mode': {
                 color: string;
                 alignItems: string;
-                bg: string;
+                bg: any;
                 '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
-                    borderTopColor: string;
+                    borderTopColor: any;
                 };
                 '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
-                    borderBottomColor: string;
+                    borderBottomColor: any;
                 };
                 '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
-                    borderLeftColor: string;
+                    borderLeftColor: any;
                 };
                 '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
-                    borderRightColor: string;
+                    borderRightColor: any;
                 };
             };
         };
@@ -1503,17 +1503,17 @@ declare const _default: {
                 outlineOffset: string;
             };
             '&.is-unavailable': {
-                backgroundColor: string;
+                backgroundColor: any;
                 color: string;
             };
             '&:not(.is-outside-visible-range)&.is-extreme&:not(.is-completely-disabled)': {
-                backgroundColor: string;
+                backgroundColor: any;
                 color: string;
                 opacity: number;
             };
             '&.is-disabled': {
                 '&.is-hovered': {
-                    color: string;
+                    color: any;
                     backgroundColor: string;
                 };
             };
@@ -1806,7 +1806,7 @@ declare const _default: {
             borderBottomColor: string;
             '&.is-inactive': {
                 borderBottomStyle: string;
-                borderBottomColor: string;
+                borderBottomColor: any;
             };
             '&.is-default': {
                 width: string;
@@ -1815,7 +1815,7 @@ declare const _default: {
                 borderBottomWidth: number;
                 borderRightWidth: string;
                 borderRightStyle: string;
-                borderRightColor: string;
+                borderRightColor: any;
                 my: string;
             };
         };
@@ -1870,7 +1870,7 @@ declare const _default: {
                     fontWeight: number;
                     fontSize: string;
                     backgroundColor: string;
-                    borderColor: string;
+                    borderColor: any;
                     color: string;
                 };
             };
@@ -1884,7 +1884,7 @@ declare const _default: {
                 fontWeight: number;
                 fontSize: string;
                 backgroundColor: string;
-                borderColor: string;
+                borderColor: any;
                 color: string;
             };
         };
@@ -1908,59 +1908,59 @@ declare const _default: {
     statusIcon: {
         base: {
             '&.is-default': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-critical': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-warning': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-info': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-major': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-minor': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-warning-neutral': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-fatal': {
-                bg: string;
+                bg: any;
                 span: {
                     fontSize: string;
-                    color: string;
+                    color: any;
                 };
             };
             '&.is-selected.is-selected': {
@@ -2161,7 +2161,7 @@ declare const _default: {
     };
     tooltip: {
         container: {
-            backgroundColor: string;
+            backgroundColor: any;
             borderRadius: string;
             fontSize: string;
             fontFamily: string;
@@ -2185,7 +2185,7 @@ declare const _default: {
             };
         };
         inline: {
-            color: string;
+            color: any;
             '&.is-focused': {
                 outline: string;
                 outlineColor: string;

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

@@ -40,7 +40,6 @@ var nextGenTheme = {
   fontSizes: fontSizes,
   fontWeights: fontWeights,
   lineHeights: {
-    // @ts-expect-error - line-height is in default tokens but not in the type definition
     body: astroTokens["default"]['line-height'].base,
     xs: '1.2',
     sm: '1.4',

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

@@ -1,6 +1,4 @@
 import { astroTokens } from '@pingux/onyx-tokens';
-
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSizes = astroTokens["default"]['font-size'];
 var avatar = {
   sm: "".concat(astroTokens.size.avatar.sm, "px"),

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import { astroTokens } from '@pingux/onyx-tokens';
 import sizes from './sizes';
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSize = astroTokens["default"]['font-size'];
 var fontSizeBase = 0.9375;
 export var fontSizes = {

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

@@ -1,5 +1,4 @@
 import { astroTokens } from '@pingux/onyx-tokens';
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSizes = astroTokens["default"]['font-size'];
 export var label = {
   color: 'text.primary',

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

@@ -10,8 +10,6 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 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) { _defineProperty(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; }
 import { astroTokens } from '@pingux/onyx-tokens';
-
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSizes = astroTokens["default"]['font-size'];
 export var navBarSelected = {
   backgroundColor: astroTokens.color['nav-bar-item'].selected.bg,

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

@@ -10,8 +10,6 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 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) { _defineProperty(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; }
 import { astroTokens } from '@pingux/onyx-tokens';
-
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSizes = astroTokens["default"]['font-size'];
 var hTags = {
   H1: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.182.2-alpha.0",
+  "version": "2.182.3-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -10,6 +10,7 @@
   "author": "ux-development@pingidentity.com",
   "main": "lib/cjs/index.js",
   "module": "lib/index.js",
+  "types": "lib/cjs/index.d.ts",
   "directories": {
     "lib": "lib"
   },