@pingux/astro 2.91.0-alpha.1 → 2.92.0-alpha.0

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

@@ -1,3 +1,13 @@
 declare const nextGenConvertedComponents: string[];
-export declare const nextGenComponents: string[];
+export declare const componentSpecificNextGenBlacklist: {
+    AstroProvider: string[];
+    Badge: string[];
+    Button: string[];
+    Messages: string[];
+    MultivaluesField: string[];
+    PasswordField: string[];
+    TextField: string[];
+    OverlayPanel: string[];
+};
+export declare const nextGenOnlyComponents: string[];
 export default nextGenConvertedComponents;

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

@@ -4,9 +4,20 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nextGenComponents = exports["default"] = void 0;
-var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'ComboBoxField', 'CodeView'];
-var nextGenComponents = ['NavigationHeader'];
-exports.nextGenComponents = nextGenComponents;
+exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = void 0;
+var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet'];
+var componentSpecificNextGenBlacklist = {
+  AstroProvider: ['Default', 'With Custom Theme Override'],
+  Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],
+  Button: ['Color Block Button', 'Text Icon Button'],
+  Messages: ['Customization'],
+  MultivaluesField: ['Condensed', 'Condensed With Section'],
+  PasswordField: ['Success'],
+  TextField: ['Success'],
+  OverlayPanel: ['Expandable']
+};
+exports.componentSpecificNextGenBlacklist = componentSpecificNextGenBlacklist;
+var nextGenOnlyComponents = ['NavigationHeader'];
+exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    [x: number]: import("@pingux/mdi-react").MdiReactIconComponentType;
+    MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+    MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+    pingLogoHorizontalSmall: import("react").JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,23 @@
+"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;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _AlertCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleOutlineIcon"));
+var _AlertOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertOutlineIcon"));
+var _CheckCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleOutlineIcon"));
+var _ChevronDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronDownIcon"));
+var _ChevronUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronUpIcon"));
+var _InformationOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationOutlineIcon"));
+var _logos = require("../../../../utils/devUtils/constants/logos");
+var _statuses = _interopRequireDefault(require("../../../../utils/devUtils/constants/statuses"));
+var _MenuDown$MenuUp$stat;
+var _default = (_MenuDown$MenuUp$stat = {
+  MenuDown: _ChevronDownIcon["default"],
+  MenuUp: _ChevronUpIcon["default"]
+}, (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].DEFAULT, _InformationOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].ERROR, _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].SUCCESS, _CheckCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].WARNING, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), _MenuDown$MenuUp$stat);
+exports["default"] = _default;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const nextGenThemeValues: {
+    styles: {
+        navButtonEstHeight: number;
+    };
+    icons: {
+        [x: number]: import("@pingux/mdi-react").MdiReactIconComponentType;
+        MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+        pingLogoHorizontalSmall: import("react").JSX.Element;
+    };
+};

package/lib/cjs/styles/themes/next-gen/customProperties/index.js

@@ -0,0 +1,15 @@
+"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.nextGenThemeValues = void 0;
+var _icons = _interopRequireDefault(require("./icons"));
+var _styles = _interopRequireDefault(require("./styles"));
+var nextGenThemeValues = {
+  styles: _styles["default"],
+  icons: _icons["default"]
+};
+exports.nextGenThemeValues = nextGenThemeValues;

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    navButtonEstHeight: number;
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  navButtonEstHeight: 45.25
+};
+exports["default"] = _default;

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

