@pingux/astro 2.61.0 → 2.62.0-alpha.0

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js

@@ -178,6 +178,10 @@ AccordionGridGroup.propTypes = {
   id: _propTypes["default"].string,
   /** Props object that is spread directly into the root (top-level) element. */
   containerProps: _propTypes["default"].shape({}),
+  /** The props object is directly spread into the accordion header element.
+   * Utilize the `customUpArrow` & `customDownArrow` keys to incorporate custom Up and Down arrows.
+   * */
+  headerProps: _propTypes["default"].shape({}),
   /** Defines a string value that labels the current element. */
   'aria-label': _propTypes["default"].string,
   /** Identifies the element (or elements) that labels the current element. */

package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js

@@ -24,7 +24,7 @@ var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _react2 = require("@emotion/react");
-var _excluded = ["item", "className", "children", "isSelected", "hasCaret", "navigationMode"];
+var _excluded = ["item", "className", "children", "isSelected", "hasCaret", "navigationMode", "customDownArrow", "customUpArrow"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -35,6 +35,8 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
     isSelected = props.isSelected,
     hasCaret = props.hasCaret,
     navigationMode = props.navigationMode,
+    customDownArrow = props.customDownArrow,
+    customUpArrow = props.customUpArrow,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useAccordionGridCont = (0, _AccordionGridContext.useAccordionGridContext)(),
     state = _useAccordionGridCont.state;
@@ -87,6 +89,8 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
     mergedProps.tabIndex = 0;
     mergedProps.onKeyPress = handleKeyPress;
   }
+  var downArrow = customDownArrow || _MenuDownIcon["default"];
+  var upArrow = customUpArrow || _MenuUpIcon["default"];
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     as: "div",
     ref: cellRef
@@ -106,7 +110,7 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
       mr: '0px'
     }
   }, (0, _react2.jsx)(_Icon["default"], {
-    icon: isSelected ? _MenuUpIcon["default"] : _MenuDownIcon["default"],
+    icon: isSelected ? upArrow : downArrow,
     size: 20,
     title: {
       name: isSelected ? 'Menu Up Icon' : 'Menu Down Icon'
@@ -120,6 +124,8 @@ AccordionGridItemHeader.propTypes = {
   'aria-label': _propTypes["default"].string,
   isSelected: _propTypes["default"].bool,
   hasCaret: _propTypes["default"].bool,
+  customDownArrow: _propTypes["default"].node,
+  customUpArrow: _propTypes["default"].node,
   item: _propTypes["default"].shape({
     key: _propTypes["default"].string,
     childNodes: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),

package/lib/cjs/recipes/AccordionCard.stories.js

@@ -0,0 +1,247 @@
+"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"] = exports.Default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactStately = require("react-stately");
+var _ChevronDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronDownIcon"));
+var _ChevronUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronUpIcon"));
+var _Text = require("../components/Text/Text.styles");
+var _index = require("../index");
+var _ConfigureAdministratorSecurity = _interopRequireDefault(require("../utils/devUtils/assets/accordionRecepi/ConfigureAdministratorSecurity.svg"));
+var _CreateAdministrator = _interopRequireDefault(require("../utils/devUtils/assets/accordionRecepi/CreateAdministrator.svg"));
+var _InviteTeamMembers = _interopRequireDefault(require("../utils/devUtils/assets/accordionRecepi/InviteTeamMembers.svg"));
+var _LaunchStartedExperience = _interopRequireDefault(require("../utils/devUtils/assets/accordionRecepi/LaunchStartedExperience.svg"));
+var _react2 = require("@emotion/react");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _default = {
+  title: 'Recipes/AccordionCard'
+};
+exports["default"] = _default;
+var accordionItemSX = {
+  itemContainer: {
+    boxShadow: '0px 1px 14px rgba(37, 55, 70, 0.15)',
+    borderRadius: '3px',
+    px: 'lg',
+    py: 'md',
+    my: 'md'
+  }
+};
+var headerSX = {
+  headerContainer: {
+    flexGrow: 1,
+    gap: 'xx',
+    alignItems: 'center',
+    whiteSpace: 'wrap'
+  },
+  headerImage: {
+    width: '70px',
+    minWidth: '70px'
+  },
+  headerTitle: _objectSpread({
+    fontSize: 'md',
+    fontWeight: 3
+  }, _Text.textEllipsis),
+  headerItemProps: {
+    sx: {
+      p: '0',
+      '&.is-hovered': {
+        backgroundColor: 'white'
+      }
+    }
+  }
+};
+var panelBodySX = {
+  panelBodyContainer: {
+    gap: 'lg',
+    alignItems: 'start',
+    pt: 'md'
+  },
+  panelBodyItemProps: {
+    sx: {
+      p: '0',
+      maxHeight: '0',
+      overflow: 'hidden',
+      transition: 'all 250ms ease',
+      display: 'flex !important',
+      '&.is-selected': {
+        maxHeight: '500px',
+        display: 'block !important'
+      }
+    }
+  }
+};
+var buttonSX = {
+  panelButton: {
+    width: 'fit-content',
+    mt: 'lg',
+    mb: 'sm'
+  }
+};
+var sx = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, accordionItemSX), headerSX), panelBodySX), buttonSX);
+var data = [{
+  title: 'Invite team members',
+  key: 'InviteTeam',
+  subtext: 'Invite your team members to access this environment.',
+  image: {
+    alt: 'Invite team members',
+    'aria-label': 'Invite team members',
+    src: _InviteTeamMembers["default"]
+  },
+  body: {
+    children: (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, "Add Admin User: "), "Access the Users page and select Invite Administrator."), (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, "Grant Roles: "), "Grant the appropriate roles to the administrator.", (0, _react2.jsx)(_index.Link, {
+      href: "https://uilibrary.ping-eng.com/"
+    }, " Learn more")), (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, "Send Invitation: "), "Your team will receive invitations to verify their email and finalize their accounts."), (0, _react2.jsx)(_index.Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Invite team member"))
+  }
+}, {
+  title: 'Configure administrator security',
+  key: 'ConfigureAdministrator',
+  subtext: 'Authenticate using PingOne or set up an external identity provider.',
+  image: {
+    alt: 'Configure administrator security',
+    'aria-label': 'Configure administrator security',
+    src: _ConfigureAdministratorSecurity["default"]
+  },
+  body: {
+    children: (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, "Review the default MFA settings for administrators in your organization or set up authentication for administrators using an external identity provider.", (0, _react2.jsx)(_index.Link, {
+      href: "https://uilibrary.ping-eng.com/"
+    }, " Learn more")), (0, _react2.jsx)(_index.Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Configure administrator security"))
+  }
+}, {
+  title: 'Create administrator groups and assign roles',
+  key: 'CreateAdministrator',
+  subtext: 'Create or synchronize groups to manage administrators and their permissions.',
+  image: {
+    alt: 'Create administrator groups and assign roles',
+    'aria-label': 'Create administrator groups and assign roles',
+    src: _CreateAdministrator["default"]
+  },
+  body: {
+    children: (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, " Create a group: "), "Access the groups page (Directory > Groups)"), (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, " Assign roles: "), "Click the Roles tab, and click Grant Roles. You can assign groups multiple roles.", (0, _react2.jsx)(_index.Link, {
+      href: "https://uilibrary.ping-eng.com/"
+    }, " Learn more")), (0, _react2.jsx)(_index.Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Create a group"))
+  }
+}, {
+  title: 'Launch the Getting Started experience for customers or workforce',
+  key: 'LaunchGetting',
+  subtext: 'Go to the Environments page to start building your customer or workforce use case.',
+  image: {
+    alt: 'Launch the Getting Started experience for customers or workforce',
+    'aria-label': 'Launch the Getting Started experience for customers or workforce',
+    src: _LaunchStartedExperience["default"]
+  },
+  body: {
+    children: (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, "Create Environment: "), "Create a new environment and complete the Getting Started experience for your customer or workforce use case."), (0, _react2.jsx)(_index.Text, {
+      as: "p",
+      mb: "20px"
+    }, (0, _react2.jsx)("b", null, "Join Environment: "), "Return to the Environments page to view the environments in which you can access. Start or continue the Getting Started experience for your use case."), (0, _react2.jsx)(_index.Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Return to Environments page"))
+  }
+}];
+var Header = function Header(props) {
+  var item = props.item;
+  return (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    sx: sx.headerContainer
+  }, (0, _react2.jsx)(_index.Image, {
+    src: item.image.src,
+    alt: item.image.alt,
+    "aria-label": item.image['aria-label'],
+    sx: sx.headerImage
+  }), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
+    sx: sx.headerTitle
+  }, item.title), (0, _react2.jsx)(_index.Text, {
+    variant: "bodyWeak"
+  }, item.subtext)));
+};
+var Body = function Body(props) {
+  var item = props.item;
+  return (0, _react2.jsx)(_index.Box, {
+    sx: sx.panelBodyContainer
+  }, (0, _react2.jsx)(_index.Separator, {
+    sx: {
+      m: 0,
+      bg: 'neutral.90'
+    }
+  }), (0, _react2.jsx)(_index.Box, {
+    ml: "135px"
+  }, item.body.children));
+};
+var Default = function Default() {
+  return (0, _react2.jsx)(_index.AccordionGridGroup, {
+    items: data
+  }, function (item) {
+    return (0, _react2.jsx)(_reactStately.Item, {
+      key: item.key,
+      textValue: item.text,
+      headerProps: _objectSpread({
+        customDownArrow: _ChevronDownIcon["default"],
+        customUpArrow: _ChevronUpIcon["default"]
+      }, sx.headerItemProps),
+      bodyProps: _objectSpread({}, sx.panelBodyItemProps),
+      sx: sx.itemContainer
+    }, (0, _react2.jsx)(Header, {
+      item: item
+    }), (0, _react2.jsx)(Body, {
+      item: item
+    }));
+  });
+};
+
+// Added to bypass color contrast issue
+exports.Default = Default;
+Default.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};

