@pingux/astro 2.221.6-alpha.0 → 2.234.0-alpha.0

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.select = exports.radio = exports["default"] = exports.checkbox = void 0;
+exports.select = exports["default"] = exports.checkbox = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _onyxTokens = require("@pingux/onyx-tokens");
 var _comboBox = _interopRequireDefault(require("./comboBox"));
@@ -26,6 +26,7 @@ var select = exports.select = {
   borderColor: '#69788B !important',
   color: 'text.primary',
   height: _onyxTokens.astroTokensDark.size.input.height,
+  pr: _onyxTokens.astroTokensDark.spacing.input['padding-x'],
   '&.is-disabled': {
     opacity: 1,
     borderColor: 'border.input',
@@ -35,21 +36,45 @@ var select = exports.select = {
     color: 'text.primary'
   }
 };
-var radio = exports.radio = {
-  base: {
-    color: 'text.primary'
-  }
-};
 var checkbox = exports.checkbox = {
-  color: 'text.primary'
+  color: _onyxTokens.astroTokensDark.color.gray[500],
+  '& rect[id="unchecked-bg"]': {
+    fill: _onyxTokens.astroTokensDark.color.gray[900]
+  },
+  'input:checked ~ &': {
+    color: 'primary'
+  },
+  // The input is visually hidden; use the focus state propagated to the label for the outline.
+  '.is-focused &': {
+    outline: '2px solid',
+    outlineColor: _onyxTokens.astroTokensDark.color.blue[400],
+    outlineOffset: '2px'
+  },
+  'input:disabled ~ &': {
+    opacity: 0.5
+  }
 };
 var label = {
   color: _onyxTokens.astroTokensDark.color.gray[100],
   radioGroup: {
-    color: 'white'
+    color: _onyxTokens.astroTokensDark.color.input.text
   },
   radio: {
-    color: 'white'
+    color: _onyxTokens.astroTokensDark.color.input.text
+  },
+  checkboxFieldGroup: {
+    color: 'text.primary'
+  },
+  checkboxFieldGroupItem: {
+    color: 'text.primary',
+    '&.is-disabled, &.is-read-only': {
+      color: 'text.primary'
+    }
+  },
+  checkbox: {
+    '&.is-disabled': {
+      color: _onyxTokens.astroTokensDark.color.gray[100]
+    }
   }
 };
 var selectOption = {
@@ -99,7 +124,6 @@ var numberField = {
 var _default = exports["default"] = {
   input: _input.input,
   checkbox: checkbox,
-  radio: radio,
   label: label,
   search: search,
   select: _objectSpread(_objectSpread({}, select), {}, {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/listview.d.ts

@@ -1,4 +1,33 @@
 export declare const listViewItem: {
+    container: {
+        bg: string;
+        '&.is-selected': {
+            bg: string;
+        };
+        borderBottom: string;
+        '&.has-separator': {
+            borderBottom: string;
+            borderBottomColor: string;
+        };
+        '&.is-hovered': {
+            bg: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            bg: string;
+        };
+        '&.is-first-item': {
+            borderTopLeftRadius: string;
+            borderTopRightRadius: string;
+        };
+        '&.is-last-item': {
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+            '&.has-separator': {
+                border: string;
+            };
+        };
+    };
     styledListItem: {
         '&.has-separator': {
             borderBottom: string;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/listview.js

@@ -6,8 +6,38 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.listViewItem = exports.listView = exports.lisViewItemChart = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
+var _listview = require("../../../themes/next-gen/variants/listview");
 var _colors = require("../colors");
 var listViewItem = exports.listViewItem = {
+  container: {
+    bg: 'backgroundBase',
+    '&.is-selected': {
+      bg: 'background.hover'
+    },
+    borderBottom: 'none',
+    '&.has-separator': {
+      borderBottom: '1px solid',
+      borderBottomColor: 'border.attachment'
+    },
+    '&.is-hovered': {
+      bg: 'background.hover'
+    },
+    '&.is-focused': {
+      boxShadow: '0 0 0 3px inset #1a73e8',
+      bg: 'background.hover'
+    },
+    '&.is-first-item': {
+      borderTopLeftRadius: _listview.borderRadius,
+      borderTopRightRadius: _listview.borderRadius
+    },
+    '&.is-last-item': {
+      borderBottomLeftRadius: _listview.borderRadius,
+      borderBottomRightRadius: _listview.borderRadius,
+      '&.has-separator': {
+        border: 'none'
+      }
+    }
+  },
   styledListItem: {
     '&.has-separator': {
       borderBottom: '1px solid',

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.d.ts

@@ -56,8 +56,11 @@ export declare const text: {
     };
     tabLabel: {
         color: string;
-        '.is-selected &': {
-            color: string;
+        fontWeight: number;
+        lineHeight: string;
+        wordBreak: "break-word";
+        '.is-disabled &': {
+            opacity: number;
         };
         '.is-selected &, .is-hovered &': {
             color: string;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.js

@@ -64,8 +64,11 @@ var text = exports.text = {
   },
   tabLabel: {
     color: _onyxTokens.astroTokensDark.color.font.base,
-    '.is-selected &': {
-      color: _onyxTokens.astroTokensDark.color.font.link
+    fontWeight: 0,
+    lineHeight: 'sm',
+    wordBreak: 'break-word',
+    '.is-disabled &': {
+      opacity: 0.65
     },
     '.is-selected &, .is-hovered &': {
       color: _onyxTokens.astroTokensDark.color.font.link

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

@@ -1,4 +1,18 @@
 declare const _default: {
+    box: {
+        indeterminateCheckboxIcon: {
+            height: string;
+            width: string;
+            color: string;
+            '&.is-disabled': {
+                opacity: number;
+                '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
+                    fill: string;
+                    stroke: string;
+                };
+            };
+        };
+    };
     rockerButton: {
         innerContainer: {
             backgroundColor: string;
@@ -219,6 +233,35 @@ declare const _default: {
         };
     };
     listViewItem: {
+        container: {
+            bg: string;
+            '&.is-selected': {
+                bg: string;
+            };
+            borderBottom: string;
+            '&.has-separator': {
+                borderBottom: string;
+                borderBottomColor: string;
+            };
+            '&.is-hovered': {
+                bg: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                bg: string;
+            };
+            '&.is-first-item': {
+                borderTopLeftRadius: string;
+                borderTopRightRadius: string;
+            };
+            '&.is-last-item': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+                '&.has-separator': {
+                    border: string;
+                };
+            };
+        };
         styledListItem: {
             '&.has-separator': {
                 borderBottom: string;
@@ -485,7 +528,15 @@ declare const _default: {
             bg: string;
         };
     };
-    tab: {};
+    tab: {
+        '&.is-selected > span': {
+            color: string;
+        };
+    };
+    tabPickerExpandIcon: {
+        color: string;
+        fill: string;
+    };
     iconBadge: {
         cyan: {
             backgroundColor: string;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js

@@ -7,7 +7,9 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
+var _colors = require("../colors");
 var _avatar = require("./avatar");
+var _box = require("./box");
 var _callout = _interopRequireDefault(require("./callout"));
 var _footer = require("./footer");
 var _iconBadge = _interopRequireDefault(require("./iconBadge"));
@@ -50,7 +52,11 @@ var listBox = {
     }
   }
 };
-var tab = {};
+var tab = {
+  '&.is-selected > span': {
+    color: 'link'
+  }
+};
 var modal = {
   content: {
     bg: 'backgroundBase'
@@ -184,6 +190,7 @@ var environmentBreadcrumb = {
   }
 };
 var _default = exports["default"] = {
+  box: _box.box,
   rockerButton: rockerButton,
   rangeCalendar: _rangeCalendar["default"],
   attachment: attachment,
@@ -199,6 +206,10 @@ var _default = exports["default"] = {
   environmentBreadcrumb: environmentBreadcrumb,
   modal: modal,
   tab: tab,
+  tabPickerExpandIcon: {
+    color: _onyxTokens.astroTokensDark.color.gray[100],
+    fill: "".concat(_colors.colors.secondary, " !important")
+  },
   iconBadge: _iconBadge["default"],
   skeleton: _skeleton["default"],
   stepper: _stepper["default"],

package/lib/cjs/styles/themeOverrides/onyxSideNav.d.ts

@@ -315,6 +315,8 @@ declare const _default: {
         mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
         mdiViewDashboard: string;
         mdiWeb: string;
+        tabPickerDown: string;
+        tabPickerUp: string;
         monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         openInNew: string;
         overviewIcon: string;
@@ -332,6 +334,10 @@ declare const _default: {
         ImageOutlineIcon: string;
         helpHint: string;
         ModalCloseIcon: string;
+        errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     tShirtSizes: {
         xxs: number;

package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts

@@ -35,6 +35,8 @@ declare const _default: {
     mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+    tabPickerDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+    tabPickerUp: import("@pingux/mdi-react").MdiReactIconComponentType;
     monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
     openInNew: import("@pingux/mdi-react").MdiReactIconComponentType;
     overviewIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
@@ -54,5 +56,9 @@ declare const _default: {
     ImageOutlineIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
     helpHint: () => import("react/jsx-runtime").JSX.Element;
     ModalCloseIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+    infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+    successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+    warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
 };
 export default _default;

package/lib/cjs/styles/themes/astro/customProperties/icons.js

@@ -19,6 +19,8 @@ var _AlertIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertIcon"));
 var _AlertOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertOutlineIcon"));
 var _ApplicationOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/ApplicationOutlineIcon"));
 var _ArrowDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowDownIcon"));
+var _ArrowDropDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowDropDownIcon"));
+var _ArrowDropUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowDropUpIcon"));
 var _ArrowUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowUpIcon"));
 var _CameraAltIcon = _interopRequireDefault(require("@pingux/mdi-react/CameraAltIcon"));
 var _ChatIcon = _interopRequireDefault(require("@pingux/mdi-react/ChatIcon"));
@@ -75,4 +77,4 @@ var HelpIcon = function HelpIcon() {
     fill: "#3B4A58"
   }));
 };
-var _default = exports["default"] = (_statuses$DEFAULT$sta = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, _statuses["default"].DEFAULT, _InformationIcon["default"]), _statuses["default"].ERROR, _AlertCircleIcon["default"]), _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), _statuses["default"].WARNING, _AlertIcon["default"]), _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "aic", _navBarIcons.Aic), "applicationsIcon", _ApplicationOutlineIcon["default"]), "Ascending", _MenuUpIcon["default"]), "authenticationIcon", _CheckCircleOutlineIcon["default"]), "clipboard", _ClipboardIcon["default"]), "CreateIcon", _CreateIcon["default"]), "daVinci", _navBarIcons.DaVinci), "DefaultCircle", _CheckboxBlankCircleOutlineIcon["default"]), "Descending", _MenuDownIcon["default"]), "popoverMenuIcon", _MoreVertIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "ErrorCircle", _AlertCircleIcon["default"]), "integrationsIcon", _ConnectionIcon["default"]), "listViewMenu", _MoreVertIcon["default"]), "mdiAccountCog", _AccountCogIcon["default"]), "mdiAccountMultiple", _AccountMultipleIcon["default"]), "mdiEarth", _EarthIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", _FingerprintIcon["default"]), "mdiPlayCircleIcon", _PlayCircleIcon["default"]), "mdiScaleBalance", _ScaleBalanceIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "mdiShoCard", _navBarIcons.Credentials), "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", _ViewDashboardIcon["default"]), "mdiWeb", _GlobeIcon["default"]), "MenuDown", _MenuDownIcon["default"]), "MenuUp", _MenuUpIcon["default"]), "monitoringIcon", _PulseIcon["default"]), "openInNew", _OpenInNewIcon["default"]), "overviewIcon", _WebIcon["default"]), "p1verify", _navBarIcons.Verify), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "pam", _navBarIcons.PamIcon), "PingAuthorize", _KeyChainVariantIcon["default"]), "HomeIcon", _HomeIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", _CheckCircleIcon["default"]), "userExperienceIcon", _MonitorScreenshotIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "WarningIcon", _AlertOutlineIcon["default"]), "CameraOutlineIcon", _CameraAltIcon["default"]), "ImageOutlineIcon", _ImageFilterHdrIcon["default"]), "helpHint", HelpIcon), "ModalCloseIcon", _CloseIcon["default"]));
+var _default = exports["default"] = (_statuses$DEFAULT$sta = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, _statuses["default"].DEFAULT, _InformationIcon["default"]), _statuses["default"].ERROR, _AlertCircleIcon["default"]), _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), _statuses["default"].WARNING, _AlertIcon["default"]), _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "aic", _navBarIcons.Aic), "applicationsIcon", _ApplicationOutlineIcon["default"]), "Ascending", _MenuUpIcon["default"]), "authenticationIcon", _CheckCircleOutlineIcon["default"]), "clipboard", _ClipboardIcon["default"]), "CreateIcon", _CreateIcon["default"]), "daVinci", _navBarIcons.DaVinci), "DefaultCircle", _CheckboxBlankCircleOutlineIcon["default"]), "Descending", _MenuDownIcon["default"]), "popoverMenuIcon", _MoreVertIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "ErrorCircle", _AlertCircleIcon["default"]), "integrationsIcon", _ConnectionIcon["default"]), "listViewMenu", _MoreVertIcon["default"]), "mdiAccountCog", _AccountCogIcon["default"]), "mdiAccountMultiple", _AccountMultipleIcon["default"]), "mdiEarth", _EarthIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", _FingerprintIcon["default"]), "mdiPlayCircleIcon", _PlayCircleIcon["default"]), "mdiScaleBalance", _ScaleBalanceIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "mdiShoCard", _navBarIcons.Credentials), "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", _ViewDashboardIcon["default"]), "mdiWeb", _GlobeIcon["default"]), "MenuDown", _MenuDownIcon["default"]), "MenuUp", _MenuUpIcon["default"]), "tabPickerDown", _ArrowDropDownIcon["default"]), "tabPickerUp", _ArrowDropUpIcon["default"]), "monitoringIcon", _PulseIcon["default"]), "openInNew", _OpenInNewIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "overviewIcon", _WebIcon["default"]), "p1verify", _navBarIcons.Verify), "pam", _navBarIcons.PamIcon), "PingAuthorize", _KeyChainVariantIcon["default"]), "HomeIcon", _HomeIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "SuccessCircle", _CheckCircleIcon["default"]), "userExperienceIcon", _MonitorScreenshotIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]), "CameraOutlineIcon", _CameraAltIcon["default"]), "ImageOutlineIcon", _ImageFilterHdrIcon["default"]), "helpHint", HelpIcon), "ModalCloseIcon", _CloseIcon["default"]), "errorCalloutBadge", _AlertCircleIcon["default"]), "infoCalloutBadge", _InformationIcon["default"]), "successCalloutBadge", _CheckCircleIcon["default"]), (0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "warningCalloutBadge", _AlertIcon["default"]));

