@pingux/astro 2.121.0-alpha.0 → 2.121.0-alpha.2

package/lib/cjs/components/Footer/CopyrightText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CopyrightTextProps } from '../../types';
+declare const CopyrightText: (props: CopyrightTextProps) => React.JSX.Element;
+export default CopyrightText;

package/lib/cjs/components/Footer/CopyrightText.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _react2 = require("@emotion/react");
+var _excluded = ["children", "linkProps"];
+var CopyrightText = function CopyrightText(props) {
+  var children = props.children,
+    linkProps = props.linkProps,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var year = new Date().getFullYear();
+  return (0, _react2.jsx)(_.Text, (0, _extends2["default"])({
+    variant: "text.copyRightText"
+  }, others), "Copyright \xA9", " ".concat(year, " "), linkProps && (0, _react2.jsx)(_.Link, (0, _extends2["default"])({
+    href: "#",
+    variant: "copyRightLink"
+  }, linkProps)), children, ". All rights reserved.");
+};
+var _default = CopyrightText;
+exports["default"] = _default;

package/lib/cjs/components/Footer/Footer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Footer: React.ForwardRefExoticComponent<import("../..").BoxProps & React.RefAttributes<HTMLElement>>;
+export default Footer;

package/lib/cjs/components/Footer/Footer.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _hooks = require("../../hooks");
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+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 Footer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var footerRef = (0, _hooks.useLocalOrForwardRef)(ref);
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+    isRow: true,
+    as: "footer",
+    ref: footerRef,
+    variant: "footer.container"
+  }, others), (0, _react2.jsx)(_.Box, {
+    variant: "footer.wrapper"
+  }, children));
+});
+var _default = Footer;
+exports["default"] = _default;

package/lib/cjs/components/Footer/Footer.mdx

@@ -0,0 +1,30 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Experimental/Footer/Footer" />
+
+# Footer
+
+The Footer component is primarily to navigate legal and social links.
+This component is built to have the CopyrightText, FooterNav component passed into it. Inside the FooterNav, the FooterNavItem is passed.
+
+### Required Components
+
+This component requires these components:
+- CopyrightText
+- FooterNav
+- FooterNavItem
+
+#### Keyboard Navigation
+
+These keys provide additional functionality to the component.
+
+| Key | Functions |
+| ---- | ---- |
+| Tab | All of the content in the Footer is focusable. |
+| Shift + Tab | Moves focus to the previous focusable component. |
+
+#### Screen readers
+
+This component uses the following attributes to assist screen readers:
+- Each Link component uses the **`aria-label`** attribute to provide an accessible name.
+- The Icon uses the **`aria-hidden`** attribute to hide its content from assistive technology.