package/lib/cjs/utils/devUtils/assets/accordionRecepi/ConfigureAdministratorSecurity.svg

@@ -0,0 +1,19 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_183_19867)">
+<path d="M56.4974 59.9278C56.4974 60.6686 55.8969 61.269 55.1562 61.269C54.4155 61.269 53.815 60.6686 53.815 59.9278C53.815 59.1871 54.4155 58.5866 55.1562 58.5866C55.8969 58.5866 56.4974 59.1871 56.4974 59.9278Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.6224 28.0278H44.1865V64.5253H66.6224V38.8139H64.1024V55.1267H46.7065V30.5478H64.1024V33.3926H48.8975V35.9126H66.6224V28.0278ZM46.7065 57.6467V62.0053H64.1024V57.6467H46.7065Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.3148 12.1927H7.6246V18.5758H10.1446V14.7127H54.7948V25.5134H57.3148V12.1927ZM10.1446 44.4981V23.6485H7.6246V44.4981H4.27472V52.1368H41.9698V49.6168H6.79472V47.0181H41.9698V44.4981H10.1446Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.7516 21.9495L27.4967 38.4076L21.0243 31.8615L22.8163 30.0897L27.4958 34.8225L41.9586 20.1787L43.7516 21.9495Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.3378 43.1481L54.4353 51.1494L50.0909 47.1073L51.8075 45.2624L54.3612 47.6383L60.5449 41.3773L62.3378 43.1481Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.755371 58.3856L9.71537 58.3856L9.71537 60.9056L0.755371 60.9056L0.755371 58.3856Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M61.7954 5.74561L70.7554 5.74561L70.7554 8.26561L61.7954 8.26561L61.7954 5.74561Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M60.556 11.0727L65.036 11.0727L65.036 13.5927L60.556 13.5927L60.556 11.0727Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.71536 63.8456L18.6754 63.8456L18.6754 66.3656L9.71536 66.3656L9.71536 63.8456Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1922 58.3856H14.9922V60.9056H12.1922V58.3856Z" fill="#B3282D"/>
+</g>
+<defs>
+<clipPath id="clip0_183_19867">
+<rect width="70" height="70" fill="white" transform="translate(0.755371 0.545349)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/cjs/utils/devUtils/assets/accordionRecepi/CreateAdministrator.svg

