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

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

@@ -50,6 +50,8 @@ declare const _default: {
                 red: string;
                 yellow: string;
                 teal: string;
+                blue: string;
+                indigo: string;
                 lightBlue: string;
                 lightPink: string;
                 lightGreen: string;
@@ -65,6 +67,8 @@ declare const _default: {
                 red: string;
                 yellow: string;
                 teal: string;
+                blue: string;
+                indigo: string;
                 lightBlue: string;
                 lightPink: string;
                 lightGreen: string;
@@ -1012,6 +1016,30 @@ declare const _default: {
                     backgroundColor: string;
                 };
             };
+            searchClearButton: {
+                border: string;
+                '&.is-hovered': {
+                    bg: string;
+                };
+                '&.is-pressed': {
+                    bg: string;
+                };
+                position: string;
+                right: number;
+                cursor: string;
+                transition: string;
+                outline: string;
+                borderRadius: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+            };
         };
         modalCloseButton: {
             position: string;
@@ -1324,14 +1352,26 @@ declare const _default: {
             lineHeight: string;
         };
         listViewItemText: {
+            fontFamily: string;
             color: string;
             fontWeight: number;
+            mb: string;
+            fontSize: string;
         };
-        small: {
+        listViewItemSubtext: {
             fontSize: string;
+            lineHeight: string;
             color: string;
+        };
+        itemTitle: {
+            fontWeight: number;
+            color: string;
+        };
+        small: {
+            fontSize: string;
             fontFamily: string;
             lineHeight: string;
+            color: string;
         };
         response: {
             color: string;
@@ -2031,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: {
@@ -2544,12 +2605,14 @@ declare const _default: {
         };
         listViewItem: {
             rightOfData: {
-                flexShrink: number;
                 whiteSpace: string;
             };
             iconContainer: {
                 ml: string;
             };
+            imageWrapper: {
+                ml: string;
+            };
             styledListItem: {
                 bg: string;
                 '&.is-selected': {
@@ -2567,10 +2630,19 @@ declare const _default: {
                     boxShadow: string;
                     bg: string;
                 };
+                '&.is-first-item': {
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                };
+                '&.is-last-item': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                    '&.has-separator': {
+                        border: string;
+                    };
+                };
             };
             styledContainer: {
-                py: string;
-                px: string;
                 bg: string;
                 '&.is-hovered': {
                     bg: string;
@@ -2578,17 +2650,58 @@ declare const _default: {
                 };
             };
             expandableStyledListItem: {
-                pr: string;
-                pl: number;
+                px: string;
+                bg: string;
+                '&.is-first-item': {
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                };
+                '&.is-last-item': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                    '&.is-hovered, &.is-expanded': {
+                        borderBottomLeftRadius: string;
+                        borderBottomRightRadius: string;
+                    };
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                '&.is-selected': {
+                    bg: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                    bg: string;
+                };
             };
             expandableItemBody: {
                 px: string;
+                outline: string;
+                '&.is-last-item-body': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                };
             };
             expandableRow: {
                 '&.has-separator': {
                     borderBottom: string;
                     borderBottomColor: string;
                 };
+                '&.has-separator.is-last-row': {
+                    border: string;
+                };
+            };
+            editIcon: {
+                width: string;
+                height: string;
+            };
+            menuIcon: {
+                width: string;
+                height: string;
             };
         };
         progressBar: {
@@ -2609,18 +2722,26 @@ declare const _default: {
                 borderRadius: string;
                 border: string;
                 borderColor: string;
-                '& > div > div': {
-                    '& > div:first-of-type': {
-                        '& > div > div': {
-                            borderRadius: string;
-                        };
-                    };
-                    '& > div:last-of-type': {
-                        '& > div > div': {
-                            borderRadius: string;
-                        };
-                    };
-                };
+            };
+        };
+        lisViewItemChart: {
+            title: {
+                color: string;
+            };
+            count: {
+                color: string;
+            };
+            countLabel: {
+                color: string;
+            };
+            chartLabel: {
+                color: string;
+            };
+            trend: {
+                color: string;
+            };
+            chartButton: {
+                color: string;
             };
         };
         dataTable: {
@@ -3094,6 +3215,42 @@ 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;
+            };
+        };
     };
     images: {
         avatar: {};

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': {
@@ -769,6 +774,30 @@ declare const buttons: {
                 backgroundColor: string;
             };
         };
+        searchClearButton: {
+            border: string;
+            '&.is-hovered': {
+                bg: string;
+            };
+            '&.is-pressed': {
+                bg: string;
+            };
+            position: string;
+            right: number;
+            cursor: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
     };
     modalCloseButton: {
         position: string;

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',
@@ -341,7 +342,18 @@ var iconButtons = {
     '&.is-disabled': {
       backgroundColor: 'gray-300'
     }
-  }
+  },
+  searchClearButton: _objectSpread(_objectSpread({}, baseIconButton), {}, {
+    border: 'none',
+    '&.is-hovered': {
+      bg: 'background.hover'
+    },
+    '&.is-pressed': {
+      bg: 'background.hover'
+    },
+    position: 'absolute',
+    right: 10
+  })
 };
 var buttons = {
   neutral: neutral,

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/listview.d.ts

@@ -1,11 +1,15 @@
+export declare const focusBoxShadow = "0 0 0 3px inset #1a73e8";
+export declare const borderRadius = "16px";
 export declare const listViewItem: {
     rightOfData: {
-        flexShrink: number;
         whiteSpace: string;
     };
     iconContainer: {
         ml: string;
     };
+    imageWrapper: {
+        ml: string;
+    };
     styledListItem: {
         bg: string;
         '&.is-selected': {
@@ -23,10 +27,19 @@ export declare const listViewItem: {
             boxShadow: string;
             bg: string;
         };
+        '&.is-first-item': {
+            borderTopLeftRadius: string;
+            borderTopRightRadius: string;
+        };
+        '&.is-last-item': {
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+            '&.has-separator': {
+                border: string;
+            };
+        };
     };
     styledContainer: {
-        py: string;
-        px: string;
         bg: string;
         '&.is-hovered': {
             bg: string;
@@ -34,17 +47,58 @@ export declare const listViewItem: {
         };
     };
     expandableStyledListItem: {
-        pr: string;
-        pl: number;
+        px: string;
+        bg: string;
+        '&.is-first-item': {
+            borderTopLeftRadius: string;
+            borderTopRightRadius: string;
+        };
+        '&.is-last-item': {
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+            '&.is-hovered, &.is-expanded': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+            };
+        };
+        '&.is-hovered': {
+            bg: string;
+        };
+        '&.is-selected': {
+            bg: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            bg: string;
+        };
     };
     expandableItemBody: {
         px: string;
+        outline: string;
+        '&.is-last-item-body': {
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+        };
     };
     expandableRow: {
         '&.has-separator': {
             borderBottom: string;
             borderBottomColor: string;
         };
+        '&.has-separator.is-last-row': {
+            border: string;
+        };
+    };
+    editIcon: {
+        width: string;
+        height: string;
+    };
+    menuIcon: {
+        width: string;
+        height: string;
     };
 };
 export declare const listView: {
@@ -52,17 +106,25 @@ export declare const listView: {
         borderRadius: string;
         border: string;
         borderColor: string;
-        '& > div > div': {
-            '& > div:first-of-type': {
-                '& > div > div': {
-                    borderRadius: string;
-                };
-            };
-            '& > div:last-of-type': {
-                '& > div > div': {
-                    borderRadius: string;
-                };
-            };
-        };
+    };
+};
+export declare const lisViewItemChart: {
+    title: {
+        color: string;
+    };
+    count: {
+        color: string;
+    };
+    countLabel: {
+        color: string;
+    };
+    chartLabel: {
+        color: string;
+    };
+    trend: {
+        color: string;
+    };
+    chartButton: {
+        color: string;
     };
 };