package/lib/cjs/components/Footer/Footer.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+import { FooterProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<FooterProps>;

package/lib/cjs/components/Footer/Footer.stories.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _react = _interopRequireDefault(require("react"));
+var _freeBrandsSvgIcons = require("@fortawesome/free-brands-svg-icons");
+var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _storybookAddonDesigns = require("storybook-addon-designs");
+var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
+var _ = require("../..");
+var _images = require("../../utils/devUtils/constants/images");
+var _Footer = _interopRequireDefault(require("./Footer.mdx"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Experimental/Footer',
+  component: _.Footer,
+  decorators: [_storybookAddonDesigns.withDesign],
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      page: function page() {
+        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Footer["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
+      }
+    }
+  }
+};
+exports["default"] = _default;
+var legalLinks = [{
+  key: 'Legal',
+  text: 'Legal',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en/legal.html',
+    'aria-label': 'Legal'
+  }
+}, {
+  key: 'Privacy',
+  text: 'Privacy',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en-us/docs/legal/privacy',
+    'aria-label': 'Privacy'
+  }
+}, {
+  key: 'Security',
+  text: 'Security',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en/company/security-at-ping-identity.html',
+    'aria-label': 'Security'
+  }
+}];
+var socialLinks = [{
+  key: 'twitter',
+  iconClass: _freeBrandsSvgIcons.fab.faXTwitter,
+  linkProps: {
+    href: 'https://twitter.com/pingidentity',
+    'aria-label': 'Connect with us via X Social Media'
+  }
+}, {
+  key: 'linkedin',
+  iconClass: _freeBrandsSvgIcons.fab.faLinkedinIn,
+  linkProps: {
+    href: 'https://www.linkedin.com/company/ping-identity',
+    'aria-label': 'Connect with us via LinkedIn'
+  }
+}, {
+  key: 'facebook',
+  iconClass: _freeBrandsSvgIcons.fab.faFacebookF,
+  linkProps: {
+    href: 'https://www.facebook.com/pingidentitypage',
+    'aria-label': 'Connect with us via Facebook'
+  }
+}, {
+  key: 'youtube',
+  iconClass: _freeBrandsSvgIcons.fab.faYoutube,
+  linkProps: {
+    href: 'https://www.youtube.com/user/pingidentitytv',
+    'aria-label': 'Connect with us via YouTube'
+  }
+}, {
+  key: 'github',
+  iconClass: _freeBrandsSvgIcons.fab.faGithub,
+  linkProps: {
+    href: 'https://github.com/pingidentity',
+    'aria-label': 'Connect with us via Github'
+  }
+}, {
+  key: 'mail',
+  iconClass: _freeRegularSvgIcons.far.faEnvelope,
+  linkProps: {
+    href: 'https://4.pingidentity.com/PreferenceCenter.html',
+    'aria-label': 'Connect with us via Mail'
+  }
+}, {
+  key: 'instagram',
+  iconClass: _freeBrandsSvgIcons.fab.faInstagram,
+  linkProps: {
+    href: 'https://www.instagram.com/pingidentity',
+    'aria-label': 'Connect with us via Instagram'
+  }
+}];
+var Default = function Default(args) {
+  return (
+    // This Box is used to prevent the Footer from being cut off in the Storybook preview
+    (0, _react2.jsx)(_.Box, {
+      overflow: "hidden"
+    }, (0, _react2.jsx)(_.Footer, args, (0, _react2.jsx)(_.Box, {
+      alignItems: "center",
+      justifyContent: "flex-start",
+      variant: "footer.footerLeftSection",
+      flex: "1 0 auto"
+    }, (0, _react2.jsx)(_.CopyrightText, {
+      linkProps: {
+        href: 'https://www.pingidentity.com',
+        children: 'Ping Identity'
+      }
+    }), (0, _react2.jsx)(_.Link, {
+      variant: "footerEALink",
+      href: "https://www.levelaccess.com/a/pingidentity"
+    }, (0, _react2.jsx)(_.Image, {
+      src: _images.eAIcon,
+      alt: "Essential Accessibility Icon"
+    })), (0, _react2.jsx)(_.FooterNav, null, (0, _map["default"])(legalLinks).call(legalLinks, function (link) {
+      return (0, _react2.jsx)(_.FooterNavItem, {
+        key: link.key
+      }, (0, _react2.jsx)(_.Link, (0, _extends2["default"])({
+        variant: "footerLink"
+      }, link.linkProps), link.text));
+    }))), (0, _react2.jsx)(_.Box, {
+      flex: "1 0 auto"
+    }, (0, _react2.jsx)(_.FooterNav, null, (0, _map["default"])(socialLinks).call(socialLinks, function (link) {
+      return (0, _react2.jsx)(_.FooterNavItem, {
+        key: link.key
+      }, (0, _react2.jsx)(_.Link, (0, _extends2["default"])({
+        variant: "footerLink"
+      }, link.linkProps), (0, _react2.jsx)(_reactFontawesome.FontAwesomeIcon, {
+        icon: link.iconClass,
+        size: "lg"
+      })));
+    })))))
+  );
+};
+exports.Default = Default;

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

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

