@pingux/astro 2.235.0-alpha.0 → 2.236.0

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

@@ -23,6 +23,7 @@ declare const _default: {
     ErrorCircle: string;
     HomeIcon: string;
     integrationsIcon: string;
+    Lock: string;
     listViewMenu: string;
     mdiAccountCog: string;
     mdiAccountMultiple: string;
@@ -36,6 +37,7 @@ declare const _default: {
     mdiViewDashboard: string;
     mdiWeb: string;
     MenuDown: string;
+    MenuRight: string;
     MenuUp: string;
     tabPickerDown: string;
     tabPickerUp: string;

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

@@ -26,6 +26,7 @@ export declare const nextGenDarkThemeValues: {
         ErrorCircle: string;
         HomeIcon: string;
         integrationsIcon: string;
+        Lock: string;
         listViewMenu: string;
         mdiAccountCog: string;
         mdiAccountMultiple: string;
@@ -39,6 +40,7 @@ export declare const nextGenDarkThemeValues: {
         mdiViewDashboard: string;
         mdiWeb: string;
         MenuDown: string;
+        MenuRight: string;
         MenuUp: string;
         tabPickerDown: string;
         tabPickerUp: string;

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

@@ -408,5 +408,20 @@ declare const buttons: {
             color: string;
         };
     };
+    treeChevron: {
+        path: {
+            fill: string;
+        };
+        '&:hover': {
+            '& svg': {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
 };
 export default buttons;

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

@@ -334,6 +334,21 @@ var buttons = {
     '&.is-focused': {
       color: _chromaJs["default"].mix(_onyxTokens.astroTokensDark.color.blue[500], 'white', 0.3, 'rgb').hex()
     }
+  },
+  treeChevron: {
+    path: {
+      fill: _onyxTokens.astroTokensDark.color.common.menu.item.text
+    },
+    '&:hover': {
+      '& svg': {
+        fill: _onyxTokens.astroTokensDark.color.common.menu.item.hover.text
+      }
+    },
+    '&.is-focused': {
+      outline: '2px solid',
+      outlineColor: _onyxTokens.astroTokensDark.color.primary,
+      outlineOffset: '2px'
+    }
   }
 };
 var _default = exports["default"] = buttons;

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

@@ -0,0 +1,15 @@
+/**
+ * Onyx dark theme overrides for the Tree component, derived from the dark token set.
+ * Deep-merged over the Onyx light tree variant, so only differences that matter in
+ * dark mode are specified here.
+ */
+declare const onyxDarkTree: {
+    item: any;
+    itemContent: any;
+    dragButton: any;
+    selectionCheckbox: any;
+    selectionCheckboxBox: any;
+    iconSlot: any;
+    container: any;
+};
+export default onyxDarkTree;

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

@@ -0,0 +1,160 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _onyxTokens = require("@pingux/onyx-tokens");
+var _Tree = _interopRequireDefault(require("../../../../components/Tree/Tree.styles"));
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+// The base styles file builds its object imperatively (tree.item = {...}), so its
+// inferred type has possibly-undefined members; treat it as a complete object here.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var tree = _Tree["default"];
+
+/**
+ * Onyx dark theme overrides for the Tree component, derived from the dark token set.
+ * Deep-merged over the Onyx light tree variant, so only differences that matter in
+ * dark mode are specified here.
+ */
+var onyxDarkTree = _objectSpread(_objectSpread({}, tree), {}, {
+  item: _objectSpread(_objectSpread({}, tree.item), {}, {
+    '&.is-focused, &[data-focused]': {
+      outline: 'none',
+      boxShadow: "inset 0 0 0 2px ".concat(_onyxTokens.astroTokensDark.color.primary),
+      borderRadius: '4px',
+      zIndex: 1
+    },
+    // the drag handle / chevron carry their own focus treatment, so the
+    // row-level focus treatment is suppressed while either is focused
+    '&:has(.astro-TreeDragButton:focus), &:has(.astro-TreeDragButton:focus-visible), &:has(.astro-TreeChevronButton:focus), &:has(.astro-TreeChevronButton:focus-visible)': {
+      outline: 'none',
+      boxShadow: 'none'
+    },
+    '&.is-focus-visible, &[data-focus-visible]': {
+      outline: 'none',
+      boxShadow: "inset 0 0 0 2px ".concat(_onyxTokens.astroTokensDark.color.primary),
+      borderRadius: '4px'
+    },
+    '&.is-selected, &[data-selected]': {
+      bg: 'background.hover',
+      '& *': {
+        color: _onyxTokens.astroTokensDark.color.gray[100]
+      },
+      '& .astro-TreeIconSlot': {
+        color: 'iconOnPrimary',
+        '& svg': {
+          fill: 'iconOnPrimary'
+        }
+      },
+      '& .astro-TreeLabelSlot': {
+        bg: 'transparent'
+      }
+    },
+    '&.is-disabled, &[data-disabled]': {
+      opacity: 0.65,
+      cursor: 'not-allowed'
+    },
+    '&.is-dragging, &[data-dragging]': {
+      bg: 'background.hover',
+      outline: '1px solid #ffffff',
+      outlineOffset: '-1px',
+      boxShadow: "inset 0 0 0 2px ".concat(_onyxTokens.astroTokensDark.color.primary),
+      borderRadius: '4px',
+      '& *': {
+        color: _onyxTokens.astroTokensDark.color.common.menu.item.selected.text
+      }
+    },
+    '&.is-drop-target, &[data-drop-target]': {
+      outline: '1px solid #ffffff',
+      outlineOffset: '-1px',
+      boxShadow: "inset 0 0 0 2px ".concat(_onyxTokens.astroTokensDark.color.primary),
+      borderRadius: '4px'
+    },
+    '&:hover': {
+      bg: _onyxTokens.astroTokensDark.color['nav-bar-item'].hover.bg,
+      borderRadius: '4px'
+    }
+  }),
+  itemContent: _objectSpread(_objectSpread({}, tree.itemContent), {}, {
+    color: _onyxTokens.astroTokensDark.color.gray[100],
+    '&:hover': {
+      bg: 'transparent'
+    }
+  }),
+  dragButton: _objectSpread(_objectSpread({}, tree.dragButton), {}, {
+    path: {
+      fill: _onyxTokens.astroTokensDark.color.common.menu.item.text
+    },
+    '&:hover': {
+      bg: 'background.hover',
+      '& svg': {
+        fill: _onyxTokens.astroTokensDark.color.common.menu.item.hover.text
+      }
+    },
+    '&:focus, &:focus-visible': {
+      boxShadow: "0 0 0 2px ".concat(_onyxTokens.astroTokensDark.color.primary),
+      borderRadius: '4px'
+    },
+    '&:active, &[data-pressed]': {
+      bg: _onyxTokens.astroTokensDark.color.blue[500],
+      cursor: 'grabbing',
+      '& svg': {
+        fill: _onyxTokens.astroTokensDark.color.font.base
+      }
+    }
+  }),
+  selectionCheckbox: _objectSpread(_objectSpread({}, tree.selectionCheckbox), {}, {
+    '&:focus-visible, [data-focus-visible]': {
+      boxShadow: "0 0 0 2px ".concat(_onyxTokens.astroTokensDark.color.primary)
+    }
+  }),
+  // the visible checkbox box (drawn by tree.selectionCheckboxBox's CSS on the
+  // inner RAC CheckboxButton label) re-colored from dark tokens
+  selectionCheckboxBox: _objectSpread(_objectSpread({}, tree.selectionCheckboxBox), {}, {
+    borderColor: _onyxTokens.astroTokensDark.color.border,
+    '&[data-selected]': _objectSpread(_objectSpread({}, tree.selectionCheckboxBox['&[data-selected]']), {}, {
+      borderColor: _onyxTokens.astroTokensDark.color.primary,
+      bg: _onyxTokens.astroTokensDark.color.primary
+    }),
+    '[data-hovered] &, [data-pressed] &': {
+      borderColor: _onyxTokens.astroTokensDark.color.primary
+    },
+    '&[data-disabled]': _objectSpread(_objectSpread({}, tree.selectionCheckboxBox['&[data-disabled]']), {}, {
+      borderColor: _onyxTokens.astroTokensDark.color.border,
+      background: _onyxTokens.astroTokensDark.color.common.bg.secondary
+    })
+  }),
+  // dark Onyx: solid blue circle with a black folder glyph via the dark avatar
+  // tokens; the file variant stays violet
+  iconSlot: _objectSpread(_objectSpread({}, tree.iconSlot), {}, {
+    bg: _onyxTokens.astroTokensDark.color.avatar.blue.bg,
+    color: _onyxTokens.astroTokensDark.color.avatar.blue.text,
+    '&.is-leaf': {
+      bg: _onyxTokens.astroTokensDark.color.avatar.indigo.bg,
+      color: _onyxTokens.astroTokensDark.color.avatar.indigo.text
+    }
+  }),
+  container: _objectSpread(_objectSpread({}, tree.container), {}, {
+    '& .react-aria-DropIndicator': _objectSpread(_objectSpread({}, tree.container['& .react-aria-DropIndicator']), {}, {
+      '&::before': _objectSpread(_objectSpread({}, tree.container['& .react-aria-DropIndicator']['&::before']), {}, {
+        bg: 'transparent'
+      }),
+      '&[data-drop-target]::before': {
+        bg: _onyxTokens.astroTokensDark.color.primary
+      }
+    })
+  })
+});
+var _default = exports["default"] = onyxDarkTree;

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

@@ -858,5 +858,14 @@ declare const _default: {
             color: string;
         };
     };
+    tree: {
+        item: any;
+        itemContent: any;
+        dragButton: any;
+        selectionCheckbox: any;
+        selectionCheckboxBox: any;
+        iconSlot: any;
+        container: any;
+    };
 };
 export default _default;

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

@@ -20,6 +20,7 @@ var _navbar = require("./navbar");
 var _rangeCalendar = _interopRequireDefault(require("./rangeCalendar"));
 var _skeleton = _interopRequireDefault(require("./skeleton"));
 var _stepper = _interopRequireDefault(require("./stepper"));
+var _tree = _interopRequireDefault(require("./tree"));
 var listBox = {
   container: {
     backgroundColor: 'backgroundBase',
@@ -357,5 +358,6 @@ var _default = exports["default"] = {
     noImagePreview: {
       color: "".concat(_onyxTokens.astroTokensDark.color.gray[100], " !important")
     }
-  }
+  },
+  tree: _tree["default"]
 };

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

@@ -303,6 +303,7 @@ declare const _default: {
         ErrorCircle: string;
         HomeIcon: string;
         integrationsIcon: string;
+        Lock: string;
         listViewMenu: string;
         mdiAccountCog: string;
         mdiAccountMultiple: string;
@@ -315,6 +316,7 @@ declare const _default: {
         mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
         mdiViewDashboard: string;
         mdiWeb: string;
+        MenuRight: string;
         tabPickerDown: string;
         tabPickerUp: string;
         monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;

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

@@ -33,7 +33,9 @@ declare const _default: {
     mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
     mdiViewDashboard: import("@pingux/mdi-react").MdiReactIconComponentType;
     mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
+    Lock: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+    MenuRight: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
     tabPickerDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     tabPickerUp: import("@pingux/mdi-react").MdiReactIconComponentType;

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

@@ -41,7 +41,9 @@ var _ImageFilterHdrIcon = _interopRequireDefault(require("@pingux/mdi-react/Imag
 var _InformationIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationIcon"));
 var _InformationOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationOutlineIcon"));
 var _KeyChainVariantIcon = _interopRequireDefault(require("@pingux/mdi-react/KeyChainVariantIcon"));
+var _LockIcon = _interopRequireDefault(require("@pingux/mdi-react/LockIcon"));
 var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIcon"));
+var _MenuRightIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuRightIcon"));
 var _MenuUpIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuUpIcon"));
 var _MonitorScreenshotIcon = _interopRequireDefault(require("@pingux/mdi-react/MonitorScreenshotIcon"));
 var _MoreVertIcon = _interopRequireDefault(require("@pingux/mdi-react/MoreVertIcon"));
@@ -77,4 +79,4 @@ var HelpIcon = function HelpIcon() {
     fill: "#3B4A58"
   }));
 };
-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"]), "tabPickerDown", _ArrowDropDownIcon["default"]), "tabPickerUp", _ArrowDropUpIcon["default"]), "monitoringIcon", _PulseIcon["default"]), "openInNew", _OpenInNewIcon["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, "overviewIcon", _WebIcon["default"]), "p1verify", _navBarIcons.Verify), "pam", _navBarIcons.PamIcon), "PingAuthorize", _KeyChainVariantIcon["default"]), "HomeIcon", _HomeIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["default"]), "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["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, "SuccessCircle", _CheckCircleIcon["default"]), "userExperienceIcon", _MonitorScreenshotIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]), "CameraOutlineIcon", _CameraAltIcon["default"]), "ImageOutlineIcon", _ImageFilterHdrIcon["default"]), "helpHint", HelpIcon), "ModalCloseIcon", _CloseIcon["default"]), "errorCalloutBadge", _AlertCircleIcon["default"]), "infoCalloutBadge", _InformationIcon["default"]), "successCalloutBadge", _CheckCircleIcon["default"]), (0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "warningCalloutBadge", _AlertIcon["default"]));
+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"]), "Lock", _LockIcon["default"]), "MenuDown", _MenuDownIcon["default"]), "MenuRight", _MenuRightIcon["default"]), "MenuUp", _MenuUpIcon["default"]), "tabPickerDown", _ArrowDropDownIcon["default"]), "tabPickerUp", _ArrowDropUpIcon["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, "monitoringIcon", _PulseIcon["default"]), "openInNew", _OpenInNewIcon["default"]), "overviewIcon", _WebIcon["default"]), "p1verify", _navBarIcons.Verify), "pam", _navBarIcons.PamIcon), "PingAuthorize", _KeyChainVariantIcon["default"]), "HomeIcon", _HomeIcon["default"]), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), "protect", _navBarIcons.Protect), "rocketLaunchIcon", _RocketLaunchIcon["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, "shareFeedbackIcon", _ChatIcon["default"]), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", _CheckCircleIcon["default"]), "userExperienceIcon", _MonitorScreenshotIcon["default"]), "WarningIcon", _AlertOutlineIcon["default"]), "CameraOutlineIcon", _CameraAltIcon["default"]), "ImageOutlineIcon", _ImageFilterHdrIcon["default"]), "helpHint", HelpIcon), "ModalCloseIcon", _CloseIcon["default"]), "errorCalloutBadge", _AlertCircleIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_statuses$DEFAULT$sta, "infoCalloutBadge", _InformationIcon["default"]), "successCalloutBadge", _CheckCircleIcon["default"]), "warningCalloutBadge", _AlertIcon["default"]));

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

