@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.6caab7fc

package/cjs/card/CardContent.d.ts

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

package/cjs/card/CardContent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("@dfds-ui/theme");
+var _typography = require("@dfds-ui/typography");
+var _react2 = require("@emotion/react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ContentContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e13iposs1"
+} : {
+  target: "e13iposs1",
+  label: "ContentContainer"
+})("padding-top:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+const Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e13iposs0"
+} : {
+  target: "e13iposs0",
+  label: "Content"
+})("color:", props => props.color ? props.color : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+const CardContent = ({
+  children,
+  color,
+  ...rest
+}) => (0, _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,19 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+export type CardMediaProps = {
+    children?: React.ReactNode;
+    /**
+     * Media component to be displayed
+     */
+    media: ReactNode;
+    /**
+     * Aspect ratio of media component
+     */
+    aspectRatio?: AspectRatio;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+export type AspectRatio = '2:1' | '3:2';
+declare const CardMedia: FunctionComponent<CardMediaProps>;
+export default CardMedia;

package/cjs/card/CardMedia.js

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

package/cjs/card/CardPriceTag.d.ts

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

package/cjs/card/CardPriceTag.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw5"
+} : {
+  target: "eci6nyw5",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1k2cul0",
+  styles: "position:absolute;padding:0 20px 20px;text-align:right;transform:skewX(-30deg);padding:0;background:#49a2df;bottom:0;right:-30px"
+} : {
+  name: "1k2cul0",
+  styles: "position:absolute;padding:0 20px 20px;text-align:right;transform:skewX(-30deg);padding:0;background:#49a2df;bottom:0;right:-30px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogMCAyMHB4IDIwcHg7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICB0cmFuc2Zvcm06IHNrZXdYKC0zMGRlZyk7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQ6ICM0OWEyZGY7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IC0zMHB4O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTBweCA1MHB4IDEwcHggMzBweDtcbiAgY29sb3I6ICNmZmY7XG4gIHRyYW5zZm9ybTogc2tld1goMzBkZWcpO1xuYFxuXG5jb25zdCBQcmljZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LWZhbWlseTogREZEUztcbiAgZm9udC13ZWlnaHQ6IDkwMDtcbiAgZm9udC1zaXplOiA0MHB4O1xuICBsaW5lLWhlaWdodDogNDBweDtcbmBcblxuY29uc3QgQ3VycmVuY3kgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZy1yaWdodDogNXB4O1xuICBmb250LXNpemU6IDMwcHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYFxuXG5jb25zdCBGcm9tID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBsaW5lLWhlaWdodDogMTRweDtcbmBcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmV4cG9ydCB0eXBlIENhcmRQcmljZVRhZ1Byb3BzID0ge1xuICAvKipcbiAgICogUHJpY2UgZm9yIHRoZSBwcmljZSB0YWdcbiAgICovXG4gIHByaWNlOiBudW1iZXJcblxuICAvKipcbiAgICogQ3VycmVuY3kgc3ltYm9sIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgY3VycmVuY3k/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgb3ZlciB0aGUgcHJpY2VcbiAgICovXG4gIHRvcFRleHQ/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgdW5kZXIgdGhlIHByaWNlXG4gICAqL1xuICBib3R0b21UZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFByaWNlVGFnID0gKHsgcHJpY2UsIHRvcFRleHQsIGJvdHRvbVRleHQsIGN1cnJlbmN5LCAuLi5yZXN0IH06IENhcmRQcmljZVRhZ1Byb3BzKSA9PiAoXG4gIDxXcmFwcGVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudD5cbiAgICAgIDxGcm9tPnt0b3BUZXh0fTwvRnJvbT5cbiAgICAgIDxDdXJyZW5jeT57Y3VycmVuY3l9PC9DdXJyZW5jeT5cbiAgICAgIDxQcmljZT57cHJpY2V9PC9QcmljZT5cbiAgICAgIDxJbmZvPntib3R0b21UZXh0fTwvSW5mbz5cbiAgICA8L0NvbnRlbnQ+XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZFByaWNlVGFnXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw4"
+} : {
+  target: "eci6nyw4",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "wh8499",
+  styles: "padding:10px 50px 10px 30px;color:#fff;transform:skewX(30deg)"
+} : {
+  name: "wh8499",
+  styles: "padding:10px 50px 10px 30px;color:#fff;transform:skewX(30deg)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogMCAyMHB4IDIwcHg7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICB0cmFuc2Zvcm06IHNrZXdYKC0zMGRlZyk7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQ6ICM0OWEyZGY7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IC0zMHB4O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTBweCA1MHB4IDEwcHggMzBweDtcbiAgY29sb3I6ICNmZmY7XG4gIHRyYW5zZm9ybTogc2tld1goMzBkZWcpO1xuYFxuXG5jb25zdCBQcmljZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LWZhbWlseTogREZEUztcbiAgZm9udC13ZWlnaHQ6IDkwMDtcbiAgZm9udC1zaXplOiA0MHB4O1xuICBsaW5lLWhlaWdodDogNDBweDtcbmBcblxuY29uc3QgQ3VycmVuY3kgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZy1yaWdodDogNXB4O1xuICBmb250LXNpemU6IDMwcHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYFxuXG5jb25zdCBGcm9tID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBsaW5lLWhlaWdodDogMTRweDtcbmBcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmV4cG9ydCB0eXBlIENhcmRQcmljZVRhZ1Byb3BzID0ge1xuICAvKipcbiAgICogUHJpY2UgZm9yIHRoZSBwcmljZSB0YWdcbiAgICovXG4gIHByaWNlOiBudW1iZXJcblxuICAvKipcbiAgICogQ3VycmVuY3kgc3ltYm9sIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgY3VycmVuY3k/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgb3ZlciB0aGUgcHJpY2VcbiAgICovXG4gIHRvcFRleHQ/OiBzdHJpbmdcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBkaXNwbGF5ZWQgdW5kZXIgdGhlIHByaWNlXG4gICAqL1xuICBib3R0b21UZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFByaWNlVGFnID0gKHsgcHJpY2UsIHRvcFRleHQsIGJvdHRvbVRleHQsIGN1cnJlbmN5LCAuLi5yZXN0IH06IENhcmRQcmljZVRhZ1Byb3BzKSA9PiAoXG4gIDxXcmFwcGVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudD5cbiAgICAgIDxGcm9tPnt0b3BUZXh0fTwvRnJvbT5cbiAgICAgIDxDdXJyZW5jeT57Y3VycmVuY3l9PC9DdXJyZW5jeT5cbiAgICAgIDxQcmljZT57cHJpY2V9PC9QcmljZT5cbiAgICAgIDxJbmZvPntib3R0b21UZXh0fTwvSW5mbz5cbiAgICA8L0NvbnRlbnQ+XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZFByaWNlVGFnXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Price = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw3"
+} : {
+  target: "eci6nyw3",
+  label: "Price"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1kvywvt",
+  styles: "font-family:DFDS;font-weight:900;font-size:40px;line-height:40px"
+} : {
+  name: "1kvywvt",
+  styles: "font-family:DFDS;font-weight:900;font-size:40px;line-height:40px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Currency = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw2"
+} : {
+  target: "eci6nyw2",
+  label: "Currency"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ryrn76",
+  styles: "padding-right:5px;font-size:30px;line-height:30px;text-transform:uppercase"
+} : {
+  name: "1ryrn76",
+  styles: "padding-right:5px;font-size:30px;line-height:30px;text-transform:uppercase/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const From = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw1"
+} : {
+  target: "eci6nyw1",
+  label: "From"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px"
+} : {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Info = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "eci6nyw0"
+} : {
+  target: "eci6nyw0",
+  label: "Info"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px"
+} : {
+  name: "ks8sbh",
+  styles: "display:block;color:#fff;font-size:14px;line-height:14px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRQcmljZVRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkUHJpY2VUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDAgMjBweCAyMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgdHJhbnNmb3JtOiBza2V3WCgtMzBkZWcpO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjNDlhMmRmO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAtMzBweDtcbmBcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHggNTBweCAxMHB4IDMwcHg7XG4gIGNvbG9yOiAjZmZmO1xuICB0cmFuc2Zvcm06IHNrZXdYKDMwZGVnKTtcbmBcblxuY29uc3QgUHJpY2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1mYW1pbHk6IERGRFM7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7XG4gIGZvbnQtc2l6ZTogNDBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG5gXG5cbmNvbnN0IEN1cnJlbmN5ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmctcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmBcblxuY29uc3QgRnJvbSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gXG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgdHlwZSBDYXJkUHJpY2VUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByaWNlIGZvciB0aGUgcHJpY2UgdGFnXG4gICAqL1xuICBwcmljZTogbnVtYmVyXG5cbiAgLyoqXG4gICAqIEN1cnJlbmN5IHN5bWJvbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGN1cnJlbmN5Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIG92ZXIgdGhlIHByaWNlXG4gICAqL1xuICB0b3BUZXh0Pzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgZGlzcGxheWVkIHVuZGVyIHRoZSBwcmljZVxuICAgKi9cbiAgYm90dG9tVGV4dD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRQcmljZVRhZyA9ICh7IHByaWNlLCB0b3BUZXh0LCBib3R0b21UZXh0LCBjdXJyZW5jeSwgLi4ucmVzdCB9OiBDYXJkUHJpY2VUYWdQcm9wcykgPT4gKFxuICA8V3JhcHBlciB7Li4ucmVzdH0+XG4gICAgPENvbnRlbnQ+XG4gICAgICA8RnJvbT57dG9wVGV4dH08L0Zyb20+XG4gICAgICA8Q3VycmVuY3k+e2N1cnJlbmN5fTwvQ3VycmVuY3k+XG4gICAgICA8UHJpY2U+e3ByaWNlfTwvUHJpY2U+XG4gICAgICA8SW5mbz57Ym90dG9tVGV4dH08L0luZm8+XG4gICAgPC9Db250ZW50PlxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENhcmRQcmljZVRhZ1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const CardPriceTag = ({
+  price,
+  topText,
+  bottomText,
+  currency,
+  ...rest
+}) => (0, _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,19 @@
+import React, { FunctionComponent } from 'react';
+export type CardTitleProps = {
+    children?: React.ReactNode;
+    /**
+     * Text color
+     */
+    color?: string;
+    /**
+     * If set to true the title will be displayed using the `sectionHeadline` instead of a `smallHeadline`.
+     * But only for large screens.
+     */
+    largeTitle?: boolean;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardTitle: FunctionComponent<CardTitleProps>;
+export default CardTitle;

package/cjs/card/CardTitle.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+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 getPadding = context => {
+    if (context.cardVariant === 'surface' && context.cardSize === 'xl' && greaterThan('l')) {
+      return '0px';
+    }
+    return _theme.theme.spacing.s;
+  };
+  return (0, _react.jsx)(_Card.CardContext.Consumer, null, context => (0, _react.jsx)("div", _extends({
+    css: /*#__PURE__*/(0, _react.css)("padding-top:", getPadding(context), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY2FyZC9DYXJkVGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lLCB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDYXJkQ29udGV4dCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDYXJkVGl0bGVQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIFRleHQgY29sb3JcbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIElmIHNldCB0byB0cnVlIHRoZSB0aXRsZSB3aWxsIGJlIGRpc3BsYXllZCB1c2luZyB0aGUgYHNlY3Rpb25IZWFkbGluZWAgaW5zdGVhZCBvZiBhIGBzbWFsbEhlYWRsaW5lYC5cbiAgICogQnV0IG9ubHkgZm9yIGxhcmdlIHNjcmVlbnMuXG4gICAqL1xuICBsYXJnZVRpdGxlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRUaXRsZTogRnVuY3Rpb25Db21wb25lbnQ8Q2FyZFRpdGxlUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNvbG9yLCBsYXJnZVRpdGxlID0gZmFsc2UsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKGNvbnRleHQ6IGFueSkgPT4ge1xuICAgIGlmIChjb250ZXh0LmNhcmRWYXJpYW50ID09PSAnc3VyZmFjZScgJiYgY29udGV4dC5jYXJkU2l6ZSA9PT0gJ3hsJyAmJiBncmVhdGVyVGhhbignbCcpKSB7XG4gICAgICByZXR1cm4gJzBweCdcbiAgICB9XG4gICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZENvbnRleHQuQ29uc3VtZXI+XG4gICAgICB7KGNvbnRleHQpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy10b3A6ICR7Z2V0UGFkZGluZyhjb250ZXh0KX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e3sgY29sb3I6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgfX1cbiAgICAgICAgICAgIGFzPXsnZGl2J31cbiAgICAgICAgICAgIHN0eWxlZEFzPXtsYXJnZVRpdGxlICYmIGdyZWF0ZXJUaGFuKCdsJykgPyAnc2VjdGlvbkhlYWRsaW5lJyA6ICdzbWFsbEhlYWRsaW5lJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9DYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkVGl0bGVcbiJdfQ== */")
+  }, rest), (0, _react.jsx)(_typography.Text, {
+    css: /*#__PURE__*/(0, _react.css)({
+      color: color ? color : _theme.theme.colors.text.primary.primary
+    }, process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUsIHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IENhcmRDb250ZXh0IH0gZnJvbSAnLi9DYXJkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENhcmRUaXRsZVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBjb2xvclxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUgdGhlIHRpdGxlIHdpbGwgYmUgZGlzcGxheWVkIHVzaW5nIHRoZSBgc2VjdGlvbkhlYWRsaW5lYCBpbnN0ZWFkIG9mIGEgYHNtYWxsSGVhZGxpbmVgLlxuICAgKiBCdXQgb25seSBmb3IgbGFyZ2Ugc2NyZWVucy5cbiAgICovXG4gIGxhcmdlVGl0bGU/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFRpdGxlOiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkVGl0bGVQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29sb3IsIGxhcmdlVGl0bGUgPSBmYWxzZSwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuXG4gIGNvbnN0IGdldFBhZGRpbmcgPSAoY29udGV4dDogYW55KSA9PiB7XG4gICAgaWYgKGNvbnRleHQuY2FyZFZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJiBjb250ZXh0LmNhcmRTaXplID09PSAneGwnICYmIGdyZWF0ZXJUaGFuKCdsJykpIHtcbiAgICAgIHJldHVybiAnMHB4J1xuICAgIH1cbiAgICByZXR1cm4gdGhlbWUuc3BhY2luZy5zXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgICAgIHsoY29udGV4dCkgPT4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogJHtnZXRQYWRkaW5nKGNvbnRleHQpfTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGNzcz17eyBjb2xvcjogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSB9fVxuICAgICAgICAgICAgYXM9eydkaXYnfVxuICAgICAgICAgICAgc3R5bGVkQXM9e2xhcmdlVGl0bGUgJiYgZ3JlYXRlclRoYW4oJ2wnKSA/ICdzZWN0aW9uSGVhZGxpbmUnIDogJ3NtYWxsSGVhZGxpbmUnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NhcmRDb250ZXh0LkNvbnN1bWVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcmRUaXRsZVxuIl19 */"),
+    as: 'div',
+    styledAs: largeTitle && greaterThan('l') ? 'sectionHeadline' : 'smallHeadline'
+  }, children)));
+};
+var _default = CardTitle;
+exports.default = _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "CardActions", {
+  enumerable: true,
+  get: function () {
+    return _CardActions.default;
+  }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () {
+    return _CardContent.default;
+  }
+});
+Object.defineProperty(exports, "CardMedia", {
+  enumerable: true,
+  get: function () {
+    return _CardMedia.default;
+  }
+});
+Object.defineProperty(exports, "CardPriceTag", {
+  enumerable: true,
+  get: function () {
+    return _CardPriceTag.default;
+  }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () {
+    return _CardTitle.default;
+  }
+});
+var _Card = _interopRequireDefault(require("./Card"));
+var _CardMedia = _interopRequireDefault(require("./CardMedia"));
+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 }; }

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;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => React.JSX.Element;
+export default _default;