package/lib/cjs/components/Footer/Footer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/Footer/Footer.test.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _ = require("../..");
+var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
+var _2 = _interopRequireWildcard(require("."));
+var _react3 = require("@emotion/react");
+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 legalLinks = [{
+  key: 'Legal',
+  text: 'Legal',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en/legal.html',
+    'aria-label': 'Legal'
+  }
+}, {
+  key: 'Privacy',
+  text: 'Privacy',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en-us/docs/legal/privacy',
+    'aria-label': 'Privacy'
+  }
+}, {
+  key: 'Security',
+  text: 'Security',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en/company/security-at-ping-identity.html',
+    'aria-label': 'Security'
+  }
+}, {
+  key: 'SMS Campaigns',
+  text: 'SMS Campaigns',
+  linkProps: {
+    href: 'https://www.pingidentity.com/en/legal/pingmfa-campaign-terms-of-service.html',
+    'aria-label': 'SMS Campaigns'
+  }
+}];
+var testId = 'test-footer';
+var org = 'Ping Identity';
+var year = new Date().getFullYear();
+var defaultProps = {
+  'data-testid': testId
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _react2.render)((0, _react3.jsx)(_2["default"], (0, _extends2["default"])({}, props, defaultProps), (0, _react3.jsx)(_2.CopyrightText, {
+    linkProps: {
+      href: '#',
+      children: org
+    }
+  }), (0, _react3.jsx)(_2.FooterNav, null, (0, _map["default"])(legalLinks).call(legalLinks, function (link) {
+    return (0, _react3.jsx)(_2.FooterNavItem, {
+      key: link.key
+    }, (0, _react3.jsx)(_.Link, (0, _extends2["default"])({
+      variant: "footerLink"
+    }, link.linkProps), link.text));
+  }))));
+};
+
+// Needs to be added to each components test file
+(0, _universalComponentTest.universalComponentTests)({
+  renderComponent: function renderComponent(props) {
+    return (0, _react3.jsx)(_2["default"], props, (0, _react3.jsx)(_2.CopyrightText, {
+      linkProps: {
+        href: '#',
+        children: org
+      }
+    }), (0, _react3.jsx)(_2.FooterNav, null, (0, _map["default"])(legalLinks).call(legalLinks, function (link) {
+      return (0, _react3.jsx)(_2.FooterNavItem, {
+        key: link.key
+      }, (0, _react3.jsx)(_.Link, (0, _extends2["default"])({
+        variant: "footerLink"
+      }, link.linkProps), link.text));
+    })));
+  }
+});
+test('default Footer', function () {
+  getComponent();
+  var footer = _react2.screen.getByTestId(testId);
+  expect(footer).toBeInTheDocument();
+  expect(footer).toBeInstanceOf(HTMLElement);
+  expect(footer.tagName).toBe('FOOTER');
+});
+test('Footer have copyright text and year', function () {
+  getComponent();
+  var copyRightText = _react2.screen.getByText(org);
+  expect(copyRightText).toBeInstanceOf(HTMLAnchorElement);
+  expect(copyRightText).toHaveAttribute('href', '#');
+  var footer = _react2.screen.getByTestId(testId);
+  expect(footer).toHaveTextContent("".concat(year));
+});
+test('Footer have legal links', function () {
+  getComponent();
+  (0, _forEach["default"])(legalLinks).call(legalLinks, function (link) {
+    var legalLink = _react2.screen.getByText(link.text);
+    expect(legalLink).toBeInstanceOf(HTMLAnchorElement);
+    expect(legalLink).toHaveAttribute('href', link.linkProps.href);
+  });
+});

package/lib/cjs/components/Footer/FooterNav.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FooterLinkProps } from '../../types';
+declare const FooterNav: (props: FooterLinkProps) => React.JSX.Element;
+export default FooterNav;

