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

package/lib/cjs/styles/ContainerSizes.stories.js

@@ -0,0 +1,95 @@
+"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["default"] = exports.ContainerSizes = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../index");
+
+var _react2 = require("@emotion/react");
+
+var _default = {
+  title: 'Design/Container Sizes'
+};
+exports["default"] = _default;
+var containerArray = [{
+  key: 'xs',
+  size: 'container.xs',
+  bg: 'black',
+  codeString: '<Box size="container.xs" />',
+  widthString: '400px width'
+}, {
+  key: 'sm',
+  size: 'container.sm',
+  bg: 'neutral.10',
+  codeString: '<Box size="container.sm" />',
+  widthString: '550px width'
+}, {
+  key: 'md',
+  size: 'container.md',
+  bg: 'neutral.20',
+  codeString: '<Box size="container.md" />',
+  widthString: '800px width'
+}, {
+  key: 'lg',
+  size: 'container.lg',
+  bg: 'neutral.30',
+  codeString: '<Box size="container.lg" />',
+  widthString: '1200px width'
+}, {
+  key: 'full',
+  size: 'container.full',
+  bg: 'neutral.40',
+  codeString: '<Box size="container.full" />',
+  widthString: '100% width'
+}];
+
+var Container = function Container(props) {
+  var bg = props.bg,
+      codeString = props.codeString,
+      size = props.size,
+      widthString = props.widthString;
+  return (0, _react2.jsx)(_index.Box, {
+    size: size,
+    maxHeight: "250px",
+    bg: bg,
+    p: "md"
+  }, (0, _react2.jsx)(_index.Text, {
+    color: "white",
+    fontWeight: 1,
+    fontSize: "xx"
+  }, size), (0, _react2.jsx)(_index.Text, {
+    color: "white",
+    fontWeight: 0,
+    fontSize: "lg"
+  }, widthString), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.Text, {
+    color: "white",
+    fontWeight: 0,
+    fontSize: "lg"
+  }, codeString));
+};
+
+var ContainerSizes = function ContainerSizes() {
+  return (0, _react2.jsx)(_index.Box, {
+    height: "1250px",
+    width: "1600px"
+  }, (0, _react2.jsx)(_index.Text, {
+    fontSize: "lg",
+    fontWeight: "0",
+    width: "800px"
+  }, "For cards, panels, and popup modals, these are our standard widths. They should be max widths, and these elements should shrink based on the amount of space available. (Popup modals should never be LG or Full, and probably never MD as well.)"), (0, _react2.jsx)("br", null), (0, _map["default"])(containerArray).call(containerArray, function (item) {
+    return (0, _react2.jsx)(Container, item);
+  }));
+};
+
+exports.ContainerSizes = ContainerSizes;

package/lib/cjs/styles/Spacing.stories.js

@@ -0,0 +1,76 @@
+"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["default"] = exports.Spacing = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Text = _interopRequireDefault(require("../components/Text"));
+
+var _spacing = _interopRequireDefault(require("./spacing"));
+
+var _ = require("..");
+
+var _react2 = require("@emotion/react");
+
+var _default = {
+  title: 'Design/Spacing'
+};
+exports["default"] = _default;
+var tableBodyStyles = {
+  border: 'unset'
+};
+var tableRowStyles = {
+  backgroundColor: 'transparent !important'
+};
+
+var Spacing = function Spacing() {
+  var _context;
+
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
+    variant: "sectionTitle"
+  }, "Spacing"), (0, _react2.jsx)(_.Separator, {
+    mb: "sm"
+  }), (0, _react2.jsx)(_.Table, {
+    width: "75%"
+  }, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
+    sx: tableRowStyles,
+    key: "head"
+  }, (0, _react2.jsx)(_.TableCell, {
+    isHeading: true,
+    key: "name"
+  }, "Token"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true,
+    key: "value"
+  }, "Size"))), (0, _map["default"])(_context = (0, _entries["default"])(_spacing["default"])).call(_context, function (_ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
+    return (0, _react2.jsx)(_.TableBody, {
+      sx: tableBodyStyles,
+      key: key
+    }, (0, _react2.jsx)(_.TableRow, {
+      sx: tableRowStyles
+    }, (0, _react2.jsx)(_.TableCell, {
+      bg: "white"
+    }, key), (0, _react2.jsx)(_.TableCell, {
+      bg: "white"
+    }, value, "px")));
+  })));
+};
+
+exports.Spacing = Spacing;

