@utrecht/web-component-library-stencil 1.0.0-alpha.162 → 1.0.0-alpha.166

package/dist/collection/node_modules/@storybook/ui/dist/cjs/components/layout/mobile.stories.js

@@ -1,127 +0,0 @@
-"use strict";
-
-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); }
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Page = exports.docsOnly = exports.InitialAddons = exports.InitialCanvas = exports.InitialSidebar = exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _api = require("@storybook/api");
-
-var _mobile = require("./mobile");
-
-var _app = require("./app.mockdata");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-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; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _default = {
-  title: 'UI/Layout/Mobile',
-  component: _mobile.Mobile,
-  parameters: {
-    passArgsFirst: false
-  },
-  decorators: [function (storyFn, c) {
-    var mocked = true;
-    var props = Object.assign({}, mocked ? _app.mockProps : _app.realProps);
-    return storyFn(Object.assign({
-      props: props
-    }, c));
-  }]
-};
-exports.default = _default;
-
-var InitialSidebar = function InitialSidebar(_ref) {
-  var props = _ref.props;
-  return /*#__PURE__*/_react.default.createElement(_mobile.Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: _api.ActiveTabs.SIDEBAR
-    })
-  }));
-};
-
-exports.InitialSidebar = InitialSidebar;
-InitialSidebar.displayName = "InitialSidebar";
-
-var InitialCanvas = function InitialCanvas(_ref2) {
-  var props = _ref2.props;
-  return /*#__PURE__*/_react.default.createElement(_mobile.Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: _api.ActiveTabs.CANVAS
-    })
-  }));
-};
-
-exports.InitialCanvas = InitialCanvas;
-InitialCanvas.displayName = "InitialCanvas";
-
-var InitialAddons = function InitialAddons(_ref3) {
-  var props = _ref3.props;
-  return /*#__PURE__*/_react.default.createElement(_mobile.Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: _api.ActiveTabs.ADDONS
-    })
-  }));
-};
-
-exports.InitialAddons = InitialAddons;
-InitialAddons.displayName = "InitialAddons";
-
-var docsOnly = function docsOnly(_ref4) {
-  var props = _ref4.props;
-  return /*#__PURE__*/_react.default.createElement(_mobile.Mobile, _extends({}, props, {
-    docsOnly: true
-  }));
-};
-
-exports.docsOnly = docsOnly;
-docsOnly.displayName = "docsOnly";
-
-var Page = function Page(_ref5) {
-  var props = _ref5.props;
-  return /*#__PURE__*/_react.default.createElement(_mobile.Mobile, _extends({}, props, {
-    options: Object.assign({}, props.options, {
-      initialActive: _api.ActiveTabs.CANVAS
-    }),
-    pages: [{
-      key: 'settings',
-      route: function route(_ref6) {
-        var children = _ref6.children;
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
-      },
-      render: function render() {
-        return /*#__PURE__*/_react.default.createElement(_app.MockPage, null);
-      }
-    }],
-    viewMode: "settings"
-  }));
-};
-
-exports.Page = Page;
-Page.displayName = "Page";