package/lib/cjs/components/Footer/FooterNav.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+var FooterNav = function FooterNav(props) {
+  var children = props.children,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+    as: "ul",
+    isRow: true,
+    variant: "footer.footerNav"
+  }, others), children);
+};
+var _default = FooterNav;
+exports["default"] = _default;

package/lib/cjs/components/Footer/FooterNavItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface FooterLinkItemProps {
+    children?: React.ReactNode;
+}
+declare const FooterNavItem: (props: FooterLinkItemProps) => React.JSX.Element;
+export default FooterNavItem;

package/lib/cjs/components/Footer/FooterNavItem.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+var FooterNavItem = function FooterNavItem(props) {
+  var children = props.children,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+    as: "li"
+  }, others), children);
+};
+var _default = FooterNavItem;
+exports["default"] = _default;

package/lib/cjs/components/Footer/index.d.ts

@@ -0,0 +1,4 @@
+export { default as CopyrightText } from './CopyrightText';
+export { default } from './Footer';
+export { default as FooterNav } from './FooterNav';
+export { default as FooterNavItem } from './FooterNavItem';

package/lib/cjs/components/Footer/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "CopyrightText", {
+  enumerable: true,
+  get: function get() {
+    return _CopyrightText["default"];
+  }
+});
+_Object$defineProperty(exports, "FooterNav", {
+  enumerable: true,
+  get: function get() {
+    return _FooterNav["default"];
+  }
+});
+_Object$defineProperty(exports, "FooterNavItem", {
+  enumerable: true,
+  get: function get() {
+    return _FooterNavItem["default"];
+  }
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Footer["default"];
+  }
+});
+var _CopyrightText = _interopRequireDefault(require("./CopyrightText"));
+var _Footer = _interopRequireDefault(require("./Footer"));
+var _FooterNav = _interopRequireDefault(require("./FooterNav"));
+var _FooterNavItem = _interopRequireDefault(require("./FooterNavItem"));

package/lib/cjs/components/Footer/stories/FooterNextGenComponent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FooterNextGenComponent: () => React.JSX.Element;