@@ -44,7 +44,9 @@ export declare const astroThemeValues: {
         mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
         mdiViewDashboard: import("@pingux/mdi-react").MdiReactIconComponentType;
         mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
+        Lock: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        MenuRight: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         tabPickerDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         tabPickerUp: import("@pingux/mdi-react").MdiReactIconComponentType;

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

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onyxOnlyRecipes = exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = void 0;
-var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CheckboxFieldGroup', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'MaterialSymbolIcon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavList', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PhoneNumberField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RangeCalendar', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box', 'TimeField', 'LabelValuePairs'];
+var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CheckboxFieldGroup', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'MaterialSymbolIcon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavList', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PhoneNumberField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RangeCalendar', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'Tree', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box', 'TimeField', 'LabelValuePairs'];
 var componentSpecificNextGenBlacklist = exports.componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Messages: ['Customization'],

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

@@ -22,6 +22,7 @@ declare const icons: {
     ErrorCircle: string;
     HomeIcon: string;
     integrationsIcon: string;
+    Lock: string;
     listViewMenu: string;
     mdiAccountCog: string;
     mdiAccountMultiple: string;
@@ -35,6 +36,7 @@ declare const icons: {
     mdiViewDashboard: string;
     mdiWeb: string;
     MenuDown: string;
+    MenuRight: string;
     MenuUp: string;
     tabPickerDown: string;
     tabPickerUp: string;

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

@@ -24,5 +24,5 @@ var _statuses = _interopRequireWildcard(require("../../../../utils/devUtils/cons
 var _navBarIcons = require("../../astro/customProperties/navBarIcons");
 var _icons;
 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); }
-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, 'info'), _statuses["default"].ERROR, 'error'), _statuses["default"].SUCCESS, 'check_circle'), _statuses["default"].WARNING, 'warning'), _statuses.statusIcon.CRITICAL, 'error'), _statuses.statusIcon.FATAL, 'dangerous'), _statuses.statusIcon.INFO, 'info'), _statuses.statusIcon.MAJOR, 'arrow_upward'), _statuses.statusIcon.MINOR, 'arrow_downward'), _statuses.statusIcon.WARNING_NEUTRAL, 'warning'), (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", 'apps'), "Ascending", 'arrow_upward'), "authenticationIcon", 'check_circle'), "clipboard", 'content_paste'), "CreateIcon", 'edit'), "daVinci", 'account_tree'), "DefaultCircle", 'circle'), "Descending", 'arrow_downward'), "popoverMenuIcon", 'more_horiz'), (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", 'error'), "HomeIcon", 'home'), "integrationsIcon", 'widgets'), "listViewMenu", 'more_horiz'), "mdiAccountCog", 'manage_accounts'), "mdiAccountMultiple", 'group'), "mdiEarth", _SettingsOutlineIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", 'fingerprint'), "mdiPlayCircleIcon", 'play_circle'), (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, "mdiScaleBalance", 'balance'), "mdiShoCard", 'id_card'), "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", 'dashboard'), "mdiWeb", 'globe'), "MenuDown", 'keyboard_arrow_down'), "MenuUp", 'keyboard_arrow_up'), "tabPickerDown", 'keyboard_arrow_down'), "tabPickerUp", 'keyboard_arrow_up'), "monitoringIcon", _ShowChartIcon["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, "openInNew", 'open_in_new'), "overviewIcon", 'dashboard'), "p1verify", 'person_check'), "pam", _navBarIcons.PamIcon), "PingAuthorize", 'key'), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), "protect", _navBarIcons.Protect), "rocketLaunchIcon", 'rocket_launch'), "shareFeedbackIcon", 'chat'), "shieldStar", _ShieldStarOutlineIcon["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, "SuccessCircle", 'check_circle'), "userExperienceIcon", 'palette'), "WarningIcon", 'warning'), "CameraOutlineIcon", 'photo_camera'), "ImageOutlineIcon", 'image'), "helpHint", 'info'), "ModalCloseIcon", 'close'), "errorCalloutBadge", _AlertCircleOutlineIcon["default"]), "infoCalloutBadge", _InformationCircleOutlineIcon["default"]), "successCalloutBadge", _CheckCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_icons, "warningCalloutBadge", _AlertOutlineIcon["default"]));
+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, 'info'), _statuses["default"].ERROR, 'error'), _statuses["default"].SUCCESS, 'check_circle'), _statuses["default"].WARNING, 'warning'), _statuses.statusIcon.CRITICAL, 'error'), _statuses.statusIcon.FATAL, 'dangerous'), _statuses.statusIcon.INFO, 'info'), _statuses.statusIcon.MAJOR, 'arrow_upward'), _statuses.statusIcon.MINOR, 'arrow_downward'), _statuses.statusIcon.WARNING_NEUTRAL, 'warning'), (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", 'apps'), "Ascending", 'arrow_upward'), "authenticationIcon", 'check_circle'), "clipboard", 'content_paste'), "CreateIcon", 'edit'), "daVinci", 'account_tree'), "DefaultCircle", 'circle'), "Descending", 'arrow_downward'), "popoverMenuIcon", 'more_horiz'), (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", 'error'), "HomeIcon", 'home'), "integrationsIcon", 'widgets'), "Lock", 'lock'), "listViewMenu", 'more_horiz'), "mdiAccountCog", 'manage_accounts'), "mdiAccountMultiple", 'group'), "mdiEarth", _SettingsOutlineIcon["default"]), "mdiEmoticonHappyOutline", _EmoticonHappyOutlineIcon["default"]), "mdiFingerprint", 'fingerprint'), (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, "mdiPlayCircleIcon", 'play_circle'), "mdiScaleBalance", 'balance'), "mdiShoCard", 'id_card'), "mdiTransitConnectionVariant", _TransitConnectionVariantIcon["default"]), "mdiViewDashboard", 'dashboard'), "mdiWeb", 'globe'), "MenuDown", 'keyboard_arrow_down'), "MenuRight", 'keyboard_arrow_right'), "MenuUp", 'keyboard_arrow_up'), "tabPickerDown", 'keyboard_arrow_down'), (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, "tabPickerUp", 'keyboard_arrow_up'), "monitoringIcon", _ShowChartIcon["default"]), "openInNew", 'open_in_new'), "overviewIcon", 'dashboard'), "p1verify", 'person_check'), "pam", _navBarIcons.PamIcon), "PingAuthorize", 'key'), "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), "protect", _navBarIcons.Protect), "rocketLaunchIcon", 'rocket_launch'), (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, "shareFeedbackIcon", 'chat'), "shieldStar", _ShieldStarOutlineIcon["default"]), "SuccessCircle", 'check_circle'), "userExperienceIcon", 'palette'), "WarningIcon", 'warning'), "CameraOutlineIcon", 'photo_camera'), "ImageOutlineIcon", 'image'), "helpHint", 'info'), "ModalCloseIcon", 'close'), "errorCalloutBadge", _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_icons, "infoCalloutBadge", _InformationCircleOutlineIcon["default"]), "successCalloutBadge", _CheckCircleOutlineIcon["default"]), "warningCalloutBadge", _AlertOutlineIcon["default"]));
 var _default = exports["default"] = icons;

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