package/lib/cjs/styles/themes/astro/customProperties/index.d.ts

@@ -46,6 +46,8 @@ export declare const astroThemeValues: {
         mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+        tabPickerDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        tabPickerUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         openInNew: import("@pingux/mdi-react").MdiReactIconComponentType;
         overviewIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
@@ -65,6 +67,10 @@ export declare const astroThemeValues: {
         ImageOutlineIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         helpHint: () => import("react/jsx-runtime").JSX.Element;
         ModalCloseIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     styles: {
         navButtonEstHeight: number;
@@ -77,6 +83,7 @@ export declare const astroThemeValues: {
         md: string;
     };
     iconBadgeCircleColor: string;
+    iconBadgeTwotoneColorNames: string[];
     iconWrapperSizes: {
         xs: number;
         sm: number;

package/lib/cjs/styles/themes/astro/customProperties/index.js

@@ -10,6 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.astroThemeValues = void 0;
 var _Accordion = require("../../../../components/AccordionGroup/Accordion.styles");
+var _twoTone = require("../../next-gen/colors/twoTone");
 var _icons = _interopRequireDefault(require("./icons"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _tShirtSizes = _interopRequireWildcard(require("./tShirtSizes"));
@@ -19,6 +20,7 @@ var breadcrumbIconMargin = 5;
 var breadcrumbIconSize = 'xs';
 var accordionItemDefaultLabelTag = 'span';
 var iconBadgeCircleColor = 'white';
+var iconBadgeTwotoneColorNames = _twoTone.twotoneColorNames;
 var rockerButtonGap = '3px';
 var accordionItemMarginLeft = 'sm';
 var pageHeaderTitleMargin = 'xs';
@@ -48,6 +50,7 @@ var astroThemeValues = exports.astroThemeValues = {
   styles: _styles["default"],
   tShirtSizes: _tShirtSizes["default"],
   iconBadgeCircleColor: iconBadgeCircleColor,
+  iconBadgeTwotoneColorNames: iconBadgeTwotoneColorNames,
   iconWrapperSizes: _tShirtSizes.iconWrapperSizes,
   iFrameContentDivBackgroundColor: iFrameContentDivBackgroundColor,
   copyButtonSize: copyButtonSize,

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

@@ -1,4 +1,7 @@
 export declare const copyButton: {
+    path: {
+        fill: string;
+    };
     default: {
         mx: string;
         path: {
@@ -130,6 +133,9 @@ declare const _default: {
             lineHeight: string;
         };
         copyButton: {
+            path: {
+                fill: string;
+            };
             default: {
                 mx: string;
                 path: {
@@ -261,6 +267,9 @@ declare const _default: {
             backgroundColor: string;
         };
         copyButton: {
+            path: {
+                fill: string;
+            };
             default: {
                 mx: string;
                 path: {

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

@@ -151,17 +151,20 @@ var lineNo = {
   backgroundColor: 'transparent'
 };
 var copyButton = exports.copyButton = {
+  path: {
+    fill: 'text.primary'
+  },
   "default": {
     mx: 'sm',
     path: {
-      fill: 'font.reverse'
+      fill: 'white'
     },
     border: 'none !important'
   },
   light: {
     mx: 'sm',
     path: {
-      fill: '#23282f'
+      fill: 'black'
     },
     border: 'none !important'
   }

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

@@ -148,6 +148,23 @@ declare const colors: {
             lightYellow: string;
             lightIndigo: string;
         };
+        secondary: {
+            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;
+        };
     };
     neutral: {
         80: string;

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

@@ -33,5 +33,23 @@ declare const twoTone: {
         lightYellow: string;
         lightIndigo: string;
     };
+    secondary: {
+        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;
+    };
 };
+export declare const twotoneColorNames: string[];
 export default twoTone;

package/lib/cjs/styles/themes/next-gen/colors/twoTone.js

@@ -1,10 +1,12 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.twotoneColorNames = exports["default"] = void 0;
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _onyxTokens = require("@pingux/onyx-tokens");
 var twoTone = {
   bg: {
@@ -40,6 +42,24 @@ var twoTone = {
     lightGreen: _onyxTokens.astroTokens.color.green[800],
     lightYellow: _onyxTokens.astroTokens.color.yellow[800],
     lightIndigo: _onyxTokens.astroTokens.color.indigo[700]
+  },
+  secondary: {
+    orange: _onyxTokens.astroTokens.color.orange[800],
+    cyan: _onyxTokens.astroTokens.color.cyan[800],
+    green: _onyxTokens.astroTokens.color.green[800],
+    purple: _onyxTokens.astroTokens.color.purple[800],
+    pink: _onyxTokens.astroTokens.color.pink[800],
+    red: _onyxTokens.astroTokens.color.red[800],
+    yellow: _onyxTokens.astroTokens.color.yellow[800],
+    teal: _onyxTokens.astroTokens.color.teal[800],
+    blue: _onyxTokens.astroTokens.color.blue[600],
+    indigo: _onyxTokens.astroTokens.color.indigo[700],
+    lightBlue: _onyxTokens.astroTokens.color.blue[500],
+    lightPink: _onyxTokens.astroTokens.color.pink[600],
+    lightGreen: _onyxTokens.astroTokens.color.green[800],
+    lightYellow: _onyxTokens.astroTokens.color.yellow[800],
+    lightIndigo: _onyxTokens.astroTokens.color.indigo[700]
   }
 };
+var twotoneColorNames = exports.twotoneColorNames = (0, _keys["default"])(twoTone.text);
 var _default = exports["default"] = twoTone;

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

@@ -9,6 +9,7 @@ export declare const componentSpecificNextGenBlacklist: {
     Text: string[];
     Tabs: string[];
     AccordionGridGroup: string[];
+    ListView: string[];
 };
 export declare const astroBlacklistStory: {
     AccordionGridGroup: string[];
@@ -22,6 +23,7 @@ export declare const astroBlacklistStory: {
     Text: string[];
     Loader: string[];
     Card: string[];
+    ListView: string[];
     ListViewItem: string[];
     MaterialSymbolIcon: string[];
     Modal: string[];

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

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onyxOnlyRecipes = exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = void 0;
-var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'MaterialSymbolIcon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavList', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PhoneNumberField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RangeCalendar', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box', 'TimeField', 'LabelValuePairs'];
+var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CheckboxFieldGroup', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'MaterialSymbolIcon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavList', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PhoneNumberField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RangeCalendar', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box', 'TimeField', 'LabelValuePairs'];
 var componentSpecificNextGenBlacklist = exports.componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Messages: ['Customization'],
@@ -15,7 +15,8 @@ var componentSpecificNextGenBlacklist = exports.componentSpecificNextGenBlacklis
   DataTable: ['Default'],
   Text: ['Default'],
   Tabs: ['Vertical Orientation'],
-  AccordionGridGroup: ['Default', 'Accordion With Inputs', 'Controlled']
+  AccordionGridGroup: ['Default', 'Accordion With Inputs', 'Controlled'],
+  ListView: ['Astro Empty List']
 };
 var astroBlacklistStory = exports.astroBlacklistStory = {
   AccordionGridGroup: ['Onyx Default'],
@@ -29,10 +30,11 @@ var astroBlacklistStory = exports.astroBlacklistStory = {
   Text: ['Onyx'],
   Loader: ['Circular', 'Custom Circular'],
   Card: ['With Shadow'],
+  ListView: ['Onyx Default Empty State', 'Custom Render Empty State'],
   ListViewItem: ['With Expandable Item'],
   MaterialSymbolIcon: ['Default', 'Sizes', 'Commonly Used'],
   Modal: ['With Full Page']
 };
-var nextGenOnlyComponents = exports.nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer', 'Onyx Input Patterns'];
+var nextGenOnlyComponents = exports.nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer', 'Onyx Input Patterns', 'EmptyState'];
 var onyxOnlyRecipes = exports.onyxOnlyRecipes = ['Vertical Onyx Stepper'];
 var _default = exports["default"] = nextGenConvertedComponents;

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

@@ -36,6 +36,8 @@ declare const icons: {
     mdiWeb: string;
     MenuDown: string;
     MenuUp: string;
+    tabPickerDown: string;
+    tabPickerUp: string;
     monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
     openInNew: string;
     overviewIcon: string;
@@ -54,5 +56,9 @@ declare const icons: {
     ImageOutlineIcon: string;
     helpHint: string;
     ModalCloseIcon: string;
+    errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+    infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+    successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+    warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
 };
 export default icons;