@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/styles/themeOverrides/uiLibraryOverride.js

@@ -1,45 +1,60 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-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 theme from '../theme';
-var buttons = {
+const buttons = {
   critical: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.critical), theme.buttons.defaultHover)
+    '&:not(.disabled):hover': {
+      ...theme.buttons.critical,
+      ...theme.buttons.defaultHover
+    }
   },
   danger: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.danger), theme.buttons.defaultHover)
+    '&:not(.disabled):hover': {
+      ...theme.buttons.danger,
+      ...theme.buttons.defaultHover
+    }
   },
   success: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.success), theme.buttons.defaultHover)
+    '&:not(.disabled):hover': {
+      ...theme.buttons.success,
+      ...theme.buttons.defaultHover
+    }
   },
-  "default": {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons["default"]), theme.buttons.defaultHover),
-    '&:focus': _objectSpread({}, theme.buttons.defaultHover)
+  default: {
+    '&:not(.disabled):hover': {
+      ...theme.buttons.default,
+      ...theme.buttons.defaultHover
+    },
+    '&:focus': {
+      ...theme.buttons.defaultHover
+    }
   },
   inline: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.inline), theme.buttons.defaultHover)
+    '&:not(.disabled):hover': {
+      ...theme.buttons.inline,
+      ...theme.buttons.defaultHover
+    }
   },
   inlinePrimary: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.inlinePrimary), theme.buttons.defaultHover)
+    '&:not(.disabled):hover': {
+      ...theme.buttons.inlinePrimary,
+      ...theme.buttons.defaultHover
+    }
   },
   text: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.text), theme.buttons.defaultHover)
+    '&:not(.disabled):hover': {
+      ...theme.buttons.text,
+      ...theme.buttons.defaultHover
+    }
   },
-  inverted: _objectSpread(_objectSpread({}, theme.buttons.inverted), {}, {
+  inverted: {
+    ...theme.buttons.inverted,
     ':focus': {
       border: 'none'
     }
-  }),
+  },
   primary: {
-    '&:hover': _objectSpread({}, theme.buttons.primary)
+    '&:hover': {
+      ...theme.buttons.primary
+    }
   },
   link: {
     'body &': theme.buttons.link,
@@ -49,17 +64,21 @@ var buttons = {
       borderColor: 'transparent'
     }
   },
