@pingux/astro 2.163.1-alpha.2 → 2.163.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/lib/cjs/components/MenuItem/MenuItem.js +22 -13
  2. package/lib/cjs/components/MenuItem/MenuItem.styles.d.ts +1 -1
  3. package/lib/cjs/components/MenuItem/MenuItem.styles.js +1 -1
  4. package/lib/cjs/components/MenuItem/MenuItem.test.js +217 -194
  5. package/lib/cjs/components/MenuSection/MenuSection.js +2 -1
  6. package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +57 -33
  7. package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts +2 -0
  8. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts +3 -0
  9. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js +3 -0
  10. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts +1 -0
  11. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +1 -0
  12. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/menu.d.ts +15 -2
  13. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/menu.js +20 -7
  14. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +15 -2
  15. package/lib/cjs/styles/themeOverrides/onyxSideNav.d.ts +1 -0
  16. package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts +1 -0
  17. package/lib/cjs/styles/themes/astro/customProperties/icons.js +1 -1
  18. package/lib/cjs/styles/themes/astro/customProperties/index.d.ts +1 -0
  19. package/lib/cjs/styles/themes/next-gen/customProperties/icons.d.ts +1 -0
  20. package/lib/cjs/styles/themes/next-gen/customProperties/icons.js +1 -1
  21. package/lib/cjs/styles/themes/next-gen/customProperties/index.d.ts +1 -0
  22. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +34 -2
  23. package/lib/cjs/styles/themes/next-gen/variants/menu.d.ts +32 -2
  24. package/lib/cjs/styles/themes/next-gen/variants/menu.js +39 -9
  25. package/lib/cjs/styles/themes/next-gen/variants/popoverMenu.d.ts +1 -0
  26. package/lib/cjs/styles/themes/next-gen/variants/popoverMenu.js +1 -0
  27. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +33 -2
  28. package/lib/cjs/styles/themes/next-gen/variants/variants.js +1 -0
  29. package/lib/components/MenuItem/MenuItem.js +25 -16
  30. package/lib/components/MenuItem/MenuItem.styles.js +1 -1
  31. package/lib/components/MenuItem/MenuItem.test.js +224 -201
  32. package/lib/components/MenuSection/MenuSection.js +2 -1
  33. package/lib/components/PopoverMenu/PopoverMenu.stories.js +57 -33
  34. package/lib/styles/themeOverrides/nextGenDarkMode/colors.js +3 -0
  35. package/lib/styles/themeOverrides/nextGenDarkMode/variants/menu.js +20 -7
  36. package/lib/styles/themes/astro/customProperties/icons.js +1 -1
  37. package/lib/styles/themes/next-gen/customProperties/icons.js +1 -1
  38. package/lib/styles/themes/next-gen/variants/menu.js +38 -8
  39. package/lib/styles/themes/next-gen/variants/popoverMenu.js +1 -0
  40. package/lib/styles/themes/next-gen/variants/variants.js +2 -1
  41. package/lib/tsconfig.lib.tsbuildinfo +1 -1
  42. package/package.json +1 -1
package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js CHANGED
@@ -12,10 +12,10 @@ exports["default"] = exports.WithSeparator = exports.WithSections = exports.Plac
12
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
14
14
  var _react = _interopRequireWildcard(require("react"));
15
- var _DotsVerticalIcon = _interopRequireDefault(require("@pingux/mdi-react/DotsVerticalIcon"));
16
15
  var _addonActions = require("@storybook/addon-actions");
17
16
  var _storybookAddonDesigns = require("storybook-addon-designs");
18
17
  var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
18
+ var _hooks = require("../../hooks");
19
19
  var _index = require("../../index");
20
20
  var _figmaLinks = require("../../utils/designUtils/figmaLinks");
21
21
  var _PopoverMenu = _interopRequireDefault(require("./PopoverMenu.mdx"));
@@ -49,17 +49,20 @@ var _default = exports["default"] = {
49
49
  }
50
50
  };
