@dfds-ui/react-components 2.2.0-alpha.07a3a716 → 2.2.0-alpha.3b2e3359

package/cjs/card/Card.js

@@ -11,9 +11,19 @@ var _hooks = require("@dfds-ui/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react2 = require("@emotion/react");
 var _surface = require("../surface");
-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 }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+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 _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 */
 const CardContext = /*#__PURE__*/_react.default.createContext({});
 exports.CardContext = CardContext;
 const CardContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -68,25 +78,32 @@ 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 = ({
-  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);
+const Card = _ref => {
+  let children = _ref.children,
+    media = _ref.media,
+    variant = _ref.variant,
+    size = _ref.size,
+    _ref$ratio = _ref.ratio,
+    _ref$ratio2 = _ref$ratio === void 0 ? [1, 1] : _ref$ratio,
+    _ref$ratio3 = _slicedToArray(_ref$ratio2, 2),
+    contentRatio = _ref$ratio3[0],
+    mediaRatio = _ref$ratio3[1],
+    className = _ref.className,
+    surfaceProp = _ref.surface,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const _useDimensions = (0, _hooks.useDimensions)(),
+    _useDimensions2 = _slicedToArray(_useDimensions, 2),
+    ref = _useDimensions2[0],
+    width = _useDimensions2[1].width;
+  const _useSurfaceContext = (0, _surface.useSurfaceContext)(surfaceProp),
+    backgroundColor = _useSurfaceContext.backgroundColor,
+    textColors = _useSurfaceContext.textColors;
+  const _useState = (0, _react.useState)(variant),
+    _useState2 = _slicedToArray(_useState, 1),
+    cardVariant = _useState2[0];
+  const _useState3 = (0, _react.useState)(size),
+    _useState4 = _slicedToArray(_useState3, 1),
+    cardSize = _useState4[0];
   return (0, _react2.jsx)(CardContext.Provider, {
     value: {
       cardVariant,

package/cjs/card/CardActions.js

@@ -9,19 +9,23 @@ var _react = _interopRequireDefault(require("react"));
 var _flexbox = require("../flexbox");
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 = ({
-  children,
-  ...rest
-}) => (0, _react2.jsx)(ActionContainer, _extends({
-  className: "CardActions"
-}, rest), children);
+const CardActions = _ref => {
+  let children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react2.jsx)(ActionContainer, _extends({
+    className: "CardActions"
+  }, rest), children);
+};
 var _default = CardActions;
 exports.default = _default;

package/cjs/card/CardContent.js

@@ -9,7 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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"
 } : {
@@ -22,15 +25,16 @@ 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 = ({
-  children,
-  color,
-  ...rest
-}) => (0, _react2.jsx)(ContentContainer, rest, (0, _react2.jsx)(Content, {
-  color: color
-}, (0, _react2.jsx)(_typography.Text, {
-  as: "div",
-  styledAs: 'body'
-}, children)));
+const CardContent = _ref => {
+  let children = _ref.children,
+    color = _ref.color,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react2.jsx)(ContentContainer, rest, (0, _react2.jsx)(Content, {
+    color: color
+  }, (0, _react2.jsx)(_typography.Text, {
+    as: "div",
+    styledAs: 'body'
+  }, children)));
+};
 var _default = CardContent;
 exports.default = _default;

package/cjs/card/CardMedia.js

@@ -7,7 +7,10 @@ exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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
@@ -34,12 +37,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 = ({
-  children,
-  media,
-  aspectRatio = '2:1',
-  ...rest
-}) => {
+const CardMedia = _ref => {
+  let children = _ref.children,
+    media = _ref.media,
+    _ref$aspectRatio = _ref.aspectRatio,
+    aspectRatio = _ref$aspectRatio === void 0 ? '2:1' : _ref$aspectRatio,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return (0, _react2.jsx)(MediaContainer, rest, (0, _react2.jsx)(AspectWrapper, {
     aspectRatio: aspectRatio
   }, media, children));

package/cjs/card/CardPriceTag.js

@@ -7,7 +7,10 @@ exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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"
@@ -93,12 +96,13 @@ 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 = ({
-  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)));
+const CardPriceTag = _ref => {
+  let price = _ref.price,
+    topText = _ref.topText,
+    bottomText = _ref.bottomText,
+    currency = _ref.currency,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react2.jsx)(Wrapper, rest, (0, _react2.jsx)(Content, null, (0, _react2.jsx)(From, null, topText), (0, _react2.jsx)(Currency, null, currency), (0, _react2.jsx)(Price, null, price), (0, _react2.jsx)(Info, null, bottomText)));
+};
 var _default = CardPriceTag;
 exports.default = _default;

package/cjs/card/CardTitle.js

@@ -9,17 +9,19 @@ var _react2 = _interopRequireDefault(require("react"));
 var _typography = require("@dfds-ui/typography");
 var _theme = require("@dfds-ui/theme");
 var _Card = require("./Card");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const CardTitle = ({
-  children,
-  color,
-  largeTitle = false,
-  ...rest
-}) => {
-  const {
-    greaterThan
-  } = (0, _theme.useBreakpoint)();
+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 getPadding = context => {
     if (context.cardVariant === 'surface' && context.cardSize === 'xl' && greaterThan('l')) {
       return '0px';

package/cjs/card/index.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Card.default;
   }
 });
 Object.defineProperty(exports, "CardActions", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _CardActions.default;
   }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _CardContent.default;
   }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _CardMedia.default;
   }
 });
 Object.defineProperty(exports, "CardPriceTag", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _CardPriceTag.default;
   }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _CardTitle.default;
   }
 });
