@pingux/astro 2.182.1 → 2.182.3-alpha.0

package/lib/cjs/components/Pagination/Pagination.js

@@ -47,6 +47,8 @@ var RangeSelectPopover = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
   })))));
 });
 var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var previousButtonIconProps = props.previousButtonIconProps,
+    nextButtonIconProps = props.nextButtonIconProps;
   var _usePagination = (0, _usePagination2["default"])(props),
     state = _usePagination.state,
     previousButtonProps = _usePagination.previousButtonProps,
@@ -67,10 +69,16 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   })), (0, _react2.jsx)(_index.Box, {
     variant: "pagination.iconWrapper",
     isRow: true
-  }, (0, _react2.jsx)(_index.IconButton, previousButtonProps, (0, _react2.jsx)(_index.Icon, {
-    icon: _ChevronLeftIcon["default"]
-  })), (0, _react2.jsx)(_index.IconButton, nextButtonProps, (0, _react2.jsx)(_index.Icon, {
-    icon: _ChevronRightIcon["default"]
-  })))));
+  }, (0, _react2.jsx)(_index.IconButton, previousButtonProps, (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
+    icon: _ChevronLeftIcon["default"],
+    title: {
+      name: 'Previous'
+    }
+  }, previousButtonIconProps))), (0, _react2.jsx)(_index.IconButton, nextButtonProps, (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
+    icon: _ChevronRightIcon["default"],
+    title: {
+      name: 'Next'
+    }
+  }, nextButtonIconProps))))));
 });
 var _default = exports["default"] = Pagination;

package/lib/cjs/components/Pagination/Pagination.stories.js

@@ -91,7 +91,17 @@ var Default = exports.Default = function Default(args) {
       gap: 'sm'
     }
   }, (0, _react2.jsx)(_index.Pagination, (0, _extends2["default"])({
-    totalCount: 250
+    totalCount: 250,
+    nextButtonIconProps: {
+      title: {
+        name: 'Next'
+      }
+    },
+    previousButtonIconProps: {
+      title: {
+        name: 'Previous'
+      }
+    }
   }, args)));
 };
 var WithListView = exports.WithListView = function WithListView() {

package/lib/cjs/{libs/astro/src/hooks → hooks}/usePagination/usePagination.d.ts

@@ -668,6 +668,8 @@ declare const usePagination: (props: PaginationProps) => {
     };
     containerProps: {
         setCurrentPageIndex?: () => void;
+        previousButtonIconProps?: import("../..").IconProps;
+        nextButtonIconProps?: import("../..").IconProps;
     };
     offsetMenuProps: object | undefined;
 };

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts

@@ -0,0 +1,153 @@
+export declare const overrides: {
+    neutral: {
+        90: string;
+    };
+    disabled: string;
+};
+export declare const colors: {
+    twoTone: {
+        bg: {
+            orange: any;
+            cyan: any;
+            green: any;
+            purple: any;
+            pink: any;
+            red: any;
+            yellow: any;
+            teal: any;
+            blue: any;
+            white: string;
+            indigo: any;
+            lightBlue: any;
+            lightPink: any;
+            lightGreen: any;
+            lightYellow: any;
+            lightIndigo: any;
+        };
+        text: {
+            orange: string;
+            cyan: string;
+            green: string;
+            purple: string;
+            pink: string;
+            red: string;
+            yellow: string;
+            teal: string;
+            blue: string;
+            indigo: string;
+            lightBlue: string;
+            lightPink: string;
+            lightGreen: string;
+            lightYellow: string;
+            lightIndigo: string;
+        };
+    };
+    light: string;
+    secondary: any;
+    dark: any;
+    lightblue: any;
+    lightindigo: any;
+    lightpurple: any;
+    lightpink: any;
+    lightred: any;
+    lightorange: any;
+    lightyellow: any;
+    lightgreen: any;
+    lightteal: any;
+    lightcyan: any;
+    darkblue: any;
+    darkindigo: any;
+    darkpurple: any;
+    darkpink: any;
+    darkred: any;
+    darkorange: any;
+    darkyellow: any;
+    darkgreen: any;
+    darkteal: any;
+    darkcyan: any;
+    text: {
+        primary: any;
+        secondary: any;
+        message: string;
+        fieldHelper: any;
+    };
+    background: {
+        base: any;
+        secondary: string;
+        card: string;
+        hover: string;
+    };
+    backgroundBase: any;
+    backgroundSecondary: any;
+    backgroundCard: string;
+    backgroundSuggestion: string;
+    backgroundHover: string;
+    font: {
+        base: any;
+        light: any;
+        link: any;
+    };
+    badge: {
+        background: any;
+        textColor: any;
+    };
+    codeEditor: {
+        backgroundColor: any;
+        headerColor: any;
+    };
+    critical: {
+        dark: any;
+    };
+    common: {
+        dark: string;
+    };
+    neutral: {
+        90: string;
+    };
+    disabled: string;
+    border: {
+        base: string;
+        dark: string;
+        input: any;
+        separator: string;
+        attachment: string;
+        hairline: string;
+    };
+    iconWrapper: {
+        wrapper: {
+            orange: any;
+            cyan: any;
+            green: any;
+            purple: any;
+            pink: any;
+            red: any;
+            yellow: any;
+            teal: any;
+            blue: any;
+            white: string;
+            indigo: any;
+            lightBlue: any;
+            lightPink: any;
+            lightGreen: any;
+            lightYellow: any;
+            lightIndigo: any;
+        };
+        icon: {
+            orange: string;
+            cyan: string;
+            green: string;
+            purple: string;
+            pink: string;
+            red: string;
+            yellow: string;
+            teal: string;
+            blue: string;
+            indigo: string;
+            lightBlue: any;
+            lightPink: any;
+            lightGreen: any;
+            lightYellow: any;
+            lightIndigo: any;
+        };
+    };
+};

