@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.9178d1d6

package/cjs/card/Card.js

@@ -0,0 +1,129 @@
+"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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+
+const CardContext = exports.CardContext = /*#__PURE__*/_react.default.createContext({});
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDMEQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHZ0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThJaUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9KMEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+const Card = ({
+  children,
+  media,
+  variant,
+  size,
+  ratio: [contentRatio, mediaRatio] = [1, 1],
+  className,
+  surface: surfaceProp,
+  ...rest
+}) => {
+  const [ref, {
+    width
+  }] = (0, _hooks.useDimensions)();
+  const {
+    backgroundColor,
+    textColors
+  } = (0, _surface.useSurfaceContext)(surfaceProp);
+  const [cardVariant] = (0, _react.useState)(variant);
+  const [cardSize] = (0, _react.useState)(size);
+  return (0, _jsxRuntime.jsx)(CardContext.Provider, {
+    value: {
+      cardVariant,
+      cardSize
+    },
+    children: (0, _jsxRuntime.jsx)(_surface.MaybeSurfaceProvider, {
+      surface: surfaceProp,
+      children: (0, _jsxRuntime.jsxs)(CardContainer, {
+        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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNNa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/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,
+        children: [media && (0, _jsxRuntime.jsx)(MediaContainer, {
+          ratio: mediaRatio / (mediaRatio + contentRatio),
+          children: (0, _jsxRuntime.jsx)(MediaContent, {
+            size: size,
+            variant: variant,
+            className: "MediaContent",
+            ...rest,
+            children: media
+          })
+        }), children && (0, _jsxRuntime.jsx)(CardContent, {
+          className: "CardContent",
+          variant: variant,
+          size: size,
+          width: width,
+          reverse: rest.reverse == true,
+          ratio: contentRatio / (mediaRatio + contentRatio),
+          ...rest,
+          children: children
+        })]
+      })
+    })
+  });
+};
+var _default = exports.default = Card;

package/cjs/card/CardActions.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+declare const CardActions: FunctionComponent<FlexBoxProps>;
+export default CardActions;

package/cjs/card/CardActions.js

@@ -0,0 +1,27 @@
+"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 _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 = ({
+  children,
+  ...rest
+}) => (0, _jsxRuntime.jsx)(ActionContainer, {
+  className: "CardActions",
+  ...rest,
+  children: children
+});
+var _default = exports.default = CardActions;

package/cjs/card/CardContent.d.ts

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export type CardContentProps = {
+    children?: React.ReactNode;
+    /**
+     * Text color
+     */
+    color?: string;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardContent: FunctionComponent<CardContentProps>;
+export default CardContent;

package/cjs/card/CardContent.js

@@ -0,0 +1,40 @@
+"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 _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+const CardContent = ({
+  children,
+  color,
+  ...rest
+}) => (0, _jsxRuntime.jsx)(ContentContainer, {
+  ...rest,
+  children: (0, _jsxRuntime.jsx)(Content, {
+    color: color,
+    children: (0, _jsxRuntime.jsx)(_typography.Text, {
+      as: "div",
+      styledAs: 'body',
+      children: children
+    })
+  })
+});
+var _default = exports.default = CardContent;