package/lib/cjs/components/Footer/stories/FooterNextGenComponent.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FooterNextGenComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _react = _interopRequireDefault(require("react"));
+var _freeBrandsSvgIcons = require("@fortawesome/free-brands-svg-icons");
+var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _ = require("../../..");
+var _images = require("../../../utils/devUtils/constants/images");
+var _react2 = require("@emotion/react");
+var FooterNextGenComponent = function FooterNextGenComponent() {
+  var legalLinks = [{
+    key: 'Legal',
+    text: 'Legal',
+    linkProps: {
+      href: 'https://www.pingidentity.com/en/legal.html',
+      'aria-label': 'Legal'
+    }
+  }, {
+    key: 'Privacy',
+    text: 'Privacy',
+    linkProps: {
+      href: 'https://www.pingidentity.com/en-us/docs/legal/privacy',
+      'aria-label': 'Privacy'
+    }
+  }, {
+    key: 'Security',
+    text: 'Security',
+    linkProps: {
+      href: 'https://www.pingidentity.com/en/company/security-at-ping-identity.html',
+      'aria-label': 'Security'
+    }
+  }];
+  var socialLinks = [{
+    key: 'twitter',
+    iconClass: _freeBrandsSvgIcons.fab.faXTwitter,
+    linkProps: {
+      href: 'https://twitter.com/pingidentity',
+      'aria-label': 'Connect with us via X Social Media'
+    }
+  }, {
+    key: 'linkedin',
+    iconClass: _freeBrandsSvgIcons.fab.faLinkedinIn,
+    linkProps: {
+      href: 'https://www.linkedin.com/company/ping-identity',
+      'aria-label': 'Connect with us via LinkedIn'
+    }
+  }, {
+    key: 'facebook',
+    iconClass: _freeBrandsSvgIcons.fab.faFacebookF,
+    linkProps: {
+      href: 'https://www.facebook.com/pingidentitypage',
+      'aria-label': 'Connect with us via Facebook'
+    }
+  }, {
+    key: 'youtube',
+    iconClass: _freeBrandsSvgIcons.fab.faYoutube,
+    linkProps: {
+      href: 'https://www.youtube.com/user/pingidentitytv',
+      'aria-label': 'Connect with us via YouTube'
+    }
+  }, {
+    key: 'github',
+    iconClass: _freeBrandsSvgIcons.fab.faGithub,
+    linkProps: {
+      href: 'https://github.com/pingidentity',
+      'aria-label': 'Connect with us via Github'
+    }
+  }, {
+    key: 'mail',
+    iconClass: _freeRegularSvgIcons.far.faEnvelope,
+    linkProps: {
+      href: 'https://4.pingidentity.com/PreferenceCenter.html',
+      'aria-label': 'Connect with us via Mail'
+    }
+  }, {
+    key: 'instagram',
+    iconClass: _freeBrandsSvgIcons.fab.faInstagram,
+    linkProps: {
+      href: 'https://www.instagram.com/pingidentity',
+      'aria-label': 'Connect with us via Instagram'
+    }
+  }];
+  return (0, _react2.jsx)(_.Footer, null, (0, _react2.jsx)(_.Box, {
+    alignItems: "center",
+    justifyContent: "flex-start",
+    variant: "footer.footerLeftSection",
+    flex: "1 0 auto"
+  }, (0, _react2.jsx)(_.CopyrightText, {
+    linkProps: {
+      href: 'https://www.pingidentity.com',
+      children: 'Ping Identity'
+    }
+  }), (0, _react2.jsx)(_.Link, {
+    variant: "footerEALink",
+    href: "https://www.levelaccess.com/a/pingidentity"
+  }, (0, _react2.jsx)(_.Image, {
+    src: _images.eAIcon,
+    alt: "Essential Accessibility Icon"
+  })), (0, _react2.jsx)(_.FooterNav, null, (0, _map["default"])(legalLinks).call(legalLinks, function (link) {
+    return (0, _react2.jsx)(_.FooterNavItem, {
+      key: link.key
+    }, (0, _react2.jsx)(_.Link, (0, _extends2["default"])({
+      variant: "footerLink"
+    }, link.linkProps), link.text));
+  }))), (0, _react2.jsx)(_.Box, {
+    flex: "1 0 auto"
+  }, (0, _react2.jsx)(_.FooterNav, null, (0, _map["default"])(socialLinks).call(socialLinks, function (link) {
+    return (0, _react2.jsx)(_.FooterNavItem, {
+      key: link.key
+    }, (0, _react2.jsx)(_.Link, (0, _extends2["default"])({
+      variant: "footerLink"
+    }, link.linkProps), (0, _react2.jsx)(_reactFontawesome.FontAwesomeIcon, {
+      icon: link.iconClass,
+      size: "lg"
+    })));
+  }))));
+};
+exports.FooterNextGenComponent = FooterNextGenComponent;

package/lib/cjs/{recipes/NextGen/ListViewNextGen.stories.js → components/Footer/stories/NextGenDarkFooterStory.chomatic.stories.js}

@@ -7,17 +7,16 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _index = require("../../index");
-var _ListViewNextGenComponent = require("../../styles/themes/next-gen/stories/ListViewNextGenComponent");
+var _ = require("../../..");
+var _FooterNextGenComponent = require("./FooterNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Onyx Recipes/ListView'
+  title: 'Chromatic Only Onyx Dark Footer'
 };
 exports["default"] = _default;
 var Default = function Default() {
-  return (0, _react2.jsx)(_index.Box, {
-    backgroundColor: "background.base",
-    p: "lg"
-  }, (0, _react2.jsx)(_ListViewNextGenComponent.ListViewNextGen, null));
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenDarkTheme]
+  }, (0, _react2.jsx)(_FooterNextGenComponent.FooterNextGenComponent, null));
 };
 exports.Default = Default;