@ndla/ui 55.0.15-alpha.0 → 55.0.17-alpha.0

package/lib/ContactBlock/index.d.ts

@@ -1,9 +1,9 @@
 /**
- * Copyright (c) 2023-present, NDLA.
+ * Copyright (c) 2024-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-import ContactBlock from "./ContactBlock";
-export default ContactBlock;
+export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
+export type { ContactBlockBackground } from "./ContactBlock";

package/lib/ContactBlock/index.js

@@ -3,14 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var _default = exports.default = _ContactBlock.default;
+Object.defineProperty(exports, "ContactBlock", {
+  enumerable: true,
+  get: function () {
+    return _ContactBlock.ContactBlock;
+  }
+});
+Object.defineProperty(exports, "contactBlockBackgrounds", {
+  enumerable: true,
+  get: function () {
+    return _ContactBlock.contactBlockBackgrounds;
+  }
+});
+var _ContactBlock = require("./ContactBlock");

package/lib/ContentLoader/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _util = require("@ndla/util");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2018-present, NDLA.
  *
@@ -30,7 +30,7 @@ const ContentLoader = _ref => {
   const idClip = (0, _util.uuid)();
   const idGradient = (0, _util.uuid)();
   const viewBox = viewBoxProp === undefined ? `0 0 ${width} ${height}` : viewBoxProp;
-  return (0, _jsxRuntime.jsxs)("svg", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     viewBox: viewBox ?? undefined,
     version: "1.1",
     preserveAspectRatio: preserveAspectRatio,
@@ -38,7 +38,7 @@ const ContentLoader = _ref => {
     ...rest,
     height: typeof height === "string" ? height : undefined,
     width: typeof width === "string" ? width : undefined,
-    children: [(0, _jsxRuntime.jsx)("rect", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
       style: {
         fill: `url(#${idGradient})`
       },
@@ -47,34 +47,34 @@ const ContentLoader = _ref => {
       y: "0",
       width: width,
       height: height
-    }), (0, _jsxRuntime.jsxs)("defs", {
-      children: [(0, _jsxRuntime.jsx)("clipPath", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
         id: idClip,
         children: children
-      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
         id: idGradient,
-        children: [(0, _jsxRuntime.jsx)("stop", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
           offset: "0%",
           stopColor: primaryColor,
-          children: (0, _jsxRuntime.jsx)("animate", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("animate", {
             attributeName: "offset",
             values: "-2; 1",
             dur: `${speed}s`,
             repeatCount: "indefinite"
           })
-        }), (0, _jsxRuntime.jsx)("stop", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
           offset: "50%",
           stopColor: secondaryColor,
-          children: (0, _jsxRuntime.jsx)("animate", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("animate", {
             attributeName: "offset",
             values: "-1.5; 1.5",
             dur: `${speed}s`,
             repeatCount: "indefinite"
           })
-        }), (0, _jsxRuntime.jsx)("stop", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
           offset: "100%",
           stopColor: primaryColor,
-          children: (0, _jsxRuntime.jsx)("animate", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("animate", {
             attributeName: "offset",
             values: "-1; 2",
             dur: `${speed}s`,

package/lib/ContentPlaceholder/ContentPlaceholder.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _core = require("@ndla/core");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
  * Copyright (c) 2022-present, NDLA.
@@ -36,8 +36,8 @@ const Placeholder = /*#__PURE__*/(0, _base.default)("div", {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const ContentPlaceholder = () => {
-  return (0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [(0, _jsxRuntime.jsx)(Placeholder, {}), (0, _jsxRuntime.jsx)(Background, {})]
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Placeholder, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Background, {})]
   });
 };
 var _default = exports.default = ContentPlaceholder;

