@pingux/astro 2.120.0 → 2.121.0-alpha.1

package/lib/cjs/components/Text/Text.styles.js

@@ -129,6 +129,9 @@ var HTags = {
     lineHeight: '16px'
   })
 };
+var attachmentTitle = _objectSpread(_objectSpread(_objectSpread({}, base), textEllipsis), {}, {
+  fontWeight: 2
+});
 var text = _objectSpread(_objectSpread(_objectSpread({
   base: base,
   bodyStrong: bodyStrong,
@@ -235,6 +238,7 @@ var text = _objectSpread(_objectSpread(_objectSpread({
     fontFamily: 'standard'
   }),
   textEllipsis: textEllipsis,
-  title: title
+  title: title,
+  attachmentTitle: attachmentTitle
 });
 exports.text = text;

package/lib/cjs/hooks/useExpandableListViewItem/useExpandableListViewItem.js

@@ -165,15 +165,21 @@ var useExpandableListViewItem = function useExpandableListViewItem(props) {
       isHovered: isSelectable && item.key === state.hover.hoveredItem,
       isSelected: isSelected,
       isExpanded: isExpanded,
-      isFocused: isDisabled ? false : isFocusVisible || isFocusVisibleWithin && !isFocusEscaped && !isFocusVisibleContainer
+      isFocused: isDisabled ? false : isFocusVisible || isFocusVisibleWithin && !isFocusEscaped && !isFocusVisibleContainer,
+      isFirstItem: item.index === 0,
+      isLastItem: item.index === state.collection.size - 1
     }),
     classNames = _useStatusClasses.classNames;
   var _useStatusClasses2 = (0, _.useStatusClasses)('', {
-      isFocused: isFocusVisibleContainer
+      isFocused: isFocusVisibleContainer,
+      isFirstItemBody: item.index === 0,
+      isLastItemBody: item.index === state.collection.size - 1
     }),
     focusContainerClassName = _useStatusClasses2.classNames;
   var _useStatusClasses3 = (0, _.useStatusClasses)('', {
-      hasSeparator: hasSeparator
+      hasSeparator: hasSeparator,
+      isFirstRow: item.index === 0,
+      isLastRow: item.index === state.collection.size - 1
     }),
     rowClassName = _useStatusClasses3.classNames;
   var expandableRowProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({

package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts

@@ -14,6 +14,7 @@ declare const useGetTheme: () => {
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         pingLogoHorizontalSmall: import("react").JSX.Element;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     tShirtSizes: {
         xxs: string;
@@ -48,6 +49,7 @@ declare const useGetTheme: () => {
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         pingLogoHorizontalSmall: import("react").JSX.Element;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     styles: {
         navButtonEstHeight: number;

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

@@ -49,6 +49,7 @@ export declare const colors: {
         dark: string;
         input: string;
         separator: string;
+        attachment: string;
     };
     iconWrapper: {
         wrapper: {
@@ -60,6 +61,13 @@ export declare const colors: {
             red: string;
             yellow: string;
             teal: string;
+            blue: string;
+            indigo: string;
+            lightBlue: string;
+            lightPink: string;
+            lightGreen: string;
+            lightYellow: string;
+            lightIndigo: string;
         };
         icon: {
             orange: string;
@@ -70,6 +78,13 @@ export declare const colors: {
             red: string;
             yellow: string;
             teal: string;
+            blue: string;
+            indigo: string;
+            lightBlue: string;
+            lightPink: string;
+            lightGreen: string;
+            lightYellow: string;
+            lightIndigo: string;
         };
     };
 };

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

@@ -30,7 +30,8 @@ var border = {
   base: _chromaJs["default"].mix('#23282e', 'white', 0.15, 'rgb').hex(),
   dark: _chromaJs["default"].mix('#23282e', 'white', 0.25, 'rgb').hex(),
   input: _colorTokens.nextGenColors['gray-500'],
-  separator: _chromaJs["default"].mix('#23282e', 'white', 0.15, 'rgb').hex()
+  separator: _chromaJs["default"].mix('#23282e', 'white', 0.15, 'rgb').hex(),
+  attachment: '#39414b'
 };
 var iconWrapper = {
   wrapper: {
@@ -41,7 +42,14 @@ var iconWrapper = {
     pink: _colorTokens.nextGenColors['pink-500'],
     red: _colorTokens.nextGenColors['red-500'],
     yellow: _colorTokens.nextGenColors['yellow-500'],
-    teal: _colorTokens.nextGenColors['teal-500']
+    teal: _colorTokens.nextGenColors['teal-500'],
+    blue: _colorTokens.nextGenColors['blue-500'],
+    indigo: _colorTokens.nextGenColors['indigo-500'],
+    lightBlue: _colorTokens.nextGenColors['blue-600'],
+    lightPink: _colorTokens.nextGenColors['pink-600'],
+    lightGreen: _colorTokens.nextGenColors['green-800'],
+    lightYellow: _colorTokens.nextGenColors['yellow-800'],
+    lightIndigo: _colorTokens.nextGenColors['indigo-700']
   },
   icon: {
     orange: 'black',
@@ -51,7 +59,14 @@ var iconWrapper = {
     pink: 'black',
     red: 'black',
     yellow: 'black',
-    teal: 'black'
+    teal: 'black',
+    blue: 'black',
+    indigo: 'black',
+    lightBlue: _colorTokens.nextGenColors['blue-100'],
+    lightPink: _colorTokens.nextGenColors['pink-100'],
+    lightGreen: _colorTokens.nextGenColors['green-100'],
+    lightYellow: _colorTokens.nextGenColors['yellow-100'],
+    lightIndigo: _colorTokens.nextGenColors['indigo-100']
   }
 };
 var colors = _objectSpread(_objectSpread({

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

@@ -3,5 +3,6 @@ declare const _default: {
     pingLogoHorizontalSmall: import("react").JSX.Element;
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+    listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
 };
 export default _default;

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

@@ -4,6 +4,7 @@ export declare const nextGenDarkThemeValues: {
         pingLogoHorizontalSmall: import("react").JSX.Element;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     styles: {
         navButtonEstHeight: number;

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

@@ -14,6 +14,7 @@ var _buttons = _interopRequireDefault(require("./variants/buttons"));
 var _cards = _interopRequireDefault(require("./variants/cards"));
 var _forms = _interopRequireDefault(require("./variants/forms"));
 var _links = _interopRequireDefault(require("./variants/links"));
+var _text = require("./variants/text");
 var _variants = _interopRequireDefault(require("./variants/variants"));
 var _colors = require("./colors");
 var override = {
@@ -24,6 +25,7 @@ var override = {
   badges: _badges["default"],
   links: _links["default"],
   cards: _cards["default"],
+  text: _text.text,
   name: _themes.themes.NEXT_GEN_DARK
 };
 var NextGenDarkTheme = (0, _themeUi.merge)(_nextGen["default"], override);

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

@@ -80,6 +80,13 @@ declare const buttons: {
                 };
             };
         };
+        deleteAttachment: {
+            backgroundColor: string;
+            borderColor: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+        };
     };
 };
 export default buttons;

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

@@ -54,6 +54,13 @@ var iconButtons = {
         fill: 'black'
       }
     }
+  },
+  deleteAttachment: {
+    backgroundColor: 'background.secondary',
+    borderColor: 'border.attachment',
+    '&.is-hovered': {
+      backgroundColor: '#0a0b0d'
+    }
   }
 };
 var buttons = {

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

@@ -0,0 +1,58 @@
+export declare const listViewItem: {
+    styledListItem: {
+        '&.has-separator': {
+            borderBottom: string;
+            borderBottomColor: string;
+        };
+        bg: string;
+        '&.is-selected': {
+            bg: string;
+        };
+        '&.is-hovered': {
+            bg: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            bg: string;
+        };
+    };
+    expandableStyledListItem: {
+        '&.is-hovered': {
+            bg: string;
+        };
+        '&.is-selected': {
+            bg: string;
+        };
+        '&.is-focused': {
+            bg: string;
+        };
+    };
+    expandIcon: {
+        color: string;
+    };
+};
+export declare const listView: {
+    container: {
+        borderColor: string;
+    };
+};
+export declare const lisViewItemChart: {
+    title: {
+        color: string;
+    };
+    count: {
+        color: string;
+    };
+    countLabel: {
+        color: string;
+    };
+    chartLabel: {
+        color: string;
+    };
+    trend: {
+        color: string;
+    };
+    chartButton: {
+        color: string;
+    };
+};

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/{lsitview.js → listview.js}

@@ -4,7 +4,7 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.listViewItem = exports.listView = void 0;
+exports.listViewItem = exports.listView = exports.lisViewItemChart = void 0;
 var listViewItem = {
   styledListItem: {
     '&.has-separator': {
@@ -22,6 +22,20 @@ var listViewItem = {
       boxShadow: '0 0 0 3px inset #1a73e8',
       bg: 'background.hover'
     }
+  },
+  expandableStyledListItem: {
+    '&.is-hovered': {
+      bg: 'background.hover'
+    },
+    '&.is-selected': {
+      bg: 'background.hover'
+    },
+    '&.is-focused': {
+      bg: 'background.hover'
+    }
+  },
+  expandIcon: {
+    color: 'gray-400'
   }
 };
 exports.listViewItem = listViewItem;
@@ -30,4 +44,25 @@ var listView = {
     borderColor: 'border.base'
   }
 };
-exports.listView = listView;
+exports.listView = listView;
+var lisViewItemChart = {
+  title: {
+    color: 'gray-100'
+  },
+  count: {
+    color: 'gray-100'
+  },
+  countLabel: {
+    color: 'gray-100'
+  },
+  chartLabel: {
+    color: 'gray-100'
+  },
+  trend: {
+    color: 'gray-100'
+  },
+  chartButton: {
+    color: 'gray-100'
+  }
+};
+exports.lisViewItemChart = lisViewItemChart;

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

@@ -0,0 +1,15 @@
+export declare const text: {
+    listViewItemText: {
+        color: string;
+    };
+    listViewItemTextSelected: {
+        color: string;
+    };
+    listViewItemSubtext: {
+        color: string;
+    };
+    itemTitle: {
+        fontWeight: number;
+        color: string;
+    };
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.text = void 0;
+var text = {
+  listViewItemText: {
+    color: 'text.secondary'
+  },
+  listViewItemTextSelected: {
+    color: 'gray-100'
+  },
+  listViewItemSubtext: {
+    color: 'gray-400'
+  },
+  itemTitle: {
+    fontWeight: 2,
+    color: 'text.secondary'
+  }
+};
+exports.text = text;

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

@@ -1,4 +1,10 @@
 declare const _default: {
+    attachment: {
+        container: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
     avatar: {
         backgroundColor: string;
         color: string;
@@ -138,12 +144,46 @@ declare const _default: {
                 bg: string;
             };
         };
+        expandableStyledListItem: {
+            '&.is-hovered': {
+                bg: string;
+            };
+            '&.is-selected': {
+                bg: string;
+            };
+            '&.is-focused': {
+                bg: string;
+            };
+        };
+        expandIcon: {
+            color: string;
+        };
     };
     listView: {
         container: {
             borderColor: string;
         };
     };
+    lisViewItemChart: {
+        title: {
+            color: string;
+        };
+        count: {
+            color: string;
+        };
+        countLabel: {
+            color: string;
+        };
+        chartLabel: {
+            color: string;
+        };
+        trend: {
+            color: string;
+        };
+        chartButton: {
+            color: string;
+        };
+    };
     navBar: {
         container: {
             width: string;

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

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _avatar = require("./avatar");
 var _iconBadge = _interopRequireDefault(require("./iconBadge"));
-var _lsitview = require("./lsitview");
+var _listview = require("./listview");
 var _menu = require("./menu");
 var _message = require("./message");
 var _navbar = require("./navbar");
@@ -62,13 +62,21 @@ var modal = {
     bg: 'background.base'
   }
 };
+var attachment = {
+  container: {
+    backgroundColor: 'background.secondary',
+    borderColor: 'border.attachment'
+  }
+};
 var _default = {
+  attachment: attachment,
   avatar: _avatar.avatar,
   message: _message.message,
   menu: _menu.menu,
   menuItem: _menu.menuItem,
-  listViewItem: _lsitview.listViewItem,
-  listView: _lsitview.listView,
+  listViewItem: _listview.listViewItem,
+  listView: _listview.listView,
+  lisViewItemChart: _listview.lisViewItemChart,
   navBar: _navbar.navBar,
   listBox: listBox,
   modal: modal,

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

@@ -4,5 +4,6 @@ declare const _default: {
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
     pingLogoHorizontalSmall: import("react").JSX.Element;
+    listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
 };
 export default _default;

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

@@ -13,11 +13,12 @@ var _CheckCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCi
 var _InformationIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationIcon"));
 var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIcon"));
 var _MenuUpIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuUpIcon"));
+var _MoreVertIcon = _interopRequireDefault(require("@pingux/mdi-react/MoreVertIcon"));
 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: _MenuDownIcon["default"],
   MenuUp: _MenuUpIcon["default"]
-}, (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].DEFAULT, _InformationIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].ERROR, _AlertCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].WARNING, _AlertIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), _MenuDown$MenuUp$stat);
+}, (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].DEFAULT, _InformationIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].ERROR, _AlertCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].WARNING, _AlertIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "listViewMenu", _MoreVertIcon["default"]), _MenuDown$MenuUp$stat);
 exports["default"] = _default;

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

@@ -5,6 +5,7 @@ export declare const astroThemeValues: {
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         pingLogoHorizontalSmall: import("react").JSX.Element;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     styles: {
         navButtonEstHeight: number;

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

@@ -62,6 +62,13 @@ declare const colors: {
             red: string;
             yellow: string;
             teal: string;
+            blue: string;
+            indigo: string;
+            lightBlue: string;
+            lightPink: string;
+            lightGreen: string;
+            lightYellow: string;
+            lightIndigo: string;
         };
         icon: {
             orange: string;
@@ -72,6 +79,13 @@ declare const colors: {
             red: string;
             yellow: string;
             teal: string;
+            blue: string;
+            indigo: string;
+            lightBlue: string;
+            lightPink: string;
+            lightGreen: string;
+            lightYellow: string;
+            lightIndigo: string;
         };
     };
     neutral: {

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

@@ -8,6 +8,13 @@ export declare const iconWrapper: {
         red: string;
         yellow: string;
         teal: string;
+        blue: string;
+        indigo: string;
+        lightBlue: string;
+        lightPink: string;
+        lightGreen: string;
+        lightYellow: string;
+        lightIndigo: string;
     };
     icon: {
         orange: string;
@@ -18,5 +25,12 @@ export declare const iconWrapper: {
         red: string;
         yellow: string;
         teal: string;
+        blue: string;
+        indigo: string;
+        lightBlue: string;
+        lightPink: string;
+        lightGreen: string;
+        lightYellow: string;
+        lightIndigo: string;
     };
 };

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

@@ -15,7 +15,14 @@ var iconWrapper = {
     pink: _colorTokens.nextGenColors['pink-100'],
     red: _colorTokens.nextGenColors['red-100'],
     yellow: _colorTokens.nextGenColors['yellow-100'],
-    teal: _colorTokens.nextGenColors['teal-100']
+    teal: _colorTokens.nextGenColors['teal-100'],
+    blue: _colorTokens.nextGenColors['blue-100'],
+    indigo: _colorTokens.nextGenColors['indigo-100'],
+    lightBlue: _colorTokens.nextGenColors['blue-100'],
+    lightPink: _colorTokens.nextGenColors['pink-100'],
+    lightGreen: _colorTokens.nextGenColors['green-100'],
+    lightYellow: _colorTokens.nextGenColors['yellow-100'],
+    lightIndigo: _colorTokens.nextGenColors['indigo-100']
   },
   icon: {
     orange: _colorTokens.nextGenColors['orange-800'],
@@ -25,7 +32,14 @@ var iconWrapper = {
     pink: _colorTokens.nextGenColors['pink-800'],
     red: _colorTokens.nextGenColors['red-800'],
     yellow: _colorTokens.nextGenColors['yellow-800'],
-    teal: _colorTokens.nextGenColors['teal-800']
+    teal: _colorTokens.nextGenColors['teal-800'],
+    blue: _colorTokens.nextGenColors['blue-600'],
+    indigo: _colorTokens.nextGenColors['indigo-700'],
+    lightBlue: _colorTokens.nextGenColors['blue-500'],
+    lightPink: _colorTokens.nextGenColors['pink-600'],
+    lightGreen: _colorTokens.nextGenColors['green-800'],
+    lightYellow: _colorTokens.nextGenColors['yellow-800'],
+    lightIndigo: _colorTokens.nextGenColors['indigo-700']
   }
 };
 exports.iconWrapper = iconWrapper;

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

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = 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', 'NextGen ListViewItem', 'Skeleton', 'Pagination'];
+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', 'NextGen ListViewItem', 'Skeleton', 'ListViewItem', 'Pagination'];
 var componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],

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

@@ -4,5 +4,6 @@ declare const _default: {
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
     pingLogoHorizontalSmall: import("react").JSX.Element;
+    listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
 };
 export default _default;

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

@@ -12,6 +12,7 @@ var _AlertOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertO
 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 _DotsHorizontalIcon = _interopRequireDefault(require("@pingux/mdi-react/DotsHorizontalIcon"));
 var _InformationOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationOutlineIcon"));
 var _logos = require("../../../../utils/devUtils/constants/logos");
 var _statuses = _interopRequireDefault(require("../../../../utils/devUtils/constants/statuses"));
@@ -19,5 +20,5 @@ 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);
+}, (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), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "listViewMenu", _DotsHorizontalIcon["default"]), _MenuDown$MenuUp$stat);
 exports["default"] = _default;

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

@@ -8,6 +8,7 @@ export declare const nextGenThemeValues: {
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         pingLogoHorizontalSmall: import("react").JSX.Element;
+        listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     tShirtSizes: {
         xxs: string;