-  iconButtons: _objectSpread(_objectSpread({}, theme.buttons.iconButtons), {}, {
-    base: _objectSpread(_objectSpread({}, theme.buttons.iconButtons.base), {}, {
-      ':focus': _objectSpread(_objectSpread({}, theme.buttons.defaultFocus), {}, {
+  iconButtons: {
+    ...theme.buttons.iconButtons,
+    base: {
+      ...theme.buttons.iconButtons.base,
+      ':focus': {
+        ...theme.buttons.defaultFocus,
         border: 'none'
-      })
-    }),
-    inverted: _objectSpread(_objectSpread({}, theme.buttons.iconButtons.inverted), {}, {
+      }
+    },
+    inverted: {
+      ...theme.buttons.iconButtons.inverted,
       ':focus': {
         border: 'none'
       }
-    }),
+    },
     datePicker: {
       containedIcon: {
         '&:not(.disabled):hover': {
@@ -70,7 +89,7 @@ var buttons = {
         }
       }
     }
-  }),
+  },
   filter: {
     '&:not(.disabled):hover': {
       borderColor: 'accent.40',
@@ -78,7 +97,7 @@ var buttons = {
     }
   }
 };
-var forms = {
+const forms = {
   input: {
     '&[type=password]': {
       backgroundColor: 'white !important',
@@ -90,35 +109,41 @@ var forms = {
       outlineOffset: '0px',
       borderColor: '#4462ED !important'
     },
-    numberField: _objectSpread(_objectSpread(_objectSpread({}, theme.input), theme.numberFieldStyles), {}, {
-      '&[type=text]': _objectSpread(_objectSpread({}, theme.text.inputValue), {}, {
+    numberField: {
+      ...theme.input,
+      ...theme.numberFieldStyles,
+      '&[type=text]': {
+        ...theme.text.inputValue,
         backgroundColor: 'white',
         borderColor: 'neutral.80'
-      }),
+      },
       '&[type=text]:focus': {
         outline: '1px solid',
         outlineColor: 'accent.60',
         outlineOffset: '0px',
         borderColor: '#4462ED !important'
       }
-    })
+    }
   },
   select: {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.text.inputValue), {}, {
+    '&:not(.disabled):hover': {
+      ...theme.text.inputValue,
       borderColor: 'neutral.80'
-    })
+    }
   },
   search: {
     wrapper: {
-      '& input[type=search]': _objectSpread(_objectSpread({}, theme.text.inputValue), {}, {
+      '& input[type=search]': {
+        ...theme.text.inputValue,
         borderColor: 'neutral.80',
         fontSize: '15px',
         bg: 'white',
-        '::placeholder': _objectSpread(_objectSpread({}, theme.text.placeholder), {}, {
+        '::placeholder': {
+          ...theme.text.placeholder,
           fontStyle: 'unset',
           fontSize: '15px'
-        })
-      }),
+        }
+      },
       '& input[type=search]:focus': {
         outline: '1px solid',
         outlineColor: 'accent.60',
@@ -136,9 +161,11 @@ var forms = {
     }
   }
 };
-var links = {
+const links = {
   app: {
-    '&:hover': _objectSpread({}, theme.links.app)
+    '&:hover': {
+      ...theme.links.app
+    }
   },
   skip: {
     '&:hover': {
@@ -170,19 +197,23 @@ var links = {
     }
   }
 };
-var variants = {
+const variants = {
   accordion: {
-    header: _objectSpread(_objectSpread({}, theme.variants.accordion.header), {}, {
-      '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.defaultHover), {}, {
+    header: {
+      ...theme.variants.accordion.header,
+      '&:not(.disabled):hover': {
+        ...theme.buttons.defaultHover,
         color: 'active'
-      }),
-      '&:focus': _objectSpread(_objectSpread({}, theme.buttons.defaultFocus), {}, {
+      },
+      '&:focus': {
+        ...theme.buttons.defaultFocus,
         border: 'none'
-      })
-    })
+      }
+    }
   },
   rockerButton: {
-    thumbSwitch: _objectSpread(_objectSpread({}, theme.variants.rockerButton.thumbSwitch), {}, {
+    thumbSwitch: {
+      ...theme.variants.rockerButton.thumbSwitch,
       ':focus': {
         border: 'none'
       },
@@ -192,35 +223,43 @@ var variants = {
       ':not(.is-selected):hover': {
         color: 'accent.30'
       }
-    })
+    }
   },
   environmentBreadcrumb: {
     button: {
       current: {
-        '&:hover:not(.disabled)': _objectSpread({}, theme.variants.environmentBreadcrumb.button.current),
-        '&:focus': _objectSpread({}, theme.variants.environmentBreadcrumb.button.current)
+        '&:hover:not(.disabled)': {
+          ...theme.variants.environmentBreadcrumb.button.current
+        },
+        '&:focus': {
+          ...theme.variants.environmentBreadcrumb.button.current
+        }
       }
     }
   },
   navBar: {
-    sectionButton: _objectSpread(_objectSpread({}, theme.variants.navBar.sectionButton), {}, {
+    sectionButton: {
+      ...theme.variants.navBar.sectionButton,
       fontFamily: '"Helvetica Neue", Helvetica, sans-serif !important',
       height: 'unset',
       fontWeight: '500',
       minHeight: '36px',
-      '&:not(.disabled):hover': _objectSpread({}, theme.variants.navBar.sectionButton),
+      '&:not(.disabled):hover': {
+        ...theme.variants.navBar.sectionButton
+      },
       ':focus': {
         border: 'none'
       }
-    }),
-    itemButton: _objectSpread(_objectSpread({
-      height: 'unset'
-    }, theme.variants.navBar.itemButton), {}, {
+    },
+    itemButton: {
+      height: 'unset',
+      ...theme.variants.navBar.itemButton,
       fontFamily: '"Helvetica Neue", Helvetica, sans-serif !important',
       fontWeight: '500',
-      '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.variants.navBar.itemButton), {}, {
+      '&:not(.disabled):hover': {
+        ...theme.variants.navBar.itemButton,
         fontWeight: '500'
-      }),
+      },
       ':focus': {
         border: 'none'
       },
@@ -228,12 +267,12 @@ var variants = {
         color: 'neutral.90',
         fontWeight: '500'
       }
-    })
+    }
   }
 };
 export default {
-  buttons: buttons,
-  forms: forms,
-  links: links,
-  variants: variants
+  buttons,
+  forms,
+  links,
+  variants
 };

package/lib/styles/themeOverrides/withUiLibraryCss.js

@@ -1,4 +1,3 @@
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { useEffect } from 'react';
 import { css, Global, ThemeProvider } from '@emotion/react';
@@ -6,7 +5,7 @@ import { merge } from 'theme-ui';
 import astroTheme from '../theme';
 import uiLibraryOverride from './uiLibraryOverride';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var UI_LIBRARY_CSS_LINK = 'https://assets.pingone.com/ux/ui-library/5.0.2/css/ui-library.css';
+const UI_LIBRARY_CSS_LINK = 'https://assets.pingone.com/ux/ui-library/5.0.2/css/ui-library.css';
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "u0lwwy",
   styles: "body{font-family:\"Helvetica Neue\",Helvetica,sans-serif!important;}"
@@ -15,21 +14,18 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "body{font-family:\"Helvetica Neue\",Helvetica,sans-serif!important;};label:WithUiLibraryCss;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL3N0eWxlcy90aGVtZU92ZXJyaWRlcy93aXRoVWlMaWJyYXJ5Q3NzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Qm1CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL3N0eWxlcy90aGVtZU92ZXJyaWRlcy93aXRoVWlMaWJyYXJ5Q3NzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi90aGVtZSc7XG5cbmltcG9ydCB1aUxpYnJhcnlPdmVycmlkZSBmcm9tICcuL3VpTGlicmFyeU92ZXJyaWRlJztcblxuY29uc3QgVUlfTElCUkFSWV9DU1NfTElOSyA9ICdodHRwczovL2Fzc2V0cy5waW5nb25lLmNvbS91eC91aS1saWJyYXJ5LzUuMC4yL2Nzcy91aS1saWJyYXJ5LmNzcyc7XG5cbmNvbnN0IFdpdGhVaUxpYnJhcnlDc3MgPSBTdG9yeSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdWlMaWJyYXJ5Q3NzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnbGluaycpO1xuICAgIHVpTGlicmFyeUNzcy5yZWwgPSAnc3R5bGVzaGVldCc7XG4gICAgdWlMaWJyYXJ5Q3NzLmNsYXNzTmFtZSA9ICd1aUxpYnJhcnlDc3NMaW5rJztcbiAgICB1aUxpYnJhcnlDc3MuaHJlZiA9IFVJX0xJQlJBUllfQ1NTX0xJTks7XG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoJ2hlYWQnKVswXS5hcHBlbmRDaGlsZCh1aUxpYnJhcnlDc3MpO1xuXG4gICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy51aUxpYnJhcnlDc3NMaW5rJykuZm9yRWFjaChsaW5rID0+IHtcbiAgICAgIGxpbmsucmVtb3ZlKCk7XG4gICAgfSk7XG4gIH0sIFtdKTtcblxuICBjb25zdCB0aGVtZSA9IG1lcmdlKGFzdHJvVGhlbWUsIHVpTGlicmFyeU92ZXJyaWRlKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmICFpbXBvcnRhbnQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIDxTdG9yeSAvPlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFdpdGhVaUxpYnJhcnlDc3M7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var WithUiLibraryCss = function WithUiLibraryCss(Story) {
-  useEffect(function () {
-    var uiLibraryCss = document.createElement('link');
+const WithUiLibraryCss = Story => {
+  useEffect(() => {
+    const uiLibraryCss = document.createElement('link');
     uiLibraryCss.rel = 'stylesheet';
     uiLibraryCss.className = 'uiLibraryCssLink';
     uiLibraryCss.href = UI_LIBRARY_CSS_LINK;
     document.getElementsByTagName('head')[0].appendChild(uiLibraryCss);
-    return function () {
-      var _context;
-      return _forEachInstanceProperty(_context = document.querySelectorAll('.uiLibraryCssLink')).call(_context, function (link) {
-        link.remove();
-      });
-    };
+    return () => document.querySelectorAll('.uiLibraryCssLink').forEach(link => {
+      link.remove();
+    });
   }, []);
-  var theme = merge(astroTheme, uiLibraryOverride);
+  const theme = merge(astroTheme, uiLibraryOverride);
   return ___EmotionJSX(ThemeProvider, {
     theme: theme
   }, ___EmotionJSX(Global, {

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

@@ -1,5 +1,3 @@
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-var _statuses$DEFAULT$sta;
 import React from 'react';
 import mdiAccountCog from '@pingux/mdi-react/AccountCogIcon';
 import AccountMultiple from '@pingux/mdi-react/AccountMultipleIcon';
@@ -51,8 +49,8 @@ import { pingLogoHorizontalSmallWhite } from '../../../../utils/devUtils/constan
 import statuses, { statusIcon } from '../../../../utils/devUtils/constants/statuses';
 import { Aic, Credentials, DaVinci, PamIcon, Protect, Verify } from './navBarIcons';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var HelpIcon = function HelpIcon() {
-  var uid = uuid();
+const HelpIcon = () => {
+  const uid = uuid();
   return ___EmotionJSX("svg", {
     width: "7",
     height: "9",
@@ -67,4 +65,68 @@ var HelpIcon = function HelpIcon() {
     fill: "#3B4A58"
   }));
 };
-export default (_statuses$DEFAULT$sta = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, statuses.DEFAULT, InformationIcon), statuses.ERROR, AlertCircleIcon), statuses.SUCCESS, CheckCircleIcon), statuses.WARNING, AlertIcon), statusIcon.CRITICAL, AlertCircleOutlineIcon), statusIcon.FATAL, CloseOctagonOutlineIcon), statusIcon.INFO, InformationOutlineIcon), statusIcon.MAJOR, ArrowUpIcon), statusIcon.MINOR, ArrowDownIcon), statusIcon.WARNING_NEUTRAL, WarningIcon), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, "aic", Aic), "applicationsIcon", ApplicationOutlineIcon), "Ascending", MenuUp), "authenticationIcon", CheckCircleOutlineIcon), "clipboard", Clipboard), "CreateIcon", CreateIcon), "daVinci", DaVinci), "DefaultCircle", DefaultCircle), "Descending", MenuDown), "popoverMenuIcon", MoreVertIcon), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, "ErrorCircle", AlertCircleIcon), "integrationsIcon", ConnectionIcon), "listViewMenu", MoreVertIcon), "mdiAccountCog", mdiAccountCog), "mdiAccountMultiple", AccountMultiple), "mdiEarth", Earth), "mdiEmoticonHappyOutline", EmoticonHappy), "mdiFingerprint", Fingerprint), "mdiPlayCircleIcon", PlayCircle), "mdiScaleBalance", ScaleBalance), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, "mdiShoCard", Credentials), "mdiTransitConnectionVariant", TransitConnection), "mdiViewDashboard", ViewDashboard), "mdiWeb", GlobeIcon), "Lock", LockIcon), "MenuDown", MenuDown), "MenuRight", MenuRight), "MenuUp", MenuUp), "tabPickerDown", ArrowDropDownIcon), "tabPickerUp", ArrowDropUpIcon), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, "monitoringIcon", PulseIcon), "openInNew", OpenInNew), "overviewIcon", WebIcon), "p1verify", Verify), "pam", PamIcon), "PingAuthorize", KeyChainVariant), "HomeIcon", HomeIcon), "pingLogoHorizontalSmall", pingLogoHorizontalSmallWhite), "protect", Protect), "rocketLaunchIcon", RocketLaunchIcon), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, "shareFeedbackIcon", ChatIcon), "shieldStar", ShieldStarOutlineIcon), "SuccessCircle", CheckCircleIcon), "userExperienceIcon", MonitorScreenshotIcon), "WarningIcon", WarningIcon), "CameraOutlineIcon", CameraAltIcon), "ImageOutlineIcon", ImageFilterHdrIcon), "helpHint", HelpIcon), "ModalCloseIcon", CloseIcon), "errorCalloutBadge", AlertCircleIcon), _defineProperty(_defineProperty(_defineProperty(_statuses$DEFAULT$sta, "infoCalloutBadge", InformationIcon), "successCalloutBadge", CheckCircleIcon), "warningCalloutBadge", AlertIcon));
+export default {
+  [statuses.DEFAULT]: InformationIcon,
+  [statuses.ERROR]: AlertCircleIcon,
+  [statuses.SUCCESS]: CheckCircleIcon,
+  [statuses.WARNING]: AlertIcon,
+  [statusIcon.CRITICAL]: AlertCircleOutlineIcon,
+  [statusIcon.FATAL]: CloseOctagonOutlineIcon,
+  [statusIcon.INFO]: InformationOutlineIcon,
+  [statusIcon.MAJOR]: ArrowUpIcon,
+  [statusIcon.MINOR]: ArrowDownIcon,
+  [statusIcon.WARNING_NEUTRAL]: WarningIcon,
+  aic: Aic,
+  applicationsIcon: ApplicationOutlineIcon,
+  Ascending: MenuUp,
+  authenticationIcon: CheckCircleOutlineIcon,
+  clipboard: Clipboard,
+  CreateIcon,
+  daVinci: DaVinci,
+  DefaultCircle,
+  Descending: MenuDown,
+  popoverMenuIcon: MoreVertIcon,
+  ErrorCircle: AlertCircleIcon,
+  integrationsIcon: ConnectionIcon,
+  listViewMenu: MoreVertIcon,
+  mdiAccountCog,
+  mdiAccountMultiple: AccountMultiple,
+  mdiEarth: Earth,
+  mdiEmoticonHappyOutline: EmoticonHappy,
+  mdiFingerprint: Fingerprint,
+  mdiPlayCircleIcon: PlayCircle,
+  mdiScaleBalance: ScaleBalance,
+  mdiShoCard: Credentials,
+  mdiTransitConnectionVariant: TransitConnection,
+  mdiViewDashboard: ViewDashboard,
+  mdiWeb: GlobeIcon,
+  Lock: LockIcon,
+  MenuDown,
+  MenuRight,
+  MenuUp,
+  tabPickerDown: ArrowDropDownIcon,
+  tabPickerUp: ArrowDropUpIcon,
+  monitoringIcon: PulseIcon,
+  openInNew: OpenInNew,
+  overviewIcon: WebIcon,
+  p1verify: Verify,
+  pam: PamIcon,
+  PingAuthorize: KeyChainVariant,
+  HomeIcon,
+  pingLogoHorizontalSmall: pingLogoHorizontalSmallWhite,
+  protect: Protect,
+  rocketLaunchIcon: RocketLaunchIcon,
+  shareFeedbackIcon: ChatIcon,
+  shieldStar: ShieldStarOutlineIcon,
+  SuccessCircle: CheckCircleIcon,
+  userExperienceIcon: MonitorScreenshotIcon,
+  WarningIcon,
+  CameraOutlineIcon: CameraAltIcon,
+  ImageOutlineIcon: ImageFilterHdrIcon,
+  helpHint: HelpIcon,
+  ModalCloseIcon: CloseIcon,
+  errorCalloutBadge: AlertCircleIcon,
+  infoCalloutBadge: InformationIcon,
+  successCalloutBadge: CheckCircleIcon,
+  warningCalloutBadge: AlertIcon
+};

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