package/dist/collection/node_modules/@storybook/ui/dist/cjs/components/layout/persist.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "store", {
-  enumerable: true,
-  get: function get() {
-    return _store.default;
-  }
-});
-exports.set = exports.get = void 0;
-
-var _store = _interopRequireDefault(require("store2"));
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _memoizerific = _interopRequireDefault(require("memoizerific"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var get = function get() {
-  try {
-    var data = _store.default.local.get("storybook-layout");
-
-    return data || false;
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-    return false;
-  }
-};
-
-exports.get = get;
-var write = (0, _memoizerific.default)(1)(function (changes) {
-  try {
-    _store.default.local.set("storybook-layout", changes);
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-});
-var set = (0, _debounce.default)(write, 500);
-exports.set = set;

package/dist/collection/node_modules/@storybook/ui/dist/cjs/components/notifications/NotificationItem.js

@@ -1,184 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NotificationItemSpacer = void 0;
-
-require("core-js/modules/es.string.bold.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.string.link.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _router = require("@storybook/router");
-
-var _theming = require("@storybook/theming");
-
-var _components = require("@storybook/components");
-
-var _polished = require("polished");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DEFAULT_ICON_COLOUR = '#66BF3C';
-
-var Notification = _theming.styled.div(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    position: 'relative',
-    display: 'flex',
-    padding: 15,
-    width: 280,
-    borderRadius: 4,
-    background: theme.base === 'light' ? 'rgba(50,53,71,0.97)' : 'linear-gradient(0deg, rgba(248,248,248,0.97) 0%, rgba(247,252,255,0.97) 100%)',
-    boxShadow: "0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",
-    color: theme.color.inverseText,
-    textDecoration: 'none'
-  };
-});
-
-var NotificationWithInteractiveStates = (0, _theming.styled)(Notification)(function () {
-  return {
-    transition: 'all 150ms ease-out',
-    transform: 'translate3d(0, 0, 0)',
-    '&:hover': {
-      transform: 'translate3d(0, -3px, 0)',
-      boxShadow: '0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)'
-    },
-    '&:active': {
-      transform: 'translate3d(0, 0, 0)',
-      boxShadow: '0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)'
-    },
-    '&:focus': {
-      boxShadow: '0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)'
-    }
-  };
-});
-var NotificationLink = NotificationWithInteractiveStates.withComponent(_router.Link, {
-  target: "e1poa7z40",
-  label: "NotificationLink"
-});
-
-var NotificationIconWrapper = _theming.styled.div(function () {
-  return {
-    display: 'flex',
-    marginRight: 10,
-    alignItems: 'center'
-  };
-});
-
-var NotificationTextWrapper = _theming.styled.div(function () {
-  return {
-    width: '100%',
-    display: 'flex',
-    flexDirection: 'column'
-  };
-});
-
-var Headline = _theming.styled.div(function (_ref2) {
-  var theme = _ref2.theme,
-      hasIcon = _ref2.hasIcon;
-  return {
-    height: '100%',
-    width: hasIcon ? 205 : 230,
-    alignItems: 'center',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    fontSize: theme.typography.size.s1,
-    lineHeight: '16px',
-    fontWeight: theme.typography.weight.bold
-  };
-});
-
-var SubHeadline = _theming.styled.div(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    color: (0, _polished.transparentize)(0.25, theme.color.inverseText),
-    fontSize: theme.typography.size.s1 - 1,
-    lineHeight: '14px',
-    marginTop: 2
-  };
-});
-
-var ItemContent = function ItemContent(_ref4) {
-  var icon = _ref4.icon,
-      _ref4$content = _ref4.content,
-      headline = _ref4$content.headline,
-      subHeadline = _ref4$content.subHeadline;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !icon || /*#__PURE__*/_react.default.createElement(NotificationIconWrapper, null, /*#__PURE__*/_react.default.createElement(_components.Icons, {
-    icon: icon.name,
-    width: 16,
-    color: icon.color || DEFAULT_ICON_COLOUR
-  })), /*#__PURE__*/_react.default.createElement(NotificationTextWrapper, null, /*#__PURE__*/_react.default.createElement(Headline, {
-    title: headline,
-    hasIcon: !!icon
-  }, headline), subHeadline && /*#__PURE__*/_react.default.createElement(SubHeadline, null, subHeadline)));
-};
-
-var DismissButtonWrapper = (0, _theming.styled)(_components.IconButton)(function (_ref5) {
-  var theme = _ref5.theme;
-  return {
-    height: '100%',
-    display: 'flex',
-    color: theme.base === 'light' ? 'rgba(255,255,255,0.7)' : ' #999999'
-  };
-});
-
-var DismissNotificationItem = function DismissNotificationItem(_ref6) {
-  var onDismiss = _ref6.onDismiss;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(DismissButtonWrapper, {
-    title: "Dismiss notification",
-    onClick: function onClick(e) {
-      e.preventDefault();
-      onDismiss();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_components.Icons, {
-    icon: "closeAlt",
-    height: 12,
-    width: 12
-  })));
-};
-
-DismissNotificationItem.displayName = "DismissNotificationItem";
-
-var NotificationItemSpacer = _theming.styled.div({
-  height: 48
-});
-
-exports.NotificationItemSpacer = NotificationItemSpacer;
-
-var NotificationItem = function NotificationItem(_ref7) {
-  var _ref7$notification = _ref7.notification,
-      content = _ref7$notification.content,
-      link = _ref7$notification.link,
-      onClear = _ref7$notification.onClear,
-      id = _ref7$notification.id,
-      icon = _ref7$notification.icon,
-      onDismissNotification = _ref7.onDismissNotification;
-
-  var dismissNotificationItem = function dismissNotificationItem() {
-    onDismissNotification(id);
-    onClear();
-  };
-
-  return link ? /*#__PURE__*/_react.default.createElement(NotificationLink, {
-    to: link
-  }, /*#__PURE__*/_react.default.createElement(ItemContent, {
-    icon: icon,
-    content: content
-  }), /*#__PURE__*/_react.default.createElement(DismissNotificationItem, {
-    onDismiss: dismissNotificationItem
-  })) : /*#__PURE__*/_react.default.createElement(Notification, null, /*#__PURE__*/_react.default.createElement(ItemContent, {
-    icon: icon,
-    content: content
-  }), /*#__PURE__*/_react.default.createElement(DismissNotificationItem, {
-    onDismiss: dismissNotificationItem
-  }));
-};
-
-var _default = NotificationItem;
-exports.default = _default;

