@pingux/astro 1.27.0-alpha.24 → 1.27.0-alpha.26

package/lib/cjs/styles/spacing.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = exports.button = void 0;
+var base = 10;
+var scale = {
+  xs: base * 0.5,
+  // 5
+  sm: base * 1,
+  // 10
+  md: base * 1.5,
+  // 15
+  lg: base * 2.5,
+  // 25
+  xl: base * 4,
+  // 40
+  xx: base * 6.5 // 65
+
+};
+var button = {
+  vPadding: scale.xs,
+  hPadding: scale.md
+};
+exports.button = button;
+var _default = scale;
+exports["default"] = _default;

package/lib/cjs/styles/text.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.textColors = exports.fontWeights = exports.fontSizes = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _colors = require("./colors");
+
+var _fontWeights;
+
+var baseSize = 15;
+var majorMultiplier = 1.15;
+
+var getFontSize = function getFontSize(major) {
+  return Math.round(baseSize * Math.pow(majorMultiplier, major));
+};
+
+var fontSizes = {
+  'xs': getFontSize(-2),
+  'sm': getFontSize(-1),
+  'md': getFontSize(0),
+  'lg': getFontSize(1),
+  'xl': getFontSize(2),
+  'xx': getFontSize(3)
+};
+exports.fontSizes = fontSizes;
+var fontWeights = (_fontWeights = {}, (0, _defineProperty2["default"])(_fontWeights, -1, 300), (0, _defineProperty2["default"])(_fontWeights, 0, 400), (0, _defineProperty2["default"])(_fontWeights, 1, 500), (0, _defineProperty2["default"])(_fontWeights, 2, 600), (0, _defineProperty2["default"])(_fontWeights, 3, 700), _fontWeights);
+exports.fontWeights = fontWeights;
+var textColors = {
+  primary: _colors.neutral[10],
+  secondary: _colors.neutral[40],
+  primaryLight: _colors.white,
+  secondaryLight: _colors.neutral[95],
+  button: _colors.button.label,
+  active: _colors.active
+};
+exports.textColors = textColors;

package/lib/cjs/styles/theme.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+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$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _spacing = _interopRequireDefault(require("./spacing"));
+
+var _colors = _interopRequireWildcard(require("./colors"));
+
+var _text = require("./text");
+
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+
+var _forms = _interopRequireDefault(require("./forms"));
+
+var _variants = require("./variants");
+
+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 _default = {
+  name: 'Astro',
+  space: _spacing["default"],
+  colors: _objectSpread(_objectSpread({}, _colors["default"]), {}, {
+    background: _colors.accent[99]
+  }),
+  borders: {
+    separator: "1px solid ".concat(_colors.line.hairline)
+  },
+  breakpoints: _breakpoints["default"],
+  fonts: {
+    standard: '"Helvetica Neue", Helvetica, sans-serif'
+  },
+  fontSizes: _text.fontSizes,
+  fontWeights: _text.fontWeights,
+  sizes: {
+    buttonHeight: 36,
+    column: 400,
+    container: {
+      xs: '400px',
+      sm: '550px',
+      md: '800px',
+      lg: '1200px',
+      full: '100%'
+    }
+  },
+  shadows: {
+    standard: "0 1px 3px ".concat(_colors.shadow),
+    row: "0 0 9px ".concat(_colors.accent[95]),
+    focus: "0 0 5px ".concat(_colors.focus)
+  },
+  forms: _forms["default"],
+  text: _variants.text,
+  images: _variants.images,
+  buttons: _objectSpread(_objectSpread({}, _variants.buttons), {}, {
+    bidirectionalIconButton: _variants.bidirectionalIconButton
+  }),
+  textColors: _text.textColors,
+  links: _variants.links,
+  variants: _variants.variants
+};
+exports["default"] = _default;

package/lib/cjs/styles/themeOverrides/index.js

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

package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _theme = _interopRequireDefault(require("../theme"));
+
+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 buttons = {
+  accordionHeader: _objectSpread(_objectSpread({}, _theme["default"].buttons.accordionHeader), {}, {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultHover), {}, {
+      color: 'active'
+    }),
+    '&:focus': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultFocus), {}, {
+      border: 'none'
+    })
+  }),
+  critical: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.critical), _theme["default"].buttons.defaultHover)
+  },
+  danger: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.danger), _theme["default"].buttons.defaultHover)
+  },
+  success: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.success), _theme["default"].buttons.defaultHover)
+  },
+  "default": {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons["default"]), _theme["default"].buttons.defaultHover),
+    '&:focus': _objectSpread({}, _theme["default"].buttons.defaultHover)
+  },
+  inline: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.inline), _theme["default"].buttons.defaultHover)
+  },
+  primary: {
+    '&:hover': _objectSpread({}, _theme["default"].buttons.primary)
+  },
+  link: {
+    'body &': _theme["default"].buttons.link,
+    'body &:hover': _theme["default"].buttons.link
+  },
+  iconButton: {
+    ':focus': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultFocus), {}, {
+      border: 'none'
+    })
+  },
+  environmentBreadcrumb: {
+    current: {
+      '&:hover:not(.disabled)': _objectSpread({}, _theme["default"].buttons.environmentBreadcrumb.current)
+    }
+  },
+  rocker: _objectSpread(_objectSpread({}, _theme["default"].buttons.rocker), {}, {
+    ':focus': {
+      border: 'none'
+    },
+    '&.is-selected:hover': {
+      color: 'white'
+    },
+    ':not(.is-selected):hover': {
+      color: 'accent.30'
+    }
+  })
+};
+var forms = {
+  input: {
+    numberField: _objectSpread(_objectSpread(_objectSpread({}, _theme["default"].input), _theme["default"].numberFieldStyles), {}, {
+      '&[type=text]': _objectSpread(_objectSpread({}, _theme["default"].text.inputValue), {}, {
+        backgroundColor: 'white',
+        borderColor: 'neutral.80'
+      }),
+      '&[type=text]:focus': {
+        borderColor: 'neutral.80'
+      }
+    })
+  },
+  select: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].text.inputValue), {}, {
+      borderColor: 'neutral.80'
+    })
+  },
+  search: {
+    container: {
+      '& input[type=search]': _objectSpread(_objectSpread({}, _theme["default"].text.inputValue), {}, {
+        borderColor: 'neutral.80',
+        bg: 'white',
+        '::placeholder': _objectSpread(_objectSpread({}, _theme["default"].text.placeholder), {}, {
+          fontStyle: 'unset'
+        })
+      })
+    }
+  },
+  label: {
+    'body &': {
+      textTransform: 'none'
+    },
+    checkbox: {
+      textTransform: 'none'
+    }
+  }
+};
+var _default = {
+  buttons: buttons,
+  forms: forms
+};
+exports["default"] = _default;

