@pingux/astro 2.173.1-alpha.0 → 2.174.0-alpha.0

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

@@ -29,8 +29,8 @@ declare const buttons: {
         borderRadius: string;
         border: string;
         borderColor: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -76,8 +76,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -121,8 +121,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -169,8 +169,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -197,8 +197,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -249,8 +249,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -295,8 +295,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -327,8 +327,14 @@ declare const buttons: {
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: {
+                bg: string;
+                border: string;
+            };
+            borderColor: {
+                bg: string;
+                border: string;
+            };
         };
         '&.is-focused': {
             backgroundColor: string;
@@ -345,8 +351,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -372,8 +378,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -408,8 +414,8 @@ declare const buttons: {
         borderRadius: string;
         border: string;
         borderColor: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -461,8 +467,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -478,8 +484,8 @@ declare const buttons: {
         transition: string;
         fontSize: string;
         textDecoration: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         '&.is-pressed': {
             textDecoration: string;
             outline: string;
@@ -633,8 +639,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -680,8 +686,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -729,8 +735,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -761,8 +767,14 @@ declare const buttons: {
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: {
+                bg: string;
+                border: string;
+            };
+            borderColor: {
+                bg: string;
+                border: string;
+            };
         };
         '&.is-focused': {
             backgroundColor: string;
@@ -779,8 +791,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -822,8 +834,14 @@ declare const buttons: {
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: {
+                bg: string;
+                border: string;
+            };
+            borderColor: {
+                bg: string;
+                border: string;
+            };
             color: string;
         };
         '&.is-pressed': {
@@ -1257,7 +1275,8 @@ declare const buttons: {
         };
         passwordVisibilityIcon: {
             right: number;
-            padding: string;
+            py: number;
+            px: number;
             border: string;
             '&:hover, &.is-pressed': {
                 background: string;
@@ -1368,8 +1387,8 @@ declare const buttons: {
         verticalAlign: string;
         lineHeight: number;
         borderRadius: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -1396,7 +1415,8 @@ declare const buttons: {
     };
     ButtonInputGroupContentRight: {
         right: number;
-        padding: string;
+        py: number;
+        px: number;
         borderRadius: string;
         borderWidth: string;
         borderLeftWidth: string;
@@ -1439,8 +1459,6 @@ declare const buttons: {
         verticalAlign: string;
         lineHeight: number;
         border: string;
-        px: string;
-        py: string;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;

package/lib/cjs/{styles → libs/astro/src/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: string;
+        borderRadius: number;
         border: string;
         borderColor: string;
         outline: string;
@@ -38,7 +38,7 @@ export declare const fieldControlWrapper: {
     };
     '> button': {
         borderLeftWidth: number;
-        borderRadius: string;
+        borderRadius: number;
         border: string;
         borderColor: string;
     };

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

@@ -210,8 +210,8 @@ declare const _default: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -258,8 +258,8 @@ declare const _default: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: string;
-        py: string;
+        px: number;
+        py: number;
         maxHeight: string;
         height: string;
         '&.is-disabled': {

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

@@ -38,7 +38,7 @@ export declare const navBar: {
         color: string;
         borderRadius: string;
         fontWeight: number;
-        fontSize: string;
+        fontSize: any;
         lineHeight: string;
         '&.is-focused': {
             outline: string;
@@ -64,7 +64,7 @@ export declare const navBar: {
     headerText: {
         color: string;
         fontWeight: number;
-        fontSize: string;
+        fontSize: any;
         lineHeight: string;
         ml: string;
         '.is-selected &': {

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

@@ -11,7 +11,7 @@ export declare const text: {
         whiteSpace: string;
         color: string;
         lineHeight: string;
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         fontFamily: string;
     };
@@ -49,36 +49,36 @@ export declare const text: {
     };
     stepperTabContentHeader: {
         color: string;
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         fontFamily: string;
     };
     H1: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     H2: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     H3: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     H4: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     H5: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
@@ -88,35 +88,35 @@ export declare const text: {
         color: string;
         fontFamily: string;
         fontWeight: number;
-        fontSize: string;
+        fontSize: any;
         letterSpacing: string;
     };
     h1: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     h2: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     h3: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     h4: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
     };
     h5: {
-        fontSize: string;
+        fontSize: any;
         fontWeight: number;
         color: string;
         fontFamily: string;
@@ -126,7 +126,7 @@ export declare const text: {
         color: string;
         fontFamily: string;
         fontWeight: number;
-        fontSize: string;
+        fontSize: any;
         letterSpacing: string;
     };
     base: {

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

@@ -151,19 +151,19 @@ declare const _default: {
             height: string;
         };
         '&.font-size-sm': {
-            fontSize: string;
+            fontSize: any;
         };
         '&.font-size-md': {
-            fontSize: string;
+            fontSize: any;
         };
         '&.font-size-xmd': {
             fontSize: string;
         };
         '&.font-size-lg': {
-            fontSize: string;
+            fontSize: any;
         };
         '&.font-size-xl': {
-            fontSize: string;
+            fontSize: any;
         };
         '&.is-square': {
             borderRadius: string;
@@ -1122,19 +1122,19 @@ declare const _default: {
             };
             '&.is-extra-small': {
                 width: string;
-                maxWidth: string[];
+                maxWidth: (string | number)[];
             };
             '&.is-small': {
                 width: string;
-                maxWidth: string[];
+                maxWidth: (string | number)[];
             };
             '&.is-medium': {
                 width: string;
-                maxWidth: string[];
+                maxWidth: (string | number)[];
             };
             '&.is-large': {
                 width: string;
-                maxWidth: string[];
+                maxWidth: (string | number)[];
             };
             '&.is-full': {
                 width: string;
@@ -1204,7 +1204,7 @@ declare const _default: {
             color: string;
             borderRadius: string;
             fontWeight: number;
-            fontSize: string;
+            fontSize: any;
             lineHeight: string;
             '&.is-focused': {
                 outline: string;
@@ -1230,7 +1230,7 @@ declare const _default: {
         headerText: {
             color: string;
             fontWeight: number;
-            fontSize: string;
+            fontSize: any;
             lineHeight: string;
             ml: string;
             '.is-selected &': {

package/lib/cjs/{types → libs/astro/src/types}/icon.d.ts

@@ -9,7 +9,7 @@ export type IconTypeExtended = ReactNode & {
     type: {
         name: string;
     };
-} | React.ElementType;
+} | React.ElementType | string;
 export interface IconProps extends StyleProps, DOMAttributes, TestingAttributes {
     /**
    * The title associated with the icon. It is recommended that icons always have an associated
@@ -24,7 +24,7 @@ export interface IconProps extends StyleProps, DOMAttributes, TestingAttributes
         name: string;
     };
     /** The icon to render. */
-    icon?: IconTypeExtended | MaterialSymbol | string;
+    icon?: IconTypeExtended | MaterialSymbol;
     size?: IconSize;
     /** A theme-aware prop to set the icon's color. */
     color?: string;

package/lib/cjs/{types → libs/astro/src/types}/navBar.d.ts

@@ -28,7 +28,7 @@ export interface NavBarItemProps extends StyleProps, DOMAttributes {
     /**  Handler that is called when the press is released over the target. */
     onPress?: () => void;
     /** The icon to render in between each node. */
-    icon?: IconTypeExtended | MaterialSymbol | string;
+    icon?: IconTypeExtended | MaterialSymbol;
     /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
     id?: string;
     /** Text that will render within the component */