@@ -45,4 +45,4 @@ var _CardTitle = _interopRequireDefault(require("./CardTitle"));
 var _CardContent = _interopRequireDefault(require("./CardContent"));
 var _CardActions = _interopRequireDefault(require("./CardActions"));
 var _CardPriceTag = _interopRequireDefault(require("./CardPriceTag"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/chip/Chip.js

@@ -10,9 +10,19 @@ var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _system = require("@dfds-ui/icons/system");
-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 }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 _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"
@@ -62,18 +72,24 @@ const ChipContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.ChipContainer = ChipContainer;
-var _default = ({
-  children,
-  dismissable = false,
-  disabled = false,
-  selectable = false,
-  selected = false,
-  onToggle,
-  onDismiss,
-  className,
-  ...rest
-}) => {
-  const [isSelected, setIsSelected] = (0, _react.useState)(selected);
+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];
   if (selected !== isSelected) setIsSelected(selected);
   const toggleSelected = event => {
     if (!disabled) {

package/cjs/chip/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Chip.default;
   }
 });
@@ -19,9 +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: function get() {
       return _Chip[key];
     }
   });
 });
-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 _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 _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.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LockBodyScroll = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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',
@@ -49,11 +52,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(({
-  enabled = true,
-  children,
-  ...rest
-}, ref) => {
+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);
   return enabled ? (0, _react2.jsx)(LockBodyScrollComponent, _extends({}, rest, {
     ref: ref
   }), children) : (0, _react2.jsx)(_react.default.Fragment, null, children);

package/cjs/common/emotionCloneElement.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // https://github.com/emotion-js/emotion/issues/1404
 const emotionCloneElement = (element, config, ...children) => {
-  return (0, _react.jsx)(element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, {
+  return (0, _react.jsx)(element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
     key: element.key !== null ? element.key : undefined,
-    ref: element.ref,
-    ...element.props,
-    ...config
-  }, ...children);
+    ref: element.ref
+  }, element.props), config), ...children);
 };
 var _default = emotionCloneElement;
 exports.default = _default;

package/cjs/common/polymorphic.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.withRenderAs = withRenderAs;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // TODO: Move this to future core package
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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); } // TODO: Move this to future core package
 // TODO: Consider changing to this pattern:
 // https://blog.andrewbran.ch/polymorphic-react-components/
 // https://github.com/kripod/react-polymorphic-box
@@ -26,9 +27,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  * }
  */
 function withRenderAs(PolymorphicComponent, RenderComponent) {
-  const Component = ({
-    ...props
-  }) => {
+  const Component = _ref => {
+    let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
     return (0, _react2.jsx)(PolymorphicComponent, _extends({
       as: RenderComponent
     }, props));

package/cjs/common/use-media.js

@@ -5,6 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useMedia;
 var _react = require("react");
+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; }
 // from https://github.com/gragland/usehooks
 
 function useMedia(queries, values, defaultValue) {
@@ -20,7 +26,10 @@ function useMedia(queries, values, defaultValue) {
   };
 
   // State and setter for matched value
-  const [value, setValue] = (0, _react.useState)(getValue);
+  const _useState = (0, _react.useState)(getValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   (0, _react.useEffect)(() => {
     // Event listener callback
     // Note: By defining getValue outside of useEffect we ensure that it has ...