51
51
  var Default = exports.Default = function Default(args) {
52
+ var _useGetTheme = (0, _hooks.useGetTheme)(),
53
+ isOnyx = _useGetTheme.themeState.isOnyx,
54
+ popoverMenuIcon = _useGetTheme.icons.popoverMenuIcon;
52
55
  return (
53
56
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
54
57
  // readers when an overlay opens.
55
58
  (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, args, (0, _react2.jsx)(_index.IconButton, {
56
59
  "aria-label": "more options",
57
- variant: "inverted"
60
+ variant: isOnyx ? undefined : 'inverted'
58
61
  }, (0, _react2.jsx)(_index.Icon, {
59
- icon: _DotsVerticalIcon["default"],
62
+ icon: popoverMenuIcon,
60
63
  size: "md",
61
64
  title: {
62
- name: 'Dots Vertical Icon'
65
+ name: 'Dots Icon'
63
66
  }
64
67
  })), (0, _react2.jsx)(_index.Menu, {
65
68
  onAction: (0, _addonActions.action)('onAction')
@@ -71,7 +74,7 @@ var Default = exports.Default = function Default(args) {
71
74
  key: "delete",
72
75
  textValue: "delete"
73
76
  }, (0, _react2.jsx)(_index.Text, {
74
- color: "critical.bright"
77
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
75
78
  }, "Delete")))))
76
79
  );
77
80
  };
@@ -82,6 +85,9 @@ Default.parameters = {
82
85
  }
83
86
  };
84
87
  var DefaultOpen = exports.DefaultOpen = function DefaultOpen(args) {
88
+ var _useGetTheme2 = (0, _hooks.useGetTheme)(),
89
+ isOnyx = _useGetTheme2.themeState.isOnyx,
90
+ popoverMenuIcon = _useGetTheme2.icons.popoverMenuIcon;
85
91
  return (
86
92
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
87
93
  // readers when an overlay opens.
@@ -89,12 +95,12 @@ var DefaultOpen = exports.DefaultOpen = function DefaultOpen(args) {
89
95
  isDefaultOpen: true
90
96
  }), (0, _react2.jsx)(_index.IconButton, {
91
97
  "aria-label": "more options",
92
- variant: "inverted"
98
+ variant: isOnyx ? undefined : 'inverted'
93
99
  }, (0, _react2.jsx)(_index.Icon, {
94
- icon: _DotsVerticalIcon["default"],
100
+ icon: popoverMenuIcon,
95
101
  size: "md",
96
102
  title: {
97
- name: 'Dots Vertical Icon'
103
+ name: 'Dots Icon'
98
104
  }
99
105
  })), (0, _react2.jsx)(_index.Menu, {
100
106
  onAction: (0, _addonActions.action)('onAction'),
@@ -107,7 +113,7 @@ var DefaultOpen = exports.DefaultOpen = function DefaultOpen(args) {
107
113
  key: "delete",
108
114
  textValue: "delete"
109
115
  }, (0, _react2.jsx)(_index.Text, {
110
- color: "critical.bright"
116
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
111
117
  }, "Delete")))))
112
118
  );
113
119
  };
@@ -116,6 +122,9 @@ var Controlled = exports.Controlled = function Controlled() {
116
122
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
117
123
  isOpen = _useState2[0],
118
124
  setIsOpen = _useState2[1];
125
+ var _useGetTheme3 = (0, _hooks.useGetTheme)(),
126
+ isOnyx = _useGetTheme3.themeState.isOnyx,
127
+ popoverMenuIcon = _useGetTheme3.icons.popoverMenuIcon;
119
128
  return (
120
129
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
121
130
  // readers when an overlay opens.
@@ -124,12 +133,12 @@ var Controlled = exports.Controlled = function Controlled() {
124
133
  onOpenChange: setIsOpen
125
134
  }, (0, _react2.jsx)(_index.IconButton, {
126
135
  "aria-label": "more options",
127
- variant: "inverted"
136
+ variant: isOnyx ? undefined : 'inverted'
128
137
  }, (0, _react2.jsx)(_index.Icon, {
129
- icon: _DotsVerticalIcon["default"],
138
+ icon: popoverMenuIcon,
130
139
  size: "md",
131
140
  title: {
132
- name: 'Dots Vertical Icon'
141
+ name: 'Dots Icon'
133
142
  }
134
143
  })), (0, _react2.jsx)(_index.Menu, {
135
144
  onAction: (0, _addonActions.action)('onAction')
@@ -141,11 +150,14 @@ var Controlled = exports.Controlled = function Controlled() {
141
150
  key: "delete",
142
151
  textValue: "delete"
143
152
  }, (0, _react2.jsx)(_index.Text, {
144
- color: "critical.bright"
153
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
145
154
  }, "Delete")))))