@@ -0,0 +1,9 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.708496" y="0.67041" width="70" height="70" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_183_19865" transform="scale(0.00398406)"/>
+</pattern>
+<image id="image0_183_19865" width="251" height="251" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/lib/cjs/utils/devUtils/assets/accordionRecepi/InviteTeamMembers.svg

@@ -0,0 +1,16 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_183_19869)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.2485 14.5303H15.6885V24.7691H18.2085V17.0503H55.7285V38.7503H58.2485V14.5303ZM18.2085 29.7903H15.6885V56.8103H44.2655V54.2903H25.0573C25.3455 52.3579 26.1074 49.9462 27.5963 47.8891C29.4061 45.3885 32.3107 43.3703 36.9496 43.3703C40.5952 43.3703 43.7234 45.2978 44.8359 46.0001L46.1811 43.8692C45.0537 43.1574 41.3829 40.8503 36.9496 40.8503C31.4358 40.8503 27.7982 43.3121 25.5549 46.4116C23.6937 48.9831 22.8078 51.963 22.5139 54.2903H18.2085V29.7903ZM36.9004 23.9673C35.7076 23.9673 34.5416 24.321 33.5499 24.9837C32.5581 25.6464 31.7851 26.5883 31.3286 27.6903C30.8722 28.7923 30.7528 30.0049 30.9855 31.1747C31.2182 32.3446 31.7925 33.4192 32.636 34.2626C33.4794 35.1061 34.554 35.6805 35.7239 35.9132C36.8938 36.1459 38.1064 36.0264 39.2084 35.57C40.3104 35.1135 41.2522 34.3405 41.9149 33.3488C42.5776 32.357 42.9313 31.191 42.9313 29.9982C42.9313 28.3987 42.2959 26.8647 41.1649 25.7337C40.0339 24.6027 38.4999 23.9673 36.9004 23.9673ZM32.1498 22.8884C33.556 21.9488 35.2092 21.4473 36.9004 21.4473C39.1683 21.4473 41.3432 22.3482 42.9468 23.9518C44.5504 25.5554 45.4513 27.7303 45.4513 29.9982C45.4513 31.6894 44.9498 33.3426 44.0102 34.7488C43.0706 36.155 41.7352 37.251 40.1727 37.8982C38.6103 38.5453 36.891 38.7147 35.2323 38.3847C33.5735 38.0548 32.0499 37.2404 30.8541 36.0446C29.6582 34.8487 28.8438 33.3251 28.5139 31.6664C28.1839 30.0077 28.3533 28.2884 29.0005 26.7259C29.6477 25.1634 30.7437 23.828 32.1498 22.8884Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65.7704 42.0992L53.2039 54.8228L47.9266 49.4855L49.7186 47.7137L53.2029 51.2377L63.9774 40.3284L65.7704 42.0992Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.06848 22.0903H12.4685V24.6103H4.06848V22.0903Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.8685 50.3704H67.0685V52.8904H62.8685V50.3704Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.9485 55.6903H70.7085V58.2103H58.9485V55.6903Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.708496 16.3503H5.4685V19.1503H0.708496V16.3503Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26849 16.3503H11.0685V19.1503H8.26849V16.3503Z" fill="#051727"/>
+</g>
+<defs>
+<clipPath id="clip0_183_19869">
+<rect width="70" height="70" fill="white" transform="translate(0.708496 0.670349)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/cjs/utils/devUtils/assets/accordionRecepi/LaunchStartedExperience.svg

