@ndla/ui 33.4.4 → 34.0.0

package/es/SnackBar/DefaultSnackbar.js

@@ -9,26 +9,22 @@ import _styled from "@emotion/styled/base";
 
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { IconButton } from '@ndla/button';
+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 } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var DefaultSnackContainer = /*#__PURE__*/_styled("div", {
-  target: "e1s2vq9x2",
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDbG9zZUJ1dHRvbiBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX0gYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L1N0eWxlZENsb3NlQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
-var StyledCloseButton = /*#__PURE__*/_styled(IconButton, {
   target: "e1s2vq9x1",
-  label: "StyledCloseButton"
-})("svg{color:", colors.brand.greyMedium, ";}&:hover,&:focus{background:", colors.brand.greyDark, ";svg{color:", colors.brand.greyLightest, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I0QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDbG9zZUJ1dHRvbiBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX0gYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L1N0eWxlZENsb3NlQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNoYWRvd3MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IFNuYWNrLCB1c2VTbmFjayB9IGZyb20gJy4vU25hY2tiYXJQcm92aWRlcic7XG5cbmNvbnN0IERlZmF1bHRTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAke3NwYWNpbmcubGFyZ2V9O1xuICBwb2ludGVyLWV2ZW50czogYWxsO1xuICBib3gtc2hhZG93OiAke3NoYWRvd3MubGV2aXRhdGUxfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICAgICAgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlU25hY2soc25hY2spfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgKX1cbiAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICA8L0RlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlZmF1bHRTbmFjaztcbiJdfQ== */"));
 var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENnQyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDbG9zZUJ1dHRvbiBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX0gYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L1N0eWxlZENsb3NlQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
+}), "{gap:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNoYWRvd3MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IFNuYWNrLCB1c2VTbmFjayB9IGZyb20gJy4vU25hY2tiYXJQcm92aWRlcic7XG5cbmNvbnN0IERlZmF1bHRTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAke3NwYWNpbmcubGFyZ2V9O1xuICBwb2ludGVyLWV2ZW50czogYWxsO1xuICBib3gtc2hhZG93OiAke3NoYWRvd3MubGV2aXRhdGUxfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICAgICAgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlU25hY2soc25hY2spfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgKX1cbiAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICA8L0RlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlZmF1bHRTbmFjaztcbiJdfQ== */"));
 var DefaultSnack = function DefaultSnack(snack) {
   var _snack$closable = snack.closable,
     closable = _snack$closable === void 0 ? true : _snack$closable,
@@ -39,9 +35,10 @@ var DefaultSnack = function DefaultSnack(snack) {
     closeSnack = _useSnack.closeSnack;
   return _jsxs(DefaultSnackContainer, {
     children: [icon, snack.content, _jsx(ButtonWrapper, {
-      children: closable && _jsx(StyledCloseButton, {
+      children: closable && _jsx(IconButtonV2, {
         size: "xsmall",
-        outline: true,
+        variant: "outline",
+        colorTheme: "greyLighter",
         onClick: function onClick() {
           return closeSnack(snack);
         },