package/lib/cjs/styles/ThemeDocumentation.js

@@ -0,0 +1,25 @@
+"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["default"] = void 0;
+
+var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _theme = _interopRequireDefault(require("./theme"));
+
+var _react2 = require("@emotion/react");
+
+var _default = function _default() {
+  return (0, _react2.jsx)("pre", null, (0, _stringify["default"])(_theme["default"], null, '    '));
+};
+
+exports["default"] = _default;

package/lib/cjs/styles/Typography.stories.js

@@ -0,0 +1,160 @@
+"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["default"] = exports.TypographyTokens = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Text = _interopRequireDefault(require("../components/Text"));
+
+var _ = require("..");
+
+var _text = require("./text");
+
+var _react2 = require("@emotion/react");
+
+var _default = {
+  title: 'Design/Typography'
+};
+exports["default"] = _default;
+var tableBodyStyles = {
+  border: 'unset'
+};
+var tableRowStyles = {
+  backgroundColor: 'transparent !important'
+};
+
+var TypographyTokens = function TypographyTokens() {
+  var _context, _context2;
+
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
+    variant: "sectionTitle"
+  }, "Font Sizes"), (0, _react2.jsx)(_.Separator, {
+    mb: "sm"
+  }), (0, _react2.jsx)(_.Table, {
+    width: "75%"
+  }, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
+    key: "head"
+  }, (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Token"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Size"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Example"))), (0, _map["default"])(_context = (0, _entries["default"])(_text.fontSizes)).call(_context, function (_ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
+    return (0, _react2.jsx)(_.TableBody, {
+      sx: tableBodyStyles,
+      key: key
+    }, (0, _react2.jsx)(_.TableRow, {
+      sx: tableRowStyles
+    }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
+      fontSize: value
+    }, key)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
+      fontSize: value
+    }, value)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
+      fontSize: value
+    }, "<Text fontSize={", key, "} />"))));
+  }))), (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
+    variant: "sectionTitle",
+    mt: "xx"
+  }, "Font Weights"), (0, _react2.jsx)(_.Separator, {
+    mb: "sm"
+  }), (0, _react2.jsx)(_.Table, {
+    width: "75%"
+  }, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
+    key: "head"
+  }, (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Token"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Size"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Example"))), (0, _map["default"])(_context2 = (0, _entries["default"])(_text.fontWeights)).call(_context2, function (_ref3) {
+    var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+
+    return (0, _react2.jsx)(_.TableBody, {
+      sx: tableBodyStyles,
+      key: key
+    }, (0, _react2.jsx)(_.TableRow, {
+      sx: tableRowStyles
+    }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
+      fontWeight: value
+    }, key)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
+      fontWeight: value
+    }, value)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
+      fontWeight: value
+    }, "<Text fontWeight={", key, "} />"))));
+  }))), (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
+    variant: "sectionTitle",
+    mt: "xx"
+  }, "Text Colors"), (0, _react2.jsx)(_.Separator, {
+    mb: "sm"
+  }), (0, _react2.jsx)(_.Table, {
+    width: "75%"
+  }, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
+    key: "head"
+  }, (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Token"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Color"), (0, _react2.jsx)(_.TableCell, {
+    isHeading: true
+  }, "Example"))), (0, _react2.jsx)(_.TableBody, {
+    sx: tableBodyStyles
+  }, (0, _react2.jsx)(_.TableRow, {
+    sx: tableRowStyles
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Box, {
+    isRow: true
+  }, (0, _react2.jsx)(_.Box, {
+    width: "30px",
+    height: "30px",
+    bg: "text.primary",
+    mr: "xs"
+  }), (0, _react2.jsx)(_Text["default"], {
+    alignSelf: "center"
+  }, "text.primary"))), (0, _react2.jsx)(_.TableCell, {
+    alignSelf: "center"
+  }, (0, _react2.jsx)(_Text["default"], null, "neutral.10")), (0, _react2.jsx)(_.TableCell, {
+    alignSelf: "center"
+  }, (0, _react2.jsx)(_Text["default"], {
+    color: "text.primary"
+  }, "<Text textColor={text.primary} />"))), (0, _react2.jsx)(_.TableRow, {
+    sx: tableRowStyles
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Box, {
+    isRow: true
+  }, (0, _react2.jsx)(_.Box, {
+    width: "30px",
+    height: "30px",
+    bg: "text.secondary",
+    mr: "xs"
+  }), (0, _react2.jsx)(_Text["default"], {
+    alignSelf: "center"
+  }, "text.secondary"))), (0, _react2.jsx)(_.TableCell, {
+    alignSelf: "center"
+  }, (0, _react2.jsx)(_Text["default"], null, "neutral.40")), (0, _react2.jsx)(_.TableCell, {
+    alignSelf: "center"
+  }, (0, _react2.jsx)(_Text["default"], {
+    color: "text.secondary"
+  }, "<Text color={text.secondary} />")))))));
+};
+
+exports.TypographyTokens = TypographyTokens;