package/cjs/card/CardMedia.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+export type CardMediaProps = {
+    children?: React.ReactNode;
+    /**
+     * Media component to be displayed
+     */
+    media: ReactNode;
+    /**
+     * Aspect ratio of media component
+     */
+    aspectRatio?: AspectRatio;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+export type AspectRatio = '2:1' | '3:2';
+declare const CardMedia: FunctionComponent<CardMediaProps>;
+export default CardMedia;

package/cjs/card/CardMedia.js

@@ -0,0 +1,50 @@
+"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 _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRNZWRpYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgdHlwZSBDYXJkTWVkaWFQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIE1lZGlhIGNvbXBvbmVudCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIG1lZGlhOiBSZWFjdE5vZGVcblxuICAvKipcbiAgICogQXNwZWN0IHJhdGlvIG9mIG1lZGlhIGNvbXBvbmVudFxuICAgKi9cbiAgYXNwZWN0UmF0aW8/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRNZWRpYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M4RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgdHlwZSBDYXJkTWVkaWFQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIE1lZGlhIGNvbXBvbmVudCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIG1lZGlhOiBSZWFjdE5vZGVcblxuICAvKipcbiAgICogQXNwZWN0IHJhdGlvIG9mIG1lZGlhIGNvbXBvbmVudFxuICAgKi9cbiAgYXNwZWN0UmF0aW8/OiBBc3BlY3RSYXRpb1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIEFzcGVjdFJhdGlvID0gJzI6MScgfCAnMzoyJ1xuXG5mdW5jdGlvbiB0b1BlcmNlbnQoeyBhc3BlY3RSYXRpbyB9OiB7IGFzcGVjdFJhdGlvOiBBc3BlY3RSYXRpbyB9KSB7XG4gIHJldHVybiBhc3BlY3RSYXRpbyA9PT0gJzM6MicgPyAnNjYuNjY2NyUnIDogJzUwLjAwJSdcbn1cblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IEFzcGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYXNwZWN0UmF0aW86IEFzcGVjdFJhdGlvIH0+YFxuICAmOjphZnRlciB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgcGFkZGluZy1ib3R0b206ICR7dG9QZXJjZW50fTtcbiAgfVxuXG4gIGltZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYFxuXG5jb25zdCBDYXJkTWVkaWE6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRNZWRpYVByb3BzPiA9ICh7IGNoaWxkcmVuLCBtZWRpYSwgYXNwZWN0UmF0aW8gPSAnMjoxJywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1lZGlhQ29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICAgIDxBc3BlY3RXcmFwcGVyIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb30+XG4gICAgICAgIHttZWRpYX1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Bc3BlY3RXcmFwcGVyPlxuICAgIDwvTWVkaWFDb250YWluZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2FyZE1lZGlhXG4iXX0= */"));
+const CardMedia = ({
+  children,
+  media,
+  aspectRatio = '2:1',
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(MediaContainer, {
+    ...rest,
+    children: (0, _jsxRuntime.jsxs)(AspectWrapper, {
+      aspectRatio: aspectRatio,
+      children: [media, children]
+    })
+  });
+};
+var _default = exports.default = CardMedia;

package/cjs/card/CardPriceTag.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type CardPriceTagProps = {
+    /**
+     * Price for the price tag
+     */
+    price: number;
+    /**
+     * Currency symbol to be displayed
+     */
+    currency?: string;
+    /**
+     * Text to be displayed over the price
+     */
+    topText?: string;
+    /**
+     * Text to be displayed under the price
+     */
+    bottomText?: string;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardPriceTag: ({ price, topText, bottomText, currency, ...rest }: CardPriceTagProps) => React.JSX.Element;
+export default CardPriceTag;

package/cjs/card/CardPriceTag.js

@@ -0,0 +1,110 @@
+"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 _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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/*# 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)/*# 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/*# 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/*# 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/*# 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/*# 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 = ({
+  price,
+  topText,
+  bottomText,
+  currency,
+  ...rest
+}) => (0, _jsxRuntime.jsx)(Wrapper, {
+  ...rest,
+  children: (0, _jsxRuntime.jsxs)(Content, {
+    children: [(0, _jsxRuntime.jsx)(From, {
+      children: topText
+    }), (0, _jsxRuntime.jsx)(Currency, {
+      children: currency
+    }), (0, _jsxRuntime.jsx)(Price, {
+      children: price
+    }), (0, _jsxRuntime.jsx)(Info, {
+      children: bottomText
+    })]
+  })
+});
+var _default = exports.default = CardPriceTag;

package/cjs/card/CardTitle.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent } from 'react';
+export type CardTitleProps = {
+    children?: React.ReactNode;
+    /**
+     * Text color
+     */
+    color?: string;
+    /**
+     * If set to true the title will be displayed using the `sectionHeadline` instead of a `smallHeadline`.
+     * But only for large screens.
+     */
+    largeTitle?: boolean;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardTitle: FunctionComponent<CardTitleProps>;
+export default CardTitle;