@zendeskgarden/react-notifications 9.0.0-next.14 → 9.0.0-next.16

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

@@ -5,32 +5,43 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColorV8 } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'notifications.global-alert.title';
-const colorStyles = props => {
+const COMPONENT_ID = 'notifications.global_alert.title';
+const colorStyles = _ref => {
+  let {
+    theme,
+    $alertType
+  } = _ref;
   let color;
-  switch (props.alertType) {
+  switch ($alertType) {
     case 'success':
     case 'error':
-      color = props.theme.palette.white;
+      color = theme.palette.white;
       break;
     case 'warning':
-      color = getColorV8('warningHue', 900, props.theme);
+      color = getColor({
+        variable: 'foreground.warningEmphasis',
+        theme
+      });
       break;
     case 'info':
-      color = getColorV8('primaryHue', 800, props.theme);
+      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.14'
+  'data-garden-version': '9.0.0-next.16'
 }).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));
+})(["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
 };

package/dist/esm/utils/icons.js

@@ -15,11 +15,11 @@ const validationIcons = {
   warning: SvgAlertWarningStroke,
   info: SvgInfoStroke
 };
-const validationHues = {
-  success: 'successHue',
-  error: 'dangerHue',
-  warning: 'warningHue',
-  info: 'neutralHue'
+const validationTypes = {
+  success: 'success',
+  error: 'error',
+  warning: 'warning',
+  info: 'info'
 };
 
-export { validationHues, validationIcons };
+export { validationIcons, validationTypes };