package/lib/ContentTypeBadge/ContentTypeBadge.d.ts

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/** @jsxImportSource @emotion/react */
-import { ComponentProps } from "react";
-interface Props extends ComponentProps<"div"> {
+import { ComponentPropsWithoutRef } from "react";
+interface Props extends ComponentPropsWithoutRef<"div"> {
     size?: "xx-small" | "x-small" | "small" | "large";
     type: string;
     title?: string;
@@ -15,13 +14,13 @@ interface Props extends ComponentProps<"div"> {
     border?: boolean;
     className?: string;
 }
-export declare const ContentTypeBadge: ({ type, background, title, size, border, className, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SubjectMaterialBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const TasksAndActivitiesBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const AssessmentResourcesBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SubjectBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SourceMaterialBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const LearningPathBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const MultidisciplinaryTopicBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ConceptBadge: (props: Omit<Props, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ContentTypeBadge: ({ type, background, title, size, border, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SubjectMaterialBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const TasksAndActivitiesBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const AssessmentResourcesBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const SubjectBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const SourceMaterialBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const LearningPathBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const MultidisciplinaryTopicBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const ConceptBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/ContentTypeBadge/ContentTypeBadge.js

@@ -4,82 +4,93 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TasksAndActivitiesBadge = exports.SubjectMaterialBadge = exports.SubjectBadge = exports.SourceMaterialBadge = exports.MultidisciplinaryTopicBadge = exports.LearningPathBadge = exports.ContentTypeBadge = exports.ConceptBadge = exports.AssessmentResourcesBadge = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
-var _react2 = require("@emotion/react");
 var _core = require("@ndla/core");
 var _action = require("@ndla/icons/action");
 var _common = require("@ndla/icons/common");
 var _contentType = require("@ndla/icons/contentType");
 var _editor = require("@ndla/icons/editor");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(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)."; } /**
+/**
  * Copyright (c) 2018-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
- */ /** @jsxImportSource @emotion/react */
-const sizes = {
-  "xx-small": process.env.NODE_ENV === "production" ? {
-    name: "1nlcfpk-xx-small",
-    styles: "width:20px;height:20px;border:1px solid;svg{width:10px;height:10x;};label:xx-small;"
-  } : {
-    name: "1nlcfpk-xx-small",
-    styles: "width:20px;height:20px;border:1px solid;svg{width:10px;height:10x;};label:xx-small;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlQmFkZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDaUIiLCJmaWxlIjoiQ29udGVudFR5cGVCYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDb21wb25lbnRQcm9wcywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTWludXMsIE1lbnVCb29rIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgQXVkaW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQge1xuICBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gIEV4dGVybmFsTGVhcm5pbmdSZXNvdXJjZSxcbiAgTGVhcm5pbmdQYXRoLFxuICBNdWx0aWRpc2NpcGxpbmFyeVRvcGljLFxuICBTaGFyZWRSZXNvdXJjZSxcbiAgU3ViamVjdCxcbiAgU3ViamVjdE1hdGVyaWFsLFxuICBUYXNrc0FuZEFjdGl2aXRpZXMsXG59IGZyb20gXCJAbmRsYS9pY29ucy9jb250ZW50VHlwZVwiO1xuXG5pbXBvcnQgeyBDb25jZXB0LCBNZWRpYSwgVmlkZW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvZWRpdG9yXCI7XG5cbmltcG9ydCAqIGFzIGNvbnRlbnRUeXBlcyBmcm9tIFwiLi4vbW9kZWwvQ29udGVudFR5cGVcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBzaXplPzogXCJ4eC1zbWFsbFwiIHwgXCJ4LXNtYWxsXCIgfCBcInNtYWxsXCIgfCBcImxhcmdlXCI7XG4gIHR5cGU6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGJhY2tncm91bmQ/OiBib29sZWFuO1xuICBib3JkZXI/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNpemVzID0ge1xuICBcInh4LXNtYWxsXCI6IGNzc2BcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgfVxuICBgLFxuICBcIngtc21hbGxcIjogY3NzYFxuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICB3aWR0aDogMjZweDtcbiAgICB9XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzbWFsbDogXCJcIixcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgICAgaGVpZ2h0OiAyNXB4O1xuICAgIH1cbiAgYCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhc2VDb250ZW50VHlwZUJhZGdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xuICBjb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBib3JkZXJTdHlsZSA9IGNzc2BcbiAgYm9yZGVyOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBiYWNrZ3JvdW5kU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuYDtcblxuY29uc3QgaWNvbk1hcCA9IHtcbiAgW2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMXToge1xuICAgIGljb246IFN1YmplY3RNYXRlcmlhbCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiB7XG4gICAgaWNvbjogVGFza3NBbmRBY3Rpdml0aWVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU106IHtcbiAgICBpY29uOiBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiB7XG4gICAgaWNvbjogTWVudUJvb2ssXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuU09VUkNFX01BVEVSSUFMXToge1xuICAgIGljb246IFNoYXJlZFJlc291cmNlLFxuICAgIGljb25Db2xvcjogY29sb3JzLnNvdXJjZU1hdGVyaWFsLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSF06IHtcbiAgICBpY29uOiBMZWFybmluZ1BhdGgsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlRPUElDXToge1xuICAgIGljb246IFN1YmplY3QsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUNdOiB7XG4gICAgaWNvbjogTXVsdGlkaXNjaXBsaW5hcnlUb3BpYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2I5YjM3YlwiLFxuICB9LFxuICBbY29udGVudFR5cGVzLkNPTkNFUFRdOiB7XG4gICAgaWNvbjogQ29uY2VwdCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5jb25jZXB0LnRleHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuY29uY2VwdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5FWFRFUk5BTF06IHtcbiAgICBpY29uOiBFeHRlcm5hbExlYXJuaW5nUmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuZXh0ZXJuYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5leHRlcm5hbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5yZXNvdXJjZUVtYmVkVHlwZU1hcHBpbmcuaW1hZ2VdOiB7XG4gICAgaWNvbjogTWVkaWEsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMucmVzb3VyY2VFbWJlZFR5cGVNYXBwaW5nLmF1ZGlvXToge1xuICAgIGljb246IEF1ZGlvLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLnJlc291cmNlRW1iZWRUeXBlTWFwcGluZy52aWRlb106IHtcbiAgICBpY29uOiBWaWRlbyxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmJyYW5kLmdyZXlMaWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5NSVNTSU5HXToge1xuICAgIGljb246IE1pbnVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRUeXBlQmFkZ2UgPSAoe1xuICB0eXBlLFxuICBiYWNrZ3JvdW5kLFxuICB0aXRsZSxcbiAgc2l6ZSA9IFwic21hbGxcIixcbiAgYm9yZGVyID0gdHJ1ZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IEljb24sIHN0eWxlIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBmcm9tTWFwID0gaWNvbk1hcFt0eXBlXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgIFwiLS1pY29uLWNvbG9yXCI6IGZyb21NYXAuaWNvbkNvbG9yLFxuICAgICAgXCItLWJhY2tncm91bmQtY29sb3JcIjogZnJvbU1hcC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuICAgIHJldHVybiB7IEljb246IGZyb21NYXAuaWNvbiwgc3R5bGUgfTtcbiAgfSwgW3R5cGVdKTtcblxuICBjb25zdCBjc3NTdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbc2l6ZXNbc2l6ZV1dO1xuICAgIGlmIChiYWNrZ3JvdW5kKSB7XG4gICAgICBzdHlsZXMucHVzaChiYWNrZ3JvdW5kU3R5bGUpO1xuICAgIH1cbiAgICBpZiAoYm9yZGVyKSB7XG4gICAgICBzdHlsZXMucHVzaChib3JkZXJTdHlsZSk7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtiYWNrZ3JvdW5kLCBib3JkZXIsIHNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlQ29udGVudFR5cGVCYWRnZVxuICAgICAgY3NzPXtjc3NTdHlsZXN9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBhcmlhLWxhYmVsPXt0aXRsZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1iYWRnZT1cIlwiXG4gICAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvQmFzZUNvbnRlbnRUeXBlQmFkZ2U+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViamVjdE1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBUYXNrc0FuZEFjdGl2aXRpZXNCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlRBU0tTX0FORF9BQ1RJVklUSUVTfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBBc3Nlc3NtZW50UmVzb3VyY2VzQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU30gLz5cbik7XG5leHBvcnQgY29uc3QgU3ViamVjdEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNVQkpFQ1R9IC8+O1xuZXhwb3J0IGNvbnN0IFNvdXJjZU1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TT1VSQ0VfTUFURVJJQUx9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSH0gLz5cbik7XG5leHBvcnQgY29uc3QgTXVsdGlkaXNjaXBsaW5hcnlUb3BpY0JhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUN9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IENvbmNlcHRCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5DT05DRVBUfSAvPjtcbiJdfQ== */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+ */
+
+const StyledContentTypeBadge = (0, _jsx2.styled)("div", {
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "100%",
+    color: "var(--icon-color)"
+  },
+  defaultVariants: {
+    size: "small",
+    border: true,
+    background: false
   },
-  "x-small": /*#__PURE__*/(0, _react2.css)("width:20px;height:20px;border:1px solid;", _core.mq.range({
-    from: _core.breakpoints.tablet
-  }), "{height:26px;width:26px;}svg{width:10px;height:10x;", _core.mq.range({
-    from: _core.breakpoints.tablet
-  }), "{width:12px;height:12px;}};label:x-small;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlQmFkZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEZ0IiLCJmaWxlIjoiQ29udGVudFR5cGVCYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDb21wb25lbnRQcm9wcywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTWludXMsIE1lbnVCb29rIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgQXVkaW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQge1xuICBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gIEV4dGVybmFsTGVhcm5pbmdSZXNvdXJjZSxcbiAgTGVhcm5pbmdQYXRoLFxuICBNdWx0aWRpc2NpcGxpbmFyeVRvcGljLFxuICBTaGFyZWRSZXNvdXJjZSxcbiAgU3ViamVjdCxcbiAgU3ViamVjdE1hdGVyaWFsLFxuICBUYXNrc0FuZEFjdGl2aXRpZXMsXG59IGZyb20gXCJAbmRsYS9pY29ucy9jb250ZW50VHlwZVwiO1xuXG5pbXBvcnQgeyBDb25jZXB0LCBNZWRpYSwgVmlkZW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvZWRpdG9yXCI7XG5cbmltcG9ydCAqIGFzIGNvbnRlbnRUeXBlcyBmcm9tIFwiLi4vbW9kZWwvQ29udGVudFR5cGVcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBzaXplPzogXCJ4eC1zbWFsbFwiIHwgXCJ4LXNtYWxsXCIgfCBcInNtYWxsXCIgfCBcImxhcmdlXCI7XG4gIHR5cGU6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGJhY2tncm91bmQ/OiBib29sZWFuO1xuICBib3JkZXI/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNpemVzID0ge1xuICBcInh4LXNtYWxsXCI6IGNzc2BcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgfVxuICBgLFxuICBcIngtc21hbGxcIjogY3NzYFxuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICB3aWR0aDogMjZweDtcbiAgICB9XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzbWFsbDogXCJcIixcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgICAgaGVpZ2h0OiAyNXB4O1xuICAgIH1cbiAgYCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhc2VDb250ZW50VHlwZUJhZGdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xuICBjb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBib3JkZXJTdHlsZSA9IGNzc2BcbiAgYm9yZGVyOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBiYWNrZ3JvdW5kU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuYDtcblxuY29uc3QgaWNvbk1hcCA9IHtcbiAgW2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMXToge1xuICAgIGljb246IFN1YmplY3RNYXRlcmlhbCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiB7XG4gICAgaWNvbjogVGFza3NBbmRBY3Rpdml0aWVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU106IHtcbiAgICBpY29uOiBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiB7XG4gICAgaWNvbjogTWVudUJvb2ssXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuU09VUkNFX01BVEVSSUFMXToge1xuICAgIGljb246IFNoYXJlZFJlc291cmNlLFxuICAgIGljb25Db2xvcjogY29sb3JzLnNvdXJjZU1hdGVyaWFsLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSF06IHtcbiAgICBpY29uOiBMZWFybmluZ1BhdGgsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlRPUElDXToge1xuICAgIGljb246IFN1YmplY3QsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUNdOiB7XG4gICAgaWNvbjogTXVsdGlkaXNjaXBsaW5hcnlUb3BpYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2I5YjM3YlwiLFxuICB9LFxuICBbY29udGVudFR5cGVzLkNPTkNFUFRdOiB7XG4gICAgaWNvbjogQ29uY2VwdCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5jb25jZXB0LnRleHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuY29uY2VwdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5FWFRFUk5BTF06IHtcbiAgICBpY29uOiBFeHRlcm5hbExlYXJuaW5nUmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuZXh0ZXJuYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5leHRlcm5hbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5yZXNvdXJjZUVtYmVkVHlwZU1hcHBpbmcuaW1hZ2VdOiB7XG4gICAgaWNvbjogTWVkaWEsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMucmVzb3VyY2VFbWJlZFR5cGVNYXBwaW5nLmF1ZGlvXToge1xuICAgIGljb246IEF1ZGlvLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLnJlc291cmNlRW1iZWRUeXBlTWFwcGluZy52aWRlb106IHtcbiAgICBpY29uOiBWaWRlbyxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmJyYW5kLmdyZXlMaWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5NSVNTSU5HXToge1xuICAgIGljb246IE1pbnVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRUeXBlQmFkZ2UgPSAoe1xuICB0eXBlLFxuICBiYWNrZ3JvdW5kLFxuICB0aXRsZSxcbiAgc2l6ZSA9IFwic21hbGxcIixcbiAgYm9yZGVyID0gdHJ1ZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IEljb24sIHN0eWxlIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBmcm9tTWFwID0gaWNvbk1hcFt0eXBlXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgIFwiLS1pY29uLWNvbG9yXCI6IGZyb21NYXAuaWNvbkNvbG9yLFxuICAgICAgXCItLWJhY2tncm91bmQtY29sb3JcIjogZnJvbU1hcC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuICAgIHJldHVybiB7IEljb246IGZyb21NYXAuaWNvbiwgc3R5bGUgfTtcbiAgfSwgW3R5cGVdKTtcblxuICBjb25zdCBjc3NTdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbc2l6ZXNbc2l6ZV1dO1xuICAgIGlmIChiYWNrZ3JvdW5kKSB7XG4gICAgICBzdHlsZXMucHVzaChiYWNrZ3JvdW5kU3R5bGUpO1xuICAgIH1cbiAgICBpZiAoYm9yZGVyKSB7XG4gICAgICBzdHlsZXMucHVzaChib3JkZXJTdHlsZSk7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtiYWNrZ3JvdW5kLCBib3JkZXIsIHNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlQ29udGVudFR5cGVCYWRnZVxuICAgICAgY3NzPXtjc3NTdHlsZXN9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBhcmlhLWxhYmVsPXt0aXRsZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1iYWRnZT1cIlwiXG4gICAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvQmFzZUNvbnRlbnRUeXBlQmFkZ2U+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViamVjdE1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBUYXNrc0FuZEFjdGl2aXRpZXNCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlRBU0tTX0FORF9BQ1RJVklUSUVTfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBBc3Nlc3NtZW50UmVzb3VyY2VzQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU30gLz5cbik7XG5leHBvcnQgY29uc3QgU3ViamVjdEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNVQkpFQ1R9IC8+O1xuZXhwb3J0IGNvbnN0IFNvdXJjZU1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TT1VSQ0VfTUFURVJJQUx9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSH0gLz5cbik7XG5leHBvcnQgY29uc3QgTXVsdGlkaXNjaXBsaW5hcnlUb3BpY0JhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUN9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IENvbmNlcHRCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5DT05DRVBUfSAvPjtcbiJdfQ== */")),
-  small: "",
-  large: process.env.NODE_ENV === "production" ? {
-    name: "1eyjjbh-large",
-    styles: "width:50px;height:50px;svg{width:25px;height:25px;};label:large;"
-  } : {
-    name: "1eyjjbh-large",
-    styles: "width:50px;height:50px;svg{width:25px;height:25px;};label:large;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlQmFkZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FWSIsImZpbGUiOiJDb250ZW50VHlwZUJhZGdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIENvbXBvbmVudFByb3BzLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBNaW51cywgTWVudUJvb2sgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBBdWRpbyB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7XG4gIEFzc2Vzc21lbnRSZXNvdXJjZSxcbiAgRXh0ZXJuYWxMZWFybmluZ1Jlc291cmNlLFxuICBMZWFybmluZ1BhdGgsXG4gIE11bHRpZGlzY2lwbGluYXJ5VG9waWMsXG4gIFNoYXJlZFJlc291cmNlLFxuICBTdWJqZWN0LFxuICBTdWJqZWN0TWF0ZXJpYWwsXG4gIFRhc2tzQW5kQWN0aXZpdGllcyxcbn0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbnRlbnRUeXBlXCI7XG5cbmltcG9ydCB7IENvbmNlcHQsIE1lZGlhLCBWaWRlbyB9IGZyb20gXCJAbmRsYS9pY29ucy9lZGl0b3JcIjtcblxuaW1wb3J0ICogYXMgY29udGVudFR5cGVzIGZyb20gXCIuLi9tb2RlbC9Db250ZW50VHlwZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcImRpdlwiPiB7XG4gIHNpemU/OiBcInh4LXNtYWxsXCIgfCBcIngtc21hbGxcIiB8IFwic21hbGxcIiB8IFwibGFyZ2VcIjtcbiAgdHlwZTogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgYmFja2dyb3VuZD86IGJvb2xlYW47XG4gIGJvcmRlcj86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3Qgc2l6ZXMgPSB7XG4gIFwieHgtc21hbGxcIjogY3NzYFxuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICBzdmcge1xuICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICBoZWlnaHQ6IDEweDtcbiAgICB9XG4gIGAsXG4gIFwieC1zbWFsbFwiOiBjc3NgXG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIGhlaWdodDogMjZweDtcbiAgICAgIHdpZHRoOiAyNnB4O1xuICAgIH1cbiAgICBzdmcge1xuICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICBoZWlnaHQ6IDEweDtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHNtYWxsOiBcIlwiLFxuICBsYXJnZTogY3NzYFxuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBzdmcge1xuICAgICAgd2lkdGg6IDI1cHg7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgfVxuICBgLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFzZUNvbnRlbnRUeXBlQmFkZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHdpZHRoOiAzNHB4O1xuICBoZWlnaHQ6IDM0cHg7XG4gIGNvbG9yOiB2YXIoLS1pY29uLWNvbG9yKTtcbmA7XG5cbmNvbnN0IGJvcmRlclN0eWxlID0gY3NzYFxuICBib3JkZXI6IDJweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pY29uLWNvbG9yKTtcbmA7XG5cbmNvbnN0IGJhY2tncm91bmRTdHlsZSA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZC1jb2xvcik7XG5gO1xuXG5jb25zdCBpY29uTWFwID0ge1xuICBbY29udGVudFR5cGVzLlNVQkpFQ1RfTUFURVJJQUxdOiB7XG4gICAgaWNvbjogU3ViamVjdE1hdGVyaWFsLFxuICAgIGljb25Db2xvcjogY29sb3JzLnN1YmplY3RNYXRlcmlhbC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3RNYXRlcmlhbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5UQVNLU19BTkRfQUNUSVZJVElFU106IHtcbiAgICBpY29uOiBUYXNrc0FuZEFjdGl2aXRpZXMsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLkFTU0VTU01FTlRfUkVTT1VSQ0VTXToge1xuICAgIGljb246IEFzc2Vzc21lbnRSZXNvdXJjZSxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5hc3Nlc3NtZW50UmVzb3VyY2UuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5hc3Nlc3NtZW50UmVzb3VyY2UubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF06IHtcbiAgICBpY29uOiBNZW51Qm9vayxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0LmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5TT1VSQ0VfTUFURVJJQUxdOiB7XG4gICAgaWNvbjogU2hhcmVkUmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc291cmNlTWF0ZXJpYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXToge1xuICAgIGljb246IExlYXJuaW5nUGF0aCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5sZWFybmluZ1BhdGguZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5sZWFybmluZ1BhdGgubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuVE9QSUNdOiB7XG4gICAgaWNvbjogU3ViamVjdCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0LmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5NVUxUSURJU0NJUExJTkFSWV9UT1BJQ106IHtcbiAgICBpY29uOiBNdWx0aWRpc2NpcGxpbmFyeVRvcGljLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjYjliMzdiXCIsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IHtcbiAgICBpY29uOiBDb25jZXB0LFxuICAgIGljb25Db2xvcjogY29sb3JzLmNvbmNlcHQudGV4dCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLkVYVEVSTkFMXToge1xuICAgIGljb246IEV4dGVybmFsTGVhcm5pbmdSZXNvdXJjZSxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5leHRlcm5hbC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmV4dGVybmFsLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLnJlc291cmNlRW1iZWRUeXBlTWFwcGluZy5pbWFnZV06IHtcbiAgICBpY29uOiBNZWRpYSxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmJyYW5kLmdyZXlMaWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5yZXNvdXJjZUVtYmVkVHlwZU1hcHBpbmcuYXVkaW9dOiB7XG4gICAgaWNvbjogQXVkaW8sXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMucmVzb3VyY2VFbWJlZFR5cGVNYXBwaW5nLnZpZGVvXToge1xuICAgIGljb246IFZpZGVvLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLk1JU1NJTkddOiB7XG4gICAgaWNvbjogTWludXMsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgQ29udGVudFR5cGVCYWRnZSA9ICh7XG4gIHR5cGUsXG4gIGJhY2tncm91bmQsXG4gIHRpdGxlLFxuICBzaXplID0gXCJzbWFsbFwiLFxuICBib3JkZXIgPSB0cnVlLFxuICBjbGFzc05hbWUsXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgSWNvbiwgc3R5bGUgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGZyb21NYXAgPSBpY29uTWFwW3R5cGVdO1xuICAgIGNvbnN0IHN0eWxlID0ge1xuICAgICAgXCItLWljb24tY29sb3JcIjogZnJvbU1hcC5pY29uQ29sb3IsXG4gICAgICBcIi0tYmFja2dyb3VuZC1jb2xvclwiOiBmcm9tTWFwLmJhY2tncm91bmRDb2xvcixcbiAgICB9IGFzIENTU1Byb3BlcnRpZXM7XG4gICAgcmV0dXJuIHsgSWNvbjogZnJvbU1hcC5pY29uLCBzdHlsZSB9O1xuICB9LCBbdHlwZV0pO1xuXG4gIGNvbnN0IGNzc1N0eWxlcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtzaXplc1tzaXplXV07XG4gICAgaWYgKGJhY2tncm91bmQpIHtcbiAgICAgIHN0eWxlcy5wdXNoKGJhY2tncm91bmRTdHlsZSk7XG4gICAgfVxuICAgIGlmIChib3JkZXIpIHtcbiAgICAgIHN0eWxlcy5wdXNoKGJvcmRlclN0eWxlKTtcbiAgICB9XG4gICAgcmV0dXJuIHN0eWxlcztcbiAgfSwgW2JhY2tncm91bmQsIGJvcmRlciwgc2l6ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPEJhc2VDb250ZW50VHlwZUJhZGdlXG4gICAgICBjc3M9e2Nzc1N0eWxlc31cbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgIGFyaWEtbGFiZWw9e3RpdGxlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLWJhZGdlPVwiXCJcbiAgICAgIGRhdGEtdHlwZT17dHlwZX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9CYXNlQ29udGVudFR5cGVCYWRnZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0TWF0ZXJpYWxCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNVQkpFQ1RfTUFURVJJQUx9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IFRhc2tzQW5kQWN0aXZpdGllc0JhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVN9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IEFzc2Vzc21lbnRSZXNvdXJjZXNCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLkFTU0VTU01FTlRfUkVTT1VSQ0VTfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBTdWJqZWN0QmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuU1VCSkVDVH0gLz47XG5leHBvcnQgY29uc3QgU291cmNlTWF0ZXJpYWxCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTH0gLz5cbik7XG5leHBvcnQgY29uc3QgTGVhcm5pbmdQYXRoQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBNdWx0aWRpc2NpcGxpbmFyeVRvcGljQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5NVUxUSURJU0NJUExJTkFSWV9UT1BJQ30gLz5cbik7XG5leHBvcnQgY29uc3QgQ29uY2VwdEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLkNPTkNFUFR9IC8+O1xuIl19 */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  variants: {
+    size: {
+      "xx-small": {
+        width: "20px",
+        height: "20px",
+        border: "1px solid",
+        "& svg": {
+          width: "10px",
+          height: "10px"
+        }
+      },
+      "x-small": {
+        width: "20px",
+        height: "20px",
+        border: "1px solid",
+        tablet: {
+          height: "26px",
+          width: "26px"
+        },
+        "& svg": {
+          width: "10px",
+          height: "10px",
+          tablet: {
+            width: "12px",
+            height: "12px"
+          }
+        }
+      },
+      small: {
+        width: "34px",
+        height: "34px"
+      },
+      large: {
+        width: "50px",
+        height: "50px",
+        "& svg": {
+          width: "25px",
+          height: "25px"
+        }
+      }
+    },
+    border: {
+      true: {
+        border: "2px solid",
+        borderColor: "var(--icon-color)"
+      },
+      false: {}
+    },
+    background: {
+      true: {
+        backgroundColor: "var(--background-color)"
+      }
+    }
   }
-};
-const BaseContentTypeBadge = /*#__PURE__*/(0, _base.default)("div", {
-  target: "elguh1z0",
-  label: "BaseContentTypeBadge"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4p3gmo",
-  styles: "display:inline-flex;align-items:center;justify-content:center;border-radius:100%;width:34px;height:34px;color:var(--icon-color)"
-} : {
-  name: "4p3gmo",
-  styles: "display:inline-flex;align-items:center;justify-content:center;border-radius:100%;width:34px;height:34px;color:var(--icon-color)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlQmFkZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFdUMiLCJmaWxlIjoiQ29udGVudFR5cGVCYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDb21wb25lbnRQcm9wcywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTWludXMsIE1lbnVCb29rIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgQXVkaW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQge1xuICBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gIEV4dGVybmFsTGVhcm5pbmdSZXNvdXJjZSxcbiAgTGVhcm5pbmdQYXRoLFxuICBNdWx0aWRpc2NpcGxpbmFyeVRvcGljLFxuICBTaGFyZWRSZXNvdXJjZSxcbiAgU3ViamVjdCxcbiAgU3ViamVjdE1hdGVyaWFsLFxuICBUYXNrc0FuZEFjdGl2aXRpZXMsXG59IGZyb20gXCJAbmRsYS9pY29ucy9jb250ZW50VHlwZVwiO1xuXG5pbXBvcnQgeyBDb25jZXB0LCBNZWRpYSwgVmlkZW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvZWRpdG9yXCI7XG5cbmltcG9ydCAqIGFzIGNvbnRlbnRUeXBlcyBmcm9tIFwiLi4vbW9kZWwvQ29udGVudFR5cGVcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBzaXplPzogXCJ4eC1zbWFsbFwiIHwgXCJ4LXNtYWxsXCIgfCBcInNtYWxsXCIgfCBcImxhcmdlXCI7XG4gIHR5cGU6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGJhY2tncm91bmQ/OiBib29sZWFuO1xuICBib3JkZXI/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNpemVzID0ge1xuICBcInh4LXNtYWxsXCI6IGNzc2BcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgfVxuICBgLFxuICBcIngtc21hbGxcIjogY3NzYFxuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICB3aWR0aDogMjZweDtcbiAgICB9XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzbWFsbDogXCJcIixcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgICAgaGVpZ2h0OiAyNXB4O1xuICAgIH1cbiAgYCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhc2VDb250ZW50VHlwZUJhZGdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xuICBjb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBib3JkZXJTdHlsZSA9IGNzc2BcbiAgYm9yZGVyOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBiYWNrZ3JvdW5kU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuYDtcblxuY29uc3QgaWNvbk1hcCA9IHtcbiAgW2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMXToge1xuICAgIGljb246IFN1YmplY3RNYXRlcmlhbCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiB7XG4gICAgaWNvbjogVGFza3NBbmRBY3Rpdml0aWVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU106IHtcbiAgICBpY29uOiBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiB7XG4gICAgaWNvbjogTWVudUJvb2ssXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuU09VUkNFX01BVEVSSUFMXToge1xuICAgIGljb246IFNoYXJlZFJlc291cmNlLFxuICAgIGljb25Db2xvcjogY29sb3JzLnNvdXJjZU1hdGVyaWFsLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSF06IHtcbiAgICBpY29uOiBMZWFybmluZ1BhdGgsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlRPUElDXToge1xuICAgIGljb246IFN1YmplY3QsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUNdOiB7XG4gICAgaWNvbjogTXVsdGlkaXNjaXBsaW5hcnlUb3BpYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2I5YjM3YlwiLFxuICB9LFxuICBbY29udGVudFR5cGVzLkNPTkNFUFRdOiB7XG4gICAgaWNvbjogQ29uY2VwdCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5jb25jZXB0LnRleHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuY29uY2VwdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5FWFRFUk5BTF06IHtcbiAgICBpY29uOiBFeHRlcm5hbExlYXJuaW5nUmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuZXh0ZXJuYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5leHRlcm5hbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5yZXNvdXJjZUVtYmVkVHlwZU1hcHBpbmcuaW1hZ2VdOiB7XG4gICAgaWNvbjogTWVkaWEsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMucmVzb3VyY2VFbWJlZFR5cGVNYXBwaW5nLmF1ZGlvXToge1xuICAgIGljb246IEF1ZGlvLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLnJlc291cmNlRW1iZWRUeXBlTWFwcGluZy52aWRlb106IHtcbiAgICBpY29uOiBWaWRlbyxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmJyYW5kLmdyZXlMaWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5NSVNTSU5HXToge1xuICAgIGljb246IE1pbnVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRUeXBlQmFkZ2UgPSAoe1xuICB0eXBlLFxuICBiYWNrZ3JvdW5kLFxuICB0aXRsZSxcbiAgc2l6ZSA9IFwic21hbGxcIixcbiAgYm9yZGVyID0gdHJ1ZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IEljb24sIHN0eWxlIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBmcm9tTWFwID0gaWNvbk1hcFt0eXBlXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgIFwiLS1pY29uLWNvbG9yXCI6IGZyb21NYXAuaWNvbkNvbG9yLFxuICAgICAgXCItLWJhY2tncm91bmQtY29sb3JcIjogZnJvbU1hcC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuICAgIHJldHVybiB7IEljb246IGZyb21NYXAuaWNvbiwgc3R5bGUgfTtcbiAgfSwgW3R5cGVdKTtcblxuICBjb25zdCBjc3NTdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbc2l6ZXNbc2l6ZV1dO1xuICAgIGlmIChiYWNrZ3JvdW5kKSB7XG4gICAgICBzdHlsZXMucHVzaChiYWNrZ3JvdW5kU3R5bGUpO1xuICAgIH1cbiAgICBpZiAoYm9yZGVyKSB7XG4gICAgICBzdHlsZXMucHVzaChib3JkZXJTdHlsZSk7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtiYWNrZ3JvdW5kLCBib3JkZXIsIHNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlQ29udGVudFR5cGVCYWRnZVxuICAgICAgY3NzPXtjc3NTdHlsZXN9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBhcmlhLWxhYmVsPXt0aXRsZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1iYWRnZT1cIlwiXG4gICAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvQmFzZUNvbnRlbnRUeXBlQmFkZ2U+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViamVjdE1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBUYXNrc0FuZEFjdGl2aXRpZXNCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlRBU0tTX0FORF9BQ1RJVklUSUVTfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBBc3Nlc3NtZW50UmVzb3VyY2VzQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU30gLz5cbik7XG5leHBvcnQgY29uc3QgU3ViamVjdEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNVQkpFQ1R9IC8+O1xuZXhwb3J0IGNvbnN0IFNvdXJjZU1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TT1VSQ0VfTUFURVJJQUx9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSH0gLz5cbik7XG5leHBvcnQgY29uc3QgTXVsdGlkaXNjaXBsaW5hcnlUb3BpY0JhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUN9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IENvbmNlcHRCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5DT05DRVBUfSAvPjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const borderStyle = process.env.NODE_ENV === "production" ? {
-  name: "195lw4v-borderStyle",
-  styles: "border:2px solid;border-color:var(--icon-color);label:borderStyle;"
-} : {
-  name: "195lw4v-borderStyle",
-  styles: "border:2px solid;border-color:var(--icon-color);label:borderStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlQmFkZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGdUIiLCJmaWxlIjoiQ29udGVudFR5cGVCYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDb21wb25lbnRQcm9wcywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTWludXMsIE1lbnVCb29rIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgQXVkaW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQge1xuICBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gIEV4dGVybmFsTGVhcm5pbmdSZXNvdXJjZSxcbiAgTGVhcm5pbmdQYXRoLFxuICBNdWx0aWRpc2NpcGxpbmFyeVRvcGljLFxuICBTaGFyZWRSZXNvdXJjZSxcbiAgU3ViamVjdCxcbiAgU3ViamVjdE1hdGVyaWFsLFxuICBUYXNrc0FuZEFjdGl2aXRpZXMsXG59IGZyb20gXCJAbmRsYS9pY29ucy9jb250ZW50VHlwZVwiO1xuXG5pbXBvcnQgeyBDb25jZXB0LCBNZWRpYSwgVmlkZW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvZWRpdG9yXCI7XG5cbmltcG9ydCAqIGFzIGNvbnRlbnRUeXBlcyBmcm9tIFwiLi4vbW9kZWwvQ29udGVudFR5cGVcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBzaXplPzogXCJ4eC1zbWFsbFwiIHwgXCJ4LXNtYWxsXCIgfCBcInNtYWxsXCIgfCBcImxhcmdlXCI7XG4gIHR5cGU6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGJhY2tncm91bmQ/OiBib29sZWFuO1xuICBib3JkZXI/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNpemVzID0ge1xuICBcInh4LXNtYWxsXCI6IGNzc2BcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgfVxuICBgLFxuICBcIngtc21hbGxcIjogY3NzYFxuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICB3aWR0aDogMjZweDtcbiAgICB9XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzbWFsbDogXCJcIixcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgICAgaGVpZ2h0OiAyNXB4O1xuICAgIH1cbiAgYCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhc2VDb250ZW50VHlwZUJhZGdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xuICBjb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBib3JkZXJTdHlsZSA9IGNzc2BcbiAgYm9yZGVyOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBiYWNrZ3JvdW5kU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuYDtcblxuY29uc3QgaWNvbk1hcCA9IHtcbiAgW2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMXToge1xuICAgIGljb246IFN1YmplY3RNYXRlcmlhbCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiB7XG4gICAgaWNvbjogVGFza3NBbmRBY3Rpdml0aWVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU106IHtcbiAgICBpY29uOiBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiB7XG4gICAgaWNvbjogTWVudUJvb2ssXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuU09VUkNFX01BVEVSSUFMXToge1xuICAgIGljb246IFNoYXJlZFJlc291cmNlLFxuICAgIGljb25Db2xvcjogY29sb3JzLnNvdXJjZU1hdGVyaWFsLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSF06IHtcbiAgICBpY29uOiBMZWFybmluZ1BhdGgsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlRPUElDXToge1xuICAgIGljb246IFN1YmplY3QsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUNdOiB7XG4gICAgaWNvbjogTXVsdGlkaXNjaXBsaW5hcnlUb3BpYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2I5YjM3YlwiLFxuICB9LFxuICBbY29udGVudFR5cGVzLkNPTkNFUFRdOiB7XG4gICAgaWNvbjogQ29uY2VwdCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5jb25jZXB0LnRleHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuY29uY2VwdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5FWFRFUk5BTF06IHtcbiAgICBpY29uOiBFeHRlcm5hbExlYXJuaW5nUmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuZXh0ZXJuYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5leHRlcm5hbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5yZXNvdXJjZUVtYmVkVHlwZU1hcHBpbmcuaW1hZ2VdOiB7XG4gICAgaWNvbjogTWVkaWEsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMucmVzb3VyY2VFbWJlZFR5cGVNYXBwaW5nLmF1ZGlvXToge1xuICAgIGljb246IEF1ZGlvLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLnJlc291cmNlRW1iZWRUeXBlTWFwcGluZy52aWRlb106IHtcbiAgICBpY29uOiBWaWRlbyxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmJyYW5kLmdyZXlMaWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5NSVNTSU5HXToge1xuICAgIGljb246IE1pbnVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRUeXBlQmFkZ2UgPSAoe1xuICB0eXBlLFxuICBiYWNrZ3JvdW5kLFxuICB0aXRsZSxcbiAgc2l6ZSA9IFwic21hbGxcIixcbiAgYm9yZGVyID0gdHJ1ZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IEljb24sIHN0eWxlIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBmcm9tTWFwID0gaWNvbk1hcFt0eXBlXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgIFwiLS1pY29uLWNvbG9yXCI6IGZyb21NYXAuaWNvbkNvbG9yLFxuICAgICAgXCItLWJhY2tncm91bmQtY29sb3JcIjogZnJvbU1hcC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuICAgIHJldHVybiB7IEljb246IGZyb21NYXAuaWNvbiwgc3R5bGUgfTtcbiAgfSwgW3R5cGVdKTtcblxuICBjb25zdCBjc3NTdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbc2l6ZXNbc2l6ZV1dO1xuICAgIGlmIChiYWNrZ3JvdW5kKSB7XG4gICAgICBzdHlsZXMucHVzaChiYWNrZ3JvdW5kU3R5bGUpO1xuICAgIH1cbiAgICBpZiAoYm9yZGVyKSB7XG4gICAgICBzdHlsZXMucHVzaChib3JkZXJTdHlsZSk7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtiYWNrZ3JvdW5kLCBib3JkZXIsIHNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlQ29udGVudFR5cGVCYWRnZVxuICAgICAgY3NzPXtjc3NTdHlsZXN9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBhcmlhLWxhYmVsPXt0aXRsZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1iYWRnZT1cIlwiXG4gICAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvQmFzZUNvbnRlbnRUeXBlQmFkZ2U+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViamVjdE1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBUYXNrc0FuZEFjdGl2aXRpZXNCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlRBU0tTX0FORF9BQ1RJVklUSUVTfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBBc3Nlc3NtZW50UmVzb3VyY2VzQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU30gLz5cbik7XG5leHBvcnQgY29uc3QgU3ViamVjdEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNVQkpFQ1R9IC8+O1xuZXhwb3J0IGNvbnN0IFNvdXJjZU1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TT1VSQ0VfTUFURVJJQUx9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSH0gLz5cbik7XG5leHBvcnQgY29uc3QgTXVsdGlkaXNjaXBsaW5hcnlUb3BpY0JhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUN9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IENvbmNlcHRCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5DT05DRVBUfSAvPjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const backgroundStyle = process.env.NODE_ENV === "production" ? {
-  name: "103cks6-backgroundStyle",
-  styles: "background-color:var(--background-color);label:backgroundStyle;"
-} : {
-  name: "103cks6-backgroundStyle",
-  styles: "background-color:var(--background-color);label:backgroundStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlQmFkZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGMkIiLCJmaWxlIjoiQ29udGVudFR5cGVCYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDb21wb25lbnRQcm9wcywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTWludXMsIE1lbnVCb29rIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgQXVkaW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQge1xuICBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gIEV4dGVybmFsTGVhcm5pbmdSZXNvdXJjZSxcbiAgTGVhcm5pbmdQYXRoLFxuICBNdWx0aWRpc2NpcGxpbmFyeVRvcGljLFxuICBTaGFyZWRSZXNvdXJjZSxcbiAgU3ViamVjdCxcbiAgU3ViamVjdE1hdGVyaWFsLFxuICBUYXNrc0FuZEFjdGl2aXRpZXMsXG59IGZyb20gXCJAbmRsYS9pY29ucy9jb250ZW50VHlwZVwiO1xuXG5pbXBvcnQgeyBDb25jZXB0LCBNZWRpYSwgVmlkZW8gfSBmcm9tIFwiQG5kbGEvaWNvbnMvZWRpdG9yXCI7XG5cbmltcG9ydCAqIGFzIGNvbnRlbnRUeXBlcyBmcm9tIFwiLi4vbW9kZWwvQ29udGVudFR5cGVcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBzaXplPzogXCJ4eC1zbWFsbFwiIHwgXCJ4LXNtYWxsXCIgfCBcInNtYWxsXCIgfCBcImxhcmdlXCI7XG4gIHR5cGU6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGJhY2tncm91bmQ/OiBib29sZWFuO1xuICBib3JkZXI/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNpemVzID0ge1xuICBcInh4LXNtYWxsXCI6IGNzc2BcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgfVxuICBgLFxuICBcIngtc21hbGxcIjogY3NzYFxuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICB3aWR0aDogMjZweDtcbiAgICB9XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgICAgaGVpZ2h0OiAxMHg7XG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzbWFsbDogXCJcIixcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgICAgaGVpZ2h0OiAyNXB4O1xuICAgIH1cbiAgYCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhc2VDb250ZW50VHlwZUJhZGdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMzRweDtcbiAgaGVpZ2h0OiAzNHB4O1xuICBjb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBib3JkZXJTdHlsZSA9IGNzc2BcbiAgYm9yZGVyOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWNvbi1jb2xvcik7XG5gO1xuXG5jb25zdCBiYWNrZ3JvdW5kU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQtY29sb3IpO1xuYDtcblxuY29uc3QgaWNvbk1hcCA9IHtcbiAgW2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMXToge1xuICAgIGljb246IFN1YmplY3RNYXRlcmlhbCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiB7XG4gICAgaWNvbjogVGFza3NBbmRBY3Rpdml0aWVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU106IHtcbiAgICBpY29uOiBBc3Nlc3NtZW50UmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiB7XG4gICAgaWNvbjogTWVudUJvb2ssXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuU09VUkNFX01BVEVSSUFMXToge1xuICAgIGljb246IFNoYXJlZFJlc291cmNlLFxuICAgIGljb25Db2xvcjogY29sb3JzLnNvdXJjZU1hdGVyaWFsLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSF06IHtcbiAgICBpY29uOiBMZWFybmluZ1BhdGgsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmRhcmssXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMubGVhcm5pbmdQYXRoLmxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLlRPUElDXToge1xuICAgIGljb246IFN1YmplY3QsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuc3ViamVjdC5kYXJrLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnN1YmplY3QubGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUNdOiB7XG4gICAgaWNvbjogTXVsdGlkaXNjaXBsaW5hcnlUb3BpYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2I5YjM3YlwiLFxuICB9LFxuICBbY29udGVudFR5cGVzLkNPTkNFUFRdOiB7XG4gICAgaWNvbjogQ29uY2VwdCxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5jb25jZXB0LnRleHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuY29uY2VwdC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5FWFRFUk5BTF06IHtcbiAgICBpY29uOiBFeHRlcm5hbExlYXJuaW5nUmVzb3VyY2UsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuZXh0ZXJuYWwuZGFyayxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5leHRlcm5hbC5saWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5yZXNvdXJjZUVtYmVkVHlwZU1hcHBpbmcuaW1hZ2VdOiB7XG4gICAgaWNvbjogTWVkaWEsXG4gICAgaWNvbkNvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHQsXG4gIH0sXG4gIFtjb250ZW50VHlwZXMucmVzb3VyY2VFbWJlZFR5cGVNYXBwaW5nLmF1ZGlvXToge1xuICAgIGljb246IEF1ZGlvLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxuICBbY29udGVudFR5cGVzLnJlc291cmNlRW1iZWRUeXBlTWFwcGluZy52aWRlb106IHtcbiAgICBpY29uOiBWaWRlbyxcbiAgICBpY29uQ29sb3I6IGNvbG9ycy5icmFuZC5ncmV5LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmJyYW5kLmdyZXlMaWdodCxcbiAgfSxcbiAgW2NvbnRlbnRUeXBlcy5NSVNTSU5HXToge1xuICAgIGljb246IE1pbnVzLFxuICAgIGljb25Db2xvcjogY29sb3JzLmJyYW5kLmdyZXksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0LFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRUeXBlQmFkZ2UgPSAoe1xuICB0eXBlLFxuICBiYWNrZ3JvdW5kLFxuICB0aXRsZSxcbiAgc2l6ZSA9IFwic21hbGxcIixcbiAgYm9yZGVyID0gdHJ1ZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IEljb24sIHN0eWxlIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBmcm9tTWFwID0gaWNvbk1hcFt0eXBlXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgIFwiLS1pY29uLWNvbG9yXCI6IGZyb21NYXAuaWNvbkNvbG9yLFxuICAgICAgXCItLWJhY2tncm91bmQtY29sb3JcIjogZnJvbU1hcC5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuICAgIHJldHVybiB7IEljb246IGZyb21NYXAuaWNvbiwgc3R5bGUgfTtcbiAgfSwgW3R5cGVdKTtcblxuICBjb25zdCBjc3NTdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbc2l6ZXNbc2l6ZV1dO1xuICAgIGlmIChiYWNrZ3JvdW5kKSB7XG4gICAgICBzdHlsZXMucHVzaChiYWNrZ3JvdW5kU3R5bGUpO1xuICAgIH1cbiAgICBpZiAoYm9yZGVyKSB7XG4gICAgICBzdHlsZXMucHVzaChib3JkZXJTdHlsZSk7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtiYWNrZ3JvdW5kLCBib3JkZXIsIHNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlQ29udGVudFR5cGVCYWRnZVxuICAgICAgY3NzPXtjc3NTdHlsZXN9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBhcmlhLWxhYmVsPXt0aXRsZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1iYWRnZT1cIlwiXG4gICAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvQmFzZUNvbnRlbnRUeXBlQmFkZ2U+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViamVjdE1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TVUJKRUNUX01BVEVSSUFMfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBUYXNrc0FuZEFjdGl2aXRpZXNCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiAoXG4gIDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlRBU0tTX0FORF9BQ1RJVklUSUVTfSAvPlxuKTtcbmV4cG9ydCBjb25zdCBBc3Nlc3NtZW50UmVzb3VyY2VzQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5BU1NFU1NNRU5UX1JFU09VUkNFU30gLz5cbik7XG5leHBvcnQgY29uc3QgU3ViamVjdEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IDxDb250ZW50VHlwZUJhZGdlIHsuLi5wcm9wc30gdHlwZT17Y29udGVudFR5cGVzLlNVQkpFQ1R9IC8+O1xuZXhwb3J0IGNvbnN0IFNvdXJjZU1hdGVyaWFsQmFkZ2UgPSAocHJvcHM6IE9taXQ8UHJvcHMsIFwidHlwZVwiPikgPT4gKFxuICA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5TT1VSQ0VfTUFURVJJQUx9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEJhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTEVBUk5JTkdfUEFUSH0gLz5cbik7XG5leHBvcnQgY29uc3QgTXVsdGlkaXNjaXBsaW5hcnlUb3BpY0JhZGdlID0gKHByb3BzOiBPbWl0PFByb3BzLCBcInR5cGVcIj4pID0+IChcbiAgPENvbnRlbnRUeXBlQmFkZ2Ugey4uLnByb3BzfSB0eXBlPXtjb250ZW50VHlwZXMuTVVMVElESVNDSVBMSU5BUllfVE9QSUN9IC8+XG4pO1xuZXhwb3J0IGNvbnN0IENvbmNlcHRCYWRnZSA9IChwcm9wczogT21pdDxQcm9wcywgXCJ0eXBlXCI+KSA9PiA8Q29udGVudFR5cGVCYWRnZSB7Li4ucHJvcHN9IHR5cGU9e2NvbnRlbnRUeXBlcy5DT05DRVBUfSAvPjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
 const iconMap = {
   [contentTypes.SUBJECT_MATERIAL]: {
     icon: _contentType.SubjectMaterial,
@@ -175,65 +186,57 @@ const ContentTypeBadge = _ref => {
       style
     };
   }, [type]);
-  const cssStyles = (0, _react.useMemo)(() => {
-    const styles = [sizes[size]];
-    if (background) {
-      styles.push(backgroundStyle);
-    }
-    if (border) {
-      styles.push(borderStyle);
-    }
-    return styles;
-  }, [background, border, size]);
-  return (0, _jsxRuntime.jsx)(BaseContentTypeBadge, {
-    css: cssStyles,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledContentTypeBadge, {
     title: title,
+    background: background,
+    size: size,
+    border: border,
     style: style,
     "aria-label": title,
     className: className,
     "data-badge": "",
     "data-type": type,
     ...rest,
-    children: (0, _jsxRuntime.jsx)(Icon, {})
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {})
   });
 };
 exports.ContentTypeBadge = ContentTypeBadge;
-const SubjectMaterialBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const SubjectMaterialBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.SUBJECT_MATERIAL
 });
 exports.SubjectMaterialBadge = SubjectMaterialBadge;
-const TasksAndActivitiesBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const TasksAndActivitiesBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.TASKS_AND_ACTIVITIES
 });
 exports.TasksAndActivitiesBadge = TasksAndActivitiesBadge;
-const AssessmentResourcesBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const AssessmentResourcesBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.ASSESSMENT_RESOURCES
 });
 exports.AssessmentResourcesBadge = AssessmentResourcesBadge;
-const SubjectBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const SubjectBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.SUBJECT
 });
 exports.SubjectBadge = SubjectBadge;
-const SourceMaterialBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const SourceMaterialBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.SOURCE_MATERIAL
 });
 exports.SourceMaterialBadge = SourceMaterialBadge;
