UNPKG

@confi/conflux-react-ui-test-package

Version:

Modern and minimalist React UI library.

1,019 lines (851 loc) 76.8 kB
(function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 80); /******/ }) /************************************************************************/ /******/ ([ /* 0 */, /* 1 */, /* 2 */ /***/ (function(module, exports) { module.exports = require("styled-jsx/style"); /***/ }), /* 3 */ /***/ (function(module, exports) { module.exports = require("react"); /***/ }), /* 4 */, /* 5 */, /* 6 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _use_theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _use_theme__WEBPACK_IMPORTED_MODULE_0__["default"]; }); /***/ }), /* 7 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _theme_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); var useTheme = function useTheme() { return react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(_theme_context__WEBPACK_IMPORTED_MODULE_1__["default"]); }; /* harmony default export */ __webpack_exports__["default"] = (useTheme); /***/ }), /* 8 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _themes_default__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9); var ThemeContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext(_themes_default__WEBPACK_IMPORTED_MODULE_1__["default"]); /* harmony default export */ __webpack_exports__["default"] = (ThemeContext); /***/ }), /* 9 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "palette", function() { return palette; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "expressiveness", function() { return expressiveness; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "font", function() { return font; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "breakpoints", function() { return breakpoints; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "layout", function() { return layout; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "themes", function() { return themes; }); /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10); var palette = { /* eslint-disable @typescript-eslint/camelcase */ accents_1: '#fafafa', accents_2: '#eaeaea', accents_3: '#999', accents_4: '#888', accents_5: '#666', accents_6: '#444', accents_7: '#333', accents_8: '#111', /* eslint-enable camelcase */ background: '#fff', foreground: '#000', selection: '#79ffe1', secondary: '#666', code: '#f81ce5', border: '#eaeaea', error: '#e00', errorLight: '#ff1a1a', errorLighter: '#f7d4d6', errorDark: '#c50000', success: '#0070f3', successLight: '#3291ff', successLighter: '#d3e5ff', successDark: '#0761d1', warning: '#f5a623', warningLight: '#f7b955', warningLighter: '#ffefcf', warningDark: '#ab570a', cyan: '#50e3c2', cyanLighter: '#aaffec', cyanLight: '#79ffe1', cyanDark: '#29bc9b', violet: '#7928ca', violetLighter: '#e3d7fc', violetLight: '#8a63d2', violetDark: '#4c2889', purple: '#f81ce5', alert: '#ff0080', magenta: '#eb367f', link: '#0070f3' }; var expressiveness = { linkStyle: 'none', linkHoverStyle: 'none', dropdownBoxShadow: '0 4px 4px 0 rgba(0, 0, 0, 0.02)', scrollerStart: 'rgba(255, 255, 255, 1)', scrollerEnd: 'rgba(255, 255, 255, 0)', shadowSmall: '0 5px 10px rgba(0, 0, 0, 0.12)', shadowMedium: '0 8px 30px rgba(0, 0, 0, 0.12)', shadowLarge: '0 30px 60px rgba(0, 0, 0, 0.12)', portalOpacity: 0.25 }; var font = _shared__WEBPACK_IMPORTED_MODULE_0__["defaultFont"]; var breakpoints = _shared__WEBPACK_IMPORTED_MODULE_0__["defaultBreakpoints"]; var layout = _shared__WEBPACK_IMPORTED_MODULE_0__["defaultLayout"]; var themes = { type: 'light', font: font, layout: layout, palette: palette, breakpoints: breakpoints, expressiveness: expressiveness }; /* harmony default export */ __webpack_exports__["default"] = (themes); /***/ }), /* 10 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultFont", function() { return defaultFont; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultBreakpoints", function() { return defaultBreakpoints; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultLayout", function() { return defaultLayout; }); var defaultFont = { sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif', mono: 'Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace' }; var defaultBreakpoints = { xs: { min: '0', max: '650px' }, sm: { min: '650px', max: '900px' }, md: { min: '900px', max: '1280px' }, lg: { min: '1280px', max: '1920px' }, xl: { min: '1920px', max: '10000px' } }; var defaultLayout = { gap: '16pt', gapNegative: '-16pt', gapHalf: '8pt', gapHalfNegative: '-8pt', gapQuarter: '4pt', gapQuarterNegative: '-4pt', pageMargin: '16pt', pageWidth: '750pt', pageWidthWithMargin: '782pt', breakpointMobile: defaultBreakpoints.xs.max, breakpointTablet: defaultBreakpoints.sm.max, radius: '5px' }; /***/ }), /* 11 */, /* 12 */, /* 13 */, /* 14 */, /* 15 */, /* 16 */, /* 17 */, /* 18 */, /* 19 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); var withDefaults = function withDefaults(component, defaultProps) { component.defaultProps = defaultProps; return component; }; /* harmony default export */ __webpack_exports__["default"] = (withDefaults); /***/ }), /* 20 */, /* 21 */, /* 22 */, /* 23 */, /* 24 */, /* 25 */, /* 26 */, /* 27 */, /* 28 */, /* 29 */, /* 30 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getId", function() { return getId; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasChild", function() { return hasChild; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pickChild", function() { return pickChild; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pickChildByProps", function() { return pickChildByProps; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pickChildrenFirst", function() { return pickChildrenFirst; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setChildrenProps", function() { return setChildrenProps; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setChildrenIndex", function() { return setChildrenIndex; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getReactNode", function() { return getReactNode; }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); var getId = function getId() { return Math.random().toString(32).slice(2, 10); }; var hasChild = function hasChild(children, child) { var types = react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.map(children, function (item) { if (!react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(item)) return null; return item.type; }); return (types || []).includes(child); }; var pickChild = function pickChild(children, targetChild) { var target = []; var withoutTargetChildren = react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.map(children, function (item) { if (!react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(item)) return item; if (item.type === targetChild) { target.push(item); return null; } return item; }); var targetChildren = target.length >= 0 ? target : undefined; return [withoutTargetChildren, targetChildren]; }; var pickChildByProps = function pickChildByProps(children, key, value) { var target = []; var isArray = Array.isArray(value); var withoutPropChildren = react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.map(children, function (item) { if (!react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(item)) return null; if (!item.props) return item; if (isArray) { if (value.includes(item.props[key])) { target.push(item); return null; } return item; } if (item.props[key] === value) { target.push(item); return null; } return item; }); var targetChildren = target.length >= 0 ? target : undefined; return [withoutPropChildren, targetChildren]; }; var pickChildrenFirst = function pickChildrenFirst(children) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.toArray(children)[0]; }; var setChildrenProps = function setChildrenProps(children) { var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var targetComponents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; if (react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.count(children) === 0) return []; var allowAll = targetComponents.length === 0; var clone = function clone(child) { var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; return react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(child, props); }; return react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.map(children, function (item) { if (!react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(item)) return item; if (allowAll) return clone(item, props); var isAllowed = targetComponents.find(function (child) { return child === item.type; }); if (isAllowed) return clone(item, props); return item; }); }; var setChildrenIndex = function setChildrenIndex(children) { var targetComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; if (react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.count(children) === 0) return []; var allowAll = targetComponents.length === 0; var clone = function clone(child) { var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; return react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(child, props); }; var index = 0; return react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.map(children, function (item) { if (!react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(item)) return item; index = index + 1; if (allowAll) return clone(item, { index: index }); var isAllowed = targetComponents.find(function (child) { return child === item.type; }); if (isAllowed) return clone(item, { index: index }); index = index - 1; return item; }); }; var getReactNode = function getReactNode(node) { if (!node) return null; if (typeof node !== 'function') return node; return node(); }; /***/ }), /* 31 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); var useResize = function useResize(callback) { var immediatelyInvoke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () { var fn = function fn() { return callback(); }; if (immediatelyInvoke) { fn(); } window.addEventListener('resize', fn); return function () { return window.removeEventListener('resize', fn); }; }, []); }; /* harmony default export */ __webpack_exports__["default"] = (useResize); /***/ }), /* 32 */, /* 33 */, /* 34 */, /* 35 */, /* 36 */, /* 37 */, /* 38 */, /* 39 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _use_current_state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(40); /* harmony default export */ __webpack_exports__["default"] = (_use_current_state__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /* 40 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _use_current_state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41); /* harmony default export */ __webpack_exports__["default"] = (_use_current_state__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /* 41 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } var useCurrentState = function useCurrentState(initialState) { var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(function () { return typeof initialState === 'function' ? initialState() : initialState; }), _useState2 = _slicedToArray(_useState, 2), state = _useState2[0], setState = _useState2[1]; var ref = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(initialState); Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () { ref.current = state; }, [state]); var setValue = function setValue(val) { var result = typeof val === 'function' ? val(ref.current) : val; ref.current = result; setState(result); }; return [state, setValue, ref]; }; /* harmony default export */ __webpack_exports__["default"] = (useCurrentState); /***/ }), /* 42 */, /* 43 */, /* 44 */, /* 45 */, /* 46 */, /* 47 */, /* 48 */, /* 49 */, /* 50 */, /* 51 */, /* 52 */, /* 53 */, /* 54 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55); /* harmony default export */ __webpack_exports__["default"] = (_link__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /* 55 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _utils_with_defaults__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19); /* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6); /* harmony import */ var _utils_use_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(56); /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57); function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var defaultProps = { href: '', color: false, pure: false, icon: false, underline: false, block: false, className: '' }; var Link = react__WEBPACK_IMPORTED_MODULE_1___default.a.forwardRef(function (_ref, ref) { var href = _ref.href, color = _ref.color, underline = _ref.underline, pure = _ref.pure, children = _ref.children, className = _ref.className, block = _ref.block, icon = _ref.icon, props = _objectWithoutProperties(_ref, ["href", "color", "underline", "pure", "children", "className", "block", "icon"]); var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_3__["default"])(); var linkColor = color || block ? theme.palette.link : 'inherit'; var hoverColor = color || block ? theme.palette.successLight : 'inherit'; var padding = block ? theme.layout.gapQuarter : '0'; var decoration = underline ? 'underline' : 'none'; if (pure) { Object(_utils_use_warning__WEBPACK_IMPORTED_MODULE_4__["default"])('Props "pure" is deprecated, now the default Link is pure.'); } return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("a", _extends({ href: href }, props, { ref: ref, className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2682630561", [linkColor, padding, padding, block ? theme.layout.radius : 0, decoration, block ? '#0076ff1a' : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || "link ".concat(className)) }), children, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, { id: "2682630561", dynamic: [linkColor, padding, padding, block ? theme.layout.radius : 0, decoration, block ? '#0076ff1a' : 'unset', hoverColor] }, ".link.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:inherit;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;padding:calc(").concat(padding, " * 0.8) calc(").concat(padding, " * 1.7);border-radius:").concat(block ? theme.layout.radius : 0, ";width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? '#0076ff1a' : 'unset', ";color:").concat(hoverColor, ";}"))); }); var MemoLink = react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(Link); /* harmony default export */ __webpack_exports__["default"] = (Object(_utils_with_defaults__WEBPACK_IMPORTED_MODULE_2__["default"])(MemoLink, defaultProps)); /***/ }), /* 56 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); var warningStack = {}; var useWarning = function useWarning(message, component) { var tag = component ? " [".concat(component, "]") : ' '; var log = "[Zeit UI]".concat(tag, ": ").concat(message); if (typeof console === 'undefined') return; if (warningStack[log]) return; warningStack[log] = true; if (true) { return console.error(log); } console.warn(log); }; /* harmony default export */ __webpack_exports__["default"] = (useWarning); /***/ }), /* 57 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LinkIcon", function() { return LinkIcon; }); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); var LinkIcon = function LinkIcon() { return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: "jsx-2691738060" + " " + "icon" }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", className: "jsx-2691738060" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("path", { d: "M15 3h6v6", className: "jsx-2691738060" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("path", { d: "M10 14L21 3", className: "jsx-2691738060" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, { id: "2691738060" }, ".icon.jsx-2691738060{margin:0 5px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}")); }; /* harmony default export */ __webpack_exports__["default"] = (react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(LinkIcon)); /***/ }), /* 58 */, /* 59 */, /* 60 */, /* 61 */, /* 62 */, /* 63 */, /* 64 */, /* 65 */, /* 66 */, /* 67 */, /* 68 */, /* 69 */, /* 70 */, /* 71 */, /* 72 */, /* 73 */, /* 74 */, /* 75 */, /* 76 */, /* 77 */, /* 78 */, /* 79 */, /* 80 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81); /* harmony import */ var _card_footer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83); /* harmony import */ var _card_content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84); _card__WEBPACK_IMPORTED_MODULE_0__["default"].Footer = _card_footer__WEBPACK_IMPORTED_MODULE_1__["default"]; _card__WEBPACK_IMPORTED_MODULE_0__["default"].Actions = _card_footer__WEBPACK_IMPORTED_MODULE_1__["default"]; _card__WEBPACK_IMPORTED_MODULE_0__["default"].Content = _card_content__WEBPACK_IMPORTED_MODULE_2__["default"]; _card__WEBPACK_IMPORTED_MODULE_0__["default"].Body = _card_content__WEBPACK_IMPORTED_MODULE_2__["default"]; /* harmony default export */ __webpack_exports__["default"] = (_card__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /* 81 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6); /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82); /* harmony import */ var _card_footer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83); /* harmony import */ var _card_content__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(84); /* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(85); /* harmony import */ var _utils_collections__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(30); function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var defaultProps = { type: 'default', hoverable: false, shadow: false, width: '100%', className: '' }; var Card = function Card(_ref) { var children = _ref.children, hoverable = _ref.hoverable, className = _ref.className, shadow = _ref.shadow, type = _ref.type, width = _ref.width, props = _objectWithoutProperties(_ref, ["children", "hoverable", "className", "shadow", "type", "width"]); var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])(); var hoverShadow = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () { if (shadow) return theme.expressiveness.shadowMedium; return hoverable ? theme.expressiveness.shadowSmall : 'none'; }, [hoverable, shadow, theme.expressiveness]); var _useMemo = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () { return Object(_styles__WEBPACK_IMPORTED_MODULE_3__["getStyles"])(type, theme.palette, shadow); }, [type, theme.palette, shadow]), color = _useMemo.color, bgColor = _useMemo.bgColor, borderColor = _useMemo.borderColor; var _pickChild = Object(_utils_collections__WEBPACK_IMPORTED_MODULE_7__["pickChild"])(children, _card_footer__WEBPACK_IMPORTED_MODULE_4__["default"]), _pickChild2 = _slicedToArray(_pickChild, 2), withoutFooterChildren = _pickChild2[0], footerChildren = _pickChild2[1]; var _pickChild3 = Object(_utils_collections__WEBPACK_IMPORTED_MODULE_7__["pickChild"])(withoutFooterChildren, _image__WEBPACK_IMPORTED_MODULE_6__["default"]), _pickChild4 = _slicedToArray(_pickChild3, 2), withoutImageChildren = _pickChild4[0], imageChildren = _pickChild4[1]; var hasContent = Object(_utils_collections__WEBPACK_IMPORTED_MODULE_7__["hasChild"])(withoutImageChildren, _card_content__WEBPACK_IMPORTED_MODULE_5__["default"]); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", _extends({}, props, { className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3053086214", [theme.palette.background, width, theme.layout.radius, shadow ? theme.expressiveness.shadowSmall : 'none', color, bgColor, borderColor, hoverShadow]]]) + " " + (props && props.className != null && props.className || "card ".concat(className)) }), imageChildren, hasContent ? withoutImageChildren : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_card_content__WEBPACK_IMPORTED_MODULE_5__["default"], null, withoutImageChildren), footerChildren, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, { id: "3053086214", dynamic: [theme.palette.background, width, theme.layout.radius, shadow ? theme.expressiveness.shadowSmall : 'none', color, bgColor, borderColor, hoverShadow] }, ".card.__jsx-style-dynamic-selector{background:".concat(theme.palette.background, ";margin:0;padding:0;width:").concat(width, ";-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:").concat(theme.layout.radius, ";box-shadow:").concat(shadow ? theme.expressiveness.shadowSmall : 'none', ";box-sizing:border-box;color:").concat(color, ";background-color:").concat(bgColor, ";border:1px solid ").concat(borderColor, ";}.card.__jsx-style-dynamic-selector:hover{box-shadow:").concat(hoverShadow, ";}.card.__jsx-style-dynamic-selector img{width:100%;}.card.__jsx-style-dynamic-selector .image{border-bottom-left-radius:0;border-bottom-right-radius:0;}"))); }; Card.defaultProps = defaultProps; /* harmony default export */ __webpack_exports__["default"] = (react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(Card)); /***/ }), /* 82 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStyles", function() { return getStyles; }); function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var getStyles = function getStyles(type, palette, isShadow) { var colors = { "default": { color: palette.foreground, bgColor: palette.background }, dark: { color: palette.background, bgColor: palette.foreground }, secondary: { color: palette.background, bgColor: palette.secondary }, success: { color: palette.background, bgColor: palette.success }, warning: { color: palette.background, bgColor: palette.warning }, error: { color: palette.background, bgColor: palette.error }, lite: { color: palette.foreground, bgColor: palette.background }, alert: { color: 'white', bgColor: palette.alert }, purple: { color: 'white', bgColor: palette.purple }, violet: { color: 'white', bgColor: palette.violet }, cyan: { color: 'black', bgColor: palette.cyan } }; var showBorder = type === 'default' && !isShadow; return _objectSpread(_objectSpread({}, colors[type]), {}, { borderColor: showBorder ? palette.border : 'transparent' }); }; /***/ }), /* 83 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6); /* harmony import */ var _utils_with_defaults__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19); function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var defaultProps = { disableAutoMargin: false, className: '' }; var CardFooter = function CardFooter(_ref) { var children = _ref.children, className = _ref.className, disableAutoMargin = _ref.disableAutoMargin, props = _objectWithoutProperties(_ref, ["children", "className", "disableAutoMargin"]); var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])(); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("footer", _extends({}, props, { className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3194145420", [theme.layout.gapHalf, theme.layout.gap, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.layout.gap, theme.layout.gapQuarter]]]) + " " + (props && props.className != null && props.className || "".concat(disableAutoMargin ? '' : 'auto-margin', " ").concat(className)) }), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, { id: "3194145420", dynamic: [theme.layout.gapHalf, theme.layout.gap, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.layout.gap, theme.layout.gapQuarter] }, "footer.__jsx-style-dynamic-selector{padding:".concat(theme.layout.gapHalf, " ").concat(theme.layout.gap, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;color:inherit;background-color:inherit;font-size:0.875rem;border-top:1px solid ").concat(theme.palette.border, ";border-bottom-left-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";min-height:calc(2.5 * ").concat(theme.layout.gap, ");}.auto-margin.__jsx-style-dynamic-selector *{margin-top:0;margin-bottom:0;margin-right:").concat(theme.layout.gapQuarter, ";}"))); }; var MemoCardFooter = react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(CardFooter); /* harmony default export */ __webpack_exports__["default"] = (Object(_utils_with_defaults__WEBPACK_IMPORTED_MODULE_3__["default"])(MemoCardFooter, defaultProps)); /***/ }), /* 84 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6); /* harmony import */ var _utils_with_defaults__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19); function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var defaultProps = { className: '' }; var CardContent = function CardContent(_ref) { var className = _ref.className, children = _ref.children, props = _objectWithoutProperties(_ref, ["className", "children"]); var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])(); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", _extends({}, props, { className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["1518121670", [theme.layout.gap, theme.layout.gap]]]) + " " + (props && props.className != null && props.className || "content ".concat(className)) }), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, { id: "1518121670", dynamic: [theme.layout.gap, theme.layout.gap] }, ".content.__jsx-style-dynamic-selector{width:100%;padding:".concat(theme.layout.gap, " ").concat(theme.layout.gap, ";}.content.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}"))); }; var MemoCardContent = react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(CardContent); /* harmony default export */ __webpack_exports__["default"] = (Object(_utils_with_defaults__WEBPACK_IMPORTED_MODULE_3__["default"])(MemoCardContent, defaultProps)); /***/ }), /* 85 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86); /* harmony import */ var _image_browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(89); _image__WEBPACK_IMPORTED_MODULE_0__["default"].Browser = _image_browser__WEBPACK_IMPORTED_MODULE_1__["default"]; /* harmony default export */ __webpack_exports__["default"] = (_image__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /* 86 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); /* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6); /* harmony import */ var _image_skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87); /* harmony import */ var _utils_use_real_shape__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(88); /* harmony import */ var _utils_use_current_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39); /* harmony import */ var _utils_use_resize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31); function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o ==