@ndla/ui 39.0.3 → 39.1.1

package/README.md

@@ -67,21 +67,3 @@ const MyPage = ({ topicPath, topic, article }) => {
   );
 };
 ```
-
-### Only import specific components
-
-```jsx
-import Hero from '@ndla/ui/es/hero/Hero';
-
-const MyPage = () => {
-  return (
-    <Hero>
-      <MyAwesomeComponent />
-    </Hero>
-  );
-};
-```
-
-### Important
-
-Components to be used as part of article rendered in article-converter can _not_ use useTranslation hook. This is because article-converter generates static html without dynamics, and this locks all texts inserted via the hook to be 'nb'.

package/es/DefinitionList/DefinitionDescription.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * 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.
+ *
+ */
+
+import { colors, fonts } from '@ndla/core';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var StyledDD = /*#__PURE__*/_styled("dd", {
+  target: "e1aa8vkk0",
+  label: "StyledDD"
+})("color:", colors.text.light, ";font-weight:", fonts.weight.normal, ";", fonts.sizes('18px', '29px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6IkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBTdHlsZWRERCA9IHN0eWxlZC5kZGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuYDtcblxuY29uc3QgRGVmaW5pdGlvbkRlc2NyaXB0aW9uID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkREQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEREPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25EZXNjcmlwdGlvbjtcbiJdfQ== */"));
+var DefinitionDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(StyledDD, _objectSpread(_objectSpread({
+    ref: ref
+  }, rest), {}, {
+    children: children
+  }));
+});
+export default DefinitionDescription;

package/es/DefinitionList/DefinitionTerm.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * 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.
+ *
+ */
+
+import { colors, fonts } from '@ndla/core';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var StyledDT = /*#__PURE__*/_styled("dt", {
+  target: "e1o7h15y0",
+  label: "StyledDT"
+})("color:", colors.text.primary, ";font-weight:", fonts.weight.bold, ";", fonts.sizes('18px', '29px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25UZXJtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiRGVmaW5pdGlvblRlcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU3R5bGVkRFQgPSBzdHlsZWQuZHRgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbmA7XG5cbmNvbnN0IERlZmluaXRpb25UZXJtID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRFQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZERUPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25UZXJtO1xuIl19 */"));
+var DefinitionTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(StyledDT, _objectSpread(_objectSpread({
+    ref: ref
+  }, rest), {}, {
+    children: children
+  }));
+});
+export default DefinitionTerm;

package/es/DefinitionList/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ *
+ */
+
+export { default as DefinitionDescription } from './DefinitionDescription';
+export { default as DefinitionTerm } from './DefinitionTerm';

package/es/Grid/Grid.js

@@ -22,11 +22,11 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var GridContainer = /*#__PURE__*/_styled("div", {
   target: "e1c0s8mo1",
   label: "GridContainer"
-})("width:100%;display:inline-grid;grid-template-columns:auto;justify-content:center;grid-gap:", spacing.large, ";padding:", spacing.xsmall, ";border-radius:", misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}", mq.range({
+})("display:grid;grid-template-columns:auto;justify-content:center;grid-gap:", spacing.large, ";padding:", spacing.xsmall, ";border-radius:", misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}", mq.range({
   from: breakpoints.mobileWide
 }), "{grid-template-columns:repeat(2, 1fr);}", mq.range({
   from: breakpoints.tabletWide
-}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"));
+}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcblxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgJltkYXRhLWJvcmRlcj0nbGlnaHRCbHVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1iYWNrZ3JvdW5kPSd3aGl0ZSddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPSc0J10ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBwIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgLyoqIFRoZSBzdHlsaW5nIGhlcmUgaXMgdG8gaGFuZGxlIGZpZ3VyZXMvdGV4dCB1bnRpbCBhIG5ldyBmaWd1cmUgZWxlbWVudCBpcyBkZXZlbG9wZWQgKi9cbiAgZmlndXJlLFxuICBpZnJhbWUge1xuICAgIGluc2V0OiAwO1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcblxuY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgYmFja2dyb3VuZCwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8T3V0ZXJDb250YWluZXI+XG4gICAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0dyaWRDb250YWluZXI+XG4gICAgPC9PdXRlckNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */"));
 var OuterContainer = /*#__PURE__*/_styled("div", {
   target: "e1c0s8mo0",
   label: "OuterContainer"
@@ -36,7 +36,7 @@ var OuterContainer = /*#__PURE__*/_styled("div", {
 } : {
   name: "1jhdxtm",
   styles: "display:flex;width:100%;justify-content:center;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcblxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgJltkYXRhLWJvcmRlcj0nbGlnaHRCbHVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1iYWNrZ3JvdW5kPSd3aGl0ZSddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPSc0J10ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBwIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgLyoqIFRoZSBzdHlsaW5nIGhlcmUgaXMgdG8gaGFuZGxlIGZpZ3VyZXMvdGV4dCB1bnRpbCBhIG5ldyBmaWd1cmUgZWxlbWVudCBpcyBkZXZlbG9wZWQgKi9cbiAgZmlndXJlLFxuICBpZnJhbWUge1xuICAgIGluc2V0OiAwO1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcblxuY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgYmFja2dyb3VuZCwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8T3V0ZXJDb250YWluZXI+XG4gICAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0dyaWRDb250YWluZXI+XG4gICAgPC9PdXRlckNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Grid = function Grid(_ref) {