@dfds-ui/react-components 1.1.12-alpha.a2111cd6 → 1.1.12-alpha.a5cf8ef8

package/cjs/card/Card.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CardContext = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _theme = require("@dfds-ui/theme");
+
+var _hooks = require("@dfds-ui/hooks");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react2 = require("@emotion/react");
+
+var _surface = require("../surface");
+
+const _excluded = ["children", "media", "variant", "size", "ratio", "className", "surface"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
+
+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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
+
+const CardContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.CardContext = CardContext;
+const CardContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin3"
+} : {
+  target: "elatgin3",
+  label: "CardContainer"
+})("display:flex;flex-direction:column;border:", props => props.variant === 'outline' ? `solid 1px rgba(77, 78, 76, 0.24)` : '', ";", (props
+/* outline xl cards and greater than medium */
+) => props.variant === 'outline' && props.size === 'xl' && !props.reverse && _theme.media.greaterThan('l')`
+      flex-direction: row;
+  `, " ", (props
+/* outline xl cards with reverse and greater than medium */
+) => props.variant === 'outline' && props.size === 'xl' && props.reverse && _theme.media.greaterThan('l')`
+      flex-direction: row-reverse;
+  `, " ", (props
+/* fill xl cards and greater than medium */
+) => props.variant === 'fill' && props.size === 'xl' && !props.reverse && _theme.media.greaterThan('l')`
+      flex-direction: row;
+  `, " ", (props
+/* fill xl cards with reverse and greater than medium */
+) => props.variant === 'fill' && props.size === 'xl' && props.reverse && _theme.media.greaterThan('l')`
+      flex-direction: row-reverse;
+  `, " ", (props
+/* surface xl cards and greater than medium */
+) => props.variant === 'surface' && props.size === 'xl' && !props.reverse && _theme.media.greaterThan('l')`
+      flex-direction: row;
+  `, " ", (props
+/* surface xl cards with reverse and greater than medium */
+) => props.variant === 'surface' && props.size === 'xl' && props.reverse && _theme.media.greaterThan('l')`
+      flex-direction: row-reverse;
+  `, " .CardActions{a{margin-top:", props => props.variant === 'fill' || props.variant === 'outline' ? 'auto' : '', ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMEQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+const CardContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin2"
+} : {
+  target: "elatgin2",
+  label: "CardContent"
+})("display:flex;flex-direction:column;min-width:", props => `calc(${props.ratio} * 100%)`, ";", (props
+/* outline cards */
+) => props.variant === 'outline' && `
+      padding: 0px ${_theme.theme.spacing.s} ${_theme.theme.spacing.s} ${_theme.theme.spacing.s};
+  `, " ", (props
+/* fill cards */
+) => props.variant === 'fill' && `
+      padding: 0px ${_theme.theme.spacing.s} ${_theme.theme.spacing.s} ${_theme.theme.spacing.s};
+  `, " ", (props
+/* fill cards over 500 width */
+) => props.variant === 'fill' && props.width > 500 && `
+      padding: 0px ${_theme.theme.spacing.l} ${_theme.theme.spacing.s} ${_theme.theme.spacing.l};
+  `, " ", (props
+/* surface xl cards with reverse and greater than medium */
+) => props.variant === 'surface' && props.size === 'xl' && !props.reverse && _theme.media.greaterThan('l')`
+    padding-left: ${_theme.theme.spacing.l};
+  `, " ", (props
+/* surface xl cards with reverse and greater than medium */
+) => props.variant === 'surface' && props.size === 'xl' && props.reverse && _theme.media.greaterThan('l')`
+    padding-right: ${_theme.theme.spacing.l};
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HZ0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+const MediaContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin1"
+} : {
+  target: "elatgin1",
+  label: "MediaContainer"
+})("display:flex;flex-direction:column;min-width:", props => `calc(${props.ratio} * 100%)`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZJaUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+const MediaContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin0"
+} : {
+  target: "elatgin0",
+  label: "MediaContent"
+})("flex-direction:column;", (props
+/* outline cards */
+) => props.variant === 'outline' && `
+      padding: ${_theme.theme.spacing.s} ${_theme.theme.spacing.s} 0px ${_theme.theme.spacing.s};
+  `, " ", (props
+/* outline xl cards and greater than medium */
+) => props.variant === 'outline' && props.size === 'xl' && !props.reverse && _theme.media.greaterThan('l')`
+      padding: ${_theme.theme.spacing.s} 0px ${_theme.theme.spacing.s} ${_theme.theme.spacing.s};
+  `, " ", (props
+/* outline xl cards with reverse and greater than medium */
+) => props.variant === 'outline' && props.size === 'xl' && props.reverse && _theme.media.greaterThan('l')`
+    padding: ${_theme.theme.spacing.s} ${_theme.theme.spacing.s} ${_theme.theme.spacing.s} 0px;
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1KMEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+
+const Card = _ref => {
+  let children = _ref.children,
+      media = _ref.media,
+      variant = _ref.variant,
+      size = _ref.size,
+      _ref$ratio = _ref.ratio,
+      _ref$ratio2 = _ref$ratio === void 0 ? [1, 1] : _ref$ratio,
+      _ref$ratio3 = _slicedToArray(_ref$ratio2, 2),
+      contentRatio = _ref$ratio3[0],
+      mediaRatio = _ref$ratio3[1],
+      className = _ref.className,
+      surfaceProp = _ref.surface,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const _useDimensions = (0, _hooks.useDimensions)(),
+        _useDimensions2 = _slicedToArray(_useDimensions, 2),
+        ref = _useDimensions2[0],
+        width = _useDimensions2[1].width;
+
+  const _useSurfaceContext = (0, _surface.useSurfaceContext)(surfaceProp),
+        backgroundColor = _useSurfaceContext.backgroundColor,
+        textColors = _useSurfaceContext.textColors;
+
+  const _useState = (0, _react.useState)(variant),
+        _useState2 = _slicedToArray(_useState, 1),
+        cardVariant = _useState2[0];
+
+  const _useState3 = (0, _react.useState)(size),
+        _useState4 = _slicedToArray(_useState3, 1),
+        cardSize = _useState4[0];
+
+  return (0, _react2.jsx)(CardContext.Provider, {
+    value: {
+      cardVariant,
+      cardSize
+    }
+  }, (0, _react2.jsx)(_surface.MaybeSurfaceProvider, {
+    surface: surfaceProp
+  }, (0, _react2.jsx)(CardContainer, _extends({
+    css: /*#__PURE__*/(0, _react2.css)("background-color:", backgroundColor, ";color:", textColors.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFNa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"),
+    size: size,
+    variant: variant,
+    ref: ref,
+    className: (0, _classnames.default)('CardContainer', className)
+  }, rest), media && (0, _react2.jsx)(MediaContainer, {
+    ratio: mediaRatio / (mediaRatio + contentRatio)
+  }, (0, _react2.jsx)(MediaContent, _extends({
+    size: size,
+    variant: variant,
+    className: "MediaContent"
+  }, rest), media)), children && (0, _react2.jsx)(CardContent, _extends({
+    className: "CardContent",
+    variant: variant,
+    size: size,
+    width: width,
+    reverse: rest.reverse == true,
+    ratio: contentRatio / (mediaRatio + contentRatio)
+  }, rest), children))));
+};
+
+var _default = Card;
+exports.default = _default;

package/cjs/card/CardActions.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _flexbox = require("../flexbox");
+
+var _theme = require("@dfds-ui/theme");
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
+
+const ActionContainer = /*#__PURE__*/(0, _base.default)(_flexbox.FlexBox, process.env.NODE_ENV === "production" ? {
+  target: "e190c4pk0"
+} : {
+  target: "e190c4pk0",
+  label: "ActionContainer"
+})("flex-wrap:wrap;flex-direction:row;flex:1 1 auto;padding-top:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRBY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZEFjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgQWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpYFxuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDYXJkQWN0aW9uczogRnVuY3Rpb25Db21wb25lbnQ8RmxleEJveFByb3BzPiA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IChcbiAgPEFjdGlvbkNvbnRhaW5lciBjbGFzc05hbWU9XCJDYXJkQWN0aW9uc1wiIHsuLi5yZXN0fT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQWN0aW9uQ29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQWN0aW9uc1xuIl19 */"));
+
+const CardActions = _ref => {
+  let children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(ActionContainer, _extends({
+    className: "CardActions"
+  }, rest), children);
+};
+
+var _default = CardActions;
+exports.default = _default;

package/cjs/card/CardContent.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _theme = require("@dfds-ui/theme");
+
+var _typography = require("@dfds-ui/typography");
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["children", "color"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const ContentContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e13iposs1"
+} : {
+  target: "e13iposs1",
+  label: "ContentContainer"
+})("padding-top:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+const Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e13iposs0"
+} : {
+  target: "e13iposs0",
+  label: "Content"
+})("color:", props => props.color ? props.color : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+
+const CardContent = _ref => {
+  let children = _ref.children,
+      color = _ref.color,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(ContentContainer, rest, (0, _react2.jsx)(Content, {
+    color: color
+  }, (0, _react2.jsx)(_typography.Text, {
+    as: "div",
+    styledAs: 'body'
+  }, children)));
+};
+
+var _default = CardContent;
+exports.default = _default;

package/cjs/card/CardMedia.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["children", "media", "aspectRatio"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+function toPercent({
+  aspectRatio
+}) {
+  return aspectRatio === '3:2' ? '66.6667%' : '50.00%';
+}
+
+const MediaContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1940ww1"
+} : {
+  target: "e1940ww1",
+  label: "MediaContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "vabva8",
+  styles: "position:relative;overflow:hidden"
+} : {
+  name: "vabva8",
+  styles: "position:relative;overflow:hidden",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRNZWRpYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgdHlwZSBDYXJkTWVkaWFQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1lZGlhIGNvbXBvbmVudCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIG1lZGlhOiBSZWFjdE5vZGVcblxuICAvKipcbiAgICogQXNwZWN0IHJhdGlvIG9mIG1lZGlhIGNvbXBvbmVudFxuICAgKi9cbiAgYXNwZWN0UmF0aW8/OiBBc3BlY3RSYXRpb1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIEFzcGVjdFJhdGlvID0gJzI6MScgfCAnMzoyJ1xuXG5mdW5jdGlvbiB0b1BlcmNlbnQoeyBhc3BlY3RSYXRpbyB9OiB7IGFzcGVjdFJhdGlvOiBBc3BlY3RSYXRpbyB9KSB7XG4gIHJldHVybiBhc3BlY3RSYXRpbyA9PT0gJzM6MicgPyAnNjYuNjY2NyUnIDogJzUwLjAwJSdcbn1cblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IEFzcGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYXNwZWN0UmF0aW86IEFzcGVjdFJhdGlvIH0+YFxuICAmOjphZnRlciB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgcGFkZGluZy1ib3R0b206ICR7dG9QZXJjZW50fTtcbiAgfVxuXG4gIGltZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYFxuXG5jb25zdCBDYXJkTWVkaWE6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRNZWRpYVByb3BzPiA9ICh7IGNoaWxkcmVuLCBtZWRpYSwgYXNwZWN0UmF0aW8gPSAnMjoxJywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1lZGlhQ29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICAgIDxBc3BlY3RXcmFwcGVyIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb30+XG4gICAgICAgIHttZWRpYX1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Bc3BlY3RXcmFwcGVyPlxuICAgIDwvTWVkaWFDb250YWluZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2FyZE1lZGlhXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const AspectWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1940ww0"
+} : {
+  target: "e1940ww0",
+  label: "AspectWrapper"
+})("&::after{display:block;content:'';padding-bottom:", toPercent, ";}img{position:absolute;object-fit:cover;left:0;top:0;width:100%;height:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRNZWRpYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I4RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgdHlwZSBDYXJkTWVkaWFQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1lZGlhIGNvbXBvbmVudCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIG1lZGlhOiBSZWFjdE5vZGVcblxuICAvKipcbiAgICogQXNwZWN0IHJhdGlvIG9mIG1lZGlhIGNvbXBvbmVudFxuICAgKi9cbiAgYXNwZWN0UmF0aW8/OiBBc3BlY3RSYXRpb1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIEFzcGVjdFJhdGlvID0gJzI6MScgfCAnMzoyJ1xuXG5mdW5jdGlvbiB0b1BlcmNlbnQoeyBhc3BlY3RSYXRpbyB9OiB7IGFzcGVjdFJhdGlvOiBBc3BlY3RSYXRpbyB9KSB7XG4gIHJldHVybiBhc3BlY3RSYXRpbyA9PT0gJzM6MicgPyAnNjYuNjY2NyUnIDogJzUwLjAwJSdcbn1cblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IEFzcGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYXNwZWN0UmF0aW86IEFzcGVjdFJhdGlvIH0+YFxuICAmOjphZnRlciB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgcGFkZGluZy1ib3R0b206ICR7dG9QZXJjZW50fTtcbiAgfVxuXG4gIGltZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYFxuXG5jb25zdCBDYXJkTWVkaWE6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRNZWRpYVByb3BzPiA9ICh7IGNoaWxkcmVuLCBtZWRpYSwgYXNwZWN0UmF0aW8gPSAnMjoxJywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1lZGlhQ29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICAgIDxBc3BlY3RXcmFwcGVyIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb30+XG4gICAgICAgIHttZWRpYX1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Bc3BlY3RXcmFwcGVyPlxuICAgIDwvTWVkaWFDb250YWluZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2FyZE1lZGlhXG4iXX0= */"));
+
+const CardMedia = _ref => {
+  let children = _ref.children,
+      media = _ref.media,
+      _ref$aspectRatio = _ref.aspectRatio,
+      aspectRatio = _ref$aspectRatio === void 0 ? '2:1' : _ref$aspectRatio,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(MediaContainer, rest, (0, _react2.jsx)(AspectWrapper, {
+    aspectRatio: aspectRatio
+  }, media, children));
+};
+
+var _default = CardMedia;
+exports.default = _default;