@@ -32,13 +32,13 @@ var checkbox = {
 exports.checkbox = checkbox;
 var select = {
   borderRadius: '4px',
-  borderColor: 'border.base',
+  borderColor: 'border.input',
   color: 'text.primary',
   height: '50px',
   '&.is-disabled': {
     opacity: 1,
-    borderColor: 'border.base',
-    backgroundColor: 'gray-100'
+    borderColor: 'border.input',
+    backgroundColor: 'disabled'
   },
   currentValue: {
     color: 'text.primary'

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

@@ -2,6 +2,10 @@ declare const _default: {
     breakpoints: string[];
     name: string;
     colors: {
+        card: {
+            blue: string;
+            gray: string;
+        };
         critical: {
             bright: string;
             dark: string;
@@ -20,16 +24,48 @@ declare const _default: {
         text: {
             primary: string;
             secondary: string;
+            message: string;
+            fieldHelper: string;
         };
         border: {
             base: string;
+            input: string;
+            separator: string;
         };
         active: string;
         primary: string;
+        background: {
+            base: string;
+            secondary: string;
+            card: string;
+        };
+        iconWrapper: {
+            wrapper: {
+                orange: string;
+                cyan: string;
+                green: string;
+                purple: string;
+                pink: string;
+                red: string;
+                yellow: string;
+                teal: string;
+            };
+            icon: {
+                orange: string;
+                cyan: string;
+                green: string;
+                purple: string;
+                pink: string;
+                red: string;
+                yellow: string;
+                teal: string;
+            };
+        };
         neutral: {
             80: string;
         };
         focus: string;
+        disabled: string;
         white: string;
         'blue-100': string;
         'blue-200': string;
@@ -516,6 +552,7 @@ declare const _default: {
             transition: string;
         };
         link: {
+            color: string;
             transition: string;
             fontSize: string;
             textDecoration: string;
@@ -1040,9 +1077,19 @@ declare const _default: {
             fontWeight: number;
             fontSize: string;
         };
+        sideNavHeader: {
+            py: string;
+            lineHeight: string;
+            textDecoration: string;
+            color: string;
+            px: string;
+            fontWeight: string;
+            letterSpacing: string;
+        };
         modalTitle: {
             fontSize: string;
             fontWeight: string;
+            color: string;
             fontFamily: string;
         };
         tabLabel: {
@@ -1056,6 +1103,7 @@ declare const _default: {
             lineHeight: string;
         };
         listViewItemText: {
+            color: string;
             fontWeight: number;
         };
         small: {
@@ -1087,6 +1135,13 @@ declare const _default: {
             xx: string[];
             fluid: string[];
         };
+        iconBadge: {
+            md: string;
+            xl: string;
+        };
+        icons: {
+            xxxl: string;
+        };
     };
     badges: {
         primary: {
@@ -1330,7 +1385,7 @@ declare const _default: {
             fontFamily: string;
             borderBottom: string;
             borderColor: string;
-            bg: string;
+            backgroundColor: string;
             height: string;
             justifyContent: string;
         };
@@ -1339,8 +1394,10 @@ declare const _default: {
             maxWidth: string;
             mx: string;
             width: string;
+            backgroundColor: string;
         };
         dropdownMenu: {
+            backgroundColor: string;
             maxWidth: string;
             p: string;
             '& > li': {
@@ -1467,6 +1524,81 @@ declare const _default: {
                 color: string;
             };
         };
+        footerLinks: {
+            px: string;
+            display: string;
+            position: string;
+            cursor: string;
+            '&:before': {
+                position: string;
+                display: string;
+                borderRadius: string;
+                content: string;
+                top: string;
+                right: string;
+                bottom: number;
+                left: string;
+                transition: string;
+            };
+            '&.is-selected': {
+                color: string;
+                '&:before': {
+                    backgroundColor: string;
+                };
+            };
+            color: string;
+            fontSize: string;
+            py: string;
+            textDecoration: string;
+            borderRadius: string;
+            lineHeight: string;
+            minHeight: string;
+            fontFamily: string;
+            '&.is-hovered': {
+                color: string;
+            };
+            '&.is-pressed': {
+                color: string;
+            };
+        };
+        footerHeader: {
+            fontWeight: string;
+            px: string;
+            display: string;
+            position: string;
+            cursor: string;
+            '&:before': {
+                position: string;
+                display: string;
+                borderRadius: string;
+                content: string;
+                top: string;
+                right: string;
+                bottom: number;
+                left: string;
+                transition: string;
+            };
+            '&.is-selected': {
+                color: string;
+                '&:before': {
+                    backgroundColor: string;
+                };
+            };
+            color: string;
+            fontSize: string;
+            py: string;
+            textDecoration: string;
+            borderRadius: string;
+            lineHeight: string;
+            minHeight: string;
+            fontFamily: string;
+            '&.is-hovered': {
+                color: string;
+            };
+            '&.is-pressed': {
+                color: string;
+            };
+        };
     };
     cards: {
         interactive: {
@@ -1486,6 +1618,34 @@ declare const _default: {
                 bg: string;
             };
         };
+        dark: {
+            border: string;
+            backgroundColor: string;
+            p: string;
+            gap: string;
+            boxShadow: string;
+            borderColor: string;
+            borderRadius: string;
+            display: string;
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            flex: string;
+        };
+        light: {
+            border: string;
+            backgroundColor: string;
+            p: string;
+            gap: string;
+            boxShadow: string;
+            borderColor: string;
+            borderRadius: string;
+            display: string;
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            flex: string;
+        };
         activeCard: {
             borderColor: string;
             '&.is-hovered': {
@@ -1502,6 +1662,18 @@ declare const _default: {
                 outlineOffset: string;
             };
         };
+        container: {
+            p: string;
+            boxShadow: string;
+            border: string;
+            borderColor: string;
+            borderRadius: string;
+            display: string;
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            flex: string;
+        };
     };
     variants: {
         navBar: {
@@ -1512,6 +1684,7 @@ declare const _default: {
                 boxShadow: string;
             };
             sectionButton: {
+                borderRadius: string;
                 '&.is-hovered': {
                     backgroundColor: string;
                 };
@@ -1525,7 +1698,10 @@ declare const _default: {
                 };
             };
             itemButton: {
+                py: string;
+                paddingLeft: string;
                 color: string;
+                borderRadius: string;
                 '&.is-focused': {
                     outline: string;
                     outlineColor: string;
@@ -1540,6 +1716,7 @@ declare const _default: {
                 };
                 '&.is-selected': {
                     bg: string;
+                    boxShadow: string;
                     color: string;
                 };
             };
@@ -1548,11 +1725,13 @@ declare const _default: {
             };
             headerText: {
                 color: string;
+                ml: string;
                 '.is-selected &': {
                     color: string;
                 };
             };
             headerNav: {
+                borderRadius: string;
                 color: string;
                 '&.is-hovered': {
                     backgroundColor: string;
@@ -1567,17 +1746,22 @@ declare const _default: {
                 px: string;
                 py: string;
                 color: string;
+                borderRadius: 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;
@@ -1589,10 +1773,13 @@ declare const _default: {
                 };
             };
             itemHeaderContainer: {
+                boxShadow: string;
+                maxWidth: string;
                 px: string;
                 py: string;
                 '&.is-selected': {
                     backgroundColor: string;
+                    boxShadow: string;
                 };
                 backgroundColor: string;
                 '> svg': {
@@ -1602,13 +1789,18 @@ declare const _default: {
                     fill: string;
                 };
             };
+            navBarItemBody: {
+                mb: string;
+            };
         };
         fieldHelperText: {
             title: {
-                color: string;
                 fontSize: string;
                 pt: string;
                 mt: string;
+                '&.is-default': {
+                    color: string;
+                };
                 '&.is-error': {
                     color: string;
                 };
@@ -1763,6 +1955,15 @@ declare const _default: {
                     m: string;
                 };
             };
+            navBarSeparator: {
+                my: string;
+                mx: string;
+                maxWidth: string;
+                backgroundColor: string;
+            };
+            navBarSubtitleSeparator: {
+                backgroundColor: string;
+            };
         };
         menuItem: {
             item: {
@@ -1855,9 +2056,6 @@ declare const _default: {
                     boxShadow: string;
                     bg: string;
                 };
-                '&.is-pressed': {
-                    bg: string;
-                };
             };
             styledContainer: {
                 py: string;
@@ -2061,10 +2259,48 @@ declare const _default: {
             p: string;
             border: string;
             borderColor: string;
-            item: {
-                '&.is-pressed': {
-                    bg: string;
+        };
+        iconWrapper: {
+            sm: {
+                '&.is-circle': {
+                    borderRadius: string;
+                };
+                borderRadius: string;
+                minHeight: string;
+                minWidth: string;
+                height: string;
+                width: string;
+                p: string;
+            };
+            md: {
+                '&.is-circle': {
+                    borderRadius: string;
+                };
+                borderRadius: string;
+                minHeight: string;
+                minWidth: string;
+                height: string;
+                width: string;
+                p: string;
+            };
+            lg: {
+                '&.is-circle': {
+                    borderRadius: string;
                 };
+                borderRadius: string;
+                minHeight: string;
+                minWidth: string;
+                height: string;
+                width: string;
+                p: string;
+            };
+        };
+        overlayPanel: {
+            container: {
+                backgroundColor: string;
+            };
+            innerPanel: {
+                backgroundColor: string;
             };
         };
     };

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 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");
@@ -9,7 +8,6 @@ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/in
 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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -17,29 +15,27 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
+var _themes = require("../../../utils/devUtils/constants/themes");
 var _theme = _interopRequireDefault(require("../../theme.js"));
 var _codeView = _interopRequireDefault(require("./codeView/codeView"));
 var _colors = _interopRequireDefault(require("./colors/colors"));
+var _badges = require("./variants/badges");
 var _button = _interopRequireDefault(require("./variants/button"));
 var _cards = _interopRequireDefault(require("./variants/cards"));
 var _images = _interopRequireDefault(require("./variants/images"));
 var _links = _interopRequireDefault(require("./variants/links"));
 var _navigationHeader = _interopRequireDefault(require("./variants/navigationHeader"));
 var _text = require("./variants/text");
-var _variants = _interopRequireWildcard(require("./variants/variants"));
+var _variants = _interopRequireDefault(require("./variants/variants"));
 var _forms = _interopRequireDefault(require("./forms"));
 var _sizes = _interopRequireDefault(require("./sizes"));
 var _spacing = _interopRequireDefault(require("./spacing"));
 var _text2 = require("./text");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-// import './open_sans.css';
-
 var breakpoints = ['0px', '576px', '768px', '992px', '1200px', '1600px'];
 var nextGenTheme = {
-  name: 'Next Gen',
+  name: _themes.themes.NEXT_GEN,
   colors: _colors["default"],
   breakpoints: breakpoints,
   buttons: _button["default"],
@@ -58,7 +54,7 @@ var nextGenTheme = {
     codeView: 'Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace'
   },
   sizes: _sizes["default"],
-  badges: _variants.badges,
+  badges: _badges.badges,
   navigationHeader: _navigationHeader["default"],
   space: _spacing["default"],
   links: _links["default"],

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

@@ -14,5 +14,12 @@ declare const _default: {
         xx: string[];
         fluid: string[];
     };
+    iconBadge: {
+        md: string;
+        xl: string;
+    };
+    icons: {
+        xxxl: string;
+    };
 };
 export default _default;

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

@@ -11,6 +11,10 @@ var avatar = {
   lg: '72px',
   xl: '104px'
 };
+var iconBadge = {
+  md: '48px',
+  xl: '104px'
+};
 var container = {
   xs: ['100%', '540px', '720px', '960px', '1140px', '1540px'],
   sm: ['100%', '540px', '720px', '960px', '1140px', '1540px'],
@@ -20,8 +24,13 @@ var container = {
   xx: ['100%', '100%', '100%', '100%', '100%', '1540px'],
   fluid: ['100%', '100%', '100%', '100%', '100%', '100%']
 };
+var icons = {
+  xxxl: '70px'
+};
 var _default = {
   avatar: avatar,
-  container: container
+  container: container,
+  iconBadge: iconBadge,
+  icons: icons
 };
 exports["default"] = _default;