-const LearningPathBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const LearningPathBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.LEARNING_PATH
 });
 exports.LearningPathBadge = LearningPathBadge;
-const MultidisciplinaryTopicBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const MultidisciplinaryTopicBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.MULTIDISCIPLINARY_TOPIC
 });
 exports.MultidisciplinaryTopicBadge = MultidisciplinaryTopicBadge;
-const ConceptBadge = props => (0, _jsxRuntime.jsx)(ContentTypeBadge, {
+const ConceptBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
   ...props,
   type: contentTypes.CONCEPT
 });

package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts

@@ -11,7 +11,6 @@ import * as contentTypes from "../model/ContentType";
 export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
     contentType: ContentType | undefined;
 }
-type ContentType = typeof contentTypes.SUBJECT_MATERIAL | typeof contentTypes.TASKS_AND_ACTIVITIES | typeof contentTypes.ASSESSMENT_RESOURCES | typeof contentTypes.SUBJECT | typeof contentTypes.SOURCE_MATERIAL | typeof contentTypes.LEARNING_PATH | typeof contentTypes.TOPIC | typeof contentTypes.MULTIDISCIPLINARY_TOPIC | typeof contentTypes.CONCEPT | typeof contentTypes.EXTERNAL | typeof contentTypes.IMAGE | typeof contentTypes.AUDIO | typeof contentTypes.VIDEO | typeof contentTypes.MISSING | (string & {});
+export type ContentType = typeof contentTypes.SUBJECT_MATERIAL | typeof contentTypes.TASKS_AND_ACTIVITIES | typeof contentTypes.ASSESSMENT_RESOURCES | typeof contentTypes.SUBJECT | typeof contentTypes.SOURCE_MATERIAL | typeof contentTypes.LEARNING_PATH | typeof contentTypes.TOPIC | typeof contentTypes.MULTIDISCIPLINARY_TOPIC | typeof contentTypes.CONCEPT | typeof contentTypes.EXTERNAL | typeof contentTypes.IMAGE | typeof contentTypes.AUDIO | typeof contentTypes.VIDEO | typeof contentTypes.MISSING | typeof contentTypes.PODCAST | (string & {});
 export declare const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant>;
 export declare const ContentTypeBadge: import("react").ForwardRefExoticComponent<ContentTypeBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/lib/ContentTypeBadge/ContentTypeBadgeNew.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _primitives = require("@ndla/primitives");
 var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -35,6 +35,7 @@ const contentTypeToBadgeVariantMap = exports.contentTypeToBadgeVariantMap = {
   // TODO: Verify resourceEmbedTypeMapping colors
   [contentTypes.IMAGE]: "brand1",
   [contentTypes.AUDIO]: "brand1",
+  [contentTypes.PODCAST]: "brand1",
   [contentTypes.VIDEO]: "brand1",
   [contentTypes.MISSING]: "neutral"
 };