146
155
  );
147
156
  };
148
157
  var Placement = exports.Placement = function Placement(args) {
158
+ var _useGetTheme4 = (0, _hooks.useGetTheme)(),
159
+ isOnyx = _useGetTheme4.themeState.isOnyx,
160
+ popoverMenuIcon = _useGetTheme4.icons.popoverMenuIcon;
149
161
  return (
150
162
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
151
163
  // readers when an overlay opens.
@@ -153,12 +165,12 @@ var Placement = exports.Placement = function Placement(args) {
153
165
  direction: "left"
154
166
  }), (0, _react2.jsx)(_index.IconButton, {
155
167
  "aria-label": "more options",
156
- variant: "inverted"
168
+ variant: isOnyx ? undefined : 'inverted'
157
169
  }, (0, _react2.jsx)(_index.Icon, {
158
- icon: _DotsVerticalIcon["default"],
170
+ icon: popoverMenuIcon,
159
171
  size: "md",
160
172
  title: {
161
- name: 'Dots Vertical Icon'
173
+ name: 'Dots Icon'
162
174
  }
163
175
  })), (0, _react2.jsx)(_index.Menu, {
164
176
  onAction: (0, _addonActions.action)('onAction')
@@ -170,11 +182,14 @@ var Placement = exports.Placement = function Placement(args) {
170
182
  key: "delete",
171
183
  textValue: "delete"
172
184
  }, (0, _react2.jsx)(_index.Text, {
173
- color: "critical.bright"
185
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
174
186
  }, "Delete")))))
175
187
  );
176
188
  };
177
189
  var NotFlippable = exports.NotFlippable = function NotFlippable(args) {
190
+ var _useGetTheme5 = (0, _hooks.useGetTheme)(),
191
+ isOnyx = _useGetTheme5.themeState.isOnyx,
192
+ popoverMenuIcon = _useGetTheme5.icons.popoverMenuIcon;
178
193
  return (
179
194
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
180
195
  // readers when an overlay opens.
@@ -183,12 +198,12 @@ var NotFlippable = exports.NotFlippable = function NotFlippable(args) {
183
198
  isNotFlippable: true
184
199
  }), (0, _react2.jsx)(_index.IconButton, {
185
200
  "aria-label": "more options",
186
- variant: "inverted"
201
+ variant: isOnyx ? undefined : 'inverted'
187
202
  }, (0, _react2.jsx)(_index.Icon, {
188
- icon: _DotsVerticalIcon["default"],
203
+ icon: popoverMenuIcon,
189
204
  size: "md",
190
205
  title: {
191
- name: 'Dots Vertical Icon'
206
+ name: 'Dots Icon'
192
207
  }
193
208
  })), (0, _react2.jsx)(_index.Menu, {
194
209
  onAction: (0, _addonActions.action)('onAction')
@@ -200,11 +215,14 @@ var NotFlippable = exports.NotFlippable = function NotFlippable(args) {
200
215
  key: "delete",
201
216
  textValue: "delete"
202
217
  }, (0, _react2.jsx)(_index.Text, {
203
- color: "critical.bright"
218
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
204
219
  }, "Delete")))))
205
220
  );
206
221
  };
