@amboss/design-system 1.9.1 → 1.9.5

package/build/cjs/src/components/Inline/Inline.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var flattenChildren = require('../../shared/flattenChildren.js');
+var mediaQueries = require('../../shared/mediaQueries.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultProps = {
+  alignItems: "left",
+  space: "xs",
+  noWrap: false,
+  vAlignItems: "top",
+  "data-e2e-test-id": undefined
+};
+const makeNegative = obj => Object.entries(obj).map(_ref => {
+  let [key, value] = _ref;
+  return [key, `-${value}`];
+}).reduce((acc, _ref2) => {
+  let [key, value] = _ref2;
+  acc[key] = value;
+  return acc;
+}, {});
+const InlineContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tnky2o1"
+} : {
+  target: "e1tnky2o1",
+  label: "InlineContainer"
+})(_ref3 => {
+  let {
+    alignItems,
+    vAlignItems,
+    space,
+    vSpace,
+    theme,
+    noWrap
+  } = _ref3;
+  return {
+    ...mediaQueries.mq({
+      alignItems: [vAlignItems, {
+        top: "flex-start",
+        bottom: "flex-end",
+        center: "center",
+        spaceBetween: "space-between"
+      }],
+      justifyContent: [alignItems, {
+        left: "flex-start",
+        right: "flex-end",
+        center: "center",
+        spaceBetween: "space-between"
+      }],
+      marginLeft: [space, makeNegative(theme.variables.size.spacing)],
+      marginTop: [vSpace, makeNegative(theme.variables.size.spacing)]
+    }),
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: noWrap ? "nowrap" : "wrap"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOER3QiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIElubGluZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgaG9yaXpvbnRhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gYWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIGFsaWduSXRlbXNdIG9yIG9uZSBhbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBhbGlnbkl0ZW1zPzogTVE8SG9yaXpvbnRhbEFsaWdubWVudD4gfCBIb3Jpem9udGFsQWxpZ25tZW50O1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgdmVydGljYWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2QWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiB2QWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIHZBbGlnbkl0ZW1zXSBvciBvbmUgdkFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZBbGlnbkl0ZW1zPzogTVE8VmVydGljYWxBbGlnbm1lbnQ+IHwgVmVydGljYWxBbGlnbm1lbnQ7XG4gIC8qKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlIHdyYXBwaW5nIHByb3BlcnR5ICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBJbmxpbmVJdGVtUHJvcHMgPSB7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPElubGluZVByb3BzPiA9IHtcbiAgYWxpZ25JdGVtczogXCJsZWZ0XCIsXG4gIHNwYWNlOiBcInhzXCIsXG4gIG5vV3JhcDogZmFsc2UsXG4gIHZBbGlnbkl0ZW1zOiBcInRvcFwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxufTtcblxuY29uc3QgbWFrZU5lZ2F0aXZlID0gKG9iajogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPT5cbiAgT2JqZWN0LmVudHJpZXMob2JqKVxuICAgIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleSwgYC0ke3ZhbHVlfWBdKVxuICAgIC5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBhY2Nba2V5XSA9IHZhbHVlO1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTtcblxuY29uc3QgSW5saW5lQ29udGFpbmVyID0gc3R5bGVkLmRpdjxJbmxpbmVQcm9wcz4oXG4gICh7IGFsaWduSXRlbXMsIHZBbGlnbkl0ZW1zLCBzcGFjZSwgdlNwYWNlLCB0aGVtZSwgbm9XcmFwIH0pID0+ICh7XG4gICAgLi4ubXEoe1xuICAgICAgYWxpZ25JdGVtczogW1xuICAgICAgICB2QWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgYm90dG9tOiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIGxlZnQ6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAgbWFyZ2luTGVmdDogW3NwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luVG9wOiBbdlNwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgZmxleFdyYXA6IG5vV3JhcCA/IFwibm93cmFwXCIgOiBcIndyYXBcIixcbiAgfSlcbik7XG5cbmNvbnN0IElubGluZUl0ZW0gPSBzdHlsZWQuZGl2PElubGluZUl0ZW1Qcm9wcz4oKHsgdGhlbWUsIHNwYWNlLCB2U3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3ZTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgbWFyZ2luTGVmdDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbmxpbmUoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyxcbiAgdkFsaWduSXRlbXMsXG4gIHNwYWNlLFxuICB2U3BhY2UgPSBzcGFjZSxcbiAgbm9XcmFwLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IElubGluZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8SW5saW5lQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgIHZBbGlnbkl0ZW1zPXt2QWxpZ25JdGVtc31cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgbm9XcmFwPXtub1dyYXB9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PlxuICAgICAgICAgIGNoaWxkICYmIChcbiAgICAgICAgICAgIDxJbmxpbmVJdGVtIHNwYWNlPXtzcGFjZX0gdlNwYWNlPXt2U3BhY2V9PlxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8L0lubGluZUl0ZW0+XG4gICAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0lubGluZUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuSW5saW5lLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+const InlineItem = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tnky2o0"
+} : {
+  target: "e1tnky2o0",
+  label: "InlineItem"
+})(_ref4 => {
+  let {
+    theme,
+    space,
+    vSpace
+  } = _ref4;
+  return {
+    ...mediaQueries.mq({
+      marginTop: [vSpace, theme.variables.size.spacing],
+      marginLeft: [space, theme.variables.size.spacing]
+    }),
+    "&:empty": {
+      marginTop: 0,
+      marginLeft: 0
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZtQiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIElubGluZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgaG9yaXpvbnRhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gYWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIGFsaWduSXRlbXNdIG9yIG9uZSBhbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBhbGlnbkl0ZW1zPzogTVE8SG9yaXpvbnRhbEFsaWdubWVudD4gfCBIb3Jpem9udGFsQWxpZ25tZW50O1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgdmVydGljYWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2QWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiB2QWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIHZBbGlnbkl0ZW1zXSBvciBvbmUgdkFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZBbGlnbkl0ZW1zPzogTVE8VmVydGljYWxBbGlnbm1lbnQ+IHwgVmVydGljYWxBbGlnbm1lbnQ7XG4gIC8qKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlIHdyYXBwaW5nIHByb3BlcnR5ICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBJbmxpbmVJdGVtUHJvcHMgPSB7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPElubGluZVByb3BzPiA9IHtcbiAgYWxpZ25JdGVtczogXCJsZWZ0XCIsXG4gIHNwYWNlOiBcInhzXCIsXG4gIG5vV3JhcDogZmFsc2UsXG4gIHZBbGlnbkl0ZW1zOiBcInRvcFwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxufTtcblxuY29uc3QgbWFrZU5lZ2F0aXZlID0gKG9iajogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPT5cbiAgT2JqZWN0LmVudHJpZXMob2JqKVxuICAgIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleSwgYC0ke3ZhbHVlfWBdKVxuICAgIC5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBhY2Nba2V5XSA9IHZhbHVlO1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTtcblxuY29uc3QgSW5saW5lQ29udGFpbmVyID0gc3R5bGVkLmRpdjxJbmxpbmVQcm9wcz4oXG4gICh7IGFsaWduSXRlbXMsIHZBbGlnbkl0ZW1zLCBzcGFjZSwgdlNwYWNlLCB0aGVtZSwgbm9XcmFwIH0pID0+ICh7XG4gICAgLi4ubXEoe1xuICAgICAgYWxpZ25JdGVtczogW1xuICAgICAgICB2QWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgYm90dG9tOiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAge1xuICAgICAgICAgIGxlZnQ6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIHNwYWNlQmV0d2VlbjogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAgbWFyZ2luTGVmdDogW3NwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luVG9wOiBbdlNwYWNlLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgZmxleFdyYXA6IG5vV3JhcCA/IFwibm93cmFwXCIgOiBcIndyYXBcIixcbiAgfSlcbik7XG5cbmNvbnN0IElubGluZUl0ZW0gPSBzdHlsZWQuZGl2PElubGluZUl0ZW1Qcm9wcz4oKHsgdGhlbWUsIHNwYWNlLCB2U3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3ZTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgbWFyZ2luTGVmdDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBJbmxpbmUoe1xuICBjaGlsZHJlbixcbiAgYWxpZ25JdGVtcyxcbiAgdkFsaWduSXRlbXMsXG4gIHNwYWNlLFxuICB2U3BhY2UgPSBzcGFjZSxcbiAgbm9XcmFwLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IElubGluZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8SW5saW5lQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgIHZBbGlnbkl0ZW1zPXt2QWxpZ25JdGVtc31cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgbm9XcmFwPXtub1dyYXB9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PlxuICAgICAgICAgIGNoaWxkICYmIChcbiAgICAgICAgICAgIDxJbmxpbmVJdGVtIHNwYWNlPXtzcGFjZX0gdlNwYWNlPXt2U3BhY2V9PlxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8L0lubGluZUl0ZW0+XG4gICAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0lubGluZUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuSW5saW5lLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+function Inline(_ref5) {
+  let {
+    children,
+    alignItems,
+    vAlignItems,
+    space,
+    vSpace = space,
+    noWrap,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref5;
+  return /*#__PURE__*/React__default.default.createElement(InlineContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    alignItems: alignItems,
+    vAlignItems: vAlignItems,
+    space: space,
+    vSpace: vSpace,
+    noWrap: noWrap
+  }, React__default.default.Children.map(flattenChildren.flattenChildren(children), child => child && /*#__PURE__*/React__default.default.createElement(InlineItem, {
+    space: space,
+    vSpace: vSpace
+  }, child)));
+}
+Inline.defaultProps = defaultProps;
+
+exports.Inline = Inline;

package/build/cjs/src/components/Link/Link.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var informDeprecation = require('../../shared/informDeprecation.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultProps = {
+  variant: "secondary",
+  as: "a"
+};
+const handleHover = (theme, variant) => {
+  switch (variant) {
+    case "primary":
+      return theme.values.color.text.link.primaryHover;
+    case "tertiary":
+      return theme.values.color.text.link.tertiaryHover;
+    case "secondary":
+    default:
+      return theme.values.color.text.link.secondaryHover;
+  }
+};
+const StyledLink = /*#__PURE__*/_styled__default.default("a", process.env.NODE_ENV === "production" ? {
+  target: "eadqxyf0"
+} : {
+  target: "eadqxyf0",
+  label: "StyledLink"
+})(_ref => {
+  let {
+    theme,
+    weight,
+    variant,
+    size
+  } = _ref;
+  return {
+    textDecoration: "underline",
+    cursor: "pointer",
+    color: theme.values.color.text.link[variant],
+    background: "none",
+    border: "none",
+    padding: 0,
+    "&:hover": {
+      color: handleHover(theme, variant)
+    },
+    fontSize: theme.variables.size.font.link[size],
+    "font-weight": String(theme.variables.weight[weight]),
+    lineHeight: theme.variables.size.lineHeight.link[size],
+    fontFamily: theme.variables.fontFamily.lato
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUIiLCJmaWxlIjoiTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9kZWZhdWx0LXByb3BzLW1hdGNoLXByb3AtdHlwZXMgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgTGlua1ZhcmlhdGlvbnMsXG4gIExpbmtUZXh0U2l6ZSxcbiAgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyxcbiAgQXNQcm9wLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuXG50eXBlIExpbmtQcm9wcyA9IHtcbiAgc2l6ZT86IExpbmtUZXh0U2l6ZTtcbiAgd2VpZ2h0PzogXCJub3JtYWxcIiB8IFwiYm9sZFwiIHwgXCJpbmhlcml0XCI7XG4gIHZhcmlhbnQ/OiBMaW5rVmFyaWF0aW9ucztcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPExpbmtQcm9wcz4gJiBBc1Byb3A8XCJhXCI+ID0ge1xuICB2YXJpYW50OiBcInNlY29uZGFyeVwiLFxuICBhczogXCJhXCIsXG59O1xuXG5jb25zdCBoYW5kbGVIb3ZlciA9ICh0aGVtZTogVGhlbWUsIHZhcmlhbnQ6IExpbmtWYXJpYXRpb25zKSA9PiB7XG4gIHN3aXRjaCAodmFyaWFudCkge1xuICAgIGNhc2UgXCJwcmltYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay5wcmltYXJ5SG92ZXI7XG4gICAgY2FzZSBcInRlcnRpYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay50ZXJ0aWFyeUhvdmVyO1xuICAgIGNhc2UgXCJzZWNvbmRhcnlcIjpcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lmxpbmsuc2Vjb25kYXJ5SG92ZXI7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYTxQYXJ0aWFsPExpbmtQcm9wcz4+KFxuICAoeyB0aGVtZSwgd2VpZ2h0LCB2YXJpYW50LCBzaXplIH0pID0+ICh7XG4gICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlua1t2YXJpYW50XSxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiBoYW5kbGVIb3Zlcih0aGVtZSwgdmFyaWFudCksXG4gICAgfSxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5saW5rW3NpemVdLFxuICAgIFwiZm9udC13ZWlnaHRcIjogU3RyaW5nKHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSksXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5saW5rW3NpemVdLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGluazxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImFcIj4oe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICB2YXJpYW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wczxDLCBMaW5rUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKHZhcmlhbnQgPT09IChcImxpZ2h0LXByaW1hcnlcIiBhcyBMaW5rVmFyaWF0aW9ucykpIHtcbiAgICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICAgIHZhcmlhbnQsXG4gICAgICBcImxpZ2h0LXByaW1hcnlcIixcbiAgICAgIFwiTGluayBjb21wb25lbnRcIixcbiAgICAgIFwiUGxlYXNlIGNvbnNpZGVyIHVzaW5nIFN1YlRoZW1lUHJvdmlkZXIuIFxcbiBEZWxldGUgYWxsIG1lbnRpb25zIG9mIGxpZ2h0LXByaW1hcnkgaW4gRFMgYWZ0ZXIuXCJcbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExpbmtcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkTGluaz5cbiAgKTtcbn1cblxuTGluay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+function Link(_ref2) {
+  let {
+    children,
+    size,
+    weight,
+    variant,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref2;
+  if (variant === "light-primary") {
+    informDeprecation.informDeprecation(variant, "light-primary", "Link component", "Please consider using SubThemeProvider. \n Delete all mentions of light-primary in DS after.");
+  }
+  return /*#__PURE__*/React__default.default.createElement(StyledLink, _extends__default.default({
+    "data-e2e-test-id": dataE2eTestId,
+    variant: variant,
+    size: size,
+    weight: weight
+  }, rest), children);
+}
+Link.defaultProps = defaultProps;
+
+exports.Link = Link;

package/build/cjs/src/components/Logo/Logo.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var logo = require('../../../build-tokens/assets/logo.json.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledLogoElement = /*#__PURE__*/_styled__default.default("a", process.env.NODE_ENV === "production" ? {
+  target: "ekqzljw0"
+} : {
+  target: "ekqzljw0",
+  label: "StyledLogoElement"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    color: theme.values.color.logo.base
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGxvZ28gZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvbG9nby5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIExvZ29Qcm9wcyA9IHtcbiAgaHJlZjogc3RyaW5nO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIHJvbGU/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZExvZ29FbGVtZW50ID0gc3R5bGVkLmEoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5sb2dvLmJhc2UsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMb2dvKHtcbiAgaHJlZixcbiAgYXJpYUxhYmVsID0gXCJNYWluXCIsXG4gIHJvbGUgPSBcIm5hdmlnYXRpb25cIixcbiAgXCJkYXRhLXRlc3RpZFwiOiBkYXRhVGVzdElkLFxufTogTG9nb1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTG9nb0VsZW1lbnRcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgX19odG1sOiBsb2dvW1wiYW1ib3NzLWxvZ29cIl0sXG4gICAgICB9fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */");
+function Logo(_ref2) {
+  let {
+    href,
+    ariaLabel = "Main",
+    role = "navigation",
+    "data-testid": dataTestId
+  } = _ref2;
+  return /*#__PURE__*/React__default.default.createElement(StyledLogoElement, {
+    href: href,
+    "aria-label": ariaLabel,
+    role: role,
+    dangerouslySetInnerHTML: {
+      __html: logo.default["amboss-logo"]
+    },
+    "data-testid": dataTestId
+  });
+}
+
+exports.Logo = Logo;

package/build/cjs/src/components/MediaItem/MediaItem.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Icon = require('../Icon/Icon.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledMediaContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e18zu6wq2"
+} : {
+  target: "e18zu6wq2",
+  label: "StyledMediaContainer"
+})(_ref => {
+  let {
+    squareByWidth
+  } = _ref;
+  return {
+    position: "relative",
+    backgroundColor: " transparent",
+    overflow: "hidden",
+    border: "none",
+    width: "100%",
+    borderRadius: "inherit",
+    ...(squareByWidth && {
+      paddingTop: "100%"
+    }),
+    ...(!squareByWidth && {
+      height: "100%"
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9PlxuICAgICAgeyFzcmNFcnJvciA/IChcbiAgICAgICAgPFN0eWxlZE1lZGlhIHNyYz17c3JjfSB0aXRsZT17dGl0bGV9IGFsdD17dGl0bGV9IGZpdD17Zml0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciB0aXRsZT1cIkVycm9yIG5vdCBmb3VuZFwiPlxuICAgICAgICAgIDxJY29uIG5hbWU9XCJpbWFnZS1icm9rZW5cIiB2YXJpYW50PVwidGVydGlhcnlcIiAvPlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRNZWRpYUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFJdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWVkaWFDb3ZlcjogdHJ1ZSxcbiAgc3F1YXJlQnlXaWR0aDogZmFsc2UsXG4gIGZpdDogXCJjb3ZlclwiLFxufTtcbiJdfQ== */");
+const StyledMedia = /*#__PURE__*/_styled__default.default("img", process.env.NODE_ENV === "production" ? {
+  target: "e18zu6wq1"
+} : {
+  target: "e18zu6wq1",
+  label: "StyledMedia"
+})(_ref2 => {
+  let {
+    theme,
+    fit
+  } = _ref2;
+  return {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundPosition: "center",
+    objectFit: fit,
+    backgroundRepeat: "no-repeat",
+    cursor: "pointer",
+    ":global(.isDarkmodeActive) &": {
+      backgroundColor: theme.values.color.background.layer_1
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJvQiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9PlxuICAgICAgeyFzcmNFcnJvciA/IChcbiAgICAgICAgPFN0eWxlZE1lZGlhIHNyYz17c3JjfSB0aXRsZT17dGl0bGV9IGFsdD17dGl0bGV9IGZpdD17Zml0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciB0aXRsZT1cIkVycm9yIG5vdCBmb3VuZFwiPlxuICAgICAgICAgIDxJY29uIG5hbWU9XCJpbWFnZS1icm9rZW5cIiB2YXJpYW50PVwidGVydGlhcnlcIiAvPlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRNZWRpYUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFJdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWVkaWFDb3ZlcjogdHJ1ZSxcbiAgc3F1YXJlQnlXaWR0aDogZmFsc2UsXG4gIGZpdDogXCJjb3ZlclwiLFxufTtcbiJdfQ== */");
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e18zu6wq0"
+} : {
+  target: "e18zu6wq0",
+  label: "StyledContainer"
+})(_ref3 => {
+  let {
+    theme,
+    squareByWidth
+  } = _ref3;
+  return {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    backgroundColor: theme.values.color.background.button.secondary.hover,
+    ...(squareByWidth && {
+      paddingTop: "100%"
+    }),
+    ...(!squareByWidth && {
+      height: "100%"
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEN3QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9PlxuICAgICAgeyFzcmNFcnJvciA/IChcbiAgICAgICAgPFN0eWxlZE1lZGlhIHNyYz17c3JjfSB0aXRsZT17dGl0bGV9IGFsdD17dGl0bGV9IGZpdD17Zml0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciB0aXRsZT1cIkVycm9yIG5vdCBmb3VuZFwiPlxuICAgICAgICAgIDxJY29uIG5hbWU9XCJpbWFnZS1icm9rZW5cIiB2YXJpYW50PVwidGVydGlhcnlcIiAvPlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRNZWRpYUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFJdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWVkaWFDb3ZlcjogdHJ1ZSxcbiAgc3F1YXJlQnlXaWR0aDogZmFsc2UsXG4gIGZpdDogXCJjb3ZlclwiLFxufTtcbiJdfQ== */");
+function MediaItem(_ref4) {
+  let {
+    src,
+    title,
+    squareByWidth,
+    fit
+  } = _ref4;
+  const [srcError, setSrcError] = React.useState(false);
+  const image = new Image();
+  image.src = src;
+  image.onerror = () => {
+    if (!srcError) {
+      setSrcError(true);
+    }
+  };
+  return /*#__PURE__*/React__default.default.createElement(StyledMediaContainer, {
+    squareByWidth: squareByWidth
+  }, !srcError ? /*#__PURE__*/React__default.default.createElement(StyledMedia, {
+    src: src,
+    title: title,
+    alt: title,
+    fit: fit
+  }) : /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    title: "Error not found"
+  }, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    name: "image-broken",
+    variant: "tertiary"
+  })));
+}
+MediaItem.defaultProps = {
+  mediaCover: true,
+  squareByWidth: false,
+  fit: "cover"
+};
+
+exports.MediaItem = MediaItem;

package/build/cjs/src/components/MediaViewerBar/MediaViewerBar.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Inline = require('../Inline/Inline.js');
+var flattenChildren = require('../../shared/flattenChildren.js');
+var SubThemeProvider = require('../SubThemeProvider/SubThemeProvider.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledMediaViewerBar = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l20w891"
+} : {
+  target: "e1l20w891",
+  label: "StyledMediaViewerBar"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    display: "inline-flex",
+    borderRadius: theme.variables.size.spacing.xxs,
+    height: theme.variables.size.spacing.l,
+    backgroundColor: theme.values.color.background.layer_1,
+    color: theme.values.color.text.lightPrimary,
+    overflow: "hidden",
+    "> div": {
+      width: "100%",
+      "> div": {
+        lineHeight: "normal"
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiTWVkaWFWaWV3ZXJCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5cbmNvbnN0IFN0eWxlZE1lZGlhVmlld2VyQmFyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzEsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5saWdodFByaW1hcnksXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBcIj4gZGl2XCI6IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgXCI+IGRpdlwiOiB7XG4gICAgICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tZWRpYVZpZXdlckJhci5zZXBhcmF0b3Iud2lkdGgsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQmFyUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3RFbGVtZW50IHwgUmVhY3RFbGVtZW50W107XG4gIGhhc1NlcGFyYXRvcj86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQmFyKHtcbiAgY2hpbGRyZW4sXG4gIGhhc1NlcGFyYXRvcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBNZWRpYVZpZXdlckJhclByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgZmxhdHRlbmVkQ2hpbGRyZW4gPSBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT1cImRpbW1lZFwiPlxuICAgICAgPFN0eWxlZE1lZGlhVmlld2VyQmFyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGZsYXR0ZW5lZENoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7aGFzU2VwYXJhdG9yICYmIGluZGV4ID4gMCAmJiA8U3R5bGVkU2VwYXJhdG9yIC8+fVxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZE1lZGlhVmlld2VyQmFyPlxuICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledSeparator = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l20w890"
+} : {
+  target: "e1l20w890",
+  label: "StyledSeparator"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    width: theme.variables.size.dimension.mediaViewerBar.separator.width,
+    height: theme.variables.size.spacing.l,
+    backgroundColor: theme.values.color.background.layer_2
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ik1lZGlhVmlld2VyQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IGZsYXR0ZW5DaGlsZHJlbiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZmxhdHRlbkNoaWxkcmVuXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuXG5jb25zdCBTdHlsZWRNZWRpYVZpZXdlckJhciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlnaHRQcmltYXJ5LFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgXCI+IGRpdlwiOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIFwiPiBkaXZcIjoge1xuICAgICAgbGluZUhlaWdodDogXCJub3JtYWxcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubWVkaWFWaWV3ZXJCYXIuc2VwYXJhdG9yLndpZHRoLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8yLFxufSkpO1xuXG5leHBvcnQgdHlwZSBNZWRpYVZpZXdlckJhclByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudCB8IFJlYWN0RWxlbWVudFtdO1xuICBoYXNTZXBhcmF0b3I/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZWRpYVZpZXdlckJhcih7XG4gIGNoaWxkcmVuLFxuICBoYXNTZXBhcmF0b3IsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTWVkaWFWaWV3ZXJCYXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGZsYXR0ZW5lZENoaWxkcmVuID0gZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9XCJkaW1tZWRcIj5cbiAgICAgIDxTdHlsZWRNZWRpYVZpZXdlckJhciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgPElubGluZSBzcGFjZT1cInplcm9cIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBub1dyYXA+XG4gICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChmbGF0dGVuZWRDaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAge2hhc1NlcGFyYXRvciAmJiBpbmRleCA+IDAgJiYgPFN0eWxlZFNlcGFyYXRvciAvPn1cbiAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRNZWRpYVZpZXdlckJhcj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59XG4iXX0= */");
+function MediaViewerBar(_ref3) {
+  let {
+    children,
+    hasSeparator,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  const flattenedChildren = flattenChildren.flattenChildren(children);
+  return /*#__PURE__*/React__default.default.createElement(SubThemeProvider.SubThemeProvider, {
+    name: "dimmed"
+  }, /*#__PURE__*/React__default.default.createElement(StyledMediaViewerBar, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    space: "zero",
+    vAlignItems: "center",
+    alignItems: "center",
+    noWrap: true
+  }, React__default.default.Children.map(flattenedChildren, (child, index) => /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, hasSeparator && index > 0 && /*#__PURE__*/React__default.default.createElement(StyledSeparator, null), child)))));
+}
+
+exports.MediaViewerBar = MediaViewerBar;

package/build/cjs/src/components/Notification/Notification.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Card = require('../Card/Card.js');
+var Box = require('../Box/Box.js');
+var Columns = require('../Column/Columns.js');
+var Button = require('../Button/Button.js');
+var Icon = require('../Icon/Icon.js');
+var Text = require('../Typography/Text/Text.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ANIMATION_TIME = 200;
+const StyledExpandingContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cdeufo1"
+} : {
+  target: "e1cdeufo1",
+  label: "StyledExpandingContainer"
+})(_ref => {
+  let {
+    isDismissed
+  } = _ref;
+  return {
+    transform: `translateY(${isDismissed ? "calc(-100% - 8px)" : "0%"})`,
+    transition: `transform ${isDismissed ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0Rpc21pc3NlZD17aXNEaXNtaXNzZWR9PlxuICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCI+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gdmFyaWFudD1cInNlY29uZGFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cdeufo0"
+} : {
+  target: "e1cdeufo0",
+  label: "StyledContainer"
+})(() => ({
+  overflow: "hidden"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0Rpc21pc3NlZD17aXNEaXNtaXNzZWR9PlxuICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCI+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gdmFyaWFudD1cInNlY29uZGFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function Notification(_ref2) {
+  let {
+    text,
+    icon,
+    isDismissable,
+    callToActionLabel,
+    onClickDismiss,
+    onClickCallToAction,
+    expandable,
+    expandButtonLabel,
+    shrinkButtonLabel,
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [isDismissed, setIsDismissed] = React.useState(false);
+  const dismiss = () => {
+    setIsDismissed(true);
+    setTimeout(onClickDismiss, ANIMATION_TIME);
+  };
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, null, /*#__PURE__*/React__default.default.createElement(StyledExpandingContainer, {
+    isDismissed: isDismissed
+  }, /*#__PURE__*/React__default.default.createElement(Card.Card, {
+    squareCorners: true,
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: "s"
+  }, /*#__PURE__*/React__default.default.createElement(Columns.Columns, {
+    gap: "s",
+    vAlignItems: "top"
+  }, icon && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: "narrow"
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    vSpace: "xxs",
+    space: "zero"
+  }, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    name: icon,
+    variant: "secondary",
+    "data-testid": "icon"
+  }))), /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: "fill"
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    vSpace: "xxs",
+    space: "zero"
+  }, /*#__PURE__*/React__default.default.createElement(Text.Text, null, text))), " ", (callToActionLabel || expandable) && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: [12, "narrow", "narrow"],
+    order: ["last", "unset", "unset"]
+  }, callToActionLabel && /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    size: "s",
+    fullWidth: true,
+    onClick: onClickCallToAction
+  }, callToActionLabel), expandable && /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    size: "s",
+    fullWidth: true,
+    onClick: () => setIsExpanded(!isExpanded),
+    rightIcon: isExpanded ? "chevron-up" : "chevron-down"
+  }, isExpanded ? shrinkButtonLabel : expandButtonLabel)), isDismissable && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: "narrow"
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    leftIcon: "x",
+    variant: "tertiary",
+    size: "s",
+    onClick: dismiss
+  }))), isExpanded && children))));
+}
+
+exports.Notification = Notification;

package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var React = require('react');
+var Columns = require('../../Column/Columns.js');
+var Button = require('../../Button/Button.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function ButtonGroup(_ref) {
+  let {
+    cancelButtonText,
+    actionButton,
+    onButtonClick,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React__default.default.createElement(Columns.Columns, {
+    gap: "s",
+    alignItems: ["spaceBetween", "right"],
+    "data-e2e-test-id": dataE2eTestId
+  }, actionButton && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    order: ["first", "last"],
+    size: [12, "narrow"]
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    variant: actionButton.variant,
+    type: actionButton.type,
+    fullWidth: true,
+    onClick: () => {
+      onButtonClick("action");
+    }
+  }, actionButton.text)), cancelButtonText && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: [12, "narrow"]
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    variant: "secondary",
+    fullWidth: true,
+    onClick: () => {
+      onButtonClick("cancel");
+    }
+  }, cancelButtonText)));
+}
+
+exports.ButtonGroup = ButtonGroup;