@@ -3,66 +3,66 @@ import { twotoneColorNames } from '../../next-gen/colors/twoTone';
 import icons from './icons';
 import styles from './styles';
 import tShirtSizes, { iconWrapperSizes } from './tShirtSizes';
-var copyButtonSize = 'xs';
-var breadcrumbIconMargin = 5;
-var breadcrumbIconSize = 'xs';
-var accordionItemDefaultLabelTag = 'span';
-var iconBadgeCircleColor = 'white';
-var iconBadgeTwotoneColorNames = twotoneColorNames;
-var rockerButtonGap = '3px';
-var accordionItemMarginLeft = 'sm';
-var pageHeaderTitleMargin = 'xs';
-var pageHeaderAddIconMargin = 'sm';
-var pageHeaderAddIconSize = 'sm';
-var activeColor = '#4462ED';
-var backgroundBaseColor = 'white';
-var defaultLoaderSize = 16;
-var buttonLoaderSize = '0.5em';
-var iFrameContentDivBackgroundColor = '#F7F8FD';
-var defaultIconColor = 'currentColor';
-var defaultIconSize = 'sm';
-var linkSelectFieldWidth = '10em';
-var calendarIconSize = 25;
-var navBarIconSize = 18;
-var numberFieldArrowSize = 18;
-var badgeTextFontSize = '';
-var modalCloseIconSize = 'sm';
-var linkSelectFieldIcon = 'sm';
-export var astroThemeValues = {
+const copyButtonSize = 'xs';
+const breadcrumbIconMargin = 5;
+const breadcrumbIconSize = 'xs';
+const accordionItemDefaultLabelTag = 'span';
+const iconBadgeCircleColor = 'white';
+const iconBadgeTwotoneColorNames = twotoneColorNames;
+const rockerButtonGap = '3px';
+const accordionItemMarginLeft = 'sm';
+const pageHeaderTitleMargin = 'xs';
+const pageHeaderAddIconMargin = 'sm';
+const pageHeaderAddIconSize = 'sm';
+const activeColor = '#4462ED';
+const backgroundBaseColor = 'white';
+const defaultLoaderSize = 16;
+const buttonLoaderSize = '0.5em';
+const iFrameContentDivBackgroundColor = '#F7F8FD';
+const defaultIconColor = 'currentColor';
+const defaultIconSize = 'sm';
+const linkSelectFieldWidth = '10em';
+const calendarIconSize = 25;
+const navBarIconSize = 18;
+const numberFieldArrowSize = 18;
+const badgeTextFontSize = '';
+const modalCloseIconSize = 'sm';
+const linkSelectFieldIcon = 'sm';
+export const astroThemeValues = {
   accordionHoveredState: hoveredState,
-  accordionItemDefaultLabelTag: accordionItemDefaultLabelTag,
-  navBarIconSize: navBarIconSize,
-  activeColor: activeColor,
-  backgroundBaseColor: backgroundBaseColor,
-  icons: icons,
-  styles: styles,
-  tShirtSizes: tShirtSizes,
-  iconBadgeCircleColor: iconBadgeCircleColor,
-  iconBadgeTwotoneColorNames: iconBadgeTwotoneColorNames,
-  iconWrapperSizes: iconWrapperSizes,
-  iFrameContentDivBackgroundColor: iFrameContentDivBackgroundColor,
-  copyButtonSize: copyButtonSize,
-  pageHeaderTitleMargin: pageHeaderTitleMargin,
-  pageHeaderAddIconMargin: pageHeaderAddIconMargin,
-  pageHeaderAddIconSize: pageHeaderAddIconSize,
-  breadcrumbIconSize: breadcrumbIconSize,
-  breadcrumbIconMargin: breadcrumbIconMargin,
-  rockerButtonGap: rockerButtonGap,
-  accordionItemMarginLeft: accordionItemMarginLeft,
-  defaultLoaderSize: defaultLoaderSize,
-  defaultIconColor: defaultIconColor,
-  defaultIconSize: defaultIconSize,
-  calendarIconSize: calendarIconSize,
-  buttonLoaderSize: buttonLoaderSize,
+  accordionItemDefaultLabelTag,
+  navBarIconSize,
+  activeColor,
+  backgroundBaseColor,
+  icons,
+  styles,
+  tShirtSizes,
+  iconBadgeCircleColor,
+  iconBadgeTwotoneColorNames,
+  iconWrapperSizes,
+  iFrameContentDivBackgroundColor,
+  copyButtonSize,
+  pageHeaderTitleMargin,
+  pageHeaderAddIconMargin,
+  pageHeaderAddIconSize,
+  breadcrumbIconSize,
+  breadcrumbIconMargin,
+  rockerButtonGap,
+  accordionItemMarginLeft,
+  defaultLoaderSize,
+  defaultIconColor,
+  defaultIconSize,
+  calendarIconSize,
+  buttonLoaderSize,
   badgeStyles: {
     blueBg: '#4462ed',
     greyBg: '#253746',
     blueText: '#FFFFFF',
     greyText: '#FFFFFF'
   },
-  linkSelectFieldWidth: linkSelectFieldWidth,
-  numberFieldArrowSize: numberFieldArrowSize,
-  badgeTextFontSize: badgeTextFontSize,
-  modalCloseIconSize: modalCloseIconSize,
-  linkSelectFieldIcon: linkSelectFieldIcon
+  linkSelectFieldWidth,
+  numberFieldArrowSize,
+  badgeTextFontSize,
+  modalCloseIconSize,
+  linkSelectFieldIcon
 };