207
222
  var NotClosedOnSelect = exports.NotClosedOnSelect = function NotClosedOnSelect(args) {
223
+ var _useGetTheme6 = (0, _hooks.useGetTheme)(),
224
+ isOnyx = _useGetTheme6.themeState.isOnyx,
225
+ popoverMenuIcon = _useGetTheme6.icons.popoverMenuIcon;
208
226
  return (
209
227
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
210
228
  // readers when an overlay opens.
@@ -212,12 +230,12 @@ var NotClosedOnSelect = exports.NotClosedOnSelect = function NotClosedOnSelect(a
212
230
  isNotClosedOnSelect: true
213
231
  }), (0, _react2.jsx)(_index.IconButton, {
214
232
  "aria-label": "more options",
215
- variant: "inverted"
233
+ variant: isOnyx ? undefined : 'inverted'
216
234
  }, (0, _react2.jsx)(_index.Icon, {
217
- icon: _DotsVerticalIcon["default"],
235
+ icon: popoverMenuIcon,
218
236
  size: "md",
219
237
  title: {
220
- name: 'Dots Vertical Icon'
238
+ name: 'Dots Icon'
221
239
  }
222
240
  })), (0, _react2.jsx)(_index.Menu, {
223
241
  onAction: (0, _addonActions.action)('onAction')
@@ -229,22 +247,25 @@ var NotClosedOnSelect = exports.NotClosedOnSelect = function NotClosedOnSelect(a
229
247
  key: "delete",
230
248
  textValue: "delete"
231
249
  }, (0, _react2.jsx)(_index.Text, {
232
- color: "critical.bright"
250
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
233
251
  }, "Delete")))))
234
252
  );
235
253
  };
236
254
  var WithSeparator = exports.WithSeparator = function WithSeparator(args) {
255
+ var _useGetTheme7 = (0, _hooks.useGetTheme)(),
256
+ isOnyx = _useGetTheme7.themeState.isOnyx,
257
+ popoverMenuIcon = _useGetTheme7.icons.popoverMenuIcon;
237
258
  return (
238
259
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
239
260
  // readers when an overlay opens.
240
261
  (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, args, (0, _react2.jsx)(_index.IconButton, {
241
262
  "aria-label": "more options",
242
- variant: "inverted"
263
+ variant: isOnyx ? undefined : 'inverted'
243
264
  }, (0, _react2.jsx)(_index.Icon, {
244
- icon: _DotsVerticalIcon["default"],
265
+ icon: popoverMenuIcon,
245
266
  size: "md",
246
267
  title: {
247
- name: 'Dots Vertical Icon'
268
+ name: 'Dots Icon'
248
269
  }
249
270
  })), (0, _react2.jsx)(_index.Menu, {
250
271
  onAction: (0, _addonActions.action)('onAction'),
@@ -257,22 +278,25 @@ var WithSeparator = exports.WithSeparator = function WithSeparator(args) {
257
278
  key: "delete",
258
279
  textValue: "delete"
259
280
  }, (0, _react2.jsx)(_index.Text, {
260
- color: "critical.bright"
281
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
261
282
  }, "Delete"))))))
262
283
  );
263
284
  };
264
285
  var WithSections = exports.WithSections = function WithSections(args) {
286
+ var _useGetTheme8 = (0, _hooks.useGetTheme)(),
287
+ isOnyx = _useGetTheme8.themeState.isOnyx,
288
+ popoverMenuIcon = _useGetTheme8.icons.popoverMenuIcon;
265
289
  return (
266
290
  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
267
291
  // readers when an overlay opens.
268
292
  (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, args, (0, _react2.jsx)(_index.IconButton, {
269
293
  "aria-label": "more options",
270
- variant: "inverted"
294
+ variant: isOnyx ? undefined : 'inverted'
271
295
  }, (0, _react2.jsx)(_index.Icon, {
272
- icon: _DotsVerticalIcon["default"],
296
+ icon: popoverMenuIcon,
273
297
  size: "md",
274
298
  title: {
275
- name: 'Dots Vertical Icon'
299
+ name: 'Dots Icon'
276
300
  }
277
301
  })), (0, _react2.jsx)(_index.Menu, {
278
302
  onAction: (0, _addonActions.action)('onAction'),
@@ -295,7 +319,7 @@ var WithSections = exports.WithSections = function WithSections(args) {
295
319
  key: "delete",
296
320
  textValue: "delete"
297
321
  }, (0, _react2.jsx)(_index.Text, {
298
- color: "critical.bright"
322
+ color: isOnyx ? 'critical.dark' : 'critical.bright'
299
323
  }, "Delete"))))))
300
324
  );
301
325
  };
