@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/card/Card.js

@@ -11,19 +11,10 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+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); } /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 const CardContext = /*#__PURE__*/_react.default.createContext({});
 exports.CardContext = CardContext;
 const CardContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -78,32 +69,25 @@ const MediaContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
   `, " ", (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];
+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, _react2.jsx)(CardContext.Provider, {
     value: {
       cardVariant,

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

@@ -9,23 +9,19 @@ 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);
-};
+const CardActions = ({
+  children,
+  ...rest
+}) => (0, _react2.jsx)(ActionContainer, _extends({
+  className: "CardActions"
+}, rest), children);
 var _default = CardActions;
 exports.default = _default;

package/cjs/card/CardContent.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+export type CardContentProps = {
+    /**
+     * 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

@@ -9,10 +9,7 @@ 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"
 } : {
@@ -25,16 +22,15 @@ const Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
   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)));
-};
+const CardContent = ({
+  children,
+  color,
+  ...rest
+}) => (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.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent, ReactNode } from 'react';
+export type CardMediaProps = {
+    /**
+     * 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

@@ -7,10 +7,7 @@ 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
@@ -37,12 +34,12 @@ const AspectWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
   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);
+const CardMedia = ({
+  children,
+  media,
+  aspectRatio = '2:1',
+  ...rest
+}) => {
   return (0, _react2.jsx)(MediaContainer, rest, (0, _react2.jsx)(AspectWrapper, {
     aspectRatio: aspectRatio
   }, media, children));

package/cjs/card/CardPriceTag.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="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) => JSX.Element;
+export default CardPriceTag;

package/cjs/card/CardPriceTag.js

@@ -7,10 +7,7 @@ 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"
@@ -96,13 +93,12 @@ const Info = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "p
   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)));
-};
+const CardPriceTag = ({
+  price,
+  topText,
+  bottomText,
+  currency,
+  ...rest
+}) => (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;

package/cjs/card/CardTitle.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+export type CardTitleProps = {
+    /**
+     * 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;

package/cjs/card/CardTitle.js

@@ -9,19 +9,17 @@ var _react2 = _interopRequireDefault(require("react"));
 var _typography = require("@dfds-ui/typography");
 var _theme = require("@dfds-ui/theme");
 var _Card = require("./Card");
-const _excluded = ["children", "color", "largeTitle"];
 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 CardTitle = _ref => {
-  let children = _ref.children,
-    color = _ref.color,
-    _ref$largeTitle = _ref.largeTitle,
-    largeTitle = _ref$largeTitle === void 0 ? false : _ref$largeTitle,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useBreakpoint = (0, _theme.useBreakpoint)(),
-    greaterThan = _useBreakpoint.greaterThan;
+const CardTitle = ({
+  children,
+  color,
+  largeTitle = false,
+  ...rest
+}) => {
+  const {
+    greaterThan
+  } = (0, _theme.useBreakpoint)();
   const getPadding = context => {
     if (context.cardVariant === 'surface' && context.cardSize === 'xl' && greaterThan('l')) {
       return '0px';

package/cjs/card/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Card } from './Card';
+export { default as CardMedia } from './CardMedia';
+export { default as CardTitle } from './CardTitle';
+export { default as CardContent } from './CardContent';
+export { default as CardActions } from './CardActions';
+export { default as CardPriceTag } from './CardPriceTag';

package/cjs/card/index.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Card.default;
   }
 });
 Object.defineProperty(exports, "CardActions", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardActions.default;
   }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardContent.default;
   }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardMedia.default;
   }
 });
 Object.defineProperty(exports, "CardPriceTag", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardPriceTag.default;
   }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardTitle.default;
   }
 });

package/cjs/chip/Chip.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+type InteractionEvent = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
+export type ChipProps = {
+    children: ReactNode;
+    dismissable?: boolean;
+    disabled?: boolean;
+    selectable?: boolean;
+    selected?: boolean;
+    onToggle?: (event: InteractionEvent) => void;
+    onDismiss?: (event: InteractionEvent) => void;
+    tabIndex?: number;
+    className?: string;
+};
+export declare const ChipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => JSX.Element;
+export default _default;

package/cjs/chip/Chip.js

@@ -10,19 +10,10 @@ var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _system = require("@dfds-ui/icons/system");
-const _excluded = ["children", "dismissable", "disabled", "selectable", "selected", "onToggle", "onDismiss", "className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 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 Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
   target: "evt86lh3"
@@ -72,24 +63,18 @@ const ChipContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.ChipContainer = ChipContainer;
-var _default = _ref2 => {
-  let children = _ref2.children,
-    _ref2$dismissable = _ref2.dismissable,
-    dismissable = _ref2$dismissable === void 0 ? false : _ref2$dismissable,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    _ref2$selectable = _ref2.selectable,
-    selectable = _ref2$selectable === void 0 ? false : _ref2$selectable,
-    _ref2$selected = _ref2.selected,
-    selected = _ref2$selected === void 0 ? false : _ref2$selected,
-    onToggle = _ref2.onToggle,
-    onDismiss = _ref2.onDismiss,
-    className = _ref2.className,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  const _useState = (0, _react.useState)(selected),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSelected = _useState2[0],
-    setIsSelected = _useState2[1];
+var _default = ({
+  children,
+  dismissable = false,
+  disabled = false,
+  selectable = false,
+  selected = false,
+  onToggle,
+  onDismiss,
+  className,
+  ...rest
+}) => {
+  const [isSelected, setIsSelected] = (0, _react.useState)(selected);
   if (selected !== isSelected) setIsSelected(selected);
   const toggleSelected = event => {
     if (!disabled) {

package/cjs/chip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chip';
+export { default as Chip } from './Chip';

package/cjs/chip/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Chip.default;
   }
 });
@@ -19,10 +19,10 @@ Object.keys(_Chip).forEach(function (key) {
   if (key in exports && exports[key] === _Chip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Chip[key];
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/cjs/common/LockBodyScroll.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type LockBodyScrollProps = {
+    /**
+     * If `true` scroll locking will be enabled
+     */
+    enabled?: boolean;
+    /**
+     * ClassName to be applied to the body element when scroll is locked
+     */
+    bodyClassNameApplied?: string;
+    /**
+     * ClassName to be applied to the html element when scroll is locked
+     */
+    htmlClassNameApplied?: string;
+    /**
+     * Preserve scroll position when locking.
+     */
+    preserveScrollPosition?: boolean;
+    children?: React.ReactNode;
+};
+export type LockBodyScrollResult = {
+    getGap(): number;
+};
+export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;
+export default LockBodyScroll;

package/cjs/common/LockBodyScroll.js

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LockBodyScroll = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-const _excluded = ["enabled", "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 LockBodyScrollComponent = /*#__PURE__*/_react.default.forwardRef(({
   bodyClassNameApplied = 'body-scroll-locked',
   htmlClassNameApplied = 'html-scroll-locked',
@@ -52,11 +49,11 @@ const LockBodyScrollComponent = /*#__PURE__*/_react.default.forwardRef(({
     styles: /*#__PURE__*/(0, _react2.css)(".", htmlClassNameApplied, "{overflow:hidden;}.", bodyClassNameApplied, "{position:fixed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LockBodyScrollComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vTG9ja0JvZHlTY3JvbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi9Mb2NrQm9keVNjcm9sbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFByb3BzID0ge1xuICAvKipcbiAgICogSWYgYHRydWVgIHNjcm9sbCBsb2NraW5nIHdpbGwgYmUgZW5hYmxlZFxuICAgKi9cbiAgZW5hYmxlZD86IGJvb2xlYW5cblxuICAvKipcbiAgICogQ2xhc3NOYW1lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGJvZHkgZWxlbWVudCB3aGVuIHNjcm9sbCBpcyBsb2NrZWRcbiAgICovXG4gIGJvZHlDbGFzc05hbWVBcHBsaWVkPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIENsYXNzTmFtZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBodG1sIGVsZW1lbnQgd2hlbiBzY3JvbGwgaXMgbG9ja2VkXG4gICAqL1xuICBodG1sQ2xhc3NOYW1lQXBwbGllZD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcmVzZXJ2ZSBzY3JvbGwgcG9zaXRpb24gd2hlbiBsb2NraW5nLlxuICAgKi9cbiAgcHJlc2VydmVTY3JvbGxQb3NpdGlvbj86IGJvb2xlYW5cblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFJlc3VsdCA9IHtcbiAgZ2V0R2FwKCk6IG51bWJlclxufVxuXG5jb25zdCBMb2NrQm9keVNjcm9sbENvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgYm9keUNsYXNzTmFtZUFwcGxpZWQgPSAnYm9keS1zY3JvbGwtbG9ja2VkJyxcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkID0gJ2h0bWwtc2Nyb2xsLWxvY2tlZCcsXG4gICAgICBwcmVzZXJ2ZVNjcm9sbFBvc2l0aW9uID0gdHJ1ZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgIH06IExvY2tCb2R5U2Nyb2xsUHJvcHMsXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIFJlYWN0LnVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgZ2V0R2FwOiAoKSA9PiB7XG4gICAgICAgIHJldHVybiB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnXG4gICAgICAgICAgPyAwXG4gICAgICAgICAgOiBkb2N1bWVudC5ib2R5LmRhdGFzZXQubG9ja0JvZHlTY3JvbGxHYXBcbiAgICAgICAgICA/IHBhcnNlSW50KGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcClcbiAgICAgICAgICA6IDBcbiAgICAgIH0sXG4gICAgfSkpXG5cbiAgICBSZWFjdC51c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCA9PT0gJ3VuZGVmaW5lZCcpIHJldHVyblxuXG4gICAgICBjb25zdCBvcmlnaW5hbFRvcCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmJvZHkpLnRvcCAvL2lzIHRoaXMgcmVhbGx5IG5lZWRlZCA/XG4gICAgICBjb25zdCBzY3JvbGxZID0gd2luZG93LnNjcm9sbFkgfHwgd2luZG93LnBhZ2VZT2Zmc2V0XG4gICAgICBpZiAocHJlc2VydmVTY3JvbGxQb3NpdGlvbikge1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcCA9IGAkey1zY3JvbGxZfXB4YFxuICAgICAgfVxuICAgICAgY29uc3QgYm9keVdpZHRoQmVmb3JlID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuYm9keSkud2lkdGhcbiAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKGh0bWxDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgY29uc3QgYm9keVdpZHRoQWZ0ZXIgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5ib2R5KS53aWR0aFxuICAgICAgY29uc3QgZ2FwID0gcGFyc2VJbnQoYm9keVdpZHRoQWZ0ZXIpIC0gcGFyc2VJbnQoYm9keVdpZHRoQmVmb3JlKVxuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5wYWRkaW5nUmlnaHQgPSBgJHtnYXB9cHhgXG5cbiAgICAgIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcCA9IFN0cmluZyhnYXApXG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFkgPSBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcFxuICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShodG1sQ2xhc3NOYW1lQXBwbGllZClcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBhZGRpbmdSaWdodCA9ICcnXG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUudG9wID0gb3JpZ2luYWxUb3BcbiAgICAgICAgaWYgKHByZXNlcnZlU2Nyb2xsUG9zaXRpb24pIHtcbiAgICAgICAgICB3aW5kb3cuc2Nyb2xsVG8oMCwgcGFyc2VJbnQoc2Nyb2xsWSB8fCAnMCcpICogLTEpXG4gICAgICAgIH1cbiAgICAgICAgZGVsZXRlIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcFxuICAgICAgfVxuICAgIH0sIFtib2R5Q2xhc3NOYW1lQXBwbGllZCwgaHRtbENsYXNzTmFtZUFwcGxpZWQsIHByZXNlcnZlU2Nyb2xsUG9zaXRpb25dKVxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgICAuJHtodG1sQ2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuJHtib2R5Q2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBjb25zdCBMb2NrQm9keVNjcm9sbCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoeyBlbmFibGVkID0gdHJ1ZSwgY2hpbGRyZW4sIC4uLnJlc3QgfTogTG9ja0JvZHlTY3JvbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIGVuYWJsZWQgPyAoXG4gICAgICA8TG9ja0JvZHlTY3JvbGxDb21wb25lbnQgey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Mb2NrQm9keVNjcm9sbENvbXBvbmVudD5cbiAgICApIDogKFxuICAgICAgPD57Y2hpbGRyZW59PC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2tCb2R5U2Nyb2xsXG4iXX0= */")
   }), children);
 });
-const LockBodyScroll = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const LockBodyScroll = /*#__PURE__*/_react.default.forwardRef(({
+  enabled = true,
+  children,
+  ...rest
+}, ref) => {
   return enabled ? (0, _react2.jsx)(LockBodyScrollComponent, _extends({}, rest, {
     ref: ref
   }), children) : (0, _react2.jsx)(_react.default.Fragment, null, children);

package/cjs/common/arrow.d.ts

@@ -0,0 +1,6 @@
+export type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
+export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;

package/cjs/common/emotionCloneElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const emotionCloneElement: (element: any, config: any, ...children: any) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export default emotionCloneElement;