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

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

@@ -9,7 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 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 buttons from './button';
+import buttons, { defaultFocus } from './button';
 var navBarFocus = {
   outline: '2px solid',
   outlineColor: 'active'
@@ -72,6 +72,15 @@ var navBarLogoLink = {
   py: 'sm',
   '&.is-focused': _objectSpread({}, navBarFocus)
 };
+var copyRightLink = {
+  '&.is-focused': _objectSpread({}, defaultFocus)
+};
+var footerLink = {
+  '&.is-focused': _objectSpread({}, defaultFocus)
+};
+var footerEALink = {
+  '&.is-focused': _objectSpread({}, defaultFocus)
+};
 export default {
   nextGen: nextGen,
   onyx: onyx,
@@ -80,5 +89,8 @@ export default {
   footerHeader: footerHeader,
   button: button,
   primaryButton: primaryButton,
-  navBarLogoLink: navBarLogoLink
+  navBarLogoLink: navBarLogoLink,
+  copyRightLink: copyRightLink,
+  footerEALink: footerEALink,
+  footerLink: footerLink
 };

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

@@ -1,10 +1,14 @@
+export var focusBoxShadow = '0 0 0 3px inset #1a73e8';
+export var borderRadius = '16px';
 export var listViewItem = {
   rightOfData: {
-    flexShrink: 4,
     whiteSpace: 'nowrap'
   },
   iconContainer: {
-    ml: '0px'
+    ml: '0'
+  },
+  imageWrapper: {
+    ml: 'md'
   },
   styledListItem: {
     bg: 'white',
@@ -20,13 +24,22 @@ export var listViewItem = {
       bg: 'gray-100'
     },
     '&.is-focused': {
-      boxShadow: '0 0 0 3px inset #1a73e8',
+      boxShadow: focusBoxShadow,
       bg: 'gray-100'
+    },
+    '&.is-first-item': {
+      borderTopLeftRadius: borderRadius,
+      borderTopRightRadius: borderRadius
+    },
+    '&.is-last-item': {
+      borderBottomLeftRadius: borderRadius,
+      borderBottomRightRadius: borderRadius,
+      '&.has-separator': {
+        border: 'none'
+      }
     }
   },
   styledContainer: {
-    py: 'md',
-    px: 'lg',
     bg: 'transparent',
     '&.is-hovered': {
       bg: 'transparent',
@@ -34,35 +47,84 @@ export var listViewItem = {
     }
   },
   expandableStyledListItem: {
-    pr: '1.25rem',
-    pl: 0
+    px: 'lg',
+    bg: 'background.base',
+    '&.is-first-item': {
+      borderTopLeftRadius: borderRadius,
+      borderTopRightRadius: borderRadius
+    },
+    '&.is-last-item': {
+      borderBottomLeftRadius: borderRadius,
+      borderBottomRightRadius: borderRadius,
+      '&.is-hovered, &.is-expanded': {
+        borderBottomLeftRadius: '0',
+        borderBottomRightRadius: '0'
+      }
+    },
+    '&.is-hovered': {
+      bg: 'gray-100'
+    },
+    '&.is-selected': {
+      bg: 'gray-100'
+    },
+    '&.is-focused': {
+      boxShadow: focusBoxShadow,
+      bg: 'gray-100'
+    }
   },
   expandableItemBody: {
-    px: '1.5rem'
+    px: 'lg',
+    outline: 'none',
+    '&.is-last-item-body': {
+      borderBottomLeftRadius: borderRadius,
+      borderBottomRightRadius: borderRadius
+    },
+    '&.is-focused': {
+      boxShadow: focusBoxShadow
+    }
   },
   expandableRow: {
     '&.has-separator': {
       borderBottom: '1px solid',
       borderBottomColor: 'border.base'
+    },
+    '&.has-separator.is-last-row': {
+      border: 'none'
     }
+  },
+  editIcon: {
+    width: '1.5rem !important',
+    height: '1.5rem !important'
+  },
+  menuIcon: {
+    width: '1.5rem !important',
+    height: '1.5rem !important'
   }
 };
 export var listView = {
   container: {
-    borderRadius: '16px',
+    borderRadius: borderRadius,
     border: '1px solid',
-    borderColor: '#e7eef4',
-    '& > div > div': {
-      '& > div:first-of-type': {
-        '& > div > div': {
-          borderRadius: '16px 16px 0 0'
-        }
-      },
-      '& > div:last-of-type': {
-        '& > div > div': {
-          borderRadius: ' 0 0 16px 16px'
-        }
-      }
-    }
+    borderColor: '#e7eef4'
+  }
+};
+export var lisViewItemChart = {
+  title: {
+    color: 'gray-900'
+  },
+  count: {
+    color: 'gray-900'
+  },
+  countLabel: {
+    color: 'gray-900'
+  },
+  chartLabel: {
+    color: 'gray-900'
+  },
+  trend: {
+    color: 'gray-900'
+  },
+  chartButton: {
+    color: 'gray-900'
   }
 };

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

@@ -75,14 +75,26 @@ export var text = _objectSpread(_objectSpread({
     lineHeight: 'body'
   },
   listViewItemText: {
-    color: 'text.secondary',
-    fontWeight: 2
+    fontFamily: 'standard',
+    color: 'text.primary',
+    fontWeight: 2,
+    mb: 'xs',
+    fontSize: 'md'
+  },
+  listViewItemSubtext: {
+    fontSize: 'md',
+    lineHeight: 'body',
+    color: 'gray-700'
+  },
+  itemTitle: {
+    fontWeight: 2,
+    color: 'text.primary'
   },
   small: {
     fontSize: 'sm',
-    color: 'text.primary',
     fontFamily: 'standard',
-    lineHeight: 'md'
+    lineHeight: 'md',
+    color: 'text.primary'
   },
   response: {
     color: 'text.primary',

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

@@ -15,8 +15,9 @@ import codeView from '../codeView/codeView';
 import { avatar } from './avatar';
 import button from './button';
 import { dataTable } from './dataTable';
+import { footer } from './footer';
 import iconWrapper from './iconWrapper';
-import { listView, listViewItem } from './listview';
+import { listView, listViewItem, lisViewItemChart } from './listview';
 import { menu, menuItem } from './menu';
 import { message } from './messages';
 import { navBar } from './navbar';
@@ -292,6 +293,11 @@ var overlayPanel = {
     backgroundColor: 'background.base'
   }
 };
+var loader = {
+  withinListView: {
+    color: 'active'
+  }
+};
 export default {
   attachment: attachment,
   navBar: navBar,
@@ -307,6 +313,7 @@ export default {
   listViewItem: listViewItem,
   progressBar: progressBar,
   listView: listView,
+  lisViewItemChart: lisViewItemChart,
   dataTable: dataTable,
   codeView: codeView,
   prompt: prompt,
@@ -317,5 +324,7 @@ export default {
   suggestions: suggestions,
   suggestion: suggestion,
   response: response,
-  skeleton: skeleton
+  skeleton: skeleton,
+  footer: footer,
+  loader: loader
 };

package/lib/styles/variants/variants.js

@@ -23,6 +23,7 @@ import copyText from '../../components/CopyText/CopyText.styles';
 import dataTable from '../../components/DataTable/DataTable.styles';
 import environmentBreadcrumb from '../../components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles';
 import fieldHelperText from '../../components/FieldHelperText/FieldHelperText.styles';
+import footer from '../../components/Footer/Footer.styles';
 import helpHint from '../../components/HelpHint/HelpHint.styles';
 import imageUpload from '../../components/ImageUploadField/imageUpload';
 import listBox from '../../components/ListBox/ListBox.styles';
@@ -71,6 +72,7 @@ export default _objectSpread({
   dataTable: dataTable,
   environmentBreadcrumb: environmentBreadcrumb,
   fieldHelperText: fieldHelperText,
+  footer: footer,
   helpHint: helpHint,
   imageUpload: imageUpload,
   listBox: listBox,

package/lib/types/footer.js

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

package/lib/types/index.js

@@ -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';