@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.5

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

@@ -0,0 +1,72 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _context;
+
+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
+});
+
+var _exportNames = {
+  variants: true,
+  buttons: true,
+  images: true,
+  links: true
+};
+
+_Object$defineProperty(exports, "variants", {
+  enumerable: true,
+  get: function get() {
+    return _variants["default"];
+  }
+});
+
+_Object$defineProperty(exports, "buttons", {
+  enumerable: true,
+  get: function get() {
+    return _buttons["default"];
+  }
+});
+
+_Object$defineProperty(exports, "images", {
+  enumerable: true,
+  get: function get() {
+    return _images["default"];
+  }
+});
+
+_Object$defineProperty(exports, "links", {
+  enumerable: true,
+  get: function get() {
+    return _links["default"];
+  }
+});
+
+var _variants = _interopRequireDefault(require("./variants"));
+
+var _buttons = _interopRequireDefault(require("./buttons"));
+
+var _images = _interopRequireDefault(require("./images"));
+
+var _links = _interopRequireDefault(require("./links"));
+
+var _text = require("./text");
+
+_forEachInstanceProperty(_context = _Object$keys(_text)).call(_context, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _text[key];
+    }
+  });
+});

package/lib/cjs/styles/variants/links.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var app = {
+  color: 'active',
+  fontFamily: 'standard',
+  fontSize: 'md',
+  textDecoration: 'none',
+  outline: 'none',
+  '&.is-hovered': {
+    textDecoration: 'underline'
+  },
+  '&.is-focused': {
+    textDecoration: 'underline'
+  },
+  '&.is-pressed': {
+    color: 'accent.40',
+    textDecoration: 'underline'
+  },
+  '&.is-disabled': {
+    pointerEvents: 'none'
+  }
+};
+
+var web = _objectSpread(_objectSpread({}, app), {}, {
+  textDecoration: 'underline',
+  '&:visited': {
+    color: 'decorative.7'
+  }
+});
+
+var _default = {
+  app: app,
+  web: web
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/listBox.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _text = require("../variants/text");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var listBox = {
+  outline: 'none'
+};
+listBox.option = _objectSpread(_objectSpread({}, _text.text.base), {}, {
+  px: 'md',
+  py: 'sm',
+  alignItems: 'center',
+  outline: 'none',
+  wordBreak: 'break-word',
+  cursor: 'pointer',
+  '&.is-selected': _objectSpread(_objectSpread({}, _text.text.inputValue), {}, {
+    pl: 0
+  }),
+  '&.is-focused': {
+    color: 'white',
+    bg: 'active'
+  }
+});
+listBox.selectField = {
+  maxHeight: '200px',
+  overflow: 'auto',
+  pl: 0,
+  outline: 'none'
+};
+var _default = listBox;
+exports["default"] = _default;

package/lib/cjs/styles/variants/loader.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
+
+var _react = require("@emotion/react");
+
+var _context, _context2, _context3, _context4, _context5;
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; (0, _forEach["default"])(_context6 = ownKeys(Object(source), true)).call(_context6, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context7; (0, _forEach["default"])(_context7 = ownKeys(Object(source))).call(_context7, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+function _templateObject2() {
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n   0% { opacity: 0; }\n   100% { opacity: 0; }\n"], ["\n  \\ 0% { opacity: 0; }\n  \\ 100% { opacity: 0; }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n   0% {\n        opacity: 0;\n    }\n\n   50% {\n        opacity: 0;\n    }\n   80% {\n        opacity: 1;\n    }\n   100% {\n        opacity: 0;\n    }\n\n"], ["\n  \\ 0% {\n        opacity: 0;\n    }\n\n  \\ 50% {\n        opacity: 0;\n    }\n  \\ 80% {\n        opacity: 1;\n    }\n  \\ 100% {\n        opacity: 0;\n    }\n\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var container = {
+  color: 'currentColor',
+  fontSize: '1em'
+};
+var withinInput = {
+  color: 'neutral.60',
+  fontSize: '6px',
+  alignItems: 'center',
+  marginRight: 'xs'
+};
+var withinListbox = {
+  color: 'neutral.60',
+  fontSize: '6px',
+  padding: 'md',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+var withinListView = {
+  color: 'neutral.60',
+  padding: 'md',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+var pulse = (0, _react.keyframes)(_templateObject());
+var wait = (0, _react.keyframes)(_templateObject2());
+var animationSettings = '1s ease-out infinite';
+var dot = {
+  borderRadius: '100%',
+  bg: 'currentColor',
+  height: '1em',
+  width: '1em',
+  margin: '0.3em',
+  display: 'block'
+};
+
+var dotLeft = _objectSpread(_objectSpread({}, dot), {}, {
+  animation: (0, _concat["default"])(_context = "".concat(pulse, " ")).call(_context, animationSettings)
+});
+
+var dotCenter = _objectSpread(_objectSpread({}, dot), {}, {
+  animation: (0, _concat["default"])(_context2 = (0, _concat["default"])(_context3 = "".concat(wait, " 0.2s, ")).call(_context3, pulse, " ")).call(_context2, animationSettings, " 0.2s")
+});
+
+var dotRight = _objectSpread(_objectSpread({}, dot), {}, {
+  animation: (0, _concat["default"])(_context4 = (0, _concat["default"])(_context5 = "".concat(wait, " 0.4s, ")).call(_context5, pulse, " ")).call(_context4, animationSettings, " 0.4s")
+});
+
+var _default = {
+  dotLeft: dotLeft,
+  dotCenter: dotCenter,
+  dotRight: dotRight,
+  container: container,
+  withinInput: withinInput,
+  withinListbox: withinListbox,
+  withinListView: withinListView
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/menu.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var _default = {
+  padding: 0,
+  margin: 0,
+  listStyle: 'none',
+  maxWidth: 250,
+  outline: 'none',
+  overflow: 'hidden',
+  minWidth: '90px',
+  borderRadius: 4
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/menuItem.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var item = {
+  bg: 'transparent',
+  padding: '10px 10px',
+  outline: 'none',
+  cursor: 'pointer',
+  '&.is-focused, &.is-selected, &.is-pressed': {
+    color: 'white',
+    bg: 'active',
+    '> *': {
+      color: 'white'
+    }
+  },
+  '&.is-pressed': {
+    bg: 'accent.20'
+  }
+};
+var separator = {
+  padding: '0px',
+  '& > [role="separator"]': {
+    margin: '0px'
+  }
+};
+var _default = {
+  item: item,
+  separator: separator
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/messages.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var wrapper = {
+  position: 'absolute',
+  right: 'lg',
+  bottom: 'lg',
+  left: 'lg',
+  alignItems: 'flex-end',
+  pointerEvents: 'none'
+};
+var transition = {
+  transition: 'opacity 200ms, max-height 200ms',
+  opacity: 1,
+  '&.is-hidden': {
+    opacity: 0
+  }
+};
+var item = {
+  maxWidth: 400,
+  pointerEvents: 'all',
+  mb: 'md',
+  p: 'md',
+  wordBreak: 'break-word',
+  alignItems: 'center',
+  bg: 'neutral.95',
+  color: 'neutral.10',
+  borderRadius: 4,
+  '&.is-success, > .is-success': {
+    bg: 'success.light',
+    color: 'success.dark'
+  },
+  '&.is-warning, > .is-warning': {
+    bg: 'warning.light',
+    color: 'warning.dark'
+  },
+  '&.is-error, > .is-error': {
+    bg: 'critical.light',
+    color: 'critical.dark'
+  }
+};
+var _default = {
+  wrapper: wrapper,
+  transition: transition,
+  item: item
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/modal.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _text = require("../variants/text");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var closeIcon = {
+  color: 'neutral.40'
+};
+var container = {
+  position: 'fixed',
+  zIndex: 100,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  background: '#00000040',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+var content = {
+  position: 'relative',
+  outline: 'none',
+  background: 'white',
+  color: 'black',
+  pt: 'md',
+  pr: 'lg',
+  pb: 'lg',
+  pl: 'lg',
+  maxWidth: '400px',
+  boxShadow: 'standard',
+  borderRadius: 3,
+  '.is-dark-mode &': {
+    color: 'white',
+    bg: 'accent.5'
+  }
+};
+
+var dark = _objectSpread({}, container);
+
+var title = _objectSpread(_objectSpread({}, _text.text.title), {}, {
+  mr: 'sm',
+  fontWeight: 3,
+  '.is-dark-mode &': {
+    color: 'white'
+  }
+});
+
+var _default = {
+  closeIcon: closeIcon,
+  container: container,
+  content: content,
+  dark: dark,
+  title: title
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/numberField.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _input = require("../forms/input");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var sharedStyles = {
+  WebkitAppearance: 'none',
+  margin: 0
+};
+var noDefaultArrows = {
+  'input::-webkit-outer-spin-button': _objectSpread({}, sharedStyles),
+  'input::-webkit-inner-spin-button': _objectSpread({}, sharedStyles),
+  'input[type=number]': {
+    MozAppearance: 'textfield'
+  }
+};
+
+var arrowsWrapper = _objectSpread({
+  display: 'flex',
+  justifyContent: 'center',
+  position: 'relative'
+}, _input.input.container);
+
+var arrows = {
+  position: 'absolute',
+  right: '10px'
+};
+var _default = {
+  arrowsWrapper: arrowsWrapper,
+  arrows: arrows,
+  noDefaultArrows: noDefaultArrows
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/overlayPanel.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var overlayPanel = {
+  position: 'fixed',
+  overflowY: 'scroll',
+  zIndex: 1,
+  top: 0,
+  bottom: 0,
+  right: '-100%',
+  background: 'white',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderLeft: '1px solid',
+  borderLeftColor: 'neutral.80',
+  boxShadow: '-2px 0px 2px 1px rgba(37, 55, 70, 0.15)',
+  p: '25px',
+  transition: 'right 500ms',
+  maxWidth: '100%',
+  '&.is-small': {
+    width: '400px'
+  },
+  '&.is-medium': {
+    width: '550px'
+  },
+  '&.is-large': {
+    width: '800px'
+  },
+  '&.is-full': {
+    width: '100%'
+  },
+  '&.is-open': {
+    display: 'flex !important',
+    right: 0
+  }
+};
+var overlayPanelInner = {
+  position: 'absolute',
+  zIndex: 2,
+  bottom: 0,
+  right: 0,
+  background: 'white',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  boxShadow: '0px 2px 4px 0px rgb(110 110 110 / 25%) inset',
+  minWidth: '50%',
+  maxWidth: '100%',
+  width: '100%',
+  height: '200px',
+  p: '25px',
+  backgroundColor: 'accent.99'
+};
+var overlayPanelBody = {
+  display: 'none',
+  height: '100%',
+  width: '100%',
+  '&.is-open': {
+    display: 'flex'
+  }
+};
+var _default = {
+  overlayPanel: overlayPanel,
+  overlayPanelBody: overlayPanelBody,
+  overlayPanelInner: overlayPanelInner
+};
+exports["default"] = _default;