package/dist/collection/node_modules/@storybook/ui/dist/cjs/components/notifications/NotificationItem.stories.js

@@ -1,265 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.string.link.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.accessibilityGoldIconLongHeadLineNoSubHeadline = exports.accessibilityGoldIconLongHeadLineNoSubHeadlineData = exports.accessibilityGoldIcon = exports.accessibilityGoldIconData = exports.accessibilityIcon = exports.accessibilityIconData = exports.bookIconLongSubHeadline = exports.bookIconLongSubHeadlineData = exports.bookIconSubHeadline = exports.bookIconSubHeadlineData = exports.strongEmphasizedSubHeadline = exports.strongEmphasizedSubHeadlineData = exports.strongSubHeadline = exports.strongSubHeadlineData = exports.bookIcon = exports.bookIconData = exports.linkIconWithColorSubHeadline = exports.linkIconWithColorSubHeadlineData = exports.linkIconWithColor = exports.linkIconWithColorData = exports.link = exports.linkData = exports.longHeadline = exports.longHeadlineData = exports.simple = exports.simpleData = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _NotificationItem = _interopRequireDefault(require("./NotificationItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  component: _NotificationItem.default,
-  title: 'UI/Notifications/NotificationItem',
-  decorators: [function (storyFn) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: '240px',
-        margin: '1rem'
-      }
-    }, storyFn());
-  }],
-  excludeStories: /.*Data$/
-};
-exports.default = _default;
-
-var onClear = function onClear() {};
-
-var onDismissNotification = function onDismissNotification() {};
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_NotificationItem.default, args);
-};
-
-Template.displayName = "Template";
-var simpleData = {
-  id: '1',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook cool!'
-  }
-};
-exports.simpleData = simpleData;
-var simple = Template.bind({});
-exports.simple = simple;
-simple.args = {
-  notification: simpleData,
-  onDismissNotification: onDismissNotification
-};
-var longHeadlineData = {
-  id: '2',
-  onClear: onClear,
-  content: {
-    headline: 'This is a long message that extends over two lines!'
-  }
-};
-exports.longHeadlineData = longHeadlineData;
-var longHeadline = Template.bind({});
-exports.longHeadline = longHeadline;
-longHeadline.args = {
-  notification: longHeadlineData,
-  onDismissNotification: onDismissNotification
-};
-var linkData = {
-  id: '3',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook X.X is available! Download now »'
-  },
-  link: '/some/path'
-};
-exports.linkData = linkData;
-var link = Template.bind({});
-exports.link = link;
-link.args = {
-  notification: linkData,
-  onDismissNotification: onDismissNotification
-};
-var linkIconWithColorData = {
-  id: '4',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook with a smile!'
-  },
-  icon: {
-    name: 'facehappy',
-    color: 'hotpink'
-  },
-  link: '/some/path'
-};
-exports.linkIconWithColorData = linkIconWithColorData;
-var linkIconWithColor = Template.bind({});
-exports.linkIconWithColor = linkIconWithColor;
-linkIconWithColor.args = {
-  notification: linkIconWithColorData,
-  onDismissNotification: onDismissNotification
-};
-var linkIconWithColorSubHeadlineData = {
-  id: '5',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook X.X is available with a smile! Download now »',
-    subHeadline: 'This link also has a sub headline'
-  },
-  icon: {
-    name: 'facehappy',
-    color: 'tomato'
-  },
-  link: '/some/path'
-};
-exports.linkIconWithColorSubHeadlineData = linkIconWithColorSubHeadlineData;
-var linkIconWithColorSubHeadline = Template.bind({});
-exports.linkIconWithColorSubHeadline = linkIconWithColorSubHeadline;
-linkIconWithColorSubHeadline.args = {
-  notification: linkIconWithColorSubHeadlineData,
-  onDismissNotification: onDismissNotification
-};
-var bookIconData = {
-  id: '6',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook has a book icon!'
-  },
-  icon: {
-    name: 'book'
-  }
-};
-exports.bookIconData = bookIconData;
-var bookIcon = Template.bind({});
-exports.bookIcon = bookIcon;
-bookIcon.args = {
-  notification: bookIconData,
-  onDismissNotification: onDismissNotification
-};
-var strongSubHeadlineData = {
-  id: '7',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook has a book icon!',
-    subHeadline: /*#__PURE__*/_react.default.createElement("strong", null, "Strong subHeadline")
-  },
-  icon: {
-    name: 'book'
-  }
-};
-exports.strongSubHeadlineData = strongSubHeadlineData;
-var strongSubHeadline = Template.bind({});
-exports.strongSubHeadline = strongSubHeadline;
-strongSubHeadline.args = {
-  notification: strongSubHeadlineData,
-  onDismissNotification: onDismissNotification
-};
-var strongEmphasizedSubHeadlineData = {
-  id: '8',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook cool!',
-    subHeadline: /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("em", null, "Emphasized"), " normal ", /*#__PURE__*/_react.default.createElement("strong", null, "strong Storybook!"))
-  },
-  icon: {
-    name: 'book'
-  }
-};
-exports.strongEmphasizedSubHeadlineData = strongEmphasizedSubHeadlineData;
-var strongEmphasizedSubHeadline = Template.bind({});
-exports.strongEmphasizedSubHeadline = strongEmphasizedSubHeadline;
-strongEmphasizedSubHeadline.args = {
-  notification: strongEmphasizedSubHeadlineData,
-  onDismissNotification: onDismissNotification
-};
-var bookIconSubHeadlineData = {
-  id: '9',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook has a book icon!',
-    subHeadline: 'Find out more!'
-  },
-  icon: {
-    name: 'book'
-  }
-};
-exports.bookIconSubHeadlineData = bookIconSubHeadlineData;
-var bookIconSubHeadline = Template.bind({});
-exports.bookIconSubHeadline = bookIconSubHeadline;
-bookIconSubHeadline.args = {
-  notification: bookIconSubHeadlineData,
-  onDismissNotification: onDismissNotification
-};
-var bookIconLongSubHeadlineData = {
-  id: '10',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook has a book icon!',
-    subHeadline: 'Find out more! by clicking on on buttons and downloading some applications. Find out more! by clicking on buttons and downloading some applications'
-  },
-  icon: {
-    name: 'book'
-  }
-};
-exports.bookIconLongSubHeadlineData = bookIconLongSubHeadlineData;
-var bookIconLongSubHeadline = Template.bind({});
-exports.bookIconLongSubHeadline = bookIconLongSubHeadline;
-bookIconLongSubHeadline.args = {
-  notification: bookIconLongSubHeadlineData,
-  onDismissNotification: onDismissNotification
-};
-var accessibilityIconData = {
-  id: '11',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook has a accessibility icon!',
-    subHeadline: 'It is here!'
-  },
-  icon: {
-    name: 'accessibility'
-  }
-};
-exports.accessibilityIconData = accessibilityIconData;
-var accessibilityIcon = Template.bind({});
-exports.accessibilityIcon = accessibilityIcon;
-accessibilityIcon.args = {
-  notification: accessibilityIconData,
-  onDismissNotification: onDismissNotification
-};
-var accessibilityGoldIconData = {
-  id: '12',
-  onClear: onClear,
-  content: {
-    headline: 'Accessibility icon!',
-    subHeadline: 'It is gold!'
-  },
-  icon: {
-    name: 'accessibility',
-    color: 'gold'
-  }
-};
-exports.accessibilityGoldIconData = accessibilityGoldIconData;
-var accessibilityGoldIcon = Template.bind({});
-exports.accessibilityGoldIcon = accessibilityGoldIcon;
-accessibilityGoldIcon.args = {
-  notification: accessibilityGoldIconData,
-  onDismissNotification: onDismissNotification
-};
-var accessibilityGoldIconLongHeadLineNoSubHeadlineData = {
-  id: '13',
-  onClear: onClear,
-  content: {
-    headline: 'Storybook notifications has a accessibility icon it can be any color!'
-  },
-  icon: {
-    name: 'accessibility',
-    color: 'gold'
-  }
-};
-exports.accessibilityGoldIconLongHeadLineNoSubHeadlineData = accessibilityGoldIconLongHeadLineNoSubHeadlineData;
-var accessibilityGoldIconLongHeadLineNoSubHeadline = Template.bind({});
-exports.accessibilityGoldIconLongHeadLineNoSubHeadline = accessibilityGoldIconLongHeadLineNoSubHeadline;
-accessibilityGoldIconLongHeadLineNoSubHeadline.args = {
-  notification: accessibilityGoldIconLongHeadLineNoSubHeadlineData,
-  onDismissNotification: onDismissNotification
-};

