@pingux/astro 2.121.0-alpha.1 → 2.121.0

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

@@ -431,6 +431,11 @@ declare const _default: {
             backgroundColor: string;
         };
     };
+    footer: {
+        container: {
+            backgroundColor: string;
+        };
+    };
     dataTable: {
         selectableTableRow: {
             '&.is-selected': {

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

@@ -7,6 +7,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _avatar = require("./avatar");
+var _footer = require("./footer");
 var _iconBadge = _interopRequireDefault(require("./iconBadge"));
 var _listview = require("./listview");
 var _menu = require("./menu");
@@ -83,6 +84,7 @@ var _default = {
   tab: tab,
   iconBadge: _iconBadge["default"],
   skeleton: _skeleton["default"],
+  footer: _footer.footer,
   dataTable: {
     selectableTableRow: {
       '&.is-selected': {

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

@@ -23,7 +23,7 @@ var astroBlacklistStory = {
   NavBar: ['Onyx Default']
 };
 exports.astroBlacklistStory = astroBlacklistStory;
-var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input'];
+var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer'];
 exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;

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

@@ -2071,6 +2071,27 @@ declare const _default: {
                 outlineColor: string;
             };
         };
+        copyRightLink: {
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
+        footerEALink: {
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
+        footerLink: {
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
     };
     cards: {
         interactive: {
@@ -3194,6 +3215,37 @@ declare const _default: {
                 };
             };
         };
+        footer: {
+            container: {
+                fontFamily: string;
+                justifyContent: string;
+                backgroundColor: string;
+            };
+            wrapper: {
+                px: string[];
+                py: string;
+                maxWidth: string;
+                mx: string;
+                width: string;
+                flexDirection: string[];
+                justifyContent: string;
+                alignItems: string;
+            };
+            footerLeftSection: {
+                columnGap: string;
+                flexDirection: string[];
+            };
+            footerNav: {
+                listStyle: string;
+                margin: string;
+                padding: string;
+                alignItems: string;
+                justifyContent: string[];
+                gap: string;
+                flexWrap: string;
+                my: string;
+            };
+        };
         loader: {
             withinListView: {
                 color: string;

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

@@ -1,3 +1,8 @@
+export declare const defaultFocus: {
+    outline: string;
+    outlineColor: string;
+    outlineOffset: string;
+};
 declare const buttons: {
     neutral: {
         '&.is-pressed': {

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

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.defaultFocus = exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _codeView = require("../codeView/codeView");
@@ -29,6 +29,7 @@ var defaultFocus = {
   outlineColor: 'active',
   outlineOffset: '3px'
 };
+exports.defaultFocus = defaultFocus;
 var buttonBase = _objectSpread(_objectSpread({}, transitions), {}, {
   alignItems: 'center',
   justifyContent: 'center',

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

@@ -0,0 +1,31 @@
+export declare const footer: {
+    container: {
+        fontFamily: string;
+        justifyContent: string;
+        backgroundColor: string;
+    };
+    wrapper: {
+        px: string[];
+        py: string;
+        maxWidth: string;
+        mx: string;
+        width: string;
+        flexDirection: string[];
+        justifyContent: string;
+        alignItems: string;
+    };
+    footerLeftSection: {
+        columnGap: string;
+        flexDirection: string[];
+    };
+    footerNav: {
+        listStyle: string;
+        margin: string;
+        padding: string;
+        alignItems: string;
+        justifyContent: string[];
+        gap: string;
+        flexWrap: string;
+        my: string;
+    };
+};

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.footer = void 0;
+var container = {
+  fontFamily: 'standard',
+  justifyContent: 'center',
+  backgroundColor: 'gray-800'
+};
+var wrapper = {
+  px: ['1.5rem', '1.5rem', '1.5rem', '3rem', '3rem', '3rem'],
+  py: 'sm',
+  maxWidth: '1540px',
+  mx: 'auto',
+  width: '100%',
+  flexDirection: ['column', 'column', 'column', 'column', 'column', 'row'],
+  justifyContent: 'space-between',
+  alignItems: 'center'
+};
+var footerLeftSection = {
+  columnGap: 'sm',
+  flexDirection: ['column', 'column', 'column', 'column', 'column', 'row']
+};
+var footerNav = {
+  listStyle: 'none',
+  margin: '0',
+  padding: '0',
+  alignItems: 'center',
+  justifyContent: ['center', 'center', 'center', 'center', 'center', 'flex-end'],
+  gap: 'xs',
+  flexWrap: 'wrap',
+  my: 'sm'
+};
+var footer = {
+  container: container,
+  wrapper: wrapper,
+  footerLeftSection: footerLeftSection,
+  footerNav: footerNav
+};
+exports.footer = footer;

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

@@ -238,5 +238,26 @@ declare const _default: {
             outlineColor: string;
         };
     };
+    copyRightLink: {
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
+    footerEALink: {
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
+    footerLink: {
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
 };
 export default _default;

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 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");
@@ -8,13 +9,16 @@ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/in
 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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 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 _button = _interopRequireDefault(require("./button"));
+var _button = _interopRequireWildcard(require("./button"));
+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; }
 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 navBarFocus = {
@@ -79,6 +83,15 @@ var navBarLogoLink = {
   py: 'sm',
   '&.is-focused': _objectSpread({}, navBarFocus)
 };
+var copyRightLink = {
+  '&.is-focused': _objectSpread({}, _button.defaultFocus)
+};
+var footerLink = {
+  '&.is-focused': _objectSpread({}, _button.defaultFocus)
+};
+var footerEALink = {
+  '&.is-focused': _objectSpread({}, _button.defaultFocus)
+};
 var _default = {
   nextGen: nextGen,
   onyx: onyx,
@@ -87,6 +100,9 @@ var _default = {
   footerHeader: footerHeader,
   button: button,
   primaryButton: primaryButton,
-  navBarLogoLink: navBarLogoLink
+  navBarLogoLink: navBarLogoLink,
+  copyRightLink: copyRightLink,
+  footerEALink: footerEALink,
+  footerLink: footerLink
 };
 exports["default"] = _default;

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

@@ -1215,6 +1215,37 @@ declare const _default: {
             };
         };
     };
+    footer: {
+        container: {
+            fontFamily: string;
+            justifyContent: string;
+            backgroundColor: string;
+        };
+        wrapper: {
+            px: string[];
+            py: string;
+            maxWidth: string;
+            mx: string;
+            width: string;
+            flexDirection: string[];
+            justifyContent: string;
+            alignItems: string;
+        };
+        footerLeftSection: {
+            columnGap: string;
+            flexDirection: string[];
+        };
+        footerNav: {
+            listStyle: string;
+            margin: string;
+            padding: string;
+            alignItems: string;
+            justifyContent: string[];
+            gap: string;
+            flexWrap: string;
+            my: string;
+        };
+    };
     loader: {
         withinListView: {
             color: string;

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

@@ -20,6 +20,7 @@ var _codeView = _interopRequireDefault(require("../codeView/codeView"));
 var _avatar = require("./avatar");
 var _button = _interopRequireDefault(require("./button"));
 var _dataTable = require("./dataTable");
+var _footer = require("./footer");
 var _iconWrapper = _interopRequireDefault(require("./iconWrapper"));
 var _listview = require("./listview");
 var _menu = require("./menu");
@@ -333,6 +334,7 @@ var _default = {
   suggestion: _suggestion["default"],
   response: _response["default"],
   skeleton: _Skeleton["default"],
+  footer: _footer.footer,
   loader: loader
 };
 exports["default"] = _default;

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

@@ -30,6 +30,7 @@ var _CopyText = _interopRequireDefault(require("../../components/CopyText/CopyTe
 var _DataTable = _interopRequireDefault(require("../../components/DataTable/DataTable.styles"));
 var _EnvironmentalBreadcrumb = _interopRequireDefault(require("../../components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles"));
 var _FieldHelperText = _interopRequireDefault(require("../../components/FieldHelperText/FieldHelperText.styles"));
+var _Footer = _interopRequireDefault(require("../../components/Footer/Footer.styles"));
 var _HelpHint = _interopRequireDefault(require("../../components/HelpHint/HelpHint.styles"));
 var _imageUpload = _interopRequireDefault(require("../../components/ImageUploadField/imageUpload"));
 var _ListBox = _interopRequireDefault(require("../../components/ListBox/ListBox.styles"));
@@ -82,6 +83,7 @@ var _default = _objectSpread({
   dataTable: _DataTable["default"],
   environmentBreadcrumb: _EnvironmentalBreadcrumb["default"],
   fieldHelperText: _FieldHelperText["default"],
+  footer: _Footer["default"],
   helpHint: _HelpHint["default"],
   imageUpload: _imageUpload["default"],
   listBox: _ListBox["default"],

package/lib/cjs/types/footer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BoxProps } from './box';
+import { LinkProps } from './link';
+export type FooterProps = BoxProps;
+export interface FooterLinkProps extends BoxProps {
+    children?: React.ReactNode;
+}
+export interface CopyrightTextProps extends BoxProps {
+    linkProps?: LinkProps;
+    children?: React.ReactNode;
+}

package/lib/cjs/types/footer.js

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

package/lib/cjs/types/index.d.ts

@@ -15,6 +15,7 @@ export * from './copyText';
 export * from './dataTable';
 export * from './environmentBreadcrumb';
 export * from './fieldHelperText';
+export * from './footer';
 export * from './grid';
 export * from './helpHint';
 export * from './icon';