package/lib/cjs/styles/breakpoints.js

@@ -0,0 +1,11 @@
+"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 = ['480px', '768px', '960px', '1280px', '1920px'];
+exports["default"] = _default;

package/lib/cjs/styles/colors.js

@@ -0,0 +1,200 @@
+"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.white = exports.warning = exports.text = exports.success = exports.shadow = exports.neutral = exports.line = exports.focus = exports.flatColorList = exports["default"] = exports.decorativeLight = exports.decorativeDark = exports.decorative = exports.critical = exports.button = exports.black = exports.active = exports.accent = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+
+var _context, _context2;
+
+// SEMANTIC COLORS
+var active = '#4462ED';
+exports.active = active;
+var critical = {
+  bright: '#a31300',
+  dark: '#a31300',
+  light: '#ffebe7'
+};
+exports.critical = critical;
+var success = {
+  bright: '#00af18',
+  dark: '#008512',
+  light: '#e6ffe9'
+};
+exports.success = success;
+var warning = {
+  bright: '#ffb91c',
+  dark: '#b05b00',
+  light: '#fff6e6'
+}; // NEUTRAL COLORS
+
+exports.warning = warning;
+var black = '#000';
+exports.black = black;
+var white = '#fff';
+exports.white = white;
+var steps = 9;
+
+var neutralScale = _chromaJs["default"].scale(['#253746', 'white']).mode('lab');
+
+var neutral = {
+  10: neutralScale(0).hex(),
+  20: neutralScale(1 / steps).hex(),
+  30: neutralScale(2 / steps).hex(),
+  40: neutralScale(3 / steps).hex(),
+  50: neutralScale(4 / steps).hex(),
+  60: neutralScale(5 / steps).hex(),
+  70: neutralScale(6 / steps).hex(),
+  80: neutralScale(7 / steps).hex(),
+  90: neutralScale(8 / steps).hex(),
+  95: neutralScale(8.5 / steps).hex()
+};
+exports.neutral = neutral;
+var accentBase = '303F5F';
+var accentLight = 'F7F8FD';
+var accentSteps = 8;
+
+var accentScale = _chromaJs["default"].scale([accentBase, accentLight]).mode('hsl');
+
+var accent = {
+  5: (0, _chromaJs["default"])(accentBase).darken(1).hex(),
+  10: (0, _chromaJs["default"])(accentBase).darken(0.5).hex(),
+  20: accentScale(0).hex(),
+  30: accentScale(1 / accentSteps).hex(),
+  40: accentScale(2 / accentSteps).hex(),
+  50: accentScale(3 / accentSteps).hex(),
+  60: accentScale(4 / accentSteps).hex(),
+  70: accentScale(5 / accentSteps).hex(),
+  80: accentScale(6 / accentSteps).hex(),
+  90: accentScale(7 / accentSteps).hex(),
+  95: accentScale(7.5 / accentSteps).hex(),
+  99: accentScale(8 / accentSteps).hex()
+};
+exports.accent = accent;
+
+var _chroma$hsl = (0, _chromaJs["default"])('#D033FF').hsl(),
+    _chroma$hsl2 = (0, _slicedToArray2["default"])(_chroma$hsl, 3),
+    cHue = _chroma$hsl2[0],
+    cSaturation = _chroma$hsl2[1],
+    cLightness = _chroma$hsl2[2];
+
+var getDecorativeColor = function getDecorativeColor(index) {
+  var h = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cHue;
+  var s = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : cSaturation;
+  var l = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : cLightness;
+  return index > 0 ? getDecorativeColor(index - 1, (h + 100) % 360, s, l * 0.95) : (0, _chromaJs["default"])(h, s, l, 'hsl').hex();
+};
+
+var decorative = (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(11)).call(_context2, 0)).call(_context, function (_v, index) {
+  return getDecorativeColor(index);
+});
+exports.decorative = decorative;
+var decorativeDark = (0, _map["default"])(decorative).call(decorative, function (color) {
+  return (0, _chromaJs["default"])(color).darken(2).hex();
+});
+exports.decorativeDark = decorativeDark;
+var decorativeLight = (0, _map["default"])(decorative).call(decorative, function (color) {
+  return (0, _chromaJs["default"])(color).brighten(2).hex();
+});
+exports.decorativeLight = decorativeLight;
+var focus = (0, _chromaJs["default"])(accent[50]).alpha(0.75).hex(); // COMPONENT COLORS
+
+exports.focus = focus;
+var button = {
+  primary: active,
+  border: active,
+  label: active,
+  hoverBorder: accent,
+  hoverLabel: accent,
+  hoverBackground: accent[95]
+};
+exports.button = button;
+var line = {
+  regular: neutral[50],
+  light: neutral[80],
+  hairline: neutral[90]
+};
+exports.line = line;
+var text = {
+  primary: neutral[10],
+  secondary: neutral[40],
+  primaryLight: white,
+  secondaryLight: neutral[95],
+  button: button.label,
+  active: active
+};
+exports.text = text;
+var shadow = (0, _chromaJs["default"])(neutral[10]).alpha(0.25).hex();
+exports.shadow = shadow;
+var allColors = {
+  black: black,
+  white: white,
+  neutral: neutral,
+  accent: accent,
+  decorative: decorative,
+  decorativeDark: decorativeDark,
+  decorativeLight: decorativeLight,
+  focus: focus,
+  active: active,
+  critical: critical,
+  success: success,
+  text: text,
+  line: line,
+  button: button,
+  warning: warning
+};
+var _default = allColors;
+exports["default"] = _default;
+
+function flattenColors(obj) {
+  var _context3, _context4;
+
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return (0, _reduce["default"])(_context3 = (0, _map["default"])(_context4 = (0, _entries["default"])(obj)).call(_context4, function (_ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
+    if (typeof value === 'string') {
+      var _context5;
+
+      return [(0, _concat["default"])(_context5 = "".concat(prefix)).call(_context5, key), value];
+    } else if ((0, _typeof2["default"])(value) === 'object') {
+      var _context6;
+
+      return flattenColors(value, (0, _concat["default"])(_context6 = "".concat(prefix)).call(_context6, key, "."));
+    }
+
+    return [];
+  })).call(_context3, function (result, current) {
+    var _context7, _context8;
+
+    return typeof current[0] === 'string' ? (0, _concat["default"])(_context7 = []).call(_context7, result, [current]) : (0, _concat["default"])(_context8 = []).call(_context8, result, current);
+  }, []);
+}
+/* used by Storybook's stories */
+
+
+var flatColorList = flattenColors(allColors);
+exports.flatColorList = flatColorList;

package/lib/cjs/styles/forms/checkbox.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.checkbox = void 0;
+// Styles for default checkbox and variants go here.
+// Default checkbox
+var checkbox = {
+  color: 'active',
+  'input:focus ~ &': {
+    bg: 'transparent'
+  },
+  'input ~ &.is-focused': {
+    outline: 'none',
+    boxShadow: 'focus'
+  }
+};
+exports.checkbox = checkbox;

package/lib/cjs/styles/forms/comboBox.js

@@ -0,0 +1,47 @@
+"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 _input = require("./input");
+
+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 container = {
+  position: 'relative'
+};
+
+var input = _objectSpread(_objectSpread({}, _input.input), {}, {
+  pr: 'xl'
+});
+
+var _default = {
+  container: container,
+  input: input
+};
+exports["default"] = _default;