@@ -0,0 +1,9 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.708496" y="0.159912" width="70" height="70" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_183_19866" transform="scale(0.00398406)"/>
+</pattern>
+<image id="image0_183_19866" width="251" height="251" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPsAAAD7CAYAAACscuKmAAAAAXNSR0IArs4c6QAADZZJREFUeF7tnUFyG8cZRrthMNYiqVIWobSksyBRLsrhEShtHZbEE9jJBZwThOQJYp/AzgkYhck2gm/AKrFUILOwvDOZLJidbELoFCgxRTIgBtOYnv7w91OVV5jp+fp7//NAwBj2jj80QANFNOCL2CWbpAEacMjOENBAIQ0geyGg2SYNIDszQAOFNIDshYBmmzSA7MwADRTSALIXAppt0gCyMwM0UEgDyF4IaLZJA8jODNBAIQ0geyGg2SYNIDszQAOFNIDshYBmmzSA7MwADRTSALIXAppt0gCyMwM0UEgDyF4IaLZJA/6gt745cm4zRxUd5/pbg6N+jmtzTRoorQH/vLe+23F+J8fGRy7sPR0c7ea4NtekgdIaQPbSiLPfYhtA9mLRs/HSGkD20oiz32IbQPZi0bPx0hpA9tKIs99iG0D2YtGz8dIaQPbSiLPfYhvgoZpi0bPx0hrgcdnSiLPfYhtA9mLRs/HSGkD20oiz32IbQPZi0bPx0hpYONm7y6v8hzOlTanQfodnJws7fwsn+9KDtSDEnihlNRAuTo87i7plZF9UcuTO0QCyt9k6d/Y22+ZatxpA9uuFdB/2Nt1oNNsv33Q6/eEPg1q/VIPsCJixAWS/Ifvy6q73s/3yTQhhr+4HHsiecdS5NLIjOxYU0gCyI3sho842kR3ZsaCQBpBdTfbxZwGFDB/bbLCBGT5rQnY12S9Ojxfu+YEGZ5al4hrwSw/WRhWnIjuyx00XZ0k1gOx1cYyfXZ/h7dDlsqm+euPOXpcaxzvnkL3uGCg8VIPsdalxPLILzsAsD9UguyA4/Ujc2dUYIbsaETN5kF0NJbKrETGTB9nVUCK7GhEzeZBdDSWyqxExkwfZ1VAiuxoRM3mQXQ0lsqsRMZMH2dVQIrsaETN5kF0NJbKrETGTB9nVUCK7GhEzeZBdDSWyqxExkwfZ1VAiuxoRM3mQXQ0lsqsRMZMH2dVQIrsaETN5kF0NJbKrETGTB9nVUCK7GhEzeZBdDSWyqxExkwfZ1VAiuxoRM3mQXQ3l0vLq11WZLs5Ofld1DK/TwK0GkJ2RoIFCGkD2QkCzTRpAdmaABgppANkLAc02aQDZmQEaKKQBZC8EdCPbPOh9suOCezb8sfN4+/XheSOLskhbDSB7W00v+nX+uvbJn7wPf7jcR/CHCL9wRJF94ZBlCPy33m++Dm70+Y1Lj4X3P21vDwavM0TikvUbQPb6nZV1xkTR31fgnXt94S4eI/xCzASyLwSmTCGniX4VCeEzwal/WWSv31kZZ8wiOsIv1Cwg+0LhaiHs/srK/e69X+w75zbrXI47fJ22shyL7FlqF73opegf/vyF834jJiLCx7TW2jnI3lrV4heaV3Te0osDdg7Z5RG1ELAp0ZMK/7C30h26lRbqkL7E8N+DfmRAZI8szsxp+73eSjd092Pfut9VRNNv6bvLq7ve+x0zxcdtJFycHnfiTuXOHtmbjdPGon/gll54l+aOORbev327/ek/Xx3O2xiyXzaI7FMGyc87ZFbPTy36/3oL7rwzevt4XuGRHdmrXET2CQ21JvrVtRsQHtmR3Zzs9+73Kj+EenMe/zx666I3JDyyI7s52VP+umw20RsQHtmRHdmrGrj2+vPeo286zn1W45TGDx1/aPfbwcuP6i6M7MheNTML93f2lHf2NLKHvnP+ezfjv0SQvWpkp77Op/GWPo2XkD2Ew+D9V965yt+wdy70twZHjw96j76ZRfhY2Zce9j4PIWR9VzKXps2cHIanx08il+Khmsjikp2WXfYQDoc/dh+7e8ONrvMvqjf6TvbxcQdr618677+Ydk6s7NU5OKKiAWRXG5Gssr8Xffz7cvu99c26sl8K31vfde7uJ92QPdvEIXu26u+4cDbZr4k+jhYre5XwyJ5t4pA9W/VSsof+8E13+/ovxs4j+zThkT3bxCF7tup1ZP/z1uDlzR+TnPPOfrW1SW/pkT3bxCF7tuo1ZJ8o+rxv469v7bbwyJ5t4pA9W/X5Zb9T9CZlv/2WHtmzTRyyZ6s+r+xTRW9a9uvCI3u2iUP2bNXnkj2E863jo3f/Z5cpf+b9gG7S0uO39N75z2Iel63Ky+uVDSB7ZUUtH5Dyq7e/f7yx8emrw5l+SCKF7Jd3+NVHz7ZOXv6l5Vq5HL9BpzcDKWWvs9tUstfJwLGNNsCdvdE6G1gM2RsokSUmNYDsanOB7GpEzORBdjWUyK5GxEweZFdDiexqRMzkQXY1lMiuRsRMHmRXQ4nsakTM5EF2NZTIrkbETB5kV0OJ7GpEzORBdjWUyK5GxEweZFdDiexqRMzkQXY1lMiuRsRMHmRXQ4nsakTM5EF2NZTIrkbETB5kV0OJ7JOJ/Gx59Zlz7qkarwbyPP/p7KSN/+QX2RuA1egSyD65Tqv/r7cQwt7w7GS30SGavBiyt1ByrUsgO7LXGpjZD0b22btq50hkR/ZEk4bsiYqNXhbZkT16eKafiOyJio1eFtmRPXp4kD1RdYmWRXZkTzRa3NkTFRu9LLIje/TwcGdPVF2iZZEd2RONFnf2RMVGL4vsk6tb+tXHG6MPRhvRxYqe2HnbObz416uZfst/zi0g+5wFNn46sjdeKQu+awDZ1SYB2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPMiuhhLZ1YiYyYPsaiiRXY2ImTzIroYS2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPMiuhhLZ1YiYyYPsaiiRXY2ImTzIroYS2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPMiuhhLZ1YiYyYPsaiiRXY2ImTzIroYS2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPMiuhhLZ7yByf+X+vfDhL9V43c7z5j/H34lmRHY1MMg+mUh3eXXXe7+jxutWnhC8fzL8YdAXzInsalCQHdkTzSSyJyo2ellkR/bo4Zl+IrInKjZ6WWRH9ujhQfZE1SVaFtmRPdFocWdPVGz0ssiO7NHDw509UXWJlkV2ZE80WtzZExUbvSyyI3v08HBnT1RdomWRfXKxSw/WvnDOjf+R/hO8/z3fs+dB5PNcNv6qyB7fHWdObYC38WoDguxqRMzkQXY1lMiuRsRMHmRXQ4nsakTM5EF2NZTIrkbETB5kV0OJ7GpEzORBdjWUyK5GxEweZFdDiexqRMzkQXY1lMiuRsRMHmRXQ4nsakTM5EF2NZTIrkbETB5kV0OJ7GpEzORBdjWUyK5GxEweZFdDiexqRMzkQXY1lMiuRsRMHmRXQ4nsakTM5EF2NZTIrkbETB5kV0OJ7GpEzORBdjWUyK5GxEweZFdDiexqRMzkQXY1lMiuRsRMHmRXQ4nsakTM5EF2NZTIrkbETB5kV0OJ7GpEzORBdjWUyD6ZSPdhb9ONRptt8vLen1+cHn/Z5jUTXgvZE5YbtTSy3yH78uqu934nqtT4k767OD3+dfzpUmciuxQO5xyyI3uimUT2RMVGL4vsyB49PNNPRPZExUYvi+zIHj08yJ6oukTLIjuyJxot7uyJio1eFtmRPXp4uLMnqi7RssiO7IlGizt7omKjl0V2GdmDc+41X71Fj3LrJ/rWrzjnBZH9Dtnbf6gmvH+o5qs5kaqczp1dhcRVDmRXI2ImD7KroRST/R/V/YT+1uDoSfVxHJG5AWTPDOD/Lq8iu1ov5Jm7AWSfu8KGF0D2hgtluasGkF1tFpBdjYiZPMiuhhLZ1YiYyYPsaiiRXY2ImTzIroYS2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPMiuhhLZ1YiYyYPsaiiRXY2ImTzIroYS2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPMiuhhLZ1YiYyYPsaiiRXY2ImTzIroYS2dWImMmD7GookV2NiJk8yK6GEtnViJjJg+xqKJFdjYiZPEll77b/U983wXQ6fX433sysspE5G0gr+/Lqrvd+Z86M0aeHEPaQPbo+TjTWALKrAeVtvBoRM3mQXQ0lsqsRMZMH2dVQIrsaETN5kF0NJbKrETGTB9nVUM4i+/iTR7Xc5JFvwHvv/1iRMlycHndidtLl0/j6tc0ie/1VOYMGZmpgUWUPZr96mwkbB9FA/QbiZc/7UE1wnc63Jr9nr8+QM2hgpgaiZZ9p9cQHIXviglneVAPI3iZO/s7eZttc61YDyN7mSCB7m21zLWTPOAPInrF8Ls2dvc0ZQPY22+Za3NkzzsD44YSMl+fSZTcQhmcnC/vA1sJ9Gl/2rLH7RWjgoLe+OXJuMyZrx7n+1uCoH3Nu1TnIXtUQr9NAzQae99Z3Oy7uhypGLuw9HRwlefeK7DVBcjgNVDWA7FUN8ToNGGkA2Y2AZBs0UNUAslc1xOs0YKQBZDcCkm3QQFUDyF7VEK/TgJEGkN0ISLZBA1UNzCF7eP/VW5IHd/jqrYocr9NAzQbmeKgmdJz7lodqahbO4TRAAzcb4M7ORNBAIQ0geyGg2SYNIDszQAOFNIDshYBmmzSA7MwADRTSALIXAppt0gCyMwM0UEgDyF4IaLZJA8jODNBAIQ0geyGg2SYNIDszQAOFNPBfoqznqGAiKNMAAAAASUVORK5CYII="/>
+</defs>
+</svg>

