@ndla/ui 55.0.18-alpha.0 → 55.0.19

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 />,
-  },
-};