@pingux/astro 2.182.1 → 2.182.3-alpha.0

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

@@ -3,7 +3,7 @@ declare const _default: {
         boxShadow: string;
         borderRadius: string;
         border: string;
-        borderColor: string;
+        borderColor: any;
         transition: string;
         '&.is-focused': {
             backgroundColor: string;
@@ -46,7 +46,7 @@ declare const _default: {
         flex: string;
     };
     activeCard: {
-        borderColor: string;
+        borderColor: any;
         '&.is-hovered': {
             borderColor: string;
             bg: string;
@@ -64,7 +64,7 @@ declare const _default: {
     };
     container: {
         p: string;
-        borderColor: string;
+        borderColor: any;
         lineHeight: string;
         boxShadow: string;
         border: string;
@@ -115,7 +115,7 @@ declare const _default: {
     };
     tableWrapper: {
         p: string;
-        borderColor: string;
+        borderColor: any;
         lineHeight: string;
         boxShadow: string;
         border: string;
@@ -130,7 +130,7 @@ declare const _default: {
         boxShadow: string;
         backgroundColor: string;
         p: string;
-        borderColor: string;
+        borderColor: any;
         lineHeight: string;
         border: string;
         borderRadius: string;

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

@@ -17,14 +17,14 @@ export declare const dataTable: {
     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;

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

@@ -2,7 +2,7 @@ export declare const footer: {
     container: {
         fontFamily: string;
         justifyContent: string;
-        backgroundColor: string;
+        backgroundColor: any;
     };
     wrapper: {
         px: string[];

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

@@ -2,7 +2,7 @@ import { ThemeUICSSObject } from 'theme-ui';
 export declare const input: ThemeUICSSObject;
 export declare const fieldControlWrapper: {
     '> textarea': {
-        borderRadius: number;
+        borderRadius: any;
         border: string;
         borderColor: string;
         outline: string;
@@ -13,16 +13,16 @@ export declare const fieldControlWrapper: {
         };
         opacity: number;
         '> input': {
-            backgroundColor: string;
+            backgroundColor: any;
             border: string;
-            borderColor: string;
+            borderColor: any;
             opacity: number;
             fontWeight: number;
         };
         '> textarea': {
-            backgroundColor: string;
+            backgroundColor: any;
             border: string;
-            borderColor: string;
+            borderColor: any;
             opacity: number;
             fontWeight: number;
         };
@@ -38,20 +38,20 @@ export declare const fieldControlWrapper: {
     };
     '> button': {
         borderLeftWidth: number;
-        borderRadius: number;
+        borderRadius: any;
         border: string;
-        borderColor: string;
+        borderColor: any;
     };
     '&.is-read-only': {
         '> input': {
-            backgroundColor: string;
+            backgroundColor: any;
             border: string;
-            borderColor: string;
+            borderColor: any;
         };
         '> textarea': {
-            backgroundColor: string;
+            backgroundColor: any;
             border: string;
-            borderColor: string;
+            borderColor: any;
         };
         '&:after': {
             display: string;

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

@@ -6,7 +6,6 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.label = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
-// @ts-expect-error - font-size is in default tokens but not in the type definition
 var fontSizes = _onyxTokens.astroTokens["default"]['font-size'];
 var label = exports.label = {
   color: 'text.primary',

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

@@ -2,8 +2,8 @@ declare const _default: {
     app: {
         lineHeight: string;
         '&.is-hovered': {
-            color: string;
-            textDecorationColor: string;
+            color: any;
+            textDecorationColor: any;
         };
         '&.is-focused': {
             borderRadius: string;
@@ -11,11 +11,11 @@ declare const _default: {
             outlineColor: string;
         };
         '&.is-pressed': {
-            color: string;
-            textDecorationColor: string;
+            color: any;
+            textDecorationColor: any;
         };
         '&:visited': {
-            color: string;
+            color: any;
             textDecoration: string;
         };
     };
@@ -37,10 +37,10 @@ declare const _default: {
         fontFamily: string;
         cursor: string;
         '&.is-hovered': {
-            color: string;
+            color: any;
         };
         '&.is-pressed': {
-            color: string;
+            color: any;
         };
     };
     navItem: {
@@ -64,10 +64,10 @@ declare const _default: {
         fontFamily: string;
         cursor: string;
         '&.is-hovered': {
-            color: string;
+            color: any;
         };
         '&.is-pressed': {
-            color: string;
+            color: any;
         };
     };
     sideNav: {
@@ -87,7 +87,7 @@ declare const _default: {
             transition: string;
         };
         '&.is-selected': {
-            color: string;
+            color: any;
             '&:before': {
                 backgroundColor: string;
             };
@@ -101,10 +101,10 @@ declare const _default: {
         minHeight: string;
         fontFamily: string;
         '&.is-hovered': {
-            color: string;
+            color: any;
         };
         '&.is-pressed': {
-            color: string;
+            color: any;
         };
     };
     footerLinks: {
@@ -124,7 +124,7 @@ declare const _default: {
             transition: string;
         };
         '&.is-selected': {
-            color: string;
+            color: any;
             '&:before': {
                 backgroundColor: string;
             };
@@ -138,10 +138,10 @@ declare const _default: {
         minHeight: string;
         fontFamily: string;
         '&.is-hovered': {
-            color: string;
+            color: any;
         };
         '&.is-pressed': {
-            color: string;
+            color: any;
         };
     };
     footerHeader: {
@@ -162,7 +162,7 @@ declare const _default: {
             transition: string;
         };
         '&.is-selected': {
-            color: string;
+            color: any;
             '&:before': {
                 backgroundColor: string;
             };
@@ -176,20 +176,20 @@ declare const _default: {
         minHeight: string;
         fontFamily: string;
         '&.is-hovered': {
-            color: string;
+            color: any;
         };
         '&.is-pressed': {
-            color: string;
+            color: any;
         };
     };
     button: {
         textDecoration: string;
         backgroundColor: string;
-        borderColor: string;
-        color: string;
+        borderColor: any;
+        color: any;
         '&.is-pressed': {
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
             color: string;
             path: {
                 fill: string;
@@ -197,8 +197,8 @@ declare const _default: {
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
             color: string;
             path: {
                 fill: string;
@@ -219,8 +219,8 @@ declare const _default: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -239,17 +239,17 @@ declare const _default: {
         backgroundColor: string;
         borderColor: string;
         '&.is-pressed': {
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
         };
         '&.is-focused': {
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
             outline: string;
         };
         alignItems: string;
@@ -267,8 +267,8 @@ declare const _default: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {

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

@@ -16,19 +16,19 @@ export declare const listViewItem: {
     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;
@@ -66,14 +66,14 @@ export declare const listViewItem: {
             };
         };
         '&.is-hovered': {
-            bg: string;
+            bg: any;
         };
         '&.is-selected': {
-            bg: string;
+            bg: any;
         };
         '&.is-focused': {
             boxShadow: string;
-            bg: string;
+            bg: any;
         };
     };
     expandableItemBody: {
@@ -89,7 +89,7 @@ export declare const listViewItem: {
     };
     expandableRow: {
         '&.has-separator': {
-            borderBottomColor: string;
+            borderBottomColor: any;
         };
         '&.has-separator.is-last-row': {
             border: string;
@@ -117,25 +117,25 @@ export declare const listView: {
 };
 export declare const 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;
     };
 };

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

@@ -22,20 +22,20 @@ export declare const menuItem: {
         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;

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

@@ -10,11 +10,11 @@ export declare const message: {
         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;
@@ -22,23 +22,23 @@ export declare const message: {
             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;
@@ -46,11 +46,11 @@ export declare const message: {
         '&.is-error, > button > svg': {
             color: string;
             path: {
-                fill: string;
+                fill: any;
             };
         };
         '&.is-error': {
-            borderLeftColor: string;
+            borderLeftColor: any;
         };
     };
 };

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

@@ -1,5 +1,5 @@
 export declare const navBarSelected: {
-    backgroundColor: string;
+    backgroundColor: any;
     boxShadow: string;
 };
 export declare const navBarFocus: {
@@ -32,7 +32,7 @@ export declare const navBar: {
             backgroundColor: string;
         };
         '&.is-pressed': {
-            backgroundColor: string;
+            backgroundColor: any;
         };
         '&.is-focused': {
             outline: string;
@@ -43,7 +43,7 @@ export declare const navBar: {
     itemButton: {
         py: string;
         paddingLeft: string;
-        color: string;
+        color: any;
         borderRadius: string;
         fontWeight: number;
         fontSize: any;
@@ -57,20 +57,20 @@ export declare const navBar: {
             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;
@@ -94,19 +94,19 @@ export declare const navBar: {
     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': {
@@ -118,7 +118,7 @@ export declare const navBar: {
             '&.is-hovered': {
                 backgroundColor: string;
             };
-            backgroundColor: string;
+            backgroundColor: any;
             boxShadow: string;
         };
         '&.is-focused': {
@@ -145,7 +145,7 @@ export declare const navBar: {
             '> div > span': {
                 color: string;
             };
-            backgroundColor: string;
+            backgroundColor: any;
             boxShadow: string;
         };
         '&.is-hovered': {
@@ -153,10 +153,10 @@ export declare const navBar: {
         };
         backgroundColor: string;
         '> svg': {
-            fill: string;
+            fill: any;
         };
         '> div > svg': {
-            fill: string;
+            fill: any;
         };
     };
     navBarItemBody: {

package/lib/cjs/styles/themes/next-gen/variants/navbar.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 navBarSelected = exports.navBarSelected = {
   backgroundColor: _onyxTokens.astroTokens.color['nav-bar-item'].selected.bg,

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

@@ -10,18 +10,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;
             };
         };
     };

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

@@ -48,17 +48,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;
             };
         };

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

@@ -9,7 +9,7 @@ declare const _default: {
         borderBottomColor: string;
         '&.is-inactive': {
             borderBottomStyle: string;
-            borderBottomColor: string;
+            borderBottomColor: any;
         };
         '&.is-default': {
             width: string;
@@ -18,7 +18,7 @@ declare const _default: {
             borderBottomWidth: number;
             borderRightWidth: string;
             borderRightStyle: string;
-            borderRightColor: string;
+            borderRightColor: any;
             my: string;
         };
     };
@@ -73,7 +73,7 @@ declare const _default: {
                 fontWeight: number;
                 fontSize: string;
                 backgroundColor: string;
-                borderColor: string;
+                borderColor: any;
                 color: string;
             };
         };
@@ -87,7 +87,7 @@ declare const _default: {
             fontWeight: number;
             fontSize: string;
             backgroundColor: string;
-            borderColor: string;
+            borderColor: any;
             color: string;
         };
     };