@ndla/ui 22.0.1 → 22.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/es/Article/ArticleByline.js +7 -4
  2. package/es/Article/ArticleNotions.js +10 -6
  3. package/es/CompetenceGoalTab/CompetenceGoalItem.js +12 -10
  4. package/es/CompetenceGoalTab/CompetenceGoalTab.js +11 -9
  5. package/es/CompetenceGoalTab/CompetenceItem.js +14 -12
  6. package/es/CompetenceGoalTab/SearchButton.js +7 -4
  7. package/es/CompetenceGoals/CompetenceGoalsDialog.js +8 -4
  8. package/es/ContentLoader/index.js +8 -3
  9. package/es/Filter/FilterButtons.js +10 -9
  10. package/es/Footer/FooterPrivacy.js +3 -2
  11. package/es/Masthead/MastheadSearchModal.js +4 -3
  12. package/es/Resource/BlockResource.js +109 -18
  13. package/es/Resource/ListResource.js +126 -26
  14. package/es/Resource/resourceComponents.js +36 -25
  15. package/es/ResourcesWrapper/ResourcesTopicTitle.js +7 -4
  16. package/es/SearchTypeResult/PopupFilter.js +12 -8
  17. package/es/SearchTypeResult/components/ItemContexts.js +8 -7
  18. package/es/SnackBar/DefaultSnackbar.js +56 -0
  19. package/es/SnackBar/SnackbarProvider.js +179 -0
  20. package/es/SnackBar/index.js +2 -2
  21. package/es/Topic/Topic.js +21 -20
  22. package/es/User/AuthModal.js +9 -8
  23. package/es/index.js +1 -1
  24. package/es/locale/messages-en.js +21 -6
  25. package/es/locale/messages-nb.js +21 -6
  26. package/es/locale/messages-nn.js +21 -6
  27. package/es/locale/messages-se.js +21 -6
  28. package/es/locale/messages-sma.js +21 -6
  29. package/lib/Article/ArticleByline.js +7 -4
  30. package/lib/Article/ArticleNotions.js +10 -6
  31. package/lib/CompetenceGoalTab/CompetenceGoalItem.d.ts +1 -1
  32. package/lib/CompetenceGoalTab/CompetenceGoalItem.js +12 -10
  33. package/lib/CompetenceGoalTab/CompetenceGoalTab.d.ts +2 -1
  34. package/lib/CompetenceGoalTab/CompetenceGoalTab.js +11 -9
  35. package/lib/CompetenceGoalTab/CompetenceItem.d.ts +2 -1
  36. package/lib/CompetenceGoalTab/CompetenceItem.js +14 -12
  37. package/lib/CompetenceGoalTab/SearchButton.d.ts +2 -1
  38. package/lib/CompetenceGoalTab/SearchButton.js +7 -4
  39. package/lib/CompetenceGoals/CompetenceGoalsDialog.js +8 -4
  40. package/lib/ContentLoader/index.d.ts +4 -8
  41. package/lib/ContentLoader/index.js +8 -3
  42. package/lib/Filter/FilterButtons.js +10 -9
  43. package/lib/Footer/FooterPrivacy.js +3 -2
  44. package/lib/Masthead/MastheadSearchModal.js +4 -3
  45. package/lib/Resource/BlockResource.d.ts +3 -1
  46. package/lib/Resource/BlockResource.js +110 -18
  47. package/lib/Resource/ListResource.d.ts +3 -1
  48. package/lib/Resource/ListResource.js +127 -26
  49. package/lib/Resource/resourceComponents.d.ts +4 -2
  50. package/lib/Resource/resourceComponents.js +38 -19
  51. package/lib/ResourcesWrapper/ResourcesTopicTitle.js +7 -4
  52. package/lib/SearchTypeResult/PopupFilter.js +12 -8
  53. package/lib/SearchTypeResult/components/ItemContexts.js +8 -7
  54. package/lib/SnackBar/DefaultSnackbar.d.ts +11 -0
  55. package/lib/SnackBar/DefaultSnackbar.js +70 -0
  56. package/lib/SnackBar/SnackbarProvider.d.ts +32 -0
  57. package/lib/SnackBar/SnackbarProvider.js +197 -0
  58. package/lib/SnackBar/index.d.ts +3 -3
  59. package/lib/SnackBar/index.js +23 -3
  60. package/lib/Topic/Topic.js +21 -20
  61. package/lib/User/AuthModal.js +9 -8
  62. package/lib/index.d.ts +2 -2
  63. package/lib/index.js +24 -3
  64. package/lib/locale/messages-en.d.ts +15 -0
  65. package/lib/locale/messages-en.js +21 -6
  66. package/lib/locale/messages-nb.d.ts +15 -0
  67. package/lib/locale/messages-nb.js +21 -6
  68. package/lib/locale/messages-nn.d.ts +15 -0
  69. package/lib/locale/messages-nn.js +21 -6
  70. package/lib/locale/messages-se.d.ts +15 -0
  71. package/lib/locale/messages-se.js +21 -6
  72. package/lib/locale/messages-sma.d.ts +15 -0
  73. package/lib/locale/messages-sma.js +21 -6
  74. package/lib/types.d.ts +1 -0
  75. package/package.json +8 -7
  76. package/src/Article/ArticleByline.tsx +4 -1
  77. package/src/Article/ArticleNotions.tsx +4 -1
  78. package/src/CompetenceGoalTab/CompetenceGoalItem.tsx +6 -2
  79. package/src/CompetenceGoalTab/CompetenceGoalTab.tsx +5 -4
  80. package/src/CompetenceGoalTab/CompetenceItem.tsx +9 -2
  81. package/src/CompetenceGoalTab/SearchButton.tsx +3 -2
  82. package/src/CompetenceGoals/CompetenceGoalsDialog.jsx +5 -2
  83. package/src/ContentLoader/index.tsx +9 -9
  84. package/src/Filter/FilterButtons.tsx +1 -0
  85. package/src/Footer/FooterPrivacy.tsx +4 -1
  86. package/src/Masthead/MastheadSearchModal.tsx +1 -0
  87. package/src/Resource/BlockResource.tsx +69 -6
  88. package/src/Resource/ListResource.tsx +88 -11
  89. package/src/Resource/resourceComponents.tsx +25 -9
  90. package/src/ResourcesWrapper/ResourcesTopicTitle.tsx +5 -1
  91. package/src/SearchTypeResult/PopupFilter.tsx +3 -1
  92. package/src/SearchTypeResult/components/ItemContexts.tsx +1 -0
  93. package/src/SnackBar/DefaultSnackbar.tsx +70 -0
  94. package/src/SnackBar/SnackbarProvider.tsx +147 -0
  95. package/src/SnackBar/index.ts +3 -5
  96. package/src/Topic/Topic.tsx +1 -0
  97. package/src/User/AuthModal.tsx +2 -1
  98. package/src/index.ts +2 -2
  99. package/src/locale/messages-en.ts +15 -0
  100. package/src/locale/messages-nb.ts +15 -0
  101. package/src/locale/messages-nn.ts +15 -0
  102. package/src/locale/messages-se.ts +15 -0
  103. package/src/locale/messages-sma.ts +15 -0
  104. package/src/types.ts +1 -0
  105. package/es/SnackBar/SnackBar.js +0 -117
  106. package/lib/SnackBar/SnackBar.d.ts +0 -23
  107. package/lib/SnackBar/SnackBar.js +0 -127
  108. package/src/.DS_Store +0 -0
  109. package/src/SnackBar/SnackBar.tsx +0 -183
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
11
-
12
- var _react = _interopRequireWildcard(require("react"));
13
-
14
- var _button = _interopRequireWildcard(require("@ndla/button"));
15
-
16
- var _core = require("@ndla/core");
17
-
18
- var _action = require("@ndla/icons/action");
19
-
20
- var _reactI18next = require("react-i18next");
21
-
22
- var _core2 = require("@emotion/core");
23
-
24
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
25
-
26
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
-
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
-
30
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
31
-
32
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
33
-
34
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
35
-
36
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
37
-
38
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
39
-
40
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
41
-
42
- var StyledActionButton = ( /*#__PURE__*/0, _styledBase["default"])(_button["default"], {
43
- target: "elvn9pl0",
44
- label: "StyledActionButton"
45
- })("color:", _core.colors.white, ";padding:", _core.spacing.xsmall, " ", _core.spacing.small, ";box-shadow:none;&:focus,&:hover{color:", _core.colors.brand.greyLightest, ";background:", _core.colors.brand.greyDark, ";&:after{opacity:0;}}&:after{content:'';display:flex;height:1px;width:100%;background:", _core.colors.white, ";transform:translateY(-2px);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUMiLCJmaWxlIjoiU25hY2tCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50LCB1c2VSZWYsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQnV0dG9uLCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIHNoYWRvd3MsIG1pc2MsIGZvbnRzLCBjb2xvcnMsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuY29uc3QgU3R5bGVkQWN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9ICR7c3BhY2luZy5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6Zm9jdXMsXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgfVxuICB9XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMnB4KTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXJGb3JCdXR0b25zID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBleHBpcmVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogOTk5OTk7XG4gIGJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkTm90aWZpY2F0aW9uID0gc3R5bGVkLmRpdjxTdHlsZWRQcm9wcz5gXG4gIG1heC13aWR0aDogOTYwcHg7XG4gICR7Zm9udHMuc2l6ZXMoMTgsIDEuMjUpfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5tZWRpdW19O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nVW5pdCAqIDN9O1xuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gID4gZGl2OmZpcnN0LW9mLXR5cGUge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbiAgJjplbXB0eSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLWluIHtcbiAgICAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuICBAa2V5ZnJhbWVzIHNuYWNrYmFyLWFuaW1hdGlvbnMtb3V0IHtcbiAgICAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pO1xuICAgIH1cbiAgfVxuICBhbmltYXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMuZXhwaXJlZCA/ICdzbmFja2Jhci1hbmltYXRpb25zLW91dCcgOiAnc25hY2tiYXItYW5pbWF0aW9ucy1pbicpfSAyMDBtcyBlYXNlLWluLW91dDtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuZXhwb3J0IGludGVyZmFjZSBTbmFja0Jhckl0ZW0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudDtcbiAgc25hY2tiYXJJdGVtSWQ/OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBTbmFja0JhclByb3BzIGV4dGVuZHMgU25hY2tCYXJJdGVtIHtcbiAgaWQ6IHN0cmluZztcbiAgb25LaWxsPzogKGlkOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IHZvaWQ7XG4gIGFjdGlvbkJ1dHRvbnM/OiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gICAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU25hY2tCYXIgPSAoeyBvbktpbGwsIGNoaWxkcmVuLCBzbmFja2Jhckl0ZW1JZCwgaWQsIGFjdGlvbkJ1dHRvbnMgfTogU25hY2tCYXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtleHBpcmVkLCBzZXRFeHBpcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGltZW91dElkID0gdXNlUmVmPG51bGwgfCBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0Pj4oKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodGltZW91dElkLmN1cnJlbnQpIHtcbiAgICAgIHRpbWVvdXRJZCAmJiBjbGVhclRpbWVvdXQodGltZW91dElkLmN1cnJlbnQpO1xuICAgIH1cbiAgICB0aW1lb3V0SWQuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2V0RXhwaXJlZCh0cnVlKTtcbiAgICB9LCA4MDAwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0aW1lb3V0SWQuY3VycmVudCAmJiBjbGVhclRpbWVvdXQodGltZW91dElkLmN1cnJlbnQpO1xuICAgIH07XG4gIH0sIFtzbmFja2Jhckl0ZW1JZCwgdGltZW91dElkXSk7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXI+XG4gICAgICA8U3R5bGVkTm90aWZpY2F0aW9uXG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgZXhwaXJlZD17ZXhwaXJlZCB8fCAhY2hpbGRyZW59XG4gICAgICAgIG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIG9uS2lsbCAmJiBvbktpbGwoc25hY2tiYXJJdGVtSWQpfT5cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgICA8V3JhcHBlckZvckJ1dHRvbnM+XG4gICAgICAgICAgICAgIHthY3Rpb25CdXR0b25zICYmXG4gICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9ucy5tYXAoKHsgb25DbGljaywgdGV4dCwgYXJpYUxhYmVsIH0pID0+IChcbiAgICAgICAgICAgICAgICAgIDxTdHlsZWRBY3Rpb25CdXR0b24ga2V5PXt0ZXh0fSBsaW5rIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9TdHlsZWRBY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3NuYWNrYmFyLmNsb3NlJyl9IHNpemU9XCJ4c21hbGxcIiBvdXRsaW5lIG9uQ2xpY2s9eygpID0+IHNldEV4cGlyZWQodHJ1ZSl9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZEljb25CdXR0b24+XG4gICAgICAgICAgICA8L1dyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWROb3RpZmljYXRpb24+XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU25hY2tCYXI7XG4iXX0= */"));
46
- var StyledIconButton = ( /*#__PURE__*/0, _styledBase["default"])(_button.IconButton, {
47
- target: "elvn9pl1",
48
- label: "StyledIconButton"
49
- })("svg{color:", _core.colors.brand.greyMedium, ";}&:hover,&:focus{background:", _core.colors.brand.greyDark, ";svg{color:", _core.colors.brand.greyLightest, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzJDIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
50
- var WrapperForButtons = (0, _styledBase["default"])("div", {
51
- target: "elvn9pl2",
52
- label: "WrapperForButtons"
53
- })("display:flex;", _core.mq.range({
54
- from: _core.breakpoints.tablet
55
- }), "{gap:", _core.spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRG9DIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
56
- var Wrapper = (0, _styledBase["default"])("div", {
57
- target: "elvn9pl3",
58
- label: "Wrapper"
59
- })("position:fixed;z-index:99999;bottom:", _core.spacing.small, ";left:", _core.spacing.small, ";right:", _core.spacing.small, ";display:flex;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDBCIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
60
- var StyledNotification = (0, _styledBase["default"])("div", {
61
- target: "elvn9pl4",
62
- label: "StyledNotification"
63
- })("max-width:960px;", _core.fonts.sizes(18, 1.25), ";background:", _core.colors.text.primary, ";color:", _core.colors.white, ";box-shadow:", _core.shadows.levitate1, ";padding:", _core.spacing.small, ";padding-right:", _core.spacing.xsmall, ";gap:", _core.spacing.medium, ";", _core.mq.range({
64
- from: _core.breakpoints.tablet
65
- }), "{gap:", _core.spacing.large, ";padding:", _core.spacing.small, " ", _core.spacing.normal, " ", _core.spacing.small, " ", _core.spacing.medium, ";}", _core.mq.range({
66
- from: _core.breakpoints.desktop
67
- }), "{gap:", _core.spacingUnit * 3, ";}display:flex;align-items:center;> div:first-of-type{flex-grow:1;display:flex;align-items:center;justify-content:center;}&:empty{display:none;}border-radius:", _core.misc.borderRadius, ";@keyframes snackbar-animations-in{0%{opacity:0;transform:translateY(", _core.spacing.medium, ");}100%{opacity:1;}}@keyframes snackbar-animations-out{0%{opacity:1;}100%{opacity:0;transform:translateY(", _core.spacing.medium, ");}}animation:", function (props) {
68
- return props.expired ? 'snackbar-animations-out' : 'snackbar-animations-in';
69
- }, " 200ms ease-in-out;animation-fill-mode:forwards;", _core.fonts.sizes('18px'), ";font-family:", _core.fonts.sans, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RWtEIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
70
-
71
- var SnackBar = function SnackBar(_ref) {
72
- var onKill = _ref.onKill,
73
- children = _ref.children,
74
- snackbarItemId = _ref.snackbarItemId,
75
- id = _ref.id,
76
- actionButtons = _ref.actionButtons;
77
-
78
- var _useTranslation = (0, _reactI18next.useTranslation)(),
79
- t = _useTranslation.t;
80
-
81
- var _useState = (0, _react.useState)(false),
82
- _useState2 = _slicedToArray(_useState, 2),
83
- expired = _useState2[0],
84
- setExpired = _useState2[1];
85
-
86
- var timeoutId = (0, _react.useRef)();
87
- (0, _react.useEffect)(function () {
88
- if (timeoutId.current) {
89
- timeoutId && clearTimeout(timeoutId.current);
90
- }
91
-
92
- timeoutId.current = setTimeout(function () {
93
- setExpired(true);
94
- }, 8000);
95
- return function () {
96
- timeoutId.current && clearTimeout(timeoutId.current);
97
- };
98
- }, [snackbarItemId, timeoutId]);
99
- return (0, _core2.jsx)(Wrapper, null, (0, _core2.jsx)(StyledNotification, {
100
- id: id,
101
- "aria-live": "polite",
102
- expired: expired || !children,
103
- onAnimationEnd: function onAnimationEnd() {
104
- return expired && onKill && onKill(snackbarItemId);
105
- }
106
- }, children && (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)("div", null, children), (0, _core2.jsx)(WrapperForButtons, null, actionButtons && actionButtons.map(function (_ref2) {
107
- var onClick = _ref2.onClick,
108
- text = _ref2.text,
109
- ariaLabel = _ref2.ariaLabel;
110
- return (0, _core2.jsx)(StyledActionButton, {
111
- key: text,
112
- link: true,
113
- "aria-label": ariaLabel,
114
- onClick: onClick
115
- }, text);
116
- }), (0, _core2.jsx)(StyledIconButton, {
117
- "aria-label": t('snackbar.close'),
118
- size: "xsmall",
119
- outline: true,
120
- onClick: function onClick() {
121
- return setExpired(true);
122
- }
123
- }, (0, _core2.jsx)(_action.Cross, null))))));
124
- };
125
-
126
- var _default = SnackBar;
127
- exports["default"] = _default;
package/src/.DS_Store DELETED
Binary file
@@ -1,183 +0,0 @@
1
- /**
2
- * Copyright (c) 2022-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
- import React, { ReactElement, useRef, useEffect, useState } from 'react';
10
- import styled from '@emotion/styled';
11
- import Button, { IconButton } from '@ndla/button';
12
- import { spacing, spacingUnit, shadows, misc, fonts, colors, mq, breakpoints } from '@ndla/core';
13
- import { Cross } from '@ndla/icons/action';
14
- import { useTranslation } from 'react-i18next';
15
-
16
- const StyledActionButton = styled(Button)`
17
- color: ${colors.white};
18
- padding: ${spacing.xsmall} ${spacing.small};
19
- box-shadow: none;
20
- &:focus,
21
- &:hover {
22
- color: ${colors.brand.greyLightest};
23
- background: ${colors.brand.greyDark};
24
- &:after {
25
- opacity: 0;
26
- }
27
- }
28
- &:after {
29
- content: '';
30
- display: flex;
31
- height: 1px;
32
- width: 100%;
33
- background: ${colors.white};
34
- transform: translateY(-2px);
35
- }
36
- `;
37
-
38
- const StyledIconButton = styled(IconButton)`
39
- svg {
40
- color: ${colors.brand.greyMedium};
41
- }
42
- &:hover,
43
- &:focus {
44
- background: ${colors.brand.greyDark};
45
- svg {
46
- color: ${colors.brand.greyLightest};
47
- }
48
- }
49
- `;
50
-
51
- const WrapperForButtons = styled.div`
52
- display: flex;
53
- ${mq.range({ from: breakpoints.tablet })} {
54
- gap: ${spacing.xxsmall};
55
- }
56
- `;
57
-
58
- interface StyledProps {
59
- expired?: boolean;
60
- }
61
-
62
- const Wrapper = styled.div`
63
- position: fixed;
64
- z-index: 99999;
65
- bottom: ${spacing.small};
66
- left: ${spacing.small};
67
- right: ${spacing.small};
68
- display: flex;
69
- justify-content: center;
70
- `;
71
-
72
- const StyledNotification = styled.div<StyledProps>`
73
- max-width: 960px;
74
- ${fonts.sizes(18, 1.25)};
75
- background: ${colors.text.primary};
76
- color: ${colors.white};
77
- box-shadow: ${shadows.levitate1};
78
- padding: ${spacing.small};
79
- padding-right: ${spacing.xsmall};
80
- gap: ${spacing.medium};
81
- ${mq.range({ from: breakpoints.tablet })} {
82
- gap: ${spacing.large};
83
- padding: ${spacing.small} ${spacing.normal} ${spacing.small} ${spacing.medium};
84
- }
85
- ${mq.range({ from: breakpoints.desktop })} {
86
- gap: ${spacingUnit * 3};
87
- }
88
- display: flex;
89
- align-items: center;
90
- > div:first-of-type {
91
- flex-grow: 1;
92
- display: flex;
93
- align-items: center;
94
- justify-content: center;
95
- }
96
- &:empty {
97
- display: none;
98
- }
99
- border-radius: ${misc.borderRadius};
100
- @keyframes snackbar-animations-in {
101
- 0% {
102
- opacity: 0;
103
- transform: translateY(${spacing.medium});
104
- }
105
- 100% {
106
- opacity: 1;
107
- }
108
- }
109
- @keyframes snackbar-animations-out {
110
- 0% {
111
- opacity: 1;
112
- }
113
- 100% {
114
- opacity: 0;
115
- transform: translateY(${spacing.medium});
116
- }
117
- }
118
- animation: ${(props) => (props.expired ? 'snackbar-animations-out' : 'snackbar-animations-in')} 200ms ease-in-out;
119
- animation-fill-mode: forwards;
120
- ${fonts.sizes('18px')};
121
- font-family: ${fonts.sans};
122
- `;
123
-
124
- export interface SnackBarItem {
125
- children?: ReactElement;
126
- snackbarItemId?: string;
127
- }
128
-
129
- interface SnackBarProps extends SnackBarItem {
130
- id: string;
131
- onKill?: (id: string | undefined) => void;
132
- actionButtons?: {
133
- text: string;
134
- onClick: () => void;
135
- ariaLabel: string;
136
- }[];
137
- }
138
-
139
- const SnackBar = ({ onKill, children, snackbarItemId, id, actionButtons }: SnackBarProps) => {
140
- const { t } = useTranslation();
141
- const [expired, setExpired] = useState(false);
142
- const timeoutId = useRef<null | ReturnType<typeof setTimeout>>();
143
- useEffect(() => {
144
- if (timeoutId.current) {
145
- timeoutId && clearTimeout(timeoutId.current);
146
- }
147
- timeoutId.current = setTimeout(() => {
148
- setExpired(true);
149
- }, 8000);
150
-
151
- return () => {
152
- timeoutId.current && clearTimeout(timeoutId.current);
153
- };
154
- }, [snackbarItemId, timeoutId]);
155
- return (
156
- <Wrapper>
157
- <StyledNotification
158
- id={id}
159
- aria-live="polite"
160
- expired={expired || !children}
161
- onAnimationEnd={() => expired && onKill && onKill(snackbarItemId)}>
162
- {children && (
163
- <>
164
- <div>{children}</div>
165
- <WrapperForButtons>
166
- {actionButtons &&
167
- actionButtons.map(({ onClick, text, ariaLabel }) => (
168
- <StyledActionButton key={text} link aria-label={ariaLabel} onClick={onClick}>
169
- {text}
170
- </StyledActionButton>
171
- ))}
172
- <StyledIconButton aria-label={t('snackbar.close')} size="xsmall" outline onClick={() => setExpired(true)}>
173
- <Cross />
174
- </StyledIconButton>
175
- </WrapperForButtons>
176
- </>
177
- )}
178
- </StyledNotification>
179
- </Wrapper>
180
- );
181
- };
182
-
183
- export default SnackBar;