@@ -47,7 +48,7 @@ const ContentTypeBadge = exports.ContentTypeBadge = /*#__PURE__*/(0, _react.forw
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  return (0, _jsxRuntime.jsx)(_primitives.Badge, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Badge, {
     colorTheme: contentTypeToBadgeVariantMap[contentType ?? "missing"] ?? contentTypeToBadgeVariantMap["missing"],
     ...props,
     ref: ref,

package/lib/ContentTypeHero/ContentTypeHero.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { HeroProps, HeroVariant } from "@ndla/primitives";
+import { ContentType } from "../ContentTypeBadge/ContentTypeBadgeNew";
+export declare const contentTypeToHeroMap: Record<ContentType, HeroVariant>;
+export interface ContentTypeHeroProps extends HeroProps {
+    contentType: ContentType | undefined;
+}
+export declare const ContentTypeHero: import("react").ForwardRefExoticComponent<ContentTypeHeroProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/ContentTypeHero/ContentTypeHero.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.contentTypeToHeroMap = exports.ContentTypeHero = void 0;
+var _react = require("react");
+var _primitives = require("@ndla/primitives");
+var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+// TODO: Figure out what to do with frontpage articles. If anything...
+// Also, verify all of these colors.
+const contentTypeToHeroMap = exports.contentTypeToHeroMap = {
+  [contentTypes.SUBJECT_MATERIAL]: "primary",
+  [contentTypes.TASKS_AND_ACTIVITIES]: "brand2Strong",
+  [contentTypes.ASSESSMENT_RESOURCES]: "brand2",
+  // This will never happen
+  [contentTypes.SUBJECT]: "primary",
+  [contentTypes.SOURCE_MATERIAL]: "brand1",
+  // This will never happen
+  [contentTypes.LEARNING_PATH]: "primary",
+  // TODO: This needs a color
+  [contentTypes.TOPIC]: "neutral",
+  // TODO: This is just taken from thin air.
+  [contentTypes.MULTIDISCIPLINARY_TOPIC]: "brand4",
+  [contentTypes.CONCEPT]: "brand1Subtle",
+  // TODO: No clue what this'll be. Maybe unused?
+  [contentTypes.EXTERNAL]: "primary",
+  [contentTypes.IMAGE]: "primary",
+  [contentTypes.AUDIO]: "primary",
+  [contentTypes.PODCAST]: "primary",
+  [contentTypes.VIDEO]: "primary",
+  [contentTypes.MISSING]: "neutral"
+};
+const ContentTypeHero = exports.ContentTypeHero = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    contentType,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Hero, {
+    variant: contentTypeToHeroMap[contentType ?? "missing"] ?? contentTypeToHeroMap["missing"],
+    ...props,
+    ref: ref,
+    children: children
+  });
+});