package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts CHANGED
@@ -20,6 +20,7 @@ declare const useGetTheme: () => {
20
20
  daVinci: (props: any) => import("react/jsx-runtime").JSX.Element;
21
21
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
22
22
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
23
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
23
24
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
24
25
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
25
26
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
@@ -100,6 +101,7 @@ declare const useGetTheme: () => {
100
101
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
101
102
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
102
103
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
104
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
103
105
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
104
106
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
105
107
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts CHANGED
@@ -95,6 +95,9 @@ export declare const colors: {
95
95
  backgroundColor: string;
96
96
  headerColor: string;
97
97
  };
98
+ critical: {
99
+ dark: string;
100
+ };
98
101
  common: {
99
102
  dark: string;
100
103
  };
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js CHANGED
@@ -161,5 +161,8 @@ var colors = exports.colors = _objectSpread(_objectSpread({
161
161
  font: font,
162
162
  badge: badge,
163
163
  codeEditor: codeEditor,
164
+ critical: {
165
+ dark: _colorTokens.nextGenColors['red-100']
166
+ },
164
167
  common: common
165
168
  });
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
10
10
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
11
11
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
12
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
12
13
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
13
14
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
14
15
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const nextGenDarkThemeValues: {
12
12
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
13
13
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
14
14
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
15
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
15
16
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
16
17
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
17
18
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/menu.d.ts CHANGED
@@ -5,16 +5,29 @@ export declare const menuItem: {
5
5
  outline: string;
6
6
  color: string;
7
7
  cursor: string;
8
- '&.is-focused, &.is-selected, &.is-pressed': {
8
+ '&.is-hovered': {
9
9
  bg: string;
10
10
  color: string;
11
11
  '> *': {
12
12
  color: string;
13
13
  };
14
14
  };
15
- '&.is-pressed': {
15
+ '&.is-focused': {
16
+ bg: string;
17
+ color: string;
18
+ outline: string;
19
+ outlineOffset: string;
20
+ outlineColor: string;
21
+ '> *': {
22
+ color: string;
23
+ };
24
+ };
25
+ '&.is-selected, &.is-pressed': {
16
26
  color: string;
17
27
  bg: string;
28
+ '> *': {
29
+ color: string;
30
+ };
18
31
  };
19
32
  };
20
33
  separator: {
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/menu.js CHANGED
@@ -8,20 +8,33 @@ exports.menuItem = exports.menu = void 0;
8
8
  var menuItem = exports.menuItem = {
9
9
  item: {
10
10
  bg: 'transparent',
11
- padding: '10px 10px',
11
+ padding: '12px 12px',
12
12
  outline: 'none',
13
13
  color: 'gray-400',
14
14
  cursor: 'pointer',
15
- '&.is-focused, &.is-selected, &.is-pressed': {
16
- bg: 'gray-800',
17
- color: 'text.primary',
15
+ '&.is-hovered': {
16
+ bg: '#2C323A',
17
+ color: 'gray-200',
18
+ '> *': {
19
+ color: 'gray-200'
20
+ }
21
+ },
22
+ '&.is-focused': {
23
+ bg: '#2C323A',
24
+ color: 'gray-200',
25
+ outline: '1px solid',
26
+ outlineOffset: '1px',
27
+ outlineColor: 'primary',
18
28
  '> *': {
19
- color: 'text.primary'
29
+ color: 'gray-200'
20
30
  }
21
31
  },
22
- '&.is-pressed': {
32
+ '&.is-selected, &.is-pressed': {
23
33
  color: 'text.secondary',
24
- bg: 'gray-800'
34
+ bg: 'gray-800',
35
+ '> *': {
36
+ color: 'gray-200'
37
+ }
25
38
  }
26
39
  },
27
40
  separator: {
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts CHANGED
@@ -190,16 +190,29 @@ declare const _default: {
190
190
  outline: string;
191
191
  color: string;
192
192
  cursor: string;
193
- '&.is-focused, &.is-selected, &.is-pressed': {
193
+ '&.is-hovered': {
194
194
  bg: string;
195
195
  color: string;
196
196
  '> *': {
197
197
  color: string;
198
198
  };
199
199
  };
200
- '&.is-pressed': {
200
+ '&.is-focused': {
201
+ bg: string;
202
+ color: string;
203
+ outline: string;
204
+ outlineOffset: string;
205
+ outlineColor: string;
206
+ '> *': {
207
+ color: string;
208
+ };
209
+ };
210
+ '&.is-selected, &.is-pressed': {
201
211
  color: string;
202
212
  bg: string;
213
+ '> *': {
214
+ color: string;
215
+ };
203
216
  };
204
217
  };
205
218
  separator: {
package/lib/cjs/styles/themeOverrides/onyxSideNav.d.ts CHANGED
@@ -230,6 +230,7 @@ declare const _default: {
230
230
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
231
231
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
232
232
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
233
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
233
234
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
234
235
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
235
236
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  daVinci: (props: any) => import("react/jsx-runtime").JSX.Element;
10
10
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
11
11
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
12
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
12
13
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
13
14
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
14
15
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themes/astro/customProperties/icons.js CHANGED
@@ -52,4 +52,4 @@ var _statuses = _interopRequireWildcard(require("../../../../utils/devUtils/cons
52
52
  var _navBarIcons = require("./navBarIcons");
53
53
  var _statuses$DEFAULT$sta;
54
54
  function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
55
- var _default = exports["default"] = (_statuses$DEFAULT$sta = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, _statuses["default"].DEFAULT, _InformationIcon["default"]), _statuses["default"].ERROR, _AlertCircleIcon["default"]), _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), _statuses["default"].WARNING, _AlertIcon["default"]), _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "aic", _navBarIcons.Aic), "applicationsIcon", _ApplicationOutlineIcon["default"]), "Ascending", _MenuUpIcon["default"]), "authenticationIcon", _CheckCircleOutlineIcon["default"]), "clipboard", _ClipboardIcon["default"]), "CreateIcon", _CreateIcon["default"]), "daVinci", _navBarIcons.DaVinci), "DefaultCircle", _CheckboxBlankCircleOutlineIcon["default"]), "Descending", _MenuDownIcon["default"]), "ErrorCircle", _AlertCircleIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "integrationsIcon", _ConnectionIcon["default"]), "listViewMenu", _MoreVertIcon["default"]), "mdiAccountCog", _AccountCogIcon["default"]), "mdiAccountMultiple", _AccountMultipleIcon["default"]), "mdiEarth", _EarthIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", _FingerprintIcon["default"]), "mdiPlayCircleIcon", _PlayCircleIcon["default"]), "mdiScaleBalance", _ScaleBalanceIcon["default"]), "mdiShoCard", _navBarIcons.Credentials), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", _ViewDashboardIcon["default"]), "mdiWeb", _GlobeIcon["default"]), "MenuDown", _MenuDownIcon["default"]), "MenuUp", _MenuUpIcon["default"]), "monitoringIcon", _PulseIcon["default"]), "openInNew", _OpenInNewIcon["default"]), "overviewIcon", _WebIcon["default"]), "p1verify", _navBarIcons.Verify), "pam", _navBarIcons.PamIcon), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "PingAuthorize", _KeyChainVariantIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", _CheckCircleIcon["default"]), "userExperienceIcon", _MonitorScreenshotIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]));
55
+ var _default = exports["default"] = (_statuses$DEFAULT$sta = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, _statuses["default"].DEFAULT, _InformationIcon["default"]), _statuses["default"].ERROR, _AlertCircleIcon["default"]), _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), _statuses["default"].WARNING, _AlertIcon["default"]), _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "aic", _navBarIcons.Aic), "applicationsIcon", _ApplicationOutlineIcon["default"]), "Ascending", _MenuUpIcon["default"]), "authenticationIcon", _CheckCircleOutlineIcon["default"]), "clipboard", _ClipboardIcon["default"]), "CreateIcon", _CreateIcon["default"]), "daVinci", _navBarIcons.DaVinci), "DefaultCircle", _CheckboxBlankCircleOutlineIcon["default"]), "Descending", _MenuDownIcon["default"]), "popoverMenuIcon", _MoreVertIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "ErrorCircle", _AlertCircleIcon["default"]), "integrationsIcon", _ConnectionIcon["default"]), "listViewMenu", _MoreVertIcon["default"]), "mdiAccountCog", _AccountCogIcon["default"]), "mdiAccountMultiple", _AccountMultipleIcon["default"]), "mdiEarth", _EarthIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", _FingerprintIcon["default"]), "mdiPlayCircleIcon", _PlayCircleIcon["default"]), "mdiScaleBalance", _ScaleBalanceIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "mdiShoCard", _navBarIcons.Credentials), "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", _ViewDashboardIcon["default"]), "mdiWeb", _GlobeIcon["default"]), "MenuDown", _MenuDownIcon["default"]), "MenuUp", _MenuUpIcon["default"]), "monitoringIcon", _PulseIcon["default"]), "openInNew", _OpenInNewIcon["default"]), "overviewIcon", _WebIcon["default"]), "p1verify", _navBarIcons.Verify), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "pam", _navBarIcons.PamIcon), "PingAuthorize", _KeyChainVariantIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", _CheckCircleIcon["default"]), "userExperienceIcon", _MonitorScreenshotIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]));
package/lib/cjs/styles/themes/astro/customProperties/index.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const astroThemeValues: {
14
14
  daVinci: (props: any) => import("react/jsx-runtime").JSX.Element;
15
15
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
16
16
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
17
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
17
18
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
18
19
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
19
20
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themes/next-gen/customProperties/icons.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const icons: {
9
9
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
10
10
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
11
11
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
12
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
12
13
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
13
14
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
14
15
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themes/next-gen/customProperties/icons.js CHANGED
@@ -51,5 +51,5 @@ var _statuses = _interopRequireWildcard(require("../../../../utils/devUtils/cons
51
51
  var _navBarIcons = require("../../astro/customProperties/navBarIcons");
52
52
  var _icons;
53
53
  function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
54
- var icons = (_icons = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, _statuses["default"].DEFAULT, _InformationOutlineIcon["default"]), _statuses["default"].ERROR, _AlertCircleOutlineIcon["default"]), _statuses["default"].SUCCESS, _CheckCircleOutlineIcon["default"]), _statuses["default"].WARNING, _AlertOutlineIcon["default"]), _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "aic", _navBarIcons.Aic), "applicationsIcon", _AppsIcon["default"]), "Ascending", _ArrowUpIcon["default"]), "authenticationIcon", _CheckCircleOutlineIcon["default"]), "clipboard", _ClipboardIcon["default"]), "CreateIcon", _CreateOutlineIcon["default"]), "daVinci", _FileTreeOutlineIcon["default"]), "DefaultCircle", _CheckboxBlankCircleOutlineIcon["default"]), "Descending", _ArrowDownIcon["default"]), "ErrorCircle", _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "integrationsIcon", _WidgetsOutlineIcon["default"]), "listViewMenu", _DotsHorizontalIcon["default"]), "mdiAccountCog", _AccountCogIcon["default"]), "mdiAccountMultiple", _AccountMultipleOutlineIcon["default"]), "mdiEarth", _SettingsOutlineIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", _FingerprintIcon["default"]), "mdiPlayCircleIcon", _PlayCircleOutlineIcon["default"]), "mdiScaleBalance", _ScaleBalanceIcon["default"]), "mdiShoCard", _CardAccountDetailsOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", _ViewDashboardIcon["default"]), "mdiWeb", _GlobeIcon["default"]), "MenuDown", _ChevronDownIcon["default"]), "MenuUp", _ChevronUpIcon["default"]), "monitoringIcon", _ShowChartIcon["default"]), "openInNew", _OpenInNewIcon["default"]), "overviewIcon", _ViewDashboardOutlineIcon["default"]), "p1verify", _AccountCheckOutlineIcon["default"]), "pam", _navBarIcons.PamIcon), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "PingAuthorize", _KeyOutlineIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", _CheckCircleOutlineIcon["default"]), "userExperienceIcon", _PaletteOutlineIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]));
54
+ var icons = (_icons = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, _statuses["default"].DEFAULT, _InformationOutlineIcon["default"]), _statuses["default"].ERROR, _AlertCircleOutlineIcon["default"]), _statuses["default"].SUCCESS, _CheckCircleOutlineIcon["default"]), _statuses["default"].WARNING, _AlertOutlineIcon["default"]), _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "aic", _navBarIcons.Aic), "applicationsIcon", _AppsIcon["default"]), "Ascending", _ArrowUpIcon["default"]), "authenticationIcon", _CheckCircleOutlineIcon["default"]), "clipboard", _ClipboardIcon["default"]), "CreateIcon", _CreateOutlineIcon["default"]), "daVinci", _FileTreeOutlineIcon["default"]), "DefaultCircle", _CheckboxBlankCircleOutlineIcon["default"]), "Descending", _ArrowDownIcon["default"]), "popoverMenuIcon", _DotsHorizontalIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "ErrorCircle", _AlertCircleOutlineIcon["default"]), "integrationsIcon", _WidgetsOutlineIcon["default"]), "listViewMenu", _DotsHorizontalIcon["default"]), "mdiAccountCog", _AccountCogIcon["default"]), "mdiAccountMultiple", _AccountMultipleOutlineIcon["default"]), "mdiEarth", _SettingsOutlineIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", _FingerprintIcon["default"]), "mdiPlayCircleIcon", _PlayCircleOutlineIcon["default"]), "mdiScaleBalance", _ScaleBalanceIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "mdiShoCard", _CardAccountDetailsOutlineIcon["default"]), "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", _ViewDashboardIcon["default"]), "mdiWeb", _GlobeIcon["default"]), "MenuDown", _ChevronDownIcon["default"]), "MenuUp", _ChevronUpIcon["default"]), "monitoringIcon", _ShowChartIcon["default"]), "openInNew", _OpenInNewIcon["default"]), "overviewIcon", _ViewDashboardOutlineIcon["default"]), "p1verify", _AccountCheckOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "pam", _navBarIcons.PamIcon), "PingAuthorize", _KeyOutlineIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", _CheckCircleOutlineIcon["default"]), "userExperienceIcon", _PaletteOutlineIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]));
55
55
  var _default = exports["default"] = icons;
