@pingux/astro 2.88.0 → 2.89.0-alpha.1

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

@@ -0,0 +1,123 @@
+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; }
+var defaultFocus = {
+  outline: '2px solid',
+  outlineColor: 'active'
+};
+var link = {
+  fontSize: 'md',
+  fontFamily: 'standard',
+  py: 'sm',
+  px: 'md',
+  fontWeight: '1',
+  color: 'text.primary',
+  textDecoration: 'none',
+  borderRadius: '3px',
+  '&.is-hovered': {
+    textDecoration: 'none',
+    color: 'text.secondary'
+  },
+  '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
+    textDecoration: 'none'
+  }),
+  '&.is-pressed': {
+    textDecoration: 'none'
+  },
+  '&.is-visited': {
+    textDecoration: 'none'
+  }
+};
+var logoBand = _objectSpread(_objectSpread({}, link), {}, {
+  p: 0
+});
+var headerPlaceholder = {
+  fontSize: 'lg',
+  ml: 'md',
+  color: 'text.primary',
+  lineHeight: 'body',
+  fontWeight: '1',
+  '&.is-hovered': {
+    color: 'text.secondary'
+  }
+};
+var navigationHeader = {
+  headerPlaceholder: headerPlaceholder,
+  link: link,
+  logoBand: logoBand,
+  container: {
+    fontFamily: 'standard',
+    borderBottom: '1px solid',
+    borderColor: 'gray-300',
+    bg: '#fff',
+    height: '4.5rem',
+    justifyContent: 'center'
+  },
+  wrapper: {
+    px: ['1.5rem', '1.5rem', '1.5rem', '3rem', '3rem', '3rem'],
+    maxWidth: '1540px',
+    mx: 'auto',
+    width: '100%'
+  },
+  dropdownMenu: {
+    maxWidth: 'unset',
+    p: 'sm',
+    '& > li': {
+      p: '0'
+    }
+  },
+  dropdownMenuItem: _objectSpread(_objectSpread({}, link), {}, {
+    padding: '.675rem 1rem',
+    pr: '2.25rem',
+    '&.is-hovered': {
+      textDecoration: 'none'
+    },
+    '&.is-pressed': {
+      textDecoration: 'none'
+    },
+    '&.is-focused': {
+      textDecoration: 'none'
+    },
+    '&.is-visited': {
+      textDecoration: 'none'
+    }
+  }),
+  accountButton: {
+    display: 'flex',
+    width: 'auto',
+    height: 'auto',
+    cursor: 'pointer',
+    p: '0',
+    px: 'sm',
+    py: '1px',
+    border: 'none',
+    borderRadius: '3px',
+    bg: 'transparent',
+    '&.is-hovered': {
+      bg: 'transparent',
+      border: 'none',
+      boxShadow: 'none'
+    },
+    '&.is-pressed': {
+      bg: 'transparent',
+      border: 'none',
+      boxShadow: 'none'
+    },
+    '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
+      bg: 'transparent'
+    }),
+    '&.is-visited': {
+      bg: 'transparent'
+    },
+    minWidth: '50px'
+  }
+};
+export default navigationHeader;

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

@@ -9,6 +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 codeView from '../codeView/codeView';
 import buttons from './button';
 var fieldHelperText = {
   title: {
@@ -243,7 +244,10 @@ var menuItem = {
 };
 var separator = {
   base: {
-    bg: 'gray-300'
+    bg: 'gray-300',
+    '&.is-vertical': {
+      m: '0'
+    }
   }
 };
 var avatar = {
@@ -492,21 +496,23 @@ var dataTable = {
     fontSize: 'md'
   }
 };
-var codeView = {
+
+/* const codeView = {
   wrapper: {
     backgroundColor: 'gray-900',
     borderRadius: '4px',
     '> button >svg': {
       color: 'gray-300',
       path: {
-        fill: 'gray-300'
-      }
+        fill: 'gray-300',
+      },
     },
     '> pre': {
-      p: 'md'
-    }
-  }
-};
+      p: 'md',
+    },
+  },
+}; */
+
 var tabs = {
   gap: '0px'
 };

package/lib/types/index.js

@@ -1,4 +1,5 @@
 export * from './arrayField';
+export * from './avatar';
 export * from './badge';
 export * from './box';
 export * from './bracket';