package/lib/cjs/{libs/astro/src/styles → styles}/themeOverrides/nextGenDarkMode/variants/avatar.d.ts

@@ -10,7 +10,7 @@ export declare const avatar: {
         color: string;
     };
     '&.is-purple': {
-        backgroundColor: string;
+        backgroundColor: any;
         color: string;
     };
     '&.is-pink': {

package/lib/cjs/{libs/astro/src/styles → styles}/themeOverrides/nextGenDarkMode/variants/badges.d.ts

@@ -8,7 +8,7 @@ declare const badges: {
     };
     secondary: {
         backgroundColor: string;
-        color: string;
+        color: any;
     };
     success: {
         backgroundColor: string;
@@ -24,11 +24,11 @@ declare const badges: {
     };
     info: {
         backgroundColor: string;
-        color: string;
+        color: any;
     };
     dark: {
         backgroundColor: string;
-        color: string;
+        color: any;
     };
     activeStatusBadge: {
         backgroundColor: string;
@@ -48,7 +48,7 @@ declare const badges: {
     };
     secondaryStatusBadge: {
         backgroundColor: string;
-        color: string;
+        color: any;
     };
     countBadge: {
         backgroundColor: string;
@@ -65,34 +65,34 @@ declare const badges: {
     selectedItemBadge: {
         backgroundColor: string;
         '& span': {
-            color: string;
+            color: any;
         };
     };
     readOnlyBadge: {
-        color: string;
+        color: any;
         backgroundColor: string;
         borderColor: string;
         '& span': {
-            color: string;
+            color: any;
         };
     };
     readOnlyFieldBadge: {
-        color: string;
+        color: any;
         backgroundColor: string;
         borderColor: string;
         '& span': {
-            color: string;
+            color: any;
         };
     };
     itemBadgeWithSlot: {
         '& svg': {
             path: {
-                fill: string;
+                fill: any;
             };
         };
         backgroundColor: string;
         '& span': {
-            color: string;
+            color: any;
         };
     };
     errorCalloutBadge: {

package/lib/cjs/{libs/astro/src/styles → styles}/themeOverrides/nextGenDarkMode/variants/buttons.d.ts

@@ -12,7 +12,7 @@ declare const buttons: {
         color: string;
     };
     neutral: {
-        color: string;
+        color: any;
     };
     critical: {
         color: string;
@@ -24,8 +24,8 @@ declare const buttons: {
         };
     };
     inline: {
-        color: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         '&.is-hovered': {
             backgroundColor: string;
             color: string;
@@ -46,8 +46,8 @@ declare const buttons: {
         };
     };
     withIcon: {
-        color: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         '&.is-hovered': {
             backgroundColor: string;
             borderColor: string;
@@ -83,8 +83,8 @@ declare const buttons: {
         };
     };
     inlineWithIcon: {
-        color: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         '&.is-hovered': {
             color: string;
             backgroundColor: string;
@@ -120,8 +120,8 @@ declare const buttons: {
         };
     };
     colorBlock: {
-        bg: string;
-        borderColor: string;
+        bg: any;
+        borderColor: any;
         path: {
             fill: string;
         };
@@ -129,12 +129,12 @@ declare const buttons: {
             color: string;
         };
         '&.is-hovered': {
-            bg: string;
-            borderColor: string;
+            bg: any;
+            borderColor: any;
         };
         '&.is-pressed': {
-            bg: string;
-            borderColor: string;
+            bg: any;
+            borderColor: any;
         };
         '&>svg': {
             color: string;
@@ -164,8 +164,8 @@ declare const buttons: {
         };
     };
     default: {
-        color: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         '&.is-pressed': {
             color: string;
             borderColor: string;
@@ -177,7 +177,7 @@ declare const buttons: {
         };
     };
     link: {
-        color: string;
+        color: any;
         '&.is-pressed': {
             textDecoration: string;
             outline: string;
@@ -196,15 +196,15 @@ declare const buttons: {
             };
             '&.is-hovered': {
                 path: {
-                    fill: string;
+                    fill: any;
                 };
                 backgroundColor: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
         };
@@ -233,15 +233,15 @@ declare const buttons: {
             };
             '&.is-hovered': {
                 path: {
-                    fill: string;
+                    fill: any;
                 };
                 backgroundColor: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
         };
@@ -254,16 +254,16 @@ declare const buttons: {
         };
         filter: {
             '&.is-hovered': {
-                backgroundColor: string;
+                backgroundColor: any;
             };
             path: {
                 fill: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
         };
@@ -273,15 +273,15 @@ declare const buttons: {
             };
             '&.is-hovered': {
                 path: {
-                    fill: string;
+                    fill: any;
                 };
                 backgroundColor: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
         };
@@ -291,30 +291,30 @@ declare const buttons: {
             };
             '&.is-hovered': {
                 path: {
-                    fill: string;
+                    fill: any;
                 };
                 backgroundColor: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
         };
         messageCloseButton: {
             '&.is-hovered': {
-                backgroundColor: string;
+                backgroundColor: any;
             };
             path: {
                 fill: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 path: {
-                    fill: string;
+                    fill: any;
                 };
             };
         };
@@ -322,25 +322,25 @@ declare const buttons: {
             button: {
                 '&.is-hovered': {
                     path: {
-                        fill: string;
+                        fill: any;
                     };
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 path: {
                     fill: string;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
-                    borderColor: string;
+                    backgroundColor: any;
+                    borderColor: any;
                     path: {
-                        fill: string;
+                        fill: any;
                     };
                 };
             };
         };
     };
     searchNavTabLabel: {
-        color: string;
+        color: any;
         '&.is-hovered': {
             color: string;
             '& > svg': {
@@ -354,20 +354,20 @@ declare const buttons: {
         };
         '&.is-hovered': {
             path: {
-                fill: string;
+                fill: any;
             };
             backgroundColor: string;
         };
         '&.is-pressed': {
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
             path: {
-                fill: string;
+                fill: any;
             };
         };
     };
     listBoxLink: {
-        color: string;
+        color: any;
         '&.is-pressed': {
             color: string;
         };

package/lib/cjs/{libs/astro/src/styles → styles}/themeOverrides/nextGenDarkMode/variants/forms.d.ts

@@ -1,10 +1,10 @@
 export declare const select: {
     backgroundColor: string;
-    borderRadius: number;
+    borderRadius: any;
     border: string;
     borderColor: string;
     color: string;
-    height: number;
+    height: any;
     '&.is-disabled': {
         opacity: number;
         borderColor: string;
@@ -33,7 +33,7 @@ declare const _default: {
         };
     };
     label: {
-        color: string;
+        color: any;
         radioGroup: {
             color: string;
         };
@@ -64,11 +64,11 @@ declare const _default: {
             };
         };
         backgroundColor: string;
-        borderRadius: number;
+        borderRadius: any;
         border: string;
         borderColor: string;
         color: string;
-        height: number;
+        height: any;
         '&.is-disabled': {
             opacity: number;
             borderColor: string;

package/lib/cjs/{libs/astro/src/styles → styles}/themeOverrides/nextGenDarkMode/variants/links.d.ts

@@ -1,18 +1,18 @@
 declare const _default: {
     app: {
-        color: string;
+        color: any;
         '&.is-hovered': {
             textDecoration: string;
-            textDecorationColor: string;
-            color: string;
+            textDecorationColor: any;
+            color: any;
         };
         '&.is-pressed': {
-            color: string;
-            textDecorationColor: string;
+            color: any;
+            textDecorationColor: any;
             textDecoration: string;
         };
         '&:visited': {
-            color: string;
+            color: any;
         };
     };
     nextGen: {
@@ -53,7 +53,7 @@ declare const _default: {
         };
     };
     copyRightLink: {
-        color: string;
+        color: any;
         '&.is-hovered': {
             color: string;
         };
@@ -62,7 +62,7 @@ declare const _default: {
         };
     };
     footerLink: {
-        color: string;
+        color: any;
         '&.is-hovered': {
             color: string;
         };
@@ -71,7 +71,7 @@ declare const _default: {
         };
     };
     footerEALink: {
-        color: string;
+        color: any;
         '&.is-hovered': {
             color: string;
         };

package/lib/cjs/{libs/astro/src/styles → styles}/themeOverrides/nextGenDarkMode/variants/listview.d.ts

@@ -28,7 +28,7 @@ export declare const listViewItem: {
         };
     };
     expandIcon: {
-        color: string;
+        color: any;
         fill: string;
     };
     expandableRow: {
@@ -44,21 +44,21 @@ export declare const listView: {
 };
 export declare const lisViewItemChart: {
     title: {
-        color: string;
+        color: any;
     };
     count: {
-        color: string;
+        color: any;
     };
     countLabel: {
-        color: string;
+        color: any;
     };
     chartLabel: {
-        color: string;
+        color: any;
     };
     trend: {
-        color: string;
+        color: any;
     };
     chartButton: {
-        color: string;
+        color: any;
     };
 };