package/lib/cjs/styles/themes/next-gen/customProperties/index.d.ts CHANGED
@@ -23,6 +23,7 @@ export declare const nextGenThemeValues: {
23
23
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
24
24
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
25
25
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
26
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
26
27
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
27
28
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
28
29
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -2162,6 +2162,7 @@ declare const _default: {
2162
2162
  daVinci: import("@pingux/mdi-react").MdiReactIconComponentType;
2163
2163
  DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
2164
2164
  Descending: import("@pingux/mdi-react").MdiReactIconComponentType;
2165
+ popoverMenuIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
2165
2166
  ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
2166
2167
  integrationsIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
2167
2168
  listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
@@ -4631,23 +4632,53 @@ declare const _default: {
4631
4632
  padding: string;
4632
4633
  outline: string;
4633
4634
  color: string;
4635
+ fontSize: string;
4636
+ lineHeight: string;
4634
4637
  cursor: string;
4635
- '&.is-focused, &.is-selected, &.is-pressed': {
4638
+ borderRadius: string;
4639
+ '&.is-hovered': {
4636
4640
  bg: string;
4637
4641
  color: string;
4638
4642
  '> *': {
4639
4643
  color: string;
4640
4644
  };
4641
4645
  };
4642
- '&.is-pressed': {
4646
+ '&.is-focused': {
4647
+ bg: string;
4643
4648
  color: string;
4649
+ outline: string;
4650
+ outlineOffset: string;
4651
+ outlineColor: string;
4652
+ '> *': {
4653
+ color: string;
4654
+ };
4655
+ };
4656
+ '&.is-pressed, &.is-selected': {
4644
4657
  bg: string;
4658
+ color: string;
4659
+ '> *': {
4660
+ color: string;
4661
+ };
4645
4662
  };
4646
4663
  };
4647
4664
  separator: {
4648
4665
  my: string;
4649
4666
  };
4650
4667
  };
4668
+ menuSection: {
4669
+ sectionTitle: {
4670
+ fontWeight: string;
4671
+ fontSize: string;
4672
+ lineHeight: string;
4673
+ textTransform: string;
4674
+ letterSpacing: string;
4675
+ height: string;
4676
+ py: string;
4677
+ px: string;
4678
+ color: string;
4679
+ ml: number;
4680
+ };
4681
+ };
4651
4682
  menuTab: {
4652
4683
  ml: string;
4653
4684
  };
@@ -4964,6 +4995,7 @@ declare const _default: {
4964
4995
  };
4965
4996
  popoverMenu: {
4966
4997
  container: {
4998
+ minWidth: string;
4967
4999
  transition: string;
4968
5000
  '&.animate': {
4969
5001
  opacity: number;