package/lib/components/AccordionGridGroup/AccordionGridGroup.js

@@ -166,6 +166,10 @@ AccordionGridGroup.propTypes = {
   id: PropTypes.string,
   /** Props object that is spread directly into the root (top-level) element. */
   containerProps: PropTypes.shape({}),
+  /** The props object is directly spread into the accordion header element.
+   * Utilize the `customUpArrow` & `customDownArrow` keys to incorporate custom Up and Down arrows.
+   * */
+  headerProps: PropTypes.shape({}),
   /** Defines a string value that labels the current element. */
   'aria-label': PropTypes.string,
   /** Identifies the element (or elements) that labels the current element. */

package/lib/components/AccordionGridItem/AccordionGridItemHeader.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["item", "className", "children", "isSelected", "hasCaret", "navigationMode"];
+var _excluded = ["item", "className", "children", "isSelected", "hasCaret", "navigationMode", "customDownArrow", "customUpArrow"];
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
@@ -22,6 +22,8 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
     isSelected = props.isSelected,
     hasCaret = props.hasCaret,
     navigationMode = props.navigationMode,
+    customDownArrow = props.customDownArrow,
+    customUpArrow = props.customUpArrow,
     others = _objectWithoutProperties(props, _excluded);
   var _useAccordionGridCont = useAccordionGridContext(),
     state = _useAccordionGridCont.state;
@@ -74,6 +76,8 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
     mergedProps.tabIndex = 0;
     mergedProps.onKeyPress = handleKeyPress;
   }
