@ndla/ui 55.0.19-alpha.0 → 56.0.0-alpha.0

package/dist/panda.buildinfo.json

@@ -393,6 +393,7 @@
       "gridTemplateColumns]___[value:repeat(2, 1fr)",
       "gridTemplateColumns]___[value:1fr]___[cond:tabletDown",
       "marginBlockStart]___[value:xsmall",
+      "marginBlockEnd]___[value:medium",
       "padding]___[value:xsmall]___[cond:tabletWideDown",
       "flexDirection]___[value:column]___[cond:tabletDown",
       "gap]___[value:0]___[cond:tabletDown",

package/dist/styles.css

@@ -551,6 +551,10 @@
     margin-block-start: var(--spacing-xsmall);
 }
 
+  .mbe_medium {
+    margin-block-end: var(--spacing-medium);
+}
+
   .asp_1\/1 {
     aspect-ratio: 1/1;
 }

package/es/CampaignBlock/CampaignBlock.js

@@ -22,6 +22,7 @@ const Container = styled("div", {
     backgroundColor: "background.default",
     borderRadius: "xsmall",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     maxWidth: "surface.xsmall",
     overflow: "hidden",
     mobileWide: {

package/es/ContactBlock/ContactBlock.js

@@ -38,6 +38,7 @@ const StyledWrapper = styled("div", {
     alignItems: "center",
     justifyContent: "space-between",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     border: "1px solid",
     gap: "medium",
     position: "relative",

package/es/ResourceBox/ResourceBox.js

@@ -20,6 +20,7 @@ const Container = styled("div", {
     border: "1px solid",
     borderColor: "stroke.default",
     boxShadow: "full",
+    marginBlockEnd: "medium",
     gap: "medium",
     tabletWideDown: {
       padding: "xsmall"

package/es/index.js

@@ -38,7 +38,6 @@ export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap }
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 export { default as ContentPlaceholder } from "./ContentPlaceholder";
 export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
-export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export { BlogPostV2 } from "./BlogPost";
 export { ProgrammeCard } from "./ProgrammeCard";

package/es/styles.css

@@ -551,6 +551,10 @@
     margin-block-start: var(--spacing-xsmall);
 }
 
+  .mbe_medium {
+    margin-block-end: var(--spacing-medium);
+}
+
   .asp_1\/1 {
     aspect-ratio: 1/1;
 }

package/lib/CampaignBlock/CampaignBlock.js

@@ -29,6 +29,7 @@ const Container = (0, _jsx2.styled)("div", {
     backgroundColor: "background.default",
     borderRadius: "xsmall",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     maxWidth: "surface.xsmall",
     overflow: "hidden",
     mobileWide: {

package/lib/ContactBlock/ContactBlock.js

@@ -44,6 +44,7 @@ const StyledWrapper = (0, _jsx2.styled)("div", {
     alignItems: "center",
     justifyContent: "space-between",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     border: "1px solid",
     gap: "medium",
     position: "relative",

package/lib/ResourceBox/ResourceBox.js

@@ -26,6 +26,7 @@ const Container = (0, _jsx2.styled)("div", {
     border: "1px solid",
     borderColor: "stroke.default",
     boxShadow: "full",
+    marginBlockEnd: "medium",
     gap: "medium",
     tabletWideDown: {
       padding: "xsmall"

package/lib/index.d.ts

@@ -37,8 +37,6 @@ export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap,
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 export { default as ContentPlaceholder } from "./ContentPlaceholder";
 export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput, } from "./TagSelector/TagSelector";
-export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
-export type { Snack, SnackContext } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export type { TreeStructureProps } from "./TreeStructure";
 export { BlogPostV2 } from "./BlogPost";

package/lib/index.js

@@ -69,12 +69,6 @@ Object.defineProperty(exports, "AudioPlayer", {
     return _AudioPlayer.default;
   }
 });
-Object.defineProperty(exports, "BaseSnack", {
-  enumerable: true,
-  get: function () {
-    return _SnackBar.BaseSnack;
-  }
-});
 Object.defineProperty(exports, "BlockConcept", {
   enumerable: true,
   get: function () {
@@ -189,12 +183,6 @@ Object.defineProperty(exports, "CopyrightEmbed", {
     return _Embed.CopyrightEmbed;
   }
 });
-Object.defineProperty(exports, "DefaultSnackbar", {
-  enumerable: true,
-  get: function () {
-    return _SnackBar.DefaultSnackbar;
-  }
-});
 Object.defineProperty(exports, "EmbedByline", {
   enumerable: true,
   get: function () {
@@ -411,12 +399,6 @@ Object.defineProperty(exports, "ResourceBox", {
     return _ResourceBox.ResourceBox;
   }
 });
-Object.defineProperty(exports, "SnackbarProvider", {
-  enumerable: true,
-  get: function () {
-    return _SnackBar.SnackbarProvider;
-  }
-});
 Object.defineProperty(exports, "SourceMaterialBadge", {
   enumerable: true,
   get: function () {
@@ -621,12 +603,6 @@ Object.defineProperty(exports, "usePaginationTranslations", {
     return _i18n.usePaginationTranslations;
   }
 });
-Object.defineProperty(exports, "useSnack", {
-  enumerable: true,
-  get: function () {
-    return _SnackBar.useSnack;
-  }
-});
 Object.defineProperty(exports, "useTagSelectorTranslations", {
   enumerable: true,
   get: function () {
@@ -668,7 +644,6 @@ var _ContentTypeBadgeNew = require("./ContentTypeBadge/ContentTypeBadgeNew");
 var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
 var _ContentPlaceholder = _interopRequireDefault(require("./ContentPlaceholder"));
 var _TagSelector = require("./TagSelector/TagSelector");
-var _SnackBar = require("./SnackBar");
 var _TreeStructure = require("./TreeStructure");
 var _BlogPost = require("./BlogPost");
 var _ProgrammeCard = require("./ProgrammeCard");

package/lib/styles.css

@@ -551,6 +551,10 @@
     margin-block-start: var(--spacing-xsmall);
 }
 
+  .mbe_medium {
+    margin-block-end: var(--spacing-medium);
+}
+
   .asp_1\/1 {
     aspect-ratio: 1/1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "55.0.19-alpha.0",
+  "version": "56.0.0-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -33,14 +33,14 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^14.0.8-alpha.0",
+    "@ndla/button": "^15.0.0-alpha.0",
     "@ndla/core": "^5.0.1",
     "@ndla/hooks": "^2.1.8",
-    "@ndla/icons": "^7.0.9-alpha.0",
+    "@ndla/icons": "^8.0.0-alpha.0",
     "@ndla/licenses": "^8.0.0-alpha.0",
-    "@ndla/primitives": "^0.0.22",
-    "@ndla/safelink": "^6.0.5-alpha.0",
-    "@ndla/styled-system": "^0.0.8",
+    "@ndla/primitives": "^1.0.0-alpha.0",
+    "@ndla/safelink": "^7.0.0-alpha.0",
+    "@ndla/styled-system": "^0.0.9",
     "@ndla/typography": "^0.4.23",
     "@ndla/util": "^4.1.0",
     "date-fns": "^2.30.0",
@@ -60,7 +60,7 @@
     "react-router-dom": "> 6.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.12",
+    "@ndla/preset-panda": "^0.0.13",
     "@ndla/types-backend": "^0.2.86",
     "@ndla/types-embed": "^5.0.0-alpha.0",
     "@pandacss/dev": "^0.42.0",
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cbe8d6b48a44da4dd99d66bd5cda517622da2859"
+  "gitHead": "3e0d75a9fd5cca419ac16f3933be6d905fe405c9"
 }

package/src/CampaignBlock/CampaignBlock.tsx

@@ -43,6 +43,7 @@ const Container = styled("div", {
     backgroundColor: "background.default",
     borderRadius: "xsmall",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     maxWidth: "surface.xsmall",
     overflow: "hidden",
     mobileWide: {

package/src/ContactBlock/ContactBlock.tsx

@@ -32,6 +32,7 @@ const StyledWrapper = styled("div", {
     alignItems: "center",
     justifyContent: "space-between",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     border: "1px solid",
     gap: "medium",
     position: "relative",

package/src/ResourceBox/ResourceBox.tsx

@@ -20,6 +20,7 @@ const Container = styled("div", {
     border: "1px solid",
     borderColor: "stroke.default",
     boxShadow: "full",
+    marginBlockEnd: "medium",
     gap: "medium",
     tabletWideDown: {
       padding: "xsmall",

package/src/index.ts

@@ -123,8 +123,6 @@ export {
   TagSelectorInput,
 } from "./TagSelector/TagSelector";
 
-export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
-export type { Snack, SnackContext } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export type { TreeStructureProps } from "./TreeStructure";
 

package/es/SnackBar/DefaultSnackbar.js

@@ -1,50 +0,0 @@
-import _styled from "@emotion/styled/base";
-/**
- * Copyright (c) 2022-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 { useTranslation } from "react-i18next";
-import { IconButtonV2 } from "@ndla/button";
-import { breakpoints, colors, fonts, misc, mq, shadows, spacing } from "@ndla/core";
-import { Cross } from "@ndla/icons/action";
-import { useSnack } from "./SnackbarProvider";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DefaultSnackContainer = /*#__PURE__*/_styled("div", {
-  target: "e1s2vq9x1",
-  label: "DefaultSnackContainer"
-})("display:flex;gap:", spacing.small, ";padding:", spacing.small, ";background-color:", colors.text.primary, ";color:", colors.white, ";border-radius:", misc.borderRadius, ";margin:0 ", spacing.large, ";pointer-events:all;box-shadow:", shadows.levitate1, ";font-family:", fonts.sans, ";font-size:18px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXdDIiwiZmlsZSI6IkRlZmF1bHRTbmFja2Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENyb3NzIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgU25hY2ssIHVzZVNuYWNrIH0gZnJvbSBcIi4vU25hY2tiYXJQcm92aWRlclwiO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBEZWZhdWx0U25hY2sgPSAoc25hY2s6IFNuYWNrKSA9PiB7XG4gIGNvbnN0IHsgY2xvc2FibGUgPSB0cnVlLCBpY29uIH0gPSBzbmFjaztcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB7IGNsb3NlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgICAgIHtpY29ufVxuICAgICAge3NuYWNrLmNvbnRlbnR9XG4gICAgICA8QnV0dG9uV3JhcHBlcj5cbiAgICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblYyXG4gICAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICAgIGNvbG9yVGhlbWU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoXCJzbmFja2Jhci5jbG9zZVwiKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgKX1cbiAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICA8L0RlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlZmF1bHRTbmFjaztcbiJdfQ== */"));
-const ButtonWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1s2vq9x0",
-  label: "ButtonWrapper"
-})(mq.range({
-  from: breakpoints.tablet
-}), "{gap:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc2hhZG93cywgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFNuYWNrLCB1c2VTbmFjayB9IGZyb20gXCIuL1NuYWNrYmFyUHJvdmlkZXJcIjtcblxuY29uc3QgRGVmYXVsdFNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5sYXJnZX07XG4gIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgRGVmYXVsdFNuYWNrID0gKHNuYWNrOiBTbmFjaykgPT4ge1xuICBjb25zdCB7IGNsb3NhYmxlID0gdHJ1ZSwgaWNvbiB9ID0gc25hY2s7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBjbG9zZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICByZXR1cm4gKFxuICAgIDxEZWZhdWx0U25hY2tDb250YWluZXI+XG4gICAgICB7aWNvbn1cbiAgICAgIHtzbmFjay5jb250ZW50fVxuICAgICAgPEJ1dHRvbldyYXBwZXI+XG4gICAgICAgIHtjbG9zYWJsZSAmJiAoXG4gICAgICAgICAgPEljb25CdXR0b25WMlxuICAgICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgICBjb2xvclRoZW1lPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gY2xvc2VTbmFjayhzbmFjayl9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0KFwic25hY2tiYXIuY2xvc2VcIil9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICl9XG4gICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgPC9EZWZhdWx0U25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZWZhdWx0U25hY2s7XG4iXX0= */"));
-const DefaultSnack = snack => {
-  const {
-    closable = true,
-    icon
-  } = snack;
-  const {
-    t
-  } = useTranslation();
-  const {
-    closeSnack
-  } = useSnack();
-  return /*#__PURE__*/_jsxs(DefaultSnackContainer, {
-    children: [icon, snack.content, /*#__PURE__*/_jsx(ButtonWrapper, {
-      children: closable && /*#__PURE__*/_jsx(IconButtonV2, {
-        size: "xsmall",
-        variant: "outline",
-        colorTheme: "greyLighter",
-        onClick: () => closeSnack(snack),
-        "aria-label": t("snackbar.close"),
-        children: /*#__PURE__*/_jsx(Cross, {})
-      })
-    })]
-  });
-};
-export default DefaultSnack;

package/es/SnackBar/SnackbarProvider.js

@@ -1,120 +0,0 @@
-import _styled from "@emotion/styled/base";
-/**
- * Copyright (c) 2022-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 { useCallback, useMemo, createContext, useState, useContext, useEffect } from "react";
-import { keyframes } from "@emotion/react";
-import { spacing, stackOrder } from "@ndla/core";
-import DefaultSnack from "./DefaultSnackbar";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SnackbarContext = /*#__PURE__*/createContext(undefined);
-export const useSnack = () => {
-  const context = useContext(SnackbarContext);
-  if (!context) {
-    throw new Error("useSnack can only be used within a SnackbarProvider!");
-  }
-  return context;
-};
-export const SnackbarProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  const [snacks, setSnacks] = useState([]);
-  const addSnack = useCallback(snack => {
-    setSnacks(prev => prev.filter(s => s.id !== snack.id).concat(snack));
-  }, []);
-  const removeSnack = useCallback(snackId => {
-    setSnacks(prev => prev.filter(_ref2 => {
-      let {
-        id
-      } = _ref2;
-      return snackId !== id;
-    }));
-  }, []);
-  const closeSnack = useCallback(snack => {
-    setSnacks(prev => prev.map(p => p.id === snack.id ? {
-      ...p,
-      duration: 0
-    } : p));
-  }, []);
-  const clearSnacks = useCallback(() => setSnacks([]), []);
-  const value = useMemo(() => ({
-    addSnack,
-    removeSnack,
-    clearSnacks,
-    closeSnack
-  }), [addSnack, removeSnack, clearSnacks, closeSnack]);
-  return /*#__PURE__*/_jsxs(SnackbarContext.Provider, {
-    value: value,
-    children: [children, /*#__PURE__*/_jsx(SnackbarContainer, {
-      snacks: snacks
-    })]
-  });
-};
-const snackbarInAnimation = keyframes({
-  "0%": {
-    transform: `translateY(${spacing.medium})`,
-    opacity: 0
-  },
-  "100%": {
-    opacity: 1
-  }
-});
-const snackbarOutAnimation = keyframes({
-  "0%": {
-    opacity: 1
-  },
-  "100%": {
-    transform: `translateY(${spacing.medium})`,
-    opacity: 0
-  }
-});
-const BaseSnackContainer = /*#__PURE__*/_styled("li", {
-  target: "e12tl09b1",
-  label: "BaseSnackContainer"
-})("display:flex;flex-direction:column;align-items:center;animation:", p => p.expired ? snackbarOutAnimation : snackbarInAnimation, " 200ms ease-in-out;animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGNkQiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCBEZWZhdWx0U25hY2sgZnJvbSBcIi4vRGVmYXVsdFNuYWNrYmFyXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2sge1xuICBjb250ZW50PzogUmVhY3ROb2RlO1xuICBkdXJhdGlvbj86IG51bWJlcjtcbiAgcmVuZGVyPzogKGlkOiBzdHJpbmcsIG9uQ2xvc2U/OiAoKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTbmFja0NvbnRleHQge1xuICBhZGRTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbiAgcmVtb3ZlU25hY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBjbGVhclNuYWNrczogKCkgPT4gdm9pZDtcbiAgY2xvc2VTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbn1cblxuY29uc3QgU25hY2tiYXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxTbmFja0NvbnRleHQgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbmV4cG9ydCBjb25zdCB1c2VTbmFjayA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoU25hY2tiYXJDb250ZXh0KTtcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFwidXNlU25hY2sgY2FuIG9ubHkgYmUgdXNlZCB3aXRoaW4gYSBTbmFja2JhclByb3ZpZGVyIVwiKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gIFwiMCVcIjogeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KWAsIG9wYWNpdHk6IDAgfSxcbiAgXCIxMDAlXCI6IHsgb3BhY2l0eTogMSB9LFxufSk7XG5cbmNvbnN0IHNuYWNrYmFyT3V0QW5pbWF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgXCIwJVwiOiB7IG9wYWNpdHk6IDEgfSxcbiAgXCIxMDAlXCI6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG59KTtcblxuY29uc3QgQmFzZVNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmxpPEJhc2VTbmFja0NvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYW5pbWF0aW9uOiAkeyhwKSA9PiAocC5leHBpcmVkID8gc25hY2tiYXJPdXRBbmltYXRpb24gOiBzbmFja2JhckluQW5pbWF0aW9uKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhc2VTbmFjayA9ICh7IGR1cmF0aW9uID0gNTAwMCwgaWQsIGNoaWxkcmVuIH06IEJhc2VTbmFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmVtb3ZlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIGNvbnN0IFtleHBpcmVkLCBzZXRFeHBpcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHNldEV4cGlyZWQodHJ1ZSksIGR1cmF0aW9uKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICB9LCBbZHVyYXRpb25dKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlU25hY2tDb250YWluZXIgZXhwaXJlZD17ZXhwaXJlZH0gb25BbmltYXRpb25FbmQ9eygpID0+IGV4cGlyZWQgJiYgcmVtb3ZlU25hY2soaWQpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhc2VTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTbmFja2JhckNvbnRhaW5lclByb3BzIHtcbiAgc25hY2tzOiBTbmFja1tdO1xufVxuXG5jb25zdCBTdHlsZWRTbmFja0xpc3QgPSBzdHlsZWQudWxgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLnRvYXN0fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
-export const BaseSnack = _ref3 => {
-  let {
-    duration = 5000,
-    id,
-    children
-  } = _ref3;
-  const {
-    removeSnack
-  } = useSnack();
-  const [expired, setExpired] = useState(false);
-  useEffect(() => {
-    const timeout = setTimeout(() => setExpired(true), duration);
-    return () => clearTimeout(timeout);
-  }, [duration]);
-  return /*#__PURE__*/_jsx(BaseSnackContainer, {
-    expired: expired,
-    onAnimationEnd: () => expired && removeSnack(id),
-    children: children
-  });
-};
-const StyledSnackList = /*#__PURE__*/_styled("ul", {
-  target: "e12tl09b0",
-  label: "StyledSnackList"
-})("position:fixed;z-index:", stackOrder.toast, ";display:flex;flex-direction:column;pointer-events:none;padding:0;bottom:env(safe-area-inset-bottom, 40px);right:env(safe-area-inset-right, 0px);left:env(safe-area-inset-left, 0px);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIaUMiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCBEZWZhdWx0U25hY2sgZnJvbSBcIi4vRGVmYXVsdFNuYWNrYmFyXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2sge1xuICBjb250ZW50PzogUmVhY3ROb2RlO1xuICBkdXJhdGlvbj86IG51bWJlcjtcbiAgcmVuZGVyPzogKGlkOiBzdHJpbmcsIG9uQ2xvc2U/OiAoKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTbmFja0NvbnRleHQge1xuICBhZGRTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbiAgcmVtb3ZlU25hY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBjbGVhclNuYWNrczogKCkgPT4gdm9pZDtcbiAgY2xvc2VTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbn1cblxuY29uc3QgU25hY2tiYXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxTbmFja0NvbnRleHQgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbmV4cG9ydCBjb25zdCB1c2VTbmFjayA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoU25hY2tiYXJDb250ZXh0KTtcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFwidXNlU25hY2sgY2FuIG9ubHkgYmUgdXNlZCB3aXRoaW4gYSBTbmFja2JhclByb3ZpZGVyIVwiKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gIFwiMCVcIjogeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KWAsIG9wYWNpdHk6IDAgfSxcbiAgXCIxMDAlXCI6IHsgb3BhY2l0eTogMSB9LFxufSk7XG5cbmNvbnN0IHNuYWNrYmFyT3V0QW5pbWF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgXCIwJVwiOiB7IG9wYWNpdHk6IDEgfSxcbiAgXCIxMDAlXCI6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG59KTtcblxuY29uc3QgQmFzZVNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmxpPEJhc2VTbmFja0NvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYW5pbWF0aW9uOiAkeyhwKSA9PiAocC5leHBpcmVkID8gc25hY2tiYXJPdXRBbmltYXRpb24gOiBzbmFja2JhckluQW5pbWF0aW9uKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhc2VTbmFjayA9ICh7IGR1cmF0aW9uID0gNTAwMCwgaWQsIGNoaWxkcmVuIH06IEJhc2VTbmFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmVtb3ZlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIGNvbnN0IFtleHBpcmVkLCBzZXRFeHBpcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHNldEV4cGlyZWQodHJ1ZSksIGR1cmF0aW9uKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICB9LCBbZHVyYXRpb25dKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlU25hY2tDb250YWluZXIgZXhwaXJlZD17ZXhwaXJlZH0gb25BbmltYXRpb25FbmQ9eygpID0+IGV4cGlyZWQgJiYgcmVtb3ZlU25hY2soaWQpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhc2VTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTbmFja2JhckNvbnRhaW5lclByb3BzIHtcbiAgc25hY2tzOiBTbmFja1tdO1xufVxuXG5jb25zdCBTdHlsZWRTbmFja0xpc3QgPSBzdHlsZWQudWxgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLnRvYXN0fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
-const SnackbarContainer = _ref4 => {
-  let {
-    snacks
-  } = _ref4;
-  return /*#__PURE__*/_jsx(StyledSnackList, {
-    "aria-live": "polite",
-    role: "region",
-    children: snacks.map(snack => /*#__PURE__*/_jsx(BaseSnack, {
-      ...snack,
-      children: snack.render?.(snack.id) ?? /*#__PURE__*/_jsx(DefaultSnack, {
-        ...snack
-      })
-    }, snack.id))
-  });
-};
-export default SnackbarProvider;

package/es/SnackBar/index.js

@@ -1,10 +0,0 @@
-/**
- * Copyright (c) 2022-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 { SnackbarProvider, useSnack, BaseSnack } from "./SnackbarProvider";
-export { default as DefaultSnackbar } from "./DefaultSnackbar";

package/lib/SnackBar/DefaultSnackbar.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright (c) 2022-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 { Snack } from "./SnackbarProvider";
-declare const DefaultSnack: (snack: Snack) => import("react/jsx-runtime").JSX.Element;
-export default DefaultSnack;

package/lib/SnackBar/DefaultSnackbar.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _reactI18next = require("react-i18next");
-var _button = require("@ndla/button");
-var _core = require("@ndla/core");
-var _action = require("@ndla/icons/action");
-var _SnackbarProvider = require("./SnackbarProvider");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const DefaultSnackContainer = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1s2vq9x1",
-  label: "DefaultSnackContainer"
-})("display:flex;gap:", _core.spacing.small, ";padding:", _core.spacing.small, ";background-color:", _core.colors.text.primary, ";color:", _core.colors.white, ";border-radius:", _core.misc.borderRadius, ";margin:0 ", _core.spacing.large, ";pointer-events:all;box-shadow:", _core.shadows.levitate1, ";font-family:", _core.fonts.sans, ";font-size:18px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXdDIiwiZmlsZSI6IkRlZmF1bHRTbmFja2Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENyb3NzIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgU25hY2ssIHVzZVNuYWNrIH0gZnJvbSBcIi4vU25hY2tiYXJQcm92aWRlclwiO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBEZWZhdWx0U25hY2sgPSAoc25hY2s6IFNuYWNrKSA9PiB7XG4gIGNvbnN0IHsgY2xvc2FibGUgPSB0cnVlLCBpY29uIH0gPSBzbmFjaztcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB7IGNsb3NlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgICAgIHtpY29ufVxuICAgICAge3NuYWNrLmNvbnRlbnR9XG4gICAgICA8QnV0dG9uV3JhcHBlcj5cbiAgICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblYyXG4gICAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICAgIGNvbG9yVGhlbWU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoXCJzbmFja2Jhci5jbG9zZVwiKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgKX1cbiAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICA8L0RlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlZmF1bHRTbmFjaztcbiJdfQ== */"));
-const ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1s2vq9x0",
-  label: "ButtonWrapper"
-})(_core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{gap:", _core.spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc2hhZG93cywgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFNuYWNrLCB1c2VTbmFjayB9IGZyb20gXCIuL1NuYWNrYmFyUHJvdmlkZXJcIjtcblxuY29uc3QgRGVmYXVsdFNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5sYXJnZX07XG4gIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgRGVmYXVsdFNuYWNrID0gKHNuYWNrOiBTbmFjaykgPT4ge1xuICBjb25zdCB7IGNsb3NhYmxlID0gdHJ1ZSwgaWNvbiB9ID0gc25hY2s7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBjbG9zZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICByZXR1cm4gKFxuICAgIDxEZWZhdWx0U25hY2tDb250YWluZXI+XG4gICAgICB7aWNvbn1cbiAgICAgIHtzbmFjay5jb250ZW50fVxuICAgICAgPEJ1dHRvbldyYXBwZXI+XG4gICAgICAgIHtjbG9zYWJsZSAmJiAoXG4gICAgICAgICAgPEljb25CdXR0b25WMlxuICAgICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgICBjb2xvclRoZW1lPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gY2xvc2VTbmFjayhzbmFjayl9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0KFwic25hY2tiYXIuY2xvc2VcIil9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICl9XG4gICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgPC9EZWZhdWx0U25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZWZhdWx0U25hY2s7XG4iXX0= */"));
-const DefaultSnack = snack => {
-  const {
-    closable = true,
-    icon
-  } = snack;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const {
-    closeSnack
-  } = (0, _SnackbarProvider.useSnack)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DefaultSnackContainer, {
-    children: [icon, snack.content, /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
-      children: closable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.IconButtonV2, {
-        size: "xsmall",
-        variant: "outline",
-        colorTheme: "greyLighter",
-        onClick: () => closeSnack(snack),
-        "aria-label": t("snackbar.close"),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Cross, {})
-      })
-    })]
-  });
-};
-var _default = exports.default = DefaultSnack;

package/lib/SnackBar/SnackbarProvider.d.ts

@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2022-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 { ReactNode } from "react";
-export interface Snack {
-    content?: ReactNode;
-    duration?: number;
-    render?: (id: string, onClose?: () => void) => ReactNode;
-    id: string;
-    icon?: ReactNode;
-    closable?: boolean;
-}
-export interface SnackContext {
-    addSnack: (snack: Snack) => void;
-    removeSnack: (id: string) => void;
-    clearSnacks: () => void;
-    closeSnack: (snack: Snack) => void;
-}
-export declare const useSnack: () => SnackContext;
-interface Props {
-    children: ReactNode;
-}
-export declare const SnackbarProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
-interface BaseSnackProps extends Snack {
-    children: ReactNode;
-}
-export declare const BaseSnack: ({ duration, id, children }: BaseSnackProps) => import("react/jsx-runtime").JSX.Element;
-export default SnackbarProvider;

package/lib/SnackBar/SnackbarProvider.js

@@ -1,130 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSnack = exports.default = exports.SnackbarProvider = exports.BaseSnack = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _core = require("@ndla/core");
-var _DefaultSnackbar = _interopRequireDefault(require("./DefaultSnackbar"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const SnackbarContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-const useSnack = () => {
-  const context = (0, _react.useContext)(SnackbarContext);
-  if (!context) {
-    throw new Error("useSnack can only be used within a SnackbarProvider!");
-  }
-  return context;
-};
-exports.useSnack = useSnack;
-const SnackbarProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  const [snacks, setSnacks] = (0, _react.useState)([]);
-  const addSnack = (0, _react.useCallback)(snack => {
-    setSnacks(prev => prev.filter(s => s.id !== snack.id).concat(snack));
-  }, []);
-  const removeSnack = (0, _react.useCallback)(snackId => {
-    setSnacks(prev => prev.filter(_ref2 => {
-      let {
-        id
-      } = _ref2;
-      return snackId !== id;
-    }));
-  }, []);
-  const closeSnack = (0, _react.useCallback)(snack => {
-    setSnacks(prev => prev.map(p => p.id === snack.id ? {
-      ...p,
-      duration: 0
-    } : p));
-  }, []);
-  const clearSnacks = (0, _react.useCallback)(() => setSnacks([]), []);
-  const value = (0, _react.useMemo)(() => ({
-    addSnack,
-    removeSnack,
-    clearSnacks,
-    closeSnack
-  }), [addSnack, removeSnack, clearSnacks, closeSnack]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContext.Provider, {
-    value: value,
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarContainer, {
-      snacks: snacks
-    })]
-  });
-};
-exports.SnackbarProvider = SnackbarProvider;
-const snackbarInAnimation = (0, _react2.keyframes)({
-  "0%": {
-    transform: `translateY(${_core.spacing.medium})`,
-    opacity: 0
-  },
-  "100%": {
-    opacity: 1
-  }
-});
-const snackbarOutAnimation = (0, _react2.keyframes)({
-  "0%": {
-    opacity: 1
-  },
-  "100%": {
-    transform: `translateY(${_core.spacing.medium})`,
-    opacity: 0
-  }
-});
-const BaseSnackContainer = /*#__PURE__*/(0, _base.default)("li", {
-  target: "e12tl09b1",
-  label: "BaseSnackContainer"
-})("display:flex;flex-direction:column;align-items:center;animation:", p => p.expired ? snackbarOutAnimation : snackbarInAnimation, " 200ms ease-in-out;animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGNkQiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCBEZWZhdWx0U25hY2sgZnJvbSBcIi4vRGVmYXVsdFNuYWNrYmFyXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2sge1xuICBjb250ZW50PzogUmVhY3ROb2RlO1xuICBkdXJhdGlvbj86IG51bWJlcjtcbiAgcmVuZGVyPzogKGlkOiBzdHJpbmcsIG9uQ2xvc2U/OiAoKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTbmFja0NvbnRleHQge1xuICBhZGRTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbiAgcmVtb3ZlU25hY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBjbGVhclNuYWNrczogKCkgPT4gdm9pZDtcbiAgY2xvc2VTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbn1cblxuY29uc3QgU25hY2tiYXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxTbmFja0NvbnRleHQgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbmV4cG9ydCBjb25zdCB1c2VTbmFjayA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoU25hY2tiYXJDb250ZXh0KTtcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFwidXNlU25hY2sgY2FuIG9ubHkgYmUgdXNlZCB3aXRoaW4gYSBTbmFja2JhclByb3ZpZGVyIVwiKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gIFwiMCVcIjogeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KWAsIG9wYWNpdHk6IDAgfSxcbiAgXCIxMDAlXCI6IHsgb3BhY2l0eTogMSB9LFxufSk7XG5cbmNvbnN0IHNuYWNrYmFyT3V0QW5pbWF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgXCIwJVwiOiB7IG9wYWNpdHk6IDEgfSxcbiAgXCIxMDAlXCI6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG59KTtcblxuY29uc3QgQmFzZVNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmxpPEJhc2VTbmFja0NvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYW5pbWF0aW9uOiAkeyhwKSA9PiAocC5leHBpcmVkID8gc25hY2tiYXJPdXRBbmltYXRpb24gOiBzbmFja2JhckluQW5pbWF0aW9uKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhc2VTbmFjayA9ICh7IGR1cmF0aW9uID0gNTAwMCwgaWQsIGNoaWxkcmVuIH06IEJhc2VTbmFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmVtb3ZlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIGNvbnN0IFtleHBpcmVkLCBzZXRFeHBpcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHNldEV4cGlyZWQodHJ1ZSksIGR1cmF0aW9uKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICB9LCBbZHVyYXRpb25dKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlU25hY2tDb250YWluZXIgZXhwaXJlZD17ZXhwaXJlZH0gb25BbmltYXRpb25FbmQ9eygpID0+IGV4cGlyZWQgJiYgcmVtb3ZlU25hY2soaWQpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhc2VTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTbmFja2JhckNvbnRhaW5lclByb3BzIHtcbiAgc25hY2tzOiBTbmFja1tdO1xufVxuXG5jb25zdCBTdHlsZWRTbmFja0xpc3QgPSBzdHlsZWQudWxgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLnRvYXN0fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
-const BaseSnack = _ref3 => {
-  let {
-    duration = 5000,
-    id,
-    children
-  } = _ref3;
-  const {
-    removeSnack
-  } = useSnack();
-  const [expired, setExpired] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const timeout = setTimeout(() => setExpired(true), duration);
-    return () => clearTimeout(timeout);
-  }, [duration]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseSnackContainer, {
-    expired: expired,
-    onAnimationEnd: () => expired && removeSnack(id),
-    children: children
-  });
-};
-exports.BaseSnack = BaseSnack;
-const StyledSnackList = /*#__PURE__*/(0, _base.default)("ul", {
-  target: "e12tl09b0",
-  label: "StyledSnackList"
-})("position:fixed;z-index:", _core.stackOrder.toast, ";display:flex;flex-direction:column;pointer-events:none;padding:0;bottom:env(safe-area-inset-bottom, 40px);right:env(safe-area-inset-right, 0px);left:env(safe-area-inset-left, 0px);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIaUMiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCBEZWZhdWx0U25hY2sgZnJvbSBcIi4vRGVmYXVsdFNuYWNrYmFyXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2sge1xuICBjb250ZW50PzogUmVhY3ROb2RlO1xuICBkdXJhdGlvbj86IG51bWJlcjtcbiAgcmVuZGVyPzogKGlkOiBzdHJpbmcsIG9uQ2xvc2U/OiAoKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTbmFja0NvbnRleHQge1xuICBhZGRTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbiAgcmVtb3ZlU25hY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBjbGVhclNuYWNrczogKCkgPT4gdm9pZDtcbiAgY2xvc2VTbmFjazogKHNuYWNrOiBTbmFjaykgPT4gdm9pZDtcbn1cblxuY29uc3QgU25hY2tiYXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxTbmFja0NvbnRleHQgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbmV4cG9ydCBjb25zdCB1c2VTbmFjayA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoU25hY2tiYXJDb250ZXh0KTtcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFwidXNlU25hY2sgY2FuIG9ubHkgYmUgdXNlZCB3aXRoaW4gYSBTbmFja2JhclByb3ZpZGVyIVwiKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gIFwiMCVcIjogeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KWAsIG9wYWNpdHk6IDAgfSxcbiAgXCIxMDAlXCI6IHsgb3BhY2l0eTogMSB9LFxufSk7XG5cbmNvbnN0IHNuYWNrYmFyT3V0QW5pbWF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgXCIwJVwiOiB7IG9wYWNpdHk6IDEgfSxcbiAgXCIxMDAlXCI6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG59KTtcblxuY29uc3QgQmFzZVNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmxpPEJhc2VTbmFja0NvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYW5pbWF0aW9uOiAkeyhwKSA9PiAocC5leHBpcmVkID8gc25hY2tiYXJPdXRBbmltYXRpb24gOiBzbmFja2JhckluQW5pbWF0aW9uKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhc2VTbmFjayA9ICh7IGR1cmF0aW9uID0gNTAwMCwgaWQsIGNoaWxkcmVuIH06IEJhc2VTbmFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmVtb3ZlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIGNvbnN0IFtleHBpcmVkLCBzZXRFeHBpcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHNldEV4cGlyZWQodHJ1ZSksIGR1cmF0aW9uKTtcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICB9LCBbZHVyYXRpb25dKTtcblxuICByZXR1cm4gKFxuICAgIDxCYXNlU25hY2tDb250YWluZXIgZXhwaXJlZD17ZXhwaXJlZH0gb25BbmltYXRpb25FbmQ9eygpID0+IGV4cGlyZWQgJiYgcmVtb3ZlU25hY2soaWQpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhc2VTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTbmFja2JhckNvbnRhaW5lclByb3BzIHtcbiAgc25hY2tzOiBTbmFja1tdO1xufVxuXG5jb25zdCBTdHlsZWRTbmFja0xpc3QgPSBzdHlsZWQudWxgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLnRvYXN0fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
-const SnackbarContainer = _ref4 => {
-  let {
-    snacks
-  } = _ref4;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSnackList, {
-    "aria-live": "polite",
-    role: "region",
-    children: snacks.map(snack => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseSnack, {
-      ...snack,
-      children: snack.render?.(snack.id) ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultSnackbar.default, {
-        ...snack
-      })
-    }, snack.id))
-  });
-};
-var _default = exports.default = SnackbarProvider;

package/lib/SnackBar/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright (c) 2022-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 type { Snack, SnackContext } from "./SnackbarProvider";
-export { SnackbarProvider, useSnack, BaseSnack } from "./SnackbarProvider";
-export { default as DefaultSnackbar } from "./DefaultSnackbar";

package/lib/SnackBar/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BaseSnack", {
-  enumerable: true,
-  get: function () {
-    return _SnackbarProvider.BaseSnack;
-  }
-});
-Object.defineProperty(exports, "DefaultSnackbar", {
-  enumerable: true,
-  get: function () {
-    return _DefaultSnackbar.default;
-  }
-});
-Object.defineProperty(exports, "SnackbarProvider", {
-  enumerable: true,
-  get: function () {
-    return _SnackbarProvider.SnackbarProvider;
-  }
-});
-Object.defineProperty(exports, "useSnack", {
-  enumerable: true,
-  get: function () {
-    return _SnackbarProvider.useSnack;
-  }
-});
-var _SnackbarProvider = require("./SnackbarProvider");
-var _DefaultSnackbar = _interopRequireDefault(require("./DefaultSnackbar"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/src/SnackBar/DefaultSnackbar.tsx

@@ -1,62 +0,0 @@
-/**
- * Copyright (c) 2022-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 { useTranslation } from "react-i18next";
-import styled from "@emotion/styled";
-import { IconButtonV2 } from "@ndla/button";
-import { breakpoints, colors, fonts, misc, mq, shadows, spacing } from "@ndla/core";
-import { Cross } from "@ndla/icons/action";
-import { Snack, useSnack } from "./SnackbarProvider";
-
-const DefaultSnackContainer = styled.div`
-  display: flex;
-  gap: ${spacing.small};
-  padding: ${spacing.small};
-  background-color: ${colors.text.primary};
-  color: ${colors.white};
-  border-radius: ${misc.borderRadius};
-  margin: 0 ${spacing.large};
-  pointer-events: all;
-  box-shadow: ${shadows.levitate1};
-  font-family: ${fonts.sans};
-  font-size: 18px;
-  align-items: center;
-`;
-
-const ButtonWrapper = styled.div`
-  ${mq.range({ from: breakpoints.tablet })} {
-    gap: ${spacing.xxsmall};
-  }
-`;
-
-const DefaultSnack = (snack: Snack) => {
-  const { closable = true, icon } = snack;
-  const { t } = useTranslation();
-  const { closeSnack } = useSnack();
-  return (
-    <DefaultSnackContainer>
-      {icon}
-      {snack.content}
-      <ButtonWrapper>
-        {closable && (
-          <IconButtonV2
-            size="xsmall"
-            variant="outline"
-            colorTheme="greyLighter"
-            onClick={() => closeSnack(snack)}
-            aria-label={t("snackbar.close")}
-          >
-            <Cross />
-          </IconButtonV2>
-        )}
-      </ButtonWrapper>
-    </DefaultSnackContainer>
-  );
-};
-
-export default DefaultSnack;

package/src/SnackBar/Snack.stories.tsx

@@ -1,105 +0,0 @@
-/**
- * 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 { Meta, StoryObj } from "@storybook/react";
-import { ButtonV2 } from "@ndla/button";
-import { PersonOutlined } from "@ndla/icons/common";
-import { Snack, SnackbarProvider, useSnack } from ".";
-
-const SnackComponent = ({ ...args }: Snack) => {
-  const { addSnack } = useSnack();
-  const onClick = () => {
-    addSnack({ ...args });
-  };
-
-  return (
-    <ButtonV2 variant="outline" onClick={onClick}>
-      Show snack
-    </ButtonV2>
-  );
-};
-
-export default {
-  title: "Components/Snack",
-  tags: ["autodocs"],
-  parameters: {
-    inlineStories: true,
-  },
-  args: {
-    content: <span>This is a snack</span>,
-    duration: 5000,
-    render: undefined,
-    id: "default",
-    icon: undefined,
-    closable: true,
-  },
-  argTypes: {
-    content: {
-      control: false,
-      description: "Any JSX component, but usually a span-like element",
-    },
-    render: {
-      control: false,
-      description: "Replaces the entire snack with a custom render",
-    },
-    icon: {
-      control: false,
-      description: "An additional icon to be shown on the left-hand side of the snack",
-    },
-  },
-  decorators: [
-    (Story) => (
-      <SnackbarProvider>
-        <Story />
-      </SnackbarProvider>
-    ),
-  ],
-  render: ({ ...args }) => <SnackComponent {...args} />,
-} as Meta<Snack>;
-
-export const Default: StoryObj<Snack> = {};
-
-const CustomSnack = (snack: Snack) => {
-  const { closeSnack } = useSnack();
-  return (
-    <div
-      style={{
-        backgroundColor: "gray",
-        zIndex: 1000,
-        display: "flex",
-        pointerEvents: "all",
-      }}
-    >
-      <p>Custom render!</p>
-      <ButtonV2 onClick={() => closeSnack(snack)}>Close</ButtonV2>
-    </div>
-  );
-};
-
-export const WithCustomRender: StoryObj<Snack> = {
-  args: {
-    id: "customRender",
-    content: undefined,
-    duration: 2000000,
-    render: (id) => <CustomSnack id={id} />,
-  },
-};
-
-export const NotClosable: StoryObj<Snack> = {
-  args: {
-    id: "nonClosable",
-    closable: false,
-  },
-};
-
-export const WithIcon: StoryObj<Snack> = {
-  args: {
-    id: "customIcon",
-    icon: <PersonOutlined />,
-  },
-};

package/src/SnackBar/SnackbarProvider.tsx

@@ -1,146 +0,0 @@
-/**
- * Copyright (c) 2022-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 { useCallback, useMemo, createContext, ReactNode, useState, useContext, useEffect } from "react";
-import { keyframes } from "@emotion/react";
-import styled from "@emotion/styled";
-import { spacing, stackOrder } from "@ndla/core";
-import DefaultSnack from "./DefaultSnackbar";
-
-export interface Snack {
-  content?: ReactNode;
-  duration?: number;
-  render?: (id: string, onClose?: () => void) => ReactNode;
-  id: string;
-  icon?: ReactNode;
-  closable?: boolean;
-}
-
-export interface SnackContext {
-  addSnack: (snack: Snack) => void;
-  removeSnack: (id: string) => void;
-  clearSnacks: () => void;
-  closeSnack: (snack: Snack) => void;
-}
-
-const SnackbarContext = createContext<SnackContext | undefined>(undefined);
-
-export const useSnack = () => {
-  const context = useContext(SnackbarContext);
-  if (!context) {
-    throw new Error("useSnack can only be used within a SnackbarProvider!");
-  }
-
-  return context;
-};
-
-interface Props {
-  children: ReactNode;
-}
-
-export const SnackbarProvider = ({ children }: Props) => {
-  const [snacks, setSnacks] = useState<Snack[]>([]);
-
-  const addSnack = useCallback((snack: Snack) => {
-    setSnacks((prev) => prev.filter((s) => s.id !== snack.id).concat(snack));
-  }, []);
-
-  const removeSnack = useCallback((snackId: string) => {
-    setSnacks((prev) => prev.filter(({ id }) => snackId !== id));
-  }, []);
-
-  const closeSnack = useCallback((snack: Snack) => {
-    setSnacks((prev) => prev.map((p) => (p.id === snack.id ? { ...p, duration: 0 } : p)));
-  }, []);
-
-  const clearSnacks = useCallback(() => setSnacks([]), []);
-
-  const value = useMemo(
-    () => ({ addSnack, removeSnack, clearSnacks, closeSnack }),
-    [addSnack, removeSnack, clearSnacks, closeSnack],
-  );
-
-  return (
-    <SnackbarContext.Provider value={value}>
-      {children}
-      <SnackbarContainer snacks={snacks} />
-    </SnackbarContext.Provider>
-  );
-};
-
-interface BaseSnackProps extends Snack {
-  children: ReactNode;
-}
-
-interface BaseSnackContainerProps {
-  expired: boolean;
-}
-
-const snackbarInAnimation = keyframes({
-  "0%": { transform: `translateY(${spacing.medium})`, opacity: 0 },
-  "100%": { opacity: 1 },
-});
-
-const snackbarOutAnimation = keyframes({
-  "0%": { opacity: 1 },
-  "100%": { transform: `translateY(${spacing.medium})`, opacity: 0 },
-});
-
-const BaseSnackContainer = styled.li<BaseSnackContainerProps>`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  animation: ${(p) => (p.expired ? snackbarOutAnimation : snackbarInAnimation)} 200ms ease-in-out;
-  animation-fill-mode: forwards;
-`;
-
-export const BaseSnack = ({ duration = 5000, id, children }: BaseSnackProps) => {
-  const { removeSnack } = useSnack();
-  const [expired, setExpired] = useState(false);
-
-  useEffect(() => {
-    const timeout = setTimeout(() => setExpired(true), duration);
-    return () => clearTimeout(timeout);
-  }, [duration]);
-
-  return (
-    <BaseSnackContainer expired={expired} onAnimationEnd={() => expired && removeSnack(id)}>
-      {children}
-    </BaseSnackContainer>
-  );
-};
-
-interface SnackbarContainerProps {
-  snacks: Snack[];
-}
-
-const StyledSnackList = styled.ul`
-  position: fixed;
-  z-index: ${stackOrder.toast};
-  display: flex;
-  flex-direction: column;
-  pointer-events: none;
-  padding: 0;
-  bottom: env(safe-area-inset-bottom, 40px);
-  right: env(safe-area-inset-right, 0px);
-  left: env(safe-area-inset-left, 0px);
-`;
-
-const SnackbarContainer = ({ snacks }: SnackbarContainerProps) => {
-  return (
-    <StyledSnackList aria-live="polite" role="region">
-      {snacks.map((snack) => (
-        <BaseSnack key={snack.id} {...snack}>
-          {snack.render?.(snack.id) ?? <DefaultSnack {...snack} />}
-        </BaseSnack>
-      ))}
-    </StyledSnackList>
-  );
-};
-
-export default SnackbarProvider;

package/src/SnackBar/index.ts

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2022-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 type { Snack, SnackContext } from "./SnackbarProvider";
-export { SnackbarProvider, useSnack, BaseSnack } from "./SnackbarProvider";
-export { default as DefaultSnackbar } from "./DefaultSnackbar";