@pingux/astro 2.161.1-alpha.5 → 2.161.1-alpha.6

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts

@@ -1,14 +1,42 @@
 declare const _default: {
     pingLogoHorizontalSmall: import("react/jsx-runtime").JSX.Element;
-    ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
-    WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
-    DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
-    SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    aic: (props: any) => import("react/jsx-runtime").JSX.Element;
+    applicationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
+    authenticationIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    clipboard: import("@pingux/mdi-react").MdiReactIconComponentType;
     CreateIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
+    DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
+    ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiAccountCog: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiAccountMultiple: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiEarth: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiEmoticonHappyOutline: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiFingerprint: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiPlayCircleIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiScaleBalance: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiShoCard: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiViewDashboard: import("@pingux/mdi-react").MdiReactIconComponentType;
+    mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
-    listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
-    Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
-    Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
+    monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    openInNew: import("@pingux/mdi-react").MdiReactIconComponentType;
+    overviewIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    p1verify: import("@pingux/mdi-react").MdiReactIconComponentType;
+    pam: (props: any) => import("react/jsx-runtime").JSX.Element;
+    PingAuthorize: import("@pingux/mdi-react").MdiReactIconComponentType;
+    protect: (props: any) => import("react/jsx-runtime").JSX.Element;
+    rocketLaunchIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    shareFeedbackIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    shieldStar: import("@pingux/mdi-react").MdiReactIconComponentType;
+    SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    userExperienceIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
 };
 export default _default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts

@@ -3,16 +3,44 @@ export declare const nextGenDarkThemeValues: {
     iFrameContentDivBackgroundColor: string;
     icons: {
         pingLogoHorizontalSmall: import("react/jsx-runtime").JSX.Element;
-        ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
-        WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
-        DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
-        SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        aic: (props: any) => import("react/jsx-runtime").JSX.Element;
+        applicationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
+        authenticationIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        clipboard: import("@pingux/mdi-react").MdiReactIconComponentType;
         CreateIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
+        DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
+        ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiAccountCog: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiAccountMultiple: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiEarth: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiEmoticonHappyOutline: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiFingerprint: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiPlayCircleIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiScaleBalance: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiShoCard: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiViewDashboard: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
-        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
-        Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
-        Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
+        monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        openInNew: import("@pingux/mdi-react").MdiReactIconComponentType;
+        overviewIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        p1verify: import("@pingux/mdi-react").MdiReactIconComponentType;
+        pam: (props: any) => import("react/jsx-runtime").JSX.Element;
+        PingAuthorize: import("@pingux/mdi-react").MdiReactIconComponentType;
+        protect: (props: any) => import("react/jsx-runtime").JSX.Element;
+        rocketLaunchIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        shareFeedbackIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        shieldStar: import("@pingux/mdi-react").MdiReactIconComponentType;
+        SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        userExperienceIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     defaultIconColor: string;
     copyButtonSize: import("../../../..").IconSize;
@@ -39,6 +67,7 @@ export declare const nextGenDarkThemeValues: {
         'icon-700': string;
         'icon-800': string;
         'icon-900': string;
+        xsm: string;
     };
     iconBadgeCircleColor: string;
     iconWrapperSizes: {

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

@@ -9,6 +9,7 @@ exports["default"] = void 0;
 var _themeUi = require("theme-ui");
 var _themes = require("../../../utils/devUtils/constants/themes");
 var _nextGen = _interopRequireDefault(require("../../themes/next-gen"));
+var _icons = _interopRequireDefault(require("./customProperties/icons"));
 var _badges = _interopRequireDefault(require("./variants/badges"));
 var _buttons = _interopRequireDefault(require("./variants/buttons"));
 var _cards = _interopRequireDefault(require("./variants/cards"));
@@ -18,6 +19,7 @@ var _text = require("./variants/text");
 var _variants = _interopRequireDefault(require("./variants/variants"));
 var _colors = require("./colors");
 var override = {
+  icons: _icons["default"],
   forms: _forms["default"],
   colors: _colors.colors,
   variants: _variants["default"],

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

@@ -0,0 +1,269 @@
+export declare const navBarSelected: {
+    backgroundColor: string;
+    boxShadow: string;
+};
+export declare const navBarFocus: {
+    outline: string;
+    outlineColor: string;
+    outlineOffset: string;
+};
+declare const _default: {
+    variants: {
+        navBar: {
+            container: {
+                fontFamily: string;
+                width: string;
+                p: string;
+                backgroundColor: string;
+                boxShadow: string;
+            };
+            sectionContainer: {
+                pt: string;
+            };
+            sectionButton: {
+                borderRadius: string;
+                mb: string;
+                height: string;
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                ':focus': {
+                    border: string;
+                };
+                '&:not(.disabled):hover': {
+                    borderRadius: string;
+                    mb: string;
+                    height: string;
+                    '&.is-hovered': {
+                        backgroundColor: string;
+                    };
+                    '&.is-pressed': {
+                        backgroundColor: string;
+                    };
+                    '&.is-focused': {
+                        outline: string;
+                        outlineColor: string;
+                        outlineOffset: string;
+                    };
+                    backgroundColor: string;
+                };
+            };
+            itemButton: {
+                py: string;
+                paddingLeft: string;
+                color: string;
+                borderRadius: string;
+                fontWeight: number;
+                fontSize: string;
+                mb: string;
+                '&:not(.disabled)': {
+                    fontWeight: number;
+                };
+                '&:not(.disabled):hover': {
+                    color: string;
+                    py: string;
+                    paddingLeft: string;
+                    borderRadius: string;
+                    fontWeight: number;
+                    fontSize: string;
+                    mb: string;
+                    '&.is-focused': {
+                        outline: string;
+                        outlineColor: string;
+                        outlineOffset: string;
+                    };
+                    '&.is-hovered': {
+                        backgroundColor: string;
+                        fontWeight: number;
+                    };
+                    ':focus': {
+                        border: string;
+                    };
+                    '&.is-pressed': {
+                        backgroundColor: string;
+                        color: string;
+                    };
+                    '&.is-selected': {
+                        backgroundColor: string;
+                        boxShadow: string;
+                        color: string;
+                    };
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                ':focus': {
+                    border: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    color: string;
+                };
+                '&.is-selected': {
+                    backgroundColor: string;
+                    boxShadow: string;
+                    color: string;
+                };
+            };
+            subtitle: {
+                color: string;
+                marginLeft: string;
+                textTransform: string;
+                fontSize: string;
+                letterSpacing: string;
+            };
+            headerText: {
+                color: string;
+                fontWeight: number;
+                fontSize: string;
+                ml: string;
+                mr: string;
+                maxWidth: string;
+                '.is-selected &': {
+                    color: string;
+                };
+            };
+            headerNav: {
+                borderRadius: string;
+                color: string;
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                    WebkitBoxShadow: string;
+                    MozBoxShadow: string;
+                };
+            };
+            item: {
+                px: string;
+                py: string;
+                color: string;
+                borderRadius: string;
+                mb: string;
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '> div > svg': {
+                    fill: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                };
+                '&.is-selected': {
+                    '> div > svg': {
+                        fill: string;
+                    };
+                    backgroundColor: string;
+                    boxShadow: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                    boxShadow: string;
+                    WebkitBoxShadow: string;
+                    MozBoxShadow: string;
+                };
+            };
+            itemHeaderContainer: {
+                boxShadow: string;
+                maxWidth: string;
+                px: string;
+                borderRadius: string;
+                py: string;
+                '&.is-selected': {
+                    '> svg': {
+                        fill: string;
+                    };
+                    '> div > svg': {
+                        fill: string;
+                    };
+                    backgroundColor: string;
+                    boxShadow: string;
+                };
+                backgroundColor: string;
+                '> svg': {
+                    fill: string;
+                };
+                '> div > svg': {
+                    fill: string;
+                };
+            };
+            navBarItemBody: {
+                mb: string;
+            };
+        };
+        separator: {
+            navBarSeparator: {
+                my: string;
+                mx: string;
+                maxWidth: string;
+                backgroundColor: string;
+            };
+        };
+    };
+    icons: {
+        test: string;
+        MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+        pingLogoHorizontalSmall: import("react/jsx-runtime").JSX.Element;
+        aic: (props: any) => import("react/jsx-runtime").JSX.Element;
+        applicationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
+        authenticationIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        clipboard: import("@pingux/mdi-react").MdiReactIconComponentType;
+        CreateIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
+        DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
+        ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiAccountCog: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiAccountMultiple: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiEarth: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiEmoticonHappyOutline: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiFingerprint: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiPlayCircleIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiScaleBalance: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiShoCard: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiViewDashboard: import("@pingux/mdi-react").MdiReactIconComponentType;
+        mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
+        monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        openInNew: import("@pingux/mdi-react").MdiReactIconComponentType;
+        overviewIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        p1verify: import("@pingux/mdi-react").MdiReactIconComponentType;
+        pam: (props: any) => import("react/jsx-runtime").JSX.Element;
+        PingAuthorize: import("@pingux/mdi-react").MdiReactIconComponentType;
+        protect: (props: any) => import("react/jsx-runtime").JSX.Element;
+        rocketLaunchIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        shareFeedbackIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        shieldStar: import("@pingux/mdi-react").MdiReactIconComponentType;
+        SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        userExperienceIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    };
+    tShirtSizes: {
+        xxs: number;
+        xs: number;
+        sm: number;
+        md: number;
+        xsm: number;
+    };
+};
+export default _default;

package/lib/cjs/styles/themeOverrides/onyxSideNav.js

@@ -0,0 +1,236 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+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.navBarSelected = exports.navBarFocus = exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ChevronDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronDownIcon"));
+var _ChevronUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronUpIcon"));
+var _logos = require("../../utils/devUtils/constants/logos");
+var _icons = _interopRequireDefault(require("../themes/next-gen/customProperties/icons"));
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var navBarSelected = exports.navBarSelected = {
+  backgroundColor: 'rgba(229, 233, 248, .6)',
+  boxShadow: 'none'
+};
+var navBarFocus = exports.navBarFocus = {
+  outline: '2px solid',
+  outlineColor: 'active',
+  outlineOffset: '-2px'
+};
+var navBar = {
+  container: {
+    fontFamily: 'standard',
+    width: '230px',
+    p: '8px',
+    backgroundColor: 'white',
+    boxShadow: '0 .5rem 1rem rgba(0, 0, 0, .15)'
+  },
+  sectionContainer: {
+    pt: '0'
+  },
+  sectionButton: {
+    borderRadius: '4px',
+    mb: '2px',
+    height: 'unset',
+    '&.is-hovered': {
+      backgroundColor: '#f6f8fa'
+    },
+    '&.is-pressed': {
+      backgroundColor: '#e5e9f8'
+    },
+    '&.is-focused': _objectSpread({}, navBarFocus),
+    ':focus': {
+      border: 'none'
+    },
+    '&:not(.disabled):hover': {
+      borderRadius: '4px',
+      mb: '2px',
+      height: 'unset',
+      '&.is-hovered': {
+        backgroundColor: '#f6f8fa'
+      },
+      '&.is-pressed': {
+        backgroundColor: '#e5e9f8'
+      },
+      '&.is-focused': _objectSpread({}, navBarFocus),
+      backgroundColor: '#f6f8fa'
+    }
+  },
+  itemButton: {
+    py: '.75rem',
+    paddingLeft: '50px',
+    color: '#455469',
+    borderRadius: '4px',
+    fontWeight: 0,
+    fontSize: '14px',
+    mb: '2px',
+    '&:not(.disabled)': {
+      fontWeight: 0
+    },
+    '&:not(.disabled):hover': {
+      color: '#455469',
+      py: '.75rem',
+      paddingLeft: '50px',
+      borderRadius: '4px',
+      fontWeight: 0,
+      fontSize: '14px',
+      mb: '2px',
+      '&.is-focused': _objectSpread({}, navBarFocus),
+      '&.is-hovered': {
+        backgroundColor: '#f6f8fa',
+        fontWeight: 0
+      },
+      ':focus': {
+        border: 'none'
+      },
+      '&.is-pressed': {
+        backgroundColor: '#e5e9f8',
+        color: '#455469'
+      },
+      '&.is-selected': {
+        backgroundColor: 'rgba(229, 233, 248, .6)',
+        boxShadow: 'none',
+        color: 'accent.40'
+      }
+    },
+    '&.is-focused': _objectSpread({}, navBarFocus),
+    '&.is-hovered': {
+      backgroundColor: '#f6f8fa'
+    },
+    ':focus': {
+      border: 'none'
+    },
+    '&.is-pressed': {
+      backgroundColor: '#e5e9f8',
+      color: '#455469'
+    },
+    '&.is-selected': {
+      backgroundColor: 'rgba(229, 233, 248, .6)',
+      boxShadow: 'none',
+      color: 'accent.40'
+    }
+  },
+  subtitle: {
+    color: '#455469',
+    marginLeft: '50px !important',
+    textTransform: 'uppercase',
+    fontSize: '12px',
+    letterSpacing: '1px'
+  },
+  headerText: {
+    color: '#455469',
+    fontWeight: 0,
+    fontSize: '14px',
+    ml: '6px',
+    mr: '8px',
+    maxWidth: '122px',
+    '.is-selected &': {
+      color: 'accent.40'
+    }
+  },
+  headerNav: {
+    borderRadius: '4px',
+    color: 'text.primary',
+    '&.is-hovered': {
+      backgroundColor: '#f6f8fa'
+    },
+    '&.is-focused': {
+      boxShadow: 'none',
+      WebkitBoxShadow: 'none',
+      MozBoxShadow: 'none'
+    }
+  },
+  item: {
+    px: '1rem',
+    py: '.75rem',
+    color: '#455469',
+    borderRadius: '4px',
+    mb: '2px',
+    '&.is-hovered': {
+      backgroundColor: '#f6f8fa'
+    },
+    '> div > svg': {
+      fill: '#455469'
+    },
+    '&.is-pressed': {
+      backgroundColor: '#e5e9f8'
+    },
+    '&.is-selected': _objectSpread(_objectSpread({}, navBarSelected), {}, {
+      '> div > svg': {
+        fill: 'accent.40'
+      }
+    }),
+    '&.is-focused': {
+      outline: '2px solid',
+      outlineColor: 'active',
+      outlineOffset: '-2px',
+      boxShadow: 'none',
+      WebkitBoxShadow: 'none',
+      MozBoxShadow: 'none'
+    }
+  },
+  itemHeaderContainer: {
+    boxShadow: 'none',
+    maxWidth: '236px',
+    px: '1rem',
+    borderRadius: '4px',
+    py: '.75rem',
+    '&.is-selected': _objectSpread(_objectSpread({}, navBarSelected), {}, {
+      '> svg': {
+        fill: 'accent.40'
+      },
+      '> div > svg': {
+        fill: '#4462ED !important'
+      }
+    }),
+    backgroundColor: 'transparent',
+    '> svg': {
+      fill: '#455469'
+    },
+    '> div > svg': {
+      fill: '#455469'
+    }
+  },
+  navBarItemBody: {
+    mb: '0px !important'
+  }
+};
+var separator = {
+  navBarSeparator: {
+    my: '.5rem',
+    mx: '0px',
+    maxWidth: '236px',
+    backgroundColor: '#e7eef4'
+  }
+};
+var _default = exports["default"] = {
+  variants: {
+    navBar: navBar,
+    separator: separator
+  },
+  icons: _objectSpread(_objectSpread({}, _icons["default"]), {}, {
+    test: 'test',
+    MenuDown: _ChevronDownIcon["default"],
+    MenuUp: _ChevronUpIcon["default"],
+    pingLogoHorizontalSmall: _logos.pingLogoHorizontalSmall
+  }),
+  tShirtSizes: {
+    xxs: 9,
+    xs: 15,
+    sm: 20,
+    md: 25,
+    'xsm': 16
+  }
+};