package/dist/collection/node_modules/@storybook/ui/dist/cjs/components/notifications/NotificationList.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.array.map.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _theming = require("@storybook/theming");
-
-var _NotificationItem = _interopRequireDefault(require("./NotificationItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var List = _theming.styled.div({
-  zIndex: 10,
-  '> * + *': {
-    marginTop: 10
-  },
-  '&:empty': {
-    display: 'none'
-  }
-}, function (_ref) {
-  var placement = _ref.placement;
-  return placement || {
-    bottom: 0,
-    left: 0,
-    right: 0,
-    position: 'fixed'
-  };
-});
-
-var NotificationList = function NotificationList(_ref2) {
-  var notifications = _ref2.notifications,
-      clearNotification = _ref2.clearNotification,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? undefined : _ref2$placement;
-  return /*#__PURE__*/_react.default.createElement(List, {
-    placement: placement
-  }, notifications.map(function (notification) {
-    return /*#__PURE__*/_react.default.createElement(_NotificationItem.default, {
-      key: notification.id,
-      onDismissNotification: function onDismissNotification(id) {
-        return clearNotification(id);
-      },
-      notification: notification
-    });
-  }));
-};
-
-NotificationList.displayName = "NotificationList";
-var _default = NotificationList;
-exports.default = _default;