@pingux/astro 1.27.0-alpha.21 → 1.27.0-alpha.22

package/lib/cjs/styles/spacing.js

@@ -1,31 +0,0 @@
-"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

@@ -1,45 +0,0 @@
-"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

@@ -1,94 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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

@@ -1,130 +0,0 @@
-"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

@@ -1,165 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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"));