@zendeskgarden/react-notifications 8.69.1 → 8.69.3
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.
- package/dist/index.cjs.js +12 -12
- package/dist/index.esm.js +12 -12
- package/dist/typings/elements/Alert.d.ts +12 -12
- package/dist/typings/elements/Notification.d.ts +12 -12
- package/dist/typings/elements/Well.d.ts +12 -12
- package/dist/typings/elements/content/Close.d.ts +11 -11
- package/dist/typings/elements/content/Paragraph.d.ts +11 -11
- package/dist/typings/elements/content/Title.d.ts +12 -12
- package/dist/typings/elements/global-alert/GlobalAlert.d.ts +21 -21
- package/dist/typings/elements/global-alert/GlobalAlertButton.d.ts +12 -12
- package/dist/typings/elements/global-alert/GlobalAlertClose.d.ts +15 -15
- package/dist/typings/elements/global-alert/GlobalAlertContent.d.ts +11 -11
- package/dist/typings/elements/global-alert/GlobalAlertTitle.d.ts +12 -12
- package/dist/typings/elements/global-alert/utility.d.ts +11 -11
- package/dist/typings/elements/toaster/Toast.d.ts +14 -14
- package/dist/typings/elements/toaster/ToastContext.d.ts +14 -14
- package/dist/typings/elements/toaster/ToastProvider.d.ts +21 -21
- package/dist/typings/elements/toaster/ToastSlot.d.ts +17 -17
- package/dist/typings/elements/toaster/reducer.d.ts +29 -29
- package/dist/typings/elements/toaster/styled.d.ts +19 -19
- package/dist/typings/elements/toaster/useToast.d.ts +33 -33
- package/dist/typings/index.d.ts +21 -21
- package/dist/typings/styled/StyledAlert.d.ts +18 -18
- package/dist/typings/styled/StyledBase.d.ts +14 -14
- package/dist/typings/styled/StyledIcon.d.ts +8 -8
- package/dist/typings/styled/StyledNotification.d.ts +15 -15
- package/dist/typings/styled/StyledWell.d.ts +16 -16
- package/dist/typings/styled/content/StyledClose.d.ts +21 -21
- package/dist/typings/styled/content/StyledParagraph.d.ts +13 -13
- package/dist/typings/styled/content/StyledTitle.d.ts +16 -16
- package/dist/typings/styled/global-alert/StyledGlobalAlert.d.ts +16 -16
- package/dist/typings/styled/global-alert/StyledGlobalAlertButton.d.ts +33 -33
- package/dist/typings/styled/global-alert/StyledGlobalAlertClose.d.ts +18 -18
- package/dist/typings/styled/global-alert/StyledGlobalAlertContent.d.ts +10 -10
- package/dist/typings/styled/global-alert/StyledGlobalAlertIcon.d.ts +12 -12
- package/dist/typings/styled/global-alert/StyledGlobalAlertTitle.d.ts +17 -17
- package/dist/typings/styled/global-alert/index.d.ts +12 -12
- package/dist/typings/styled/index.d.ts +15 -15
- package/dist/typings/types/index.d.ts +58 -58
- package/dist/typings/utils/icons.d.ts +9 -9
- package/dist/typings/utils/useNotificationsContext.d.ts +10 -10
- package/package.json +5 -5
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { HTMLAttributes } from 'react';
|
|
8
|
-
import { Placement } from '../../types';
|
|
9
|
-
import { IToast } from './useToast';
|
|
10
|
-
interface IToastSlotProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
|
-
toasts: IToast[];
|
|
12
|
-
placement: Placement;
|
|
13
|
-
limit: number;
|
|
14
|
-
zIndex?: number;
|
|
15
|
-
}
|
|
16
|
-
export declare const ToastSlot: ({ toasts, placement, zIndex, limit, ...props }: IToastSlotProps) => JSX.Element;
|
|
17
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLAttributes } from 'react';
|
|
8
|
+
import { Placement } from '../../types';
|
|
9
|
+
import { IToast } from './useToast';
|
|
10
|
+
interface IToastSlotProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
toasts: IToast[];
|
|
12
|
+
placement: Placement;
|
|
13
|
+
limit: number;
|
|
14
|
+
zIndex?: number;
|
|
15
|
+
}
|
|
16
|
+
export declare const ToastSlot: ({ toasts, placement, zIndex, limit, ...props }: IToastSlotProps) => JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { Content, IToast, IToastOptions } from './useToast';
|
|
8
|
-
export interface IToasterState {
|
|
9
|
-
toasts: IToast[];
|
|
10
|
-
}
|
|
11
|
-
export type ToasterReducerAction = {
|
|
12
|
-
type: 'ADD_TOAST';
|
|
13
|
-
payload: IToast;
|
|
14
|
-
} | {
|
|
15
|
-
type: 'REMOVE_TOAST';
|
|
16
|
-
payload: string;
|
|
17
|
-
} | {
|
|
18
|
-
type: 'UPDATE_TOAST';
|
|
19
|
-
payload: {
|
|
20
|
-
id: string;
|
|
21
|
-
options: {
|
|
22
|
-
content?: Content;
|
|
23
|
-
} & Partial<IToastOptions>;
|
|
24
|
-
};
|
|
25
|
-
} | {
|
|
26
|
-
type: 'REMOVE_ALL_TOASTS';
|
|
27
|
-
};
|
|
28
|
-
export declare const getInitialState: () => IToasterState;
|
|
29
|
-
export declare const toasterReducer: (state: IToasterState, action: ToasterReducerAction) => IToasterState;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { Content, IToast, IToastOptions } from './useToast';
|
|
8
|
+
export interface IToasterState {
|
|
9
|
+
toasts: IToast[];
|
|
10
|
+
}
|
|
11
|
+
export type ToasterReducerAction = {
|
|
12
|
+
type: 'ADD_TOAST';
|
|
13
|
+
payload: IToast;
|
|
14
|
+
} | {
|
|
15
|
+
type: 'REMOVE_TOAST';
|
|
16
|
+
payload: string;
|
|
17
|
+
} | {
|
|
18
|
+
type: 'UPDATE_TOAST';
|
|
19
|
+
payload: {
|
|
20
|
+
id: string;
|
|
21
|
+
options: {
|
|
22
|
+
content?: Content;
|
|
23
|
+
} & Partial<IToastOptions>;
|
|
24
|
+
};
|
|
25
|
+
} | {
|
|
26
|
+
type: 'REMOVE_ALL_TOASTS';
|
|
27
|
+
};
|
|
28
|
+
export declare const getInitialState: () => IToasterState;
|
|
29
|
+
export declare const toasterReducer: (state: IToasterState, action: ToasterReducerAction) => IToasterState;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { Placement } from '../../types';
|
|
9
|
-
export declare const TRANSITION_CLASS = "garden-toast-transition";
|
|
10
|
-
export declare const StyledFadeInTransition: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
11
|
-
isHidden: boolean;
|
|
12
|
-
placement: Placement;
|
|
13
|
-
}, never>;
|
|
14
|
-
interface IStyledTransitionContainerProps {
|
|
15
|
-
toastPlacement: Placement;
|
|
16
|
-
toastZIndex?: number;
|
|
17
|
-
}
|
|
18
|
-
export declare const StyledTransitionContainer: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTransitionContainerProps, never>;
|
|
19
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { Placement } from '../../types';
|
|
9
|
+
export declare const TRANSITION_CLASS = "garden-toast-transition";
|
|
10
|
+
export declare const StyledFadeInTransition: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
11
|
+
isHidden: boolean;
|
|
12
|
+
placement: Placement;
|
|
13
|
+
}, never>;
|
|
14
|
+
interface IStyledTransitionContainerProps {
|
|
15
|
+
toastPlacement: Placement;
|
|
16
|
+
toastZIndex?: number;
|
|
17
|
+
}
|
|
18
|
+
export declare const StyledTransitionContainer: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTransitionContainerProps, never>;
|
|
19
|
+
export {};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ReactElement } from 'react';
|
|
8
|
-
import { Placement } from '../../types';
|
|
9
|
-
export interface IToastOptions {
|
|
10
|
-
/** Sets the toast ID, otherwise the ID is generated */
|
|
11
|
-
id?: string;
|
|
12
|
-
/** Determines whether to automatically dismiss the toast. Can be expressed in milliseconds. */
|
|
13
|
-
autoDismiss: boolean | number;
|
|
14
|
-
/** Adjusts the placement of the toast content */
|
|
15
|
-
placement: Placement;
|
|
16
|
-
}
|
|
17
|
-
export type Content = ({ close }: {
|
|
18
|
-
close: () => void;
|
|
19
|
-
}) => ReactElement;
|
|
20
|
-
export interface IToast {
|
|
21
|
-
id: string;
|
|
22
|
-
content: Content;
|
|
23
|
-
options: IToastOptions;
|
|
24
|
-
}
|
|
25
|
-
export declare const useToast: () => {
|
|
26
|
-
addToast: (content: Content, options?: Partial<IToastOptions>) => string;
|
|
27
|
-
removeToast: (id: string) => void;
|
|
28
|
-
updateToast: (id: string, options: {
|
|
29
|
-
content?: Content;
|
|
30
|
-
} & Partial<IToastOptions>) => void;
|
|
31
|
-
removeAllToasts: () => void;
|
|
32
|
-
toasts: IToast[];
|
|
33
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ReactElement } from 'react';
|
|
8
|
+
import { Placement } from '../../types';
|
|
9
|
+
export interface IToastOptions {
|
|
10
|
+
/** Sets the toast ID, otherwise the ID is generated */
|
|
11
|
+
id?: string;
|
|
12
|
+
/** Determines whether to automatically dismiss the toast. Can be expressed in milliseconds. */
|
|
13
|
+
autoDismiss: boolean | number;
|
|
14
|
+
/** Adjusts the placement of the toast content */
|
|
15
|
+
placement: Placement;
|
|
16
|
+
}
|
|
17
|
+
export type Content = ({ close }: {
|
|
18
|
+
close: () => void;
|
|
19
|
+
}) => ReactElement;
|
|
20
|
+
export interface IToast {
|
|
21
|
+
id: string;
|
|
22
|
+
content: Content;
|
|
23
|
+
options: IToastOptions;
|
|
24
|
+
}
|
|
25
|
+
export declare const useToast: () => {
|
|
26
|
+
addToast: (content: Content, options?: Partial<IToastOptions>) => string;
|
|
27
|
+
removeToast: (id: string) => void;
|
|
28
|
+
updateToast: (id: string, options: {
|
|
29
|
+
content?: Content;
|
|
30
|
+
} & Partial<IToastOptions>) => void;
|
|
31
|
+
removeAllToasts: () => void;
|
|
32
|
+
toasts: IToast[];
|
|
33
|
+
};
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export { Alert } from './elements/Alert';
|
|
8
|
-
export { Notification } from './elements/Notification';
|
|
9
|
-
export { Well } from './elements/Well';
|
|
10
|
-
export { Close } from './elements/content/Close';
|
|
11
|
-
export { Paragraph } from './elements/content/Paragraph';
|
|
12
|
-
export { Title } from './elements/content/Title';
|
|
13
|
-
export { ToastProvider } from './elements/toaster/ToastProvider';
|
|
14
|
-
export { useToast } from './elements/toaster/useToast';
|
|
15
|
-
export { GlobalAlert } from './elements/global-alert/GlobalAlert';
|
|
16
|
-
export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, IGlobalAlertProps, IGlobalAlertButtonProps, IGlobalAlertTitleProps,
|
|
17
|
-
/** @deprecated can be dereferenced via IToastOptions['placement'] */
|
|
18
|
-
Placement as ToastPlacement } from './types';
|
|
19
|
-
export type { IToastOptions, IToast,
|
|
20
|
-
/** @deprecated can be dereferenced via IToast['content'] */
|
|
21
|
-
Content as ToastContent } from './elements/toaster/useToast';
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export { Alert } from './elements/Alert';
|
|
8
|
+
export { Notification } from './elements/Notification';
|
|
9
|
+
export { Well } from './elements/Well';
|
|
10
|
+
export { Close } from './elements/content/Close';
|
|
11
|
+
export { Paragraph } from './elements/content/Paragraph';
|
|
12
|
+
export { Title } from './elements/content/Title';
|
|
13
|
+
export { ToastProvider } from './elements/toaster/ToastProvider';
|
|
14
|
+
export { useToast } from './elements/toaster/useToast';
|
|
15
|
+
export { GlobalAlert } from './elements/global-alert/GlobalAlert';
|
|
16
|
+
export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, IGlobalAlertProps, IGlobalAlertButtonProps, IGlobalAlertTitleProps,
|
|
17
|
+
/** @deprecated can be dereferenced via IToastOptions['placement'] */
|
|
18
|
+
Placement as ToastPlacement } from './types';
|
|
19
|
+
export type { IToastOptions, IToast,
|
|
20
|
+
/** @deprecated can be dereferenced via IToast['content'] */
|
|
21
|
+
Content as ToastContent } from './elements/toaster/useToast';
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export interface IStyledAlertProps {
|
|
9
|
-
hue?: string;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Supports all `<div>` props
|
|
13
|
-
*/
|
|
14
|
-
export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
|
|
15
|
-
'data-garden-id': string;
|
|
16
|
-
'data-garden-version': string;
|
|
17
|
-
role: import("react").AriaRole;
|
|
18
|
-
} & IStyledAlertProps, "role" | "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export interface IStyledAlertProps {
|
|
9
|
+
hue?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Supports all `<div>` props
|
|
13
|
+
*/
|
|
14
|
+
export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
|
|
15
|
+
'data-garden-id': string;
|
|
16
|
+
'data-garden-version': string;
|
|
17
|
+
role: import("react").AriaRole;
|
|
18
|
+
} & IStyledAlertProps, "role" | "data-garden-id" | "data-garden-version">;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { Type } from '../types';
|
|
9
|
-
export interface IStyledBaseProps {
|
|
10
|
-
isFloating?: boolean;
|
|
11
|
-
hue?: string;
|
|
12
|
-
type?: Type;
|
|
13
|
-
}
|
|
14
|
-
export declare const StyledBase: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledBaseProps, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { Type } from '../types';
|
|
9
|
+
export interface IStyledBaseProps {
|
|
10
|
+
isFloating?: boolean;
|
|
11
|
+
hue?: string;
|
|
12
|
+
type?: Type;
|
|
13
|
+
}
|
|
14
|
+
export declare const StyledBase: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledBaseProps, never>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { INotificationProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* Supports all `<div>` props
|
|
11
|
-
*/
|
|
12
|
-
export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
|
|
13
|
-
'data-garden-id': string;
|
|
14
|
-
'data-garden-version': string;
|
|
15
|
-
} & INotificationProps, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { INotificationProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* Supports all `<div>` props
|
|
11
|
+
*/
|
|
12
|
+
export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
|
|
13
|
+
'data-garden-id': string;
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & INotificationProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export interface IStyledWellProps {
|
|
8
|
-
isRecessed?: boolean;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Supports all `<div>` props
|
|
12
|
-
*/
|
|
13
|
-
export declare const StyledWell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./StyledBase").IStyledBaseProps & {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
} & IStyledWellProps, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export interface IStyledWellProps {
|
|
8
|
+
isRecessed?: boolean;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Supports all `<div>` props
|
|
12
|
+
*/
|
|
13
|
+
export declare const StyledWell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./StyledBase").IStyledBaseProps & {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
} & IStyledWellProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { Hue } from '../../utils/useNotificationsContext';
|
|
8
|
-
interface IStyledCloseProps {
|
|
9
|
-
hue?: Hue;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Used to close a Notification. Supports all `<button>` props
|
|
13
|
-
*
|
|
14
|
-
* 1. Reset for <button> element.
|
|
15
|
-
* 2. Remove dotted outline from Firefox on focus.
|
|
16
|
-
*/
|
|
17
|
-
export declare const StyledClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
18
|
-
'data-garden-id': string;
|
|
19
|
-
'data-garden-version': string;
|
|
20
|
-
} & IStyledCloseProps, "data-garden-id" | "data-garden-version">;
|
|
21
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { Hue } from '../../utils/useNotificationsContext';
|
|
8
|
+
interface IStyledCloseProps {
|
|
9
|
+
hue?: Hue;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Used to close a Notification. Supports all `<button>` props
|
|
13
|
+
*
|
|
14
|
+
* 1. Reset for <button> element.
|
|
15
|
+
* 2. Remove dotted outline from Firefox on focus.
|
|
16
|
+
*/
|
|
17
|
+
export declare const StyledClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
18
|
+
'data-garden-id': string;
|
|
19
|
+
'data-garden-version': string;
|
|
20
|
+
} & IStyledCloseProps, "data-garden-id" | "data-garden-version">;
|
|
21
|
+
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Used for multi-line Notification content. Supports all `<p>` props
|
|
9
|
-
*/
|
|
10
|
-
export declare const StyledParagraph: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Used for multi-line Notification content. Supports all `<p>` props
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledParagraph: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export interface IStyledTitleProps {
|
|
8
|
-
isRegular?: boolean;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* 1. Reset for <h1>, etc.
|
|
12
|
-
*/
|
|
13
|
-
export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
} & IStyledTitleProps, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export interface IStyledTitleProps {
|
|
8
|
+
isRegular?: boolean;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* 1. Reset for <h1>, etc.
|
|
12
|
+
*/
|
|
13
|
+
export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
} & IStyledTitleProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { IGlobalAlertProps } from '../../types';
|
|
9
|
-
interface IStyledGlobalAlertProps {
|
|
10
|
-
alertType: IGlobalAlertProps['type'];
|
|
11
|
-
}
|
|
12
|
-
export declare const StyledGlobalAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
13
|
-
'data-garden-id': string;
|
|
14
|
-
'data-garden-version': string;
|
|
15
|
-
} & IStyledGlobalAlertProps, "data-garden-id" | "data-garden-version">;
|
|
16
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IGlobalAlertProps } from '../../types';
|
|
9
|
+
interface IStyledGlobalAlertProps {
|
|
10
|
+
alertType: IGlobalAlertProps['type'];
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledGlobalAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
13
|
+
'data-garden-id': string;
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & IStyledGlobalAlertProps, "data-garden-id" | "data-garden-version">;
|
|
16
|
+
export {};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { IGlobalAlertProps } from '../../types';
|
|
9
|
-
interface IStyledGlobalAlertButtonProps {
|
|
10
|
-
alertType: IGlobalAlertProps['type'];
|
|
11
|
-
isBasic?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export declare const StyledGlobalAlertButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
14
|
-
EndIcon: {
|
|
15
|
-
(props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
18
|
-
StartIcon: {
|
|
19
|
-
(props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
20
|
-
displayName: string;
|
|
21
|
-
};
|
|
22
|
-
}, DefaultTheme, {
|
|
23
|
-
'data-garden-id': string;
|
|
24
|
-
'data-garden-version': string;
|
|
25
|
-
focusInset: false;
|
|
26
|
-
isDanger: false;
|
|
27
|
-
isLink: false;
|
|
28
|
-
isNeutral: false;
|
|
29
|
-
isPill: false;
|
|
30
|
-
isStretched: false;
|
|
31
|
-
size: "small";
|
|
32
|
-
} & IStyledGlobalAlertButtonProps, "size" | "isDanger" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-id" | "data-garden-version">;
|
|
33
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IGlobalAlertProps } from '../../types';
|
|
9
|
+
interface IStyledGlobalAlertButtonProps {
|
|
10
|
+
alertType: IGlobalAlertProps['type'];
|
|
11
|
+
isBasic?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const StyledGlobalAlertButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
14
|
+
EndIcon: {
|
|
15
|
+
(props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
StartIcon: {
|
|
19
|
+
(props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
}, DefaultTheme, {
|
|
23
|
+
'data-garden-id': string;
|
|
24
|
+
'data-garden-version': string;
|
|
25
|
+
focusInset: false;
|
|
26
|
+
isDanger: false;
|
|
27
|
+
isLink: false;
|
|
28
|
+
isNeutral: false;
|
|
29
|
+
isPill: false;
|
|
30
|
+
isStretched: false;
|
|
31
|
+
size: "small";
|
|
32
|
+
} & IStyledGlobalAlertButtonProps, "size" | "isDanger" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-id" | "data-garden-version">;
|
|
33
|
+
export {};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme, ThemeProps } from 'styled-components';
|
|
8
|
-
import { IGlobalAlertProps } from '../../types';
|
|
9
|
-
interface IStyledGlobalAlertCloseProps {
|
|
10
|
-
alertType: IGlobalAlertProps['type'];
|
|
11
|
-
}
|
|
12
|
-
export declare const colorStyles: (props: ThemeProps<DefaultTheme> & IStyledGlobalAlertCloseProps) => import("styled-components").FlattenSimpleInterpolation;
|
|
13
|
-
export declare const StyledGlobalAlertClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
size: "small";
|
|
17
|
-
} & IStyledGlobalAlertCloseProps, "size" | "data-garden-id" | "data-garden-version">;
|
|
18
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme, ThemeProps } from 'styled-components';
|
|
8
|
+
import { IGlobalAlertProps } from '../../types';
|
|
9
|
+
interface IStyledGlobalAlertCloseProps {
|
|
10
|
+
alertType: IGlobalAlertProps['type'];
|
|
11
|
+
}
|
|
12
|
+
export declare const colorStyles: (props: ThemeProps<DefaultTheme> & IStyledGlobalAlertCloseProps) => import("styled-components").FlattenSimpleInterpolation;
|
|
13
|
+
export declare const StyledGlobalAlertClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
size: "small";
|
|
17
|
+
} & IStyledGlobalAlertCloseProps, "size" | "data-garden-id" | "data-garden-version">;
|
|
18
|
+
export {};
|