+  var downArrow = customDownArrow || MenuDown;
+  var upArrow = customUpArrow || MenuUp;
   return ___EmotionJSX(Box, _extends({
     as: "div",
     ref: cellRef
@@ -93,7 +97,7 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
       mr: '0px'
     }
   }, ___EmotionJSX(Icon, {
-    icon: isSelected ? MenuUp : MenuDown,
+    icon: isSelected ? upArrow : downArrow,
     size: 20,
     title: {
       name: isSelected ? 'Menu Up Icon' : 'Menu Down Icon'
@@ -107,6 +111,8 @@ AccordionGridItemHeader.propTypes = {
   'aria-label': PropTypes.string,
   isSelected: PropTypes.bool,
   hasCaret: PropTypes.bool,
+  customDownArrow: PropTypes.node,
+  customUpArrow: PropTypes.node,
   item: PropTypes.shape({
     key: PropTypes.string,
     childNodes: PropTypes.arrayOf(PropTypes.shape({})),

package/lib/recipes/AccordionCard.stories.js

@@ -0,0 +1,238 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
+import { Item } from 'react-stately';
+import ChevronDownIcon from '@pingux/mdi-react/ChevronDownIcon';
+import ChevronUpIcon from '@pingux/mdi-react/ChevronUpIcon';
+import { textEllipsis } from '../components/Text/Text.styles';
+import { AccordionGridGroup, Box, Button, Image, Link, Separator, Text } from '../index';
+import ConfigureAdministratorSecurity from '../utils/devUtils/assets/accordionRecepi/ConfigureAdministratorSecurity.svg';
+import CreateAdministrator from '../utils/devUtils/assets/accordionRecepi/CreateAdministrator.svg';
+import InviteTeamMembers from '../utils/devUtils/assets/accordionRecepi/InviteTeamMembers.svg';
+import LaunchStartedExperience from '../utils/devUtils/assets/accordionRecepi/LaunchStartedExperience.svg';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export default {
+  title: 'Recipes/AccordionCard'
+};
+var accordionItemSX = {
+  itemContainer: {
+    boxShadow: '0px 1px 14px rgba(37, 55, 70, 0.15)',
+    borderRadius: '3px',
+    px: 'lg',
+    py: 'md',
+    my: 'md'
+  }
+};
+var headerSX = {
+  headerContainer: {
+    flexGrow: 1,
+    gap: 'xx',
+    alignItems: 'center',
+    whiteSpace: 'wrap'
+  },
+  headerImage: {
+    width: '70px',
+    minWidth: '70px'
+  },
+  headerTitle: _objectSpread({
+    fontSize: 'md',
+    fontWeight: 3
+  }, textEllipsis),
+  headerItemProps: {
+    sx: {
+      p: '0',
+      '&.is-hovered': {
+        backgroundColor: 'white'
+      }
+    }
+  }
+};
+var panelBodySX = {
+  panelBodyContainer: {
+    gap: 'lg',
+    alignItems: 'start',
+    pt: 'md'
+  },
+  panelBodyItemProps: {
+    sx: {
+      p: '0',
+      maxHeight: '0',
+      overflow: 'hidden',
+      transition: 'all 250ms ease',
+      display: 'flex !important',
+      '&.is-selected': {
+        maxHeight: '500px',
+        display: 'block !important'
+      }
+    }
+  }
+};
+var buttonSX = {
+  panelButton: {
+    width: 'fit-content',
+    mt: 'lg',
+    mb: 'sm'
+  }
+};
+var sx = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, accordionItemSX), headerSX), panelBodySX), buttonSX);
+var data = [{
+  title: 'Invite team members',
+  key: 'InviteTeam',
+  subtext: 'Invite your team members to access this environment.',
+  image: {
+    alt: 'Invite team members',
+    'aria-label': 'Invite team members',
+    src: InviteTeamMembers
+  },
+  body: {
+    children: ___EmotionJSX(Box, null, ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, "Add Admin User: "), "Access the Users page and select Invite Administrator."), ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, "Grant Roles: "), "Grant the appropriate roles to the administrator.", ___EmotionJSX(Link, {
+      href: "https://uilibrary.ping-eng.com/"
+    }, " Learn more")), ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, "Send Invitation: "), "Your team will receive invitations to verify their email and finalize their accounts."), ___EmotionJSX(Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Invite team member"))
+  }
+}, {
+  title: 'Configure administrator security',
+  key: 'ConfigureAdministrator',
+  subtext: 'Authenticate using PingOne or set up an external identity provider.',
+  image: {
+    alt: 'Configure administrator security',
+    'aria-label': 'Configure administrator security',
+    src: ConfigureAdministratorSecurity
+  },
+  body: {
+    children: ___EmotionJSX(Box, null, ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, "Review the default MFA settings for administrators in your organization or set up authentication for administrators using an external identity provider.", ___EmotionJSX(Link, {
+      href: "https://uilibrary.ping-eng.com/"
+    }, " Learn more")), ___EmotionJSX(Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Configure administrator security"))
+  }
+}, {
+  title: 'Create administrator groups and assign roles',
+  key: 'CreateAdministrator',
+  subtext: 'Create or synchronize groups to manage administrators and their permissions.',
+  image: {
+    alt: 'Create administrator groups and assign roles',
+    'aria-label': 'Create administrator groups and assign roles',
+    src: CreateAdministrator
+  },
+  body: {
+    children: ___EmotionJSX(Box, null, ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, " Create a group: "), "Access the groups page (Directory > Groups)"), ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, " Assign roles: "), "Click the Roles tab, and click Grant Roles. You can assign groups multiple roles.", ___EmotionJSX(Link, {
+      href: "https://uilibrary.ping-eng.com/"
+    }, " Learn more")), ___EmotionJSX(Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Create a group"))
+  }
+}, {
+  title: 'Launch the Getting Started experience for customers or workforce',
+  key: 'LaunchGetting',
+  subtext: 'Go to the Environments page to start building your customer or workforce use case.',
+  image: {
+    alt: 'Launch the Getting Started experience for customers or workforce',
+    'aria-label': 'Launch the Getting Started experience for customers or workforce',
+    src: LaunchStartedExperience
+  },
+  body: {
+    children: ___EmotionJSX(Box, null, ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, "Create Environment: "), "Create a new environment and complete the Getting Started experience for your customer or workforce use case."), ___EmotionJSX(Text, {
+      as: "p",
+      mb: "20px"
+    }, ___EmotionJSX("b", null, "Join Environment: "), "Return to the Environments page to view the environments in which you can access. Start or continue the Getting Started experience for your use case."), ___EmotionJSX(Button, {
+      variant: "default",
+      sx: sx.panelButton
+    }, "Return to Environments page"))
+  }
+}];
+var Header = function Header(props) {
+  var item = props.item;
+  return ___EmotionJSX(Box, {
+    isRow: true,
+    sx: sx.headerContainer
+  }, ___EmotionJSX(Image, {
+    src: item.image.src,
+    alt: item.image.alt,
+    "aria-label": item.image['aria-label'],
+    sx: sx.headerImage
+  }), ___EmotionJSX(Box, null, ___EmotionJSX(Text, {
+    sx: sx.headerTitle
+  }, item.title), ___EmotionJSX(Text, {
+    variant: "bodyWeak"
+  }, item.subtext)));
+};
+var Body = function Body(props) {
+  var item = props.item;
+  return ___EmotionJSX(Box, {
+    sx: sx.panelBodyContainer
+  }, ___EmotionJSX(Separator, {
+    sx: {
+      m: 0,
+      bg: 'neutral.90'
+    }
+  }), ___EmotionJSX(Box, {
+    ml: "135px"
+  }, item.body.children));
+};
+export var Default = function Default() {
+  return ___EmotionJSX(AccordionGridGroup, {
+    items: data
+  }, function (item) {
+    return ___EmotionJSX(Item, {
+      key: item.key,
+      textValue: item.text,
+      headerProps: _objectSpread({
+        customDownArrow: ChevronDownIcon,
+        customUpArrow: ChevronUpIcon
+      }, sx.headerItemProps),
+      bodyProps: _objectSpread({}, sx.panelBodyItemProps),
+      sx: sx.itemContainer
+    }, ___EmotionJSX(Header, {
+      item: item
+    }), ___EmotionJSX(Body, {
+      item: item
+    }));
+  });
+};
+
+// Added to bypass color contrast issue
+Default.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};