package/lib/cjs/styles/themes/astro-nano/astro-nano.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _themeUi = require("theme-ui");
+
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+
+var _theme = _interopRequireDefault(require("../../theme"));
+
+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 scaleFont = 1.2;
+var borderRadius = 4;
+var focusStyles = {
+  boxShadow: 'none',
+  outline: '1px solid #000000',
+  outlineOffset: 2,
+  outlineColor: 'active'
+};
+var inputFocusStyles = {
+  borderColor: 'active',
+  outline: '4px solid #000000',
+  outlineColor: 'accent.90'
+};
+var baseButton = {
+  borderRadius: borderRadius,
+  fontWeight: 400,
+  height: '50px',
+  '&.is-hovered': {
+    boxShadow: 'none',
+    color: 'white',
+    bg: 'activeDark'
+  },
+  '&.is-pressed': {
+    bg: 'activeDarker'
+  },
+  '&:focus-visible': focusStyles,
+  '&.is-focused': focusStyles
+};
+var linkStyles = {
+  '&.is-hovered': {
+    color: 'activeDark'
+  },
+  '&.is-pressed': {
+    color: 'activeDarker'
+  }
+};
+var modifyTheme = {
+  buttons: {
+    "default": _objectSpread({
+      color: 'active'
+    }, baseButton),
+    primary: _objectSpread({}, baseButton)
+  },
+  colors: {
+    activeDark: (0, _chromaJs["default"])(_theme["default"].colors.active).darken(0.5).hex(),
+    activeDarker: (0, _chromaJs["default"])(_theme["default"].colors.active).darken(1).hex()
+  },
+  fontSizes: {
+    xs: scaleFont * _theme["default"].fontSizes.xs,
+    sm: scaleFont * _theme["default"].fontSizes.sm,
+    md: scaleFont * _theme["default"].fontSizes.md,
+    lg: scaleFont * _theme["default"].fontSizes.lg,
+    xl: scaleFont * _theme["default"].fontSizes.xl,
+    xx: scaleFont * _theme["default"].fontSizes.xx,
+    xxx: '48px'
+  },
+  forms: {
+    input: {
+      fontSize: 'md',
+      borderRadius: borderRadius,
+      height: '50px',
+      '&:focus': inputFocusStyles,
+      primary: _objectSpread(_objectSpread({}, _theme["default"].forms.input), {}, {
+        borderRadius: borderRadius,
+        fontSize: 'xxx',
+        borderColor: 'neutral.60',
+        height: '75px',
+        textAlign: 'center',
+        letterSpacing: '12px',
+        fontWeight: 'bold',
+        '&:focus': inputFocusStyles
+      })
+    }
+  },
+  links: {
+    web: linkStyles,
+    app: linkStyles
+  },
+  text: {
+    title: {
+      fontWeight: 700
+    },
+    footer: {
+      color: 'text.secondary',
+      fontSize: 'xs'
+    },
+    label: {
+      color: 'text.primary'
+    }
+  },
+  variants: {
+    boxes: {
+      card: {
+        borderRadius: borderRadius,
+        flexGrow: [1, 0],
+        maxWidth: _theme["default"].breakpoints[0],
+        bg: 'white',
+        alignItems: 'stretch',
+        py: [0, 'xl'],
+        my: 'auto',
+        boxShadow: ['none', _theme["default"].variants.boxes.card.boxShadow],
+        width: ['100%', '450px'],
+        minHeight: 'fit-content'
+      },
+      wrapper: {
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        bg: ['white', 'accent.99'],
+        py: 'lg',
+        gap: 'lg',
+        overflow: 'auto',
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0
+      },
+      cardBody: {
+        flexGrow: [1, 0]
+      }
+    }
+  }
+};
+
+var _default = (0, _themeUi.merge)(_theme["default"], modifyTheme);
+
+exports["default"] = _default;

package/lib/cjs/styles/themes/astro-nano/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _astroNano["default"];
+  }
+});
+
+var _astroNano = _interopRequireDefault(require("./astro-nano"));