@@ -48,6 +48,7 @@ export declare const nextGenThemeValues: {
         ErrorCircle: string;
         HomeIcon: string;
         integrationsIcon: string;
+        Lock: string;
         listViewMenu: string;
         mdiAccountCog: string;
         mdiAccountMultiple: string;
@@ -61,6 +62,7 @@ export declare const nextGenThemeValues: {
         mdiViewDashboard: string;
         mdiWeb: string;
         MenuDown: string;
+        MenuRight: string;
         MenuUp: string;
         tabPickerDown: string;
         tabPickerUp: string;

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

@@ -1881,6 +1881,21 @@ declare const _default: {
                 outlineOffset: string;
             };
         };
+        treeChevron: {
+            path: {
+                fill: string;
+            };
+            '&:hover': {
+                '& svg': {
+                    fill: string;
+                };
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
     };
     forms: {
         input: import("theme-ui").ThemeUICSSObject;
@@ -3332,6 +3347,7 @@ declare const _default: {
         ErrorCircle: string;
         HomeIcon: string;
         integrationsIcon: string;
+        Lock: string;
         listViewMenu: string;
         mdiAccountCog: string;
         mdiAccountMultiple: string;
@@ -3345,6 +3361,7 @@ declare const _default: {
         mdiViewDashboard: string;
         mdiWeb: string;
         MenuDown: string;
+        MenuRight: string;
         MenuUp: string;
         tabPickerDown: string;
         tabPickerUp: string;
@@ -7623,6 +7640,16 @@ declare const _default: {
                 };
             };
         };
+        tree: {
+            item: any;
+            itemContent: any;
+            dragButton: any;
+            selectionCheckbox: any;
+            selectionCheckboxBox: any;
+            iconSlot: any;
+            lockSlot: any;
+            container: any;
+        };
         imageUpload: {
             button: {
                 border: string;

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

@@ -1560,5 +1560,20 @@ declare const buttons: {
             outlineOffset: string;
         };
     };
+    treeChevron: {
+        path: {
+            fill: string;
+        };
+        '&:hover': {
+            '& svg': {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
 };
 export default buttons;

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

@@ -675,6 +675,17 @@ var buttons = {
   selectLink: selectLink,
   tableHeaderButton: {
     '&.is-focused': _objectSpread({}, defaultFocus)
+  },
+  treeChevron: {
+    path: {
+      fill: _onyxTokens.astroTokens.color.gray[500]
+    },
+    '&:hover': {
+      '& svg': {
+        fill: _onyxTokens.astroTokens.color['nav-bar-item'].selected.text
+      }
+    },
+    '&.is-focused': _objectSpread({}, defaultFocus)
   }
 };
 var _default = exports["default"] = buttons;

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

@@ -0,0 +1,16 @@
+/**
+ * Onyx (next-gen) theme overrides for the Tree component, derived from
+ * @pingux/onyx-tokens. Deep-merged onto the base Astro tree styles, so only
+ * differences from the Astro values are specified here.
+ */
+declare const onyxTree: {
+    item: any;
+    itemContent: any;
+    dragButton: any;
+    selectionCheckbox: any;
+    selectionCheckboxBox: any;
+    iconSlot: any;
+    lockSlot: any;
+    container: any;
+};
+export default onyxTree;