package/lib/utils/devUtils/assets/accordionRecepi/ConfigureAdministratorSecurity.svg

@@ -0,0 +1,19 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_183_19867)">
+<path d="M56.4974 59.9278C56.4974 60.6686 55.8969 61.269 55.1562 61.269C54.4155 61.269 53.815 60.6686 53.815 59.9278C53.815 59.1871 54.4155 58.5866 55.1562 58.5866C55.8969 58.5866 56.4974 59.1871 56.4974 59.9278Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.6224 28.0278H44.1865V64.5253H66.6224V38.8139H64.1024V55.1267H46.7065V30.5478H64.1024V33.3926H48.8975V35.9126H66.6224V28.0278ZM46.7065 57.6467V62.0053H64.1024V57.6467H46.7065Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.3148 12.1927H7.6246V18.5758H10.1446V14.7127H54.7948V25.5134H57.3148V12.1927ZM10.1446 44.4981V23.6485H7.6246V44.4981H4.27472V52.1368H41.9698V49.6168H6.79472V47.0181H41.9698V44.4981H10.1446Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.7516 21.9495L27.4967 38.4076L21.0243 31.8615L22.8163 30.0897L27.4958 34.8225L41.9586 20.1787L43.7516 21.9495Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.3378 43.1481L54.4353 51.1494L50.0909 47.1073L51.8075 45.2624L54.3612 47.6383L60.5449 41.3773L62.3378 43.1481Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.755371 58.3856L9.71537 58.3856L9.71537 60.9056L0.755371 60.9056L0.755371 58.3856Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M61.7954 5.74561L70.7554 5.74561L70.7554 8.26561L61.7954 8.26561L61.7954 5.74561Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M60.556 11.0727L65.036 11.0727L65.036 13.5927L60.556 13.5927L60.556 11.0727Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.71536 63.8456L18.6754 63.8456L18.6754 66.3656L9.71536 66.3656L9.71536 63.8456Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1922 58.3856H14.9922V60.9056H12.1922V58.3856Z" fill="#B3282D"/>
+</g>
+<defs>
+<clipPath id="clip0_183_19867">
+<rect width="70" height="70" fill="white" transform="translate(0.755371 0.545349)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/utils/devUtils/assets/accordionRecepi/CreateAdministrator.svg