package/cjs/card/CardPriceTag.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["price", "topText", "bottomText", "currency"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw5"
+} : {
+  target: "eci6nyw5",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1k2cul0",
+  styles: "position:absolute;padding:0 20px 20px;text-align:right;transform:skewX(-30deg);padding:0;background:#49a2df;bottom:0;right:-30px"
+} : {
+  name: "1k2cul0",
+  styles: "position:absolute;padding:0 20px 20px;text-align:right;transform:skewX(-30deg);padding:0;background:#49a2df;bottom:0;right:-30px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogMCAyMHB4IDIwcHg7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICB0cmFuc2Zvcm06IHNrZXdYKC0zMGRlZyk7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQ6ICM0OWEyZGY7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IC0zMHB4O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTBweCA1MHB4IDEwcHggMzBweDtcbiAgY29sb3I6ICNmZmY7XG4gIHRyYW5zZm9ybTogc2tld1goMzBkZWcpO1xuYFxuXG5jb25zdCBQcmljZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LWZhbWlseTogREZEUztcbiAgZm9udC13ZWlnaHQ6IDkwMDtcbiAgZm9udC1zaXplOiA0MHB4O1xuICBsaW5lLWhlaWdodDogNDBweDtcbmBcblxuY29uc3QgQ3VycmVuY3kgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZy1yaWdodDogNXB4O1xuICBmb250LXNpemU6IDMwcHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYFxuXG5jb25zdCBGcm9tID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBsaW5lLWhlaWdodDogMTRweDtcbmBcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmV4cG9ydCB0eXBlIENhcmRQcmljZVRhZ1Byb3BzID0ge1xuICAvKipcbiAgICogUHJpY2UgZm9yIHRoZSBwcmljZSB0YWdcbiAgICovXG4gIHByaWNlOiBudW1iZXJcblxuICAvKipcbiAgICogQ3VycmVuY3kgc3ltYm9sIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgY3VycmVuY3k/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgb3ZlciB0aGUgcHJpY2VcbiAgICovXG4gIHRvcFRleHQ/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgdW5kZXIgdGhlIHByaWNlXG4gICAqL1xuICBib3R0b21UZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFByaWNlVGFnID0gKHsgcHJpY2UsIHRvcFRleHQsIGJvdHRvbVRleHQsIGN1cnJlbmN5LCAuLi5yZXN0IH06IENhcmRQcmljZVRhZ1Byb3BzKSA9PiAoXG4gIDxXcmFwcGVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudD5cbiAgICAgIDxGcm9tPnt0b3BUZXh0fTwvRnJvbT5cbiAgICAgIDxDdXJyZW5jeT57Y3VycmVuY3l9PC9DdXJyZW5jeT5cbiAgICAgIDxQcmljZT57cHJpY2V9PC9QcmljZT5cbiAgICAgIDxJbmZvPntib3R0b21UZXh0fTwvSW5mbz5cbiAgICA8L0NvbnRlbnQ+XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZFByaWNlVGFnXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw4"
+} : {
+  target: "eci6nyw4",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "wh8499",
+  styles: "padding:10px 50px 10px 30px;color:#fff;transform:skewX(30deg)"
+} : {
+  name: "wh8499",
+  styles: "padding:10px 50px 10px 30px;color:#fff;transform:skewX(30deg)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogMCAyMHB4IDIwcHg7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICB0cmFuc2Zvcm06IHNrZXdYKC0zMGRlZyk7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQ6ICM0OWEyZGY7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IC0zMHB4O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTBweCA1MHB4IDEwcHggMzBweDtcbiAgY29sb3I6ICNmZmY7XG4gIHRyYW5zZm9ybTogc2tld1goMzBkZWcpO1xuYFxuXG5jb25zdCBQcmljZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LWZhbWlseTogREZEUztcbiAgZm9udC13ZWlnaHQ6IDkwMDtcbiAgZm9udC1zaXplOiA0MHB4O1xuICBsaW5lLWhlaWdodDogNDBweDtcbmBcblxuY29uc3QgQ3VycmVuY3kgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZy1yaWdodDogNXB4O1xuICBmb250LXNpemU6IDMwcHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYFxuXG5jb25zdCBGcm9tID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBsaW5lLWhlaWdodDogMTRweDtcbmBcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmV4cG9ydCB0eXBlIENhcmRQcmljZVRhZ1Byb3BzID0ge1xuICAvKipcbiAgICogUHJpY2UgZm9yIHRoZSBwcmljZSB0YWdcbiAgICovXG4gIHByaWNlOiBudW1iZXJcblxuICAvKipcbiAgICogQ3VycmVuY3kgc3ltYm9sIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgY3VycmVuY3k/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgb3ZlciB0aGUgcHJpY2VcbiAgICovXG4gIHRvcFRleHQ/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgdW5kZXIgdGhlIHByaWNlXG4gICAqL1xuICBib3R0b21UZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFByaWNlVGFnID0gKHsgcHJpY2UsIHRvcFRleHQsIGJvdHRvbVRleHQsIGN1cnJlbmN5LCAuLi5yZXN0IH06IENhcmRQcmljZVRhZ1Byb3BzKSA9PiAoXG4gIDxXcmFwcGVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudD5cbiAgICAgIDxGcm9tPnt0b3BUZXh0fTwvRnJvbT5cbiAgICAgIDxDdXJyZW5jeT57Y3VycmVuY3l9PC9DdXJyZW5jeT5cbiAgICAgIDxQcmljZT57cHJpY2V9PC9QcmljZT5cbiAgICAgIDxJbmZvPntib3R0b21UZXh0fTwvSW5mbz5cbiAgICA8L0NvbnRlbnQ+XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZFByaWNlVGFnXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Price = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw3"
+} : {
+  target: "eci6nyw3",
+  label: "Price"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1kvywvt",
+  styles: "font-family:DFDS;font-weight:900;font-size:40px;line-height:40px"
+} : {
+  name: "1kvywvt",
+  styles: "font-family:DFDS;font-weight:900;font-size:40px;line-height:40px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Currency = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw2"
+} : {
+  target: "eci6nyw2",
+  label: "Currency"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ryrn76",
+  styles: "padding-right:5px;font-size:30px;line-height:30px;text-transform:uppercase"
+} : {
+  name: "1ryrn76",
+  styles: "padding-right:5px;font-size:30px;line-height:30px;text-transform:uppercase",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const From = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw1"
+} : {
+  target: "eci6nyw1",
+  label: "From"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px"
+} : {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Info = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw0"
+} : {
+  target: "eci6nyw0",
+  label: "Info"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px"
+} : {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+const CardPriceTag = _ref => {
+  let price = _ref.price,
+      topText = _ref.topText,
+      bottomText = _ref.bottomText,
+      currency = _ref.currency,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(Wrapper, rest, (0, _react2.jsx)(Content, null, (0, _react2.jsx)(From, null, topText), (0, _react2.jsx)(Currency, null, currency), (0, _react2.jsx)(Price, null, price), (0, _react2.jsx)(Info, null, bottomText)));
+};
+
+var _default = CardPriceTag;
+exports.default = _default;