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

package/dist/typings/styled/StyledAlert.d.ts

@@ -5,13 +5,18 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export interface IStyledAlertProps {
-    hue?: string;
+import { IStyledBaseProps } from './StyledBase';
+import { Type } from '../types';
+export interface IStyledAlertProps extends IStyledBaseProps {
+    $type?: Type;
 }
 /**
  * Supports all `<div>` props
  */
-export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
+export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledBaseProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledAlertProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledBase.d.ts

@@ -4,11 +4,13 @@
  * 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 { DefaultTheme } from 'styled-components';
+import { ThemeProps, DefaultTheme } from 'styled-components';
 import { Type } from '../types';
-export interface IStyledBaseProps {
-    isFloating?: boolean;
-    hue?: string;
-    type?: Type;
+export interface IStyledBaseProps extends ThemeProps<DefaultTheme> {
+    $isFloating?: boolean;
+    $type?: Type;
 }
-export declare const StyledBase: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledBaseProps, never>;
+export declare const StyledBase: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledBaseProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledIcon.d.ts

@@ -5,4 +5,13 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 /// <reference types="react" />
-export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
+import { DefaultTheme, ThemeProps } from 'styled-components';
+import { Type } from '../types';
+interface IStyledIconProps extends ThemeProps<DefaultTheme> {
+    $type?: Type;
+}
+export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledNotification.d.ts

@@ -5,11 +5,19 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { INotificationProps } from '../types';
+import { Type } from '../types';
+import { IStyledBaseProps } from './StyledBase';
+interface IStyledNotificationProps extends IStyledBaseProps {
+    $type?: Type;
+}
 /**
  * Supports all `<div>` props
  */
-export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
+export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & INotificationProps, "data-garden-id" | "data-garden-version">;
+} & IStyledBaseProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledNotificationProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledWell.d.ts

@@ -4,13 +4,18 @@
  * 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 { DefaultTheme } from 'styled-components';
 export interface IStyledWellProps {
-    isRecessed?: boolean;
+    $isRecessed?: boolean;
+    $isFloating?: boolean;
 }
 /**
  * Supports all `<div>` props
  */
-export declare const StyledWell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./StyledBase").IStyledBaseProps & {
+export declare const StyledWell: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("./StyledBase").IStyledBaseProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledWellProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/content/StyledClose.d.ts

@@ -4,9 +4,11 @@
  * 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 { Hue } from '../../utils/useNotificationsContext';
+/// <reference types="react" />
+import { DefaultTheme } from 'styled-components';
+import { Type } from '../../types';
 interface IStyledCloseProps {
-    hue?: Hue;
+    $type?: Type;
 }
 /**
  * Used to close a Notification. Supports all `<button>` props
@@ -14,7 +16,7 @@ interface IStyledCloseProps {
  * 1. Reset for <button> element.
  * 2. Remove dotted outline from Firefox on focus.
  */
-export declare const StyledClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledCloseProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/content/StyledTitle.d.ts

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export interface IStyledTitleProps {
-    isRegular?: boolean;
+    $isRegular?: boolean;
 }
 /**
  * 1. Reset for <h1>, etc.

package/dist/typings/styled/global-alert/StyledGlobalAlert.d.ts

@@ -7,7 +7,7 @@
 import { DefaultTheme } from 'styled-components';
 import { IGlobalAlertProps } from '../../types';
 interface IStyledGlobalAlertProps {
-    alertType: IGlobalAlertProps['type'];
+    $alertType: IGlobalAlertProps['type'];
 }
 export declare const StyledGlobalAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/global-alert/StyledGlobalAlertButton.d.ts

@@ -8,7 +8,7 @@
 import { DefaultTheme } from 'styled-components';
 import { IGlobalAlertProps } from '../../types';
 interface IStyledGlobalAlertButtonProps {
-    alertType: IGlobalAlertProps['type'];
+    $alertType: IGlobalAlertProps['type'];
     isBasic?: boolean;
 }
 export declare const StyledGlobalAlertButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
@@ -21,13 +21,7 @@ export declare const StyledGlobalAlertButton: import("styled-components").Styled
         displayName: string;
     };
 }, DefaultTheme, {
+    'data-garden-id': string;
     'data-garden-version': string;
-    focusInset: false;
-    isDanger: false;
-    isLink: false;
-    isNeutral: false;
-    isPill: false;
-    isStretched: false;
-    size: "small";
-} & IStyledGlobalAlertButtonProps, "size" | "isDanger" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-version">;
+} & IStyledGlobalAlertButtonProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/global-alert/StyledGlobalAlertClose.d.ts

@@ -8,11 +8,11 @@
 import { DefaultTheme, ThemeProps } from 'styled-components';
 import { IGlobalAlertProps } from '../../types';
 interface IStyledGlobalAlertCloseProps {
-    alertType: IGlobalAlertProps['type'];
+    $alertType: IGlobalAlertProps['type'];
 }
 export declare const colorStyles: (props: ThemeProps<DefaultTheme> & IStyledGlobalAlertCloseProps) => import("styled-components").FlattenSimpleInterpolation;
 export declare const StyledGlobalAlertClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
+    'data-garden-id': string;
     'data-garden-version': string;
-    size: "small";
-} & IStyledGlobalAlertCloseProps, "size" | "data-garden-version">;
+} & IStyledGlobalAlertCloseProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/global-alert/StyledGlobalAlertTitle.d.ts

@@ -7,8 +7,8 @@
 import { DefaultTheme } from 'styled-components';
 import { IGlobalAlertProps, IGlobalAlertTitleProps } from '../../types';
 interface IStyledGlobalAlertTitleProps {
-    alertType: IGlobalAlertProps['type'];
-    isRegular?: IGlobalAlertTitleProps['isRegular'];
+    $alertType: IGlobalAlertProps['type'];
+    $isRegular?: IGlobalAlertTitleProps['isRegular'];
 }
 export declare const StyledGlobalAlertTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/utils/icons.d.ts

@@ -6,4 +6,4 @@
  */
 import { Type } from '../types';
 export declare const validationIcons: Record<Type, Record<string, unknown>>;
-export declare const validationHues: Record<Type, string>;
+export declare const validationTypes: Record<Type, Type>;

package/dist/typings/{elements/global-alert/utility.d.ts → utils/useGlobalAlertContext.d.ts}

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 /// <reference types="react" />
-import { IGlobalAlertProps } from '../../types';
+import { IGlobalAlertProps } from '../types';
 export type GlobalAlertContextProps = Pick<IGlobalAlertProps, 'type'>;
 export declare const GlobalAlertContext: import("react").Context<GlobalAlertContextProps>;
 export declare const useGlobalAlertContext: () => GlobalAlertContextProps;

package/dist/typings/utils/useNotificationsContext.d.ts

@@ -5,6 +5,5 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 /// <reference types="react" />
-export type Hue = 'successHue' | 'warningHue' | 'dangerHue' | 'neutralHue';
-export declare const NotificationsContext: import("react").Context<Hue | undefined>;
-export declare const useNotificationsContext: () => Hue | undefined;
+export declare const NotificationsContext: import("react").Context<"success" | "warning" | "error" | "info" | undefined>;
+export declare const useNotificationsContext: () => "success" | "warning" | "error" | "info" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "9.0.0-next.14",
+  "version": "9.0.0-next.15",
   "description": "Notification and Well components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,7 +21,7 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/react-buttons": "^9.0.0-next.14",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.15",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-transition-group": "^4.4.2",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.14",
+    "@zendeskgarden/react-theming": "^9.0.0-next.15",
     "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
+  "gitHead": "f165ebfd3f53d4cbc2ac788bb3c1cd07348a16de"
 }

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js

@@ -1,26 +0,0 @@
-/**
-* 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 * as React from 'react';
-
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgXStroke = function SvgXStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
-    height: 12,
-    focusable: "false",
-    viewBox: "0 0 12 12",
-    "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    d: "M3 9l6-6m0 6L3 3"
-  })));
-};
-
-export { SvgXStroke as default };