@@ -0,0 +1,9 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.708496" y="0.67041" width="70" height="70" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_183_19865" transform="scale(0.00398406)"/>
+</pattern>
+<image id="image0_183_19865" width="251" height="251" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/lib/utils/devUtils/assets/accordionRecepi/InviteTeamMembers.svg

@@ -0,0 +1,16 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_183_19869)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.2485 14.5303H15.6885V24.7691H18.2085V17.0503H55.7285V38.7503H58.2485V14.5303ZM18.2085 29.7903H15.6885V56.8103H44.2655V54.2903H25.0573C25.3455 52.3579 26.1074 49.9462 27.5963 47.8891C29.4061 45.3885 32.3107 43.3703 36.9496 43.3703C40.5952 43.3703 43.7234 45.2978 44.8359 46.0001L46.1811 43.8692C45.0537 43.1574 41.3829 40.8503 36.9496 40.8503C31.4358 40.8503 27.7982 43.3121 25.5549 46.4116C23.6937 48.9831 22.8078 51.963 22.5139 54.2903H18.2085V29.7903ZM36.9004 23.9673C35.7076 23.9673 34.5416 24.321 33.5499 24.9837C32.5581 25.6464 31.7851 26.5883 31.3286 27.6903C30.8722 28.7923 30.7528 30.0049 30.9855 31.1747C31.2182 32.3446 31.7925 33.4192 32.636 34.2626C33.4794 35.1061 34.554 35.6805 35.7239 35.9132C36.8938 36.1459 38.1064 36.0264 39.2084 35.57C40.3104 35.1135 41.2522 34.3405 41.9149 33.3488C42.5776 32.357 42.9313 31.191 42.9313 29.9982C42.9313 28.3987 42.2959 26.8647 41.1649 25.7337C40.0339 24.6027 38.4999 23.9673 36.9004 23.9673ZM32.1498 22.8884C33.556 21.9488 35.2092 21.4473 36.9004 21.4473C39.1683 21.4473 41.3432 22.3482 42.9468 23.9518C44.5504 25.5554 45.4513 27.7303 45.4513 29.9982C45.4513 31.6894 44.9498 33.3426 44.0102 34.7488C43.0706 36.155 41.7352 37.251 40.1727 37.8982C38.6103 38.5453 36.891 38.7147 35.2323 38.3847C33.5735 38.0548 32.0499 37.2404 30.8541 36.0446C29.6582 34.8487 28.8438 33.3251 28.5139 31.6664C28.1839 30.0077 28.3533 28.2884 29.0005 26.7259C29.6477 25.1634 30.7437 23.828 32.1498 22.8884Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65.7704 42.0992L53.2039 54.8228L47.9266 49.4855L49.7186 47.7137L53.2029 51.2377L63.9774 40.3284L65.7704 42.0992Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.06848 22.0903H12.4685V24.6103H4.06848V22.0903Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.8685 50.3704H67.0685V52.8904H62.8685V50.3704Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.9485 55.6903H70.7085V58.2103H58.9485V55.6903Z" fill="#B3282D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.708496 16.3503H5.4685V19.1503H0.708496V16.3503Z" fill="#051727"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26849 16.3503H11.0685V19.1503H8.26849V16.3503Z" fill="#051727"/>
+</g>
+<defs>
+<clipPath id="clip0_183_19869">
+<rect width="70" height="70" fill="white" transform="translate(0.708496 0.670349)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/utils/devUtils/assets/accordionRecepi/LaunchStartedExperience.svg

@@ -0,0 +1,9 @@
+<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.708496" y="0.159912" width="70" height="70" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_183_19866" transform="scale(0.00398406)"/>
+</pattern>
+<image id="image0_183_19866" width="251" height="251" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.61.0",
+  "version": "2.62.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",