@zendeskgarden/react-notifications 9.0.0-next.2 → 9.0.0-next.20

package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js

@@ -0,0 +1,65 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled, { css } from 'styled-components';
+import { math } from 'polished';
+import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'notifications.global_alert.icon';
+const sizeStyles = props => {
+  const size = props.theme.iconSizes.md;
+  const marginTop = math(`(${props.theme.space.base * 5} - ${size}) / 2`);
+  const marginHorizontal = `${props.theme.space.base * 2}px`;
+  return css(["margin-top:", ";margin-", ":", ";width:", ";height:", ";"], marginTop, props.theme.rtl ? 'left' : 'right', marginHorizontal, size, size);
+};
+const colorStyles = _ref => {
+  let {
+    theme,
+    $alertType
+  } = _ref;
+  let color;
+  switch ($alertType) {
+    case 'success':
+      color = getColor({
+        variable: 'foreground.success',
+        offset: -400,
+        theme
+      });
+      break;
+    case 'error':
+      color = getColor({
+        variable: 'foreground.danger',
+        offset: -400,
+        theme
+      });
+      break;
+    case 'warning':
+      color = getColor({
+        variable: 'foreground.warning',
+        theme
+      });
+      break;
+    case 'info':
+      color = getColor({
+        variable: 'foreground.primary',
+        theme
+      });
+      break;
+  }
+  return css(["color:", ";"], color);
+};
+const StyledGlobalAlertIcon = styled(StyledBaseIcon).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledGlobalAlertIcon",
+  componentId: "sc-84ne9k-0"
+})(["flex-shrink:0;", ";", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledGlobalAlertIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledGlobalAlertIcon };

package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js

@@ -0,0 +1,49 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'notifications.global_alert.title';
+const colorStyles = _ref => {
+  let {
+    theme,
+    $alertType
+  } = _ref;
+  let color;
+  switch ($alertType) {
+    case 'success':
+    case 'error':
+      color = theme.palette.white;
+      break;
+    case 'warning':
+      color = getColor({
+        variable: 'foreground.warningEmphasis',
+        theme
+      });
+      break;
+    case 'info':
+      color = getColor({
+        variable: 'foreground.primary',
+        offset: 200,
+        theme
+      });
+      break;
+  }
+  return css(["color:", ";"], color);
+};
+const StyledGlobalAlertTitle = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledGlobalAlertTitle",
+  componentId: "sc-10clqbo-0"
+})(["display:inline;margin-", ":", "px;font-weight:", ";", ";", ";"], props => props.theme.rtl ? 'left' : 'right', props => props.theme.space.base * 2, props => props.$isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledGlobalAlertTitle.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledGlobalAlertTitle };

package/dist/esm/types/index.js

@@ -0,0 +1,9 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+const TYPE = ['success', 'warning', 'error', 'info'];
+
+export { TYPE };

package/dist/esm/utils/icons.js

@@ -0,0 +1,25 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import SvgAlertErrorStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js';
+import SvgCheckCircleStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js';
+import SvgAlertWarningStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js';
+import SvgInfoStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/info-stroke.svg.js';
+
+const validationIcons = {
+  success: SvgCheckCircleStroke,
+  error: SvgAlertErrorStroke,
+  warning: SvgAlertWarningStroke,
+  info: SvgInfoStroke
+};
+const validationTypes = {
+  success: 'success',
+  error: 'error',
+  warning: 'warning',
+  info: 'info'
+};
+
+export { validationIcons, validationTypes };

package/dist/esm/utils/useGlobalAlertContext.js

@@ -0,0 +1,14 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import { createContext, useContext } from 'react';
+
+const GlobalAlertContext = createContext({
+  type: 'info'
+});
+const useGlobalAlertContext = () => useContext(GlobalAlertContext);
+
+export { GlobalAlertContext, useGlobalAlertContext };

package/dist/esm/utils/useNotificationsContext.js

@@ -0,0 +1,14 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import { createContext, useContext } from 'react';
+
+const NotificationsContext = createContext(undefined);
+const useNotificationsContext = () => {
+  return useContext(NotificationsContext);
+};
+
+export { NotificationsContext, useNotificationsContext };