@camunda/camunda-composite-components 0.1.3-rc.8 → 0.1.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.
Files changed (16) hide show
  1. package/lib/esm/api/endpoints.const.d.ts +1 -1
  2. package/lib/esm/api/notifications.d.ts +1 -1
  3. package/lib/esm/components/c3-empty-state/c3-empty-state.d.ts +2 -1
  4. package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.types.d.ts +3 -3
  5. package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar-element.d.ts +2 -1
  6. package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.d.ts +2 -2
  7. package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.types.d.ts +10 -9
  8. package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-sidebar-state-provider.d.ts +3 -3
  9. package/lib/esm/components/c3-navigation/c3-navigation.d.ts +2 -1
  10. package/lib/esm/components/c3-navigation/c3-navigation.types.d.ts +3 -2
  11. package/lib/esm/components/c3-navigation/c3-notification-provider/c3-notification-container.d.ts +817 -4
  12. package/lib/esm/components/c3-navigation/c3-notification-provider/c3-notification-provider.d.ts +3 -3
  13. package/lib/esm/components/c3-navigation/story-helpers.d.ts +2 -1
  14. package/lib/esm/components/c3-user-configuration/c3-user-configuration-provider.d.ts +4 -4
  15. package/lib/esm/icons/c3-icons.d.ts +5 -4
  16. package/package.json +32 -29
package/lib/esm/api/endpoints.const.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface Endpoints {
8
8
  notifications?: string;
9
9
  }
10
10
  export declare const NOTIFICATIONS: Endpoint;
11
- export declare type Stage = "dev" | "int" | "prod";
11
+ export type Stage = "dev" | "int" | "prod";
12
12
  export declare function getEndpoint(stage: Stage, endpoint: Endpoint): string;
13
13
  export declare function getEndpointByOptions(options: {
14
14
  stage?: Stage;
package/lib/esm/api/notifications.d.ts CHANGED
@@ -23,7 +23,7 @@ export interface Notification {
23
23
  };
24
24
  };
25
25
  }
26
- export declare type AnalyticsEvent = "notification-panel-opened" | "notification-clicked-cta";
26
+ export type AnalyticsEvent = "notification-panel-opened" | "notification-clicked-cta";
27
27
  export declare class NotificationService {
28
28
  static getNotifications(options: C3NotificationsProps): Promise<Notification[]>;
29
29
  static sendAnalyticsEvent(options: C3NotificationsProps, eventOptions: {
package/lib/esm/components/c3-empty-state/c3-empty-state.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import { C3EmptyStateProps } from "./c3-empty-state.types";
2
- export declare const C3EmptyState: ({ icon, heading, description, button, link, }: C3EmptyStateProps) => JSX.Element;
2
+ import React from "react";
3
+ export declare const C3EmptyState: ({ icon, heading, description, button, link, }: C3EmptyStateProps) => React.JSX.Element;
package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.types.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ReactElement } from "react";
1
+ import React, { ReactElement } from "react";
2
2
  export interface C3ActionButtonElement {
3
- element: JSX.Element;
3
+ element: React.JSX.Element;
4
4
  }
5
5
  export interface C3ActionButtonSimple {
6
6
  label: string;
7
7
  icon: ReactElement;
8
8
  action: () => void;
9
9
  }
10
- export declare type C3ActionButtonsProps = Array<C3ActionButtonElement | C3ActionButtonSimple>;
10
+ export type C3ActionButtonsProps = Array<C3ActionButtonElement | C3ActionButtonSimple>;
package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar-element.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { C3NavigationElementProps } from "../c3-navigation.types";
2
2
  import { C3NavigationSideBarProps } from "./c3-navigation-sidebar.types";
3
+ import React from "react";
3
4
  declare const C3NavigationSidebarElement: (props: {
4
5
  element: C3NavigationElementProps;
5
6
  index: number;
6
7
  itemTabIndex?: number | undefined;
7
8
  sideBar: C3NavigationSideBarProps;
8
9
  setSideBarOpen: (open: boolean) => void;
9
- }) => JSX.Element;
10
+ }) => React.JSX.Element;
10
11
  export default C3NavigationSidebarElement;
package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactElement, ReactNode } from "react";
1
+ import React, { ReactElement, ReactNode } from "react";
2
2
  import { C3NavigationSideBarProps } from "./c3-navigation-sidebar.types";
3
3
  declare const C3NavigationSideBar: (props: {
4
4
  sideBar: C3NavigationSideBarProps;
@@ -6,5 +6,5 @@ declare const C3NavigationSideBar: (props: {
6
6
  children?: ReactNode;
7
7
  version?: ReactNode;
8
8
  bottomChildren?: ReactNode;
9
- }) => JSX.Element;
9
+ }) => React.JSX.Element;
10
10
  export default C3NavigationSideBar;
package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { C3NavigationElementProps } from "../c3-navigation.types";
2
2
  import { Notification } from "../../../api/notifications";
3
- export declare type C3NavigationSideBarBaseProps = {
3
+ import React from "react";
4
+ export type C3NavigationSideBarBaseProps = {
4
5
  ariaLabel?: string;
5
6
  isOpen?: boolean;
6
7
  onOpen?: () => void;
@@ -9,7 +10,7 @@ export declare type C3NavigationSideBarBaseProps = {
9
10
  elements?: C3NavigationElementProps[];
10
11
  bottomElements?: C3NavigationElementProps[];
11
12
  };
12
- export declare type C3NavigationOrgSideBarProps = C3NavigationSideBarBaseProps & {
13
+ export type C3NavigationOrgSideBarProps = C3NavigationSideBarBaseProps & {
13
14
  type: "org";
14
15
  customElements?: {
15
16
  activeOrganization?: {
@@ -23,15 +24,15 @@ export declare type C3NavigationOrgSideBarProps = C3NavigationSideBarBaseProps &
23
24
  };
24
25
  };
25
26
  };
26
- export declare type C3NavigationInfoSideBarProps = C3NavigationSideBarBaseProps & {
27
+ export type C3NavigationInfoSideBarProps = C3NavigationSideBarBaseProps & {
27
28
  type: "info";
28
29
  version?: string;
29
30
  };
30
- export declare type C3NavigationUserSideBarProps = C3NavigationSideBarBaseProps & {
31
+ export type C3NavigationUserSideBarProps = C3NavigationSideBarBaseProps & {
31
32
  type: "user";
32
33
  version?: string;
33
34
  customElements?: {
34
- customSection?: JSX.Element;
35
+ customSection?: React.JSX.Element;
35
36
  profile?: {
36
37
  label: string;
37
38
  user: {
@@ -49,16 +50,16 @@ export declare type C3NavigationUserSideBarProps = C3NavigationSideBarBaseProps
49
50
  };
50
51
  };
51
52
  };
52
- export declare type C3NavigationNotificationsSideBarProps = C3NavigationSideBarBaseProps & {
53
+ export type C3NavigationNotificationsSideBarProps = C3NavigationSideBarBaseProps & {
53
54
  type: "notifications";
54
55
  onLinkClick?: (meta: Notification["meta"]) => void;
55
56
  };
56
- export declare type C3NavigationAppBarProps = C3NavigationSideBarBaseProps & {
57
+ export type C3NavigationAppBarProps = C3NavigationSideBarBaseProps & {
57
58
  type: "app";
58
59
  };
59
- export declare type C3NavigationSideBarProps = {
60
+ export type C3NavigationSideBarProps = {
60
61
  callbacks?: {
61
62
  beforeOpening?: () => void;
62
63
  afterClosing?: () => void;
63
64
  };
64
- } & (C3NavigationOrgSideBarProps | C3NavigationInfoSideBarProps | C3NavigationUserSideBarProps | C3NavigationNotificationsSideBarProps | C3NavigationAppBarProps);
65
+ } & (C3NavigationOrgSideBarProps | C3NavigationInfoSideBarProps | C3NavigationUserSideBarProps | C3NavigationNotificationsSideBarProps);
package/lib/esm/components/c3-navigation/c3-navigation-sidebar/c3-sidebar-state-provider.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import React, { FC } from "react";
2
- declare type DefaultValues = {
2
+ type DefaultValues = {
3
3
  isNotificationSidebarOpen?: boolean;
4
4
  isOrgSidebarOpen?: boolean;
5
5
  isInfoSidebarOpen?: boolean;
6
6
  isUserSidebarOpen?: boolean;
7
7
  };
8
- declare type SideBarState = {
8
+ type SideBarState = {
9
9
  isOpen: boolean;
10
10
  setIsOpen: (isOpen: boolean) => void;
11
11
  };
12
- declare type C3SidebarsState = {
12
+ type C3SidebarsState = {
13
13
  notifications: SideBarState;
14
14
  org: SideBarState;
15
15
  info: SideBarState;
package/lib/esm/components/c3-navigation/c3-navigation.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import React from "react";
1
2
  import { C3NavigationProps } from "./c3-navigation.types";
2
- export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, actionButtons, userSideBar, notificationSideBar, }: C3NavigationProps) => JSX.Element;
3
+ export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, actionButtons, userSideBar, notificationSideBar, }: C3NavigationProps) => React.JSX.Element;
package/lib/esm/components/c3-navigation/c3-navigation.types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Tag } from "@carbon/react";
2
3
  import { Endpoints, Stage } from "../../api/endpoints.const";
3
4
  import { C3NavigationAppBarProps, C3NavigationInfoSideBarProps, C3NavigationNotificationsSideBarProps, C3NavigationOrgSideBarProps, C3NavigationUserSideBarProps } from "./c3-navigation-sidebar/c3-navigation-sidebar.types";
@@ -47,7 +48,7 @@ export interface C3NotificationsProps {
47
48
  userToken: string;
48
49
  getNewUserToken: () => Promise<string>;
49
50
  }
50
- declare type WithoutType<P> = Omit<P, "type">;
51
+ type WithoutType<P> = Omit<P, "type">;
51
52
  export interface C3NavigationProps {
52
53
  app: C3NavigationAppProps;
53
54
  appBar: WithoutType<C3NavigationAppBarProps>;
@@ -62,7 +63,7 @@ export interface C3NavigationProps {
62
63
  navbar: C3NavigationNavBarProps;
63
64
  forwardRef?: React.ForwardRefExoticComponent<any>;
64
65
  }
65
- export declare type LinkProps = {
66
+ export type LinkProps = {
66
67
  element?: React.ElementType;
67
68
  isSideNavExpanded?: boolean;
68
69
  children: React.ReactNode;
package/lib/esm/components/c3-navigation/c3-notification-provider/c3-notification-container.d.ts CHANGED
@@ -1,8 +1,821 @@
1
- import { FC } from "react";
1
+ import React, { FC } from "react";
2
2
  import { Notification as NotificationProps } from "../../../api/notifications";
3
- export declare const NotificationTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
4
- export declare const NotificationDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
5
- export declare const LinkContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const NotificationTitle: import("styled-components").IStyledComponent<"web", {
4
+ ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
5
+ key?: React.Key | null | undefined;
6
+ defaultChecked?: boolean | undefined;
7
+ defaultValue?: string | number | readonly string[] | undefined;
8
+ suppressContentEditableWarning?: boolean | undefined;
9
+ suppressHydrationWarning?: boolean | undefined;
10
+ accessKey?: string | undefined;
11
+ autoFocus?: boolean | undefined;
12
+ className?: string | undefined;
13
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
14
+ contextMenu?: string | undefined;
15
+ dir?: string | undefined;
16
+ draggable?: (boolean | "true" | "false") | undefined;
17
+ hidden?: boolean | undefined;
18
+ id?: string | undefined;
19
+ lang?: string | undefined;
20
+ nonce?: string | undefined;
21
+ placeholder?: string | undefined;
22
+ slot?: string | undefined;
23
+ spellCheck?: (boolean | "true" | "false") | undefined;
24
+ style?: React.CSSProperties | undefined;
25
+ tabIndex?: number | undefined;
26
+ title?: string | undefined;
27
+ translate?: "yes" | "no" | undefined;
28
+ radioGroup?: string | undefined;
29
+ role?: React.AriaRole | undefined;
30
+ about?: string | undefined;
31
+ content?: string | undefined;
32
+ datatype?: string | undefined;
33
+ inlist?: any;
34
+ prefix?: string | undefined;
35
+ property?: string | undefined;
36
+ rel?: string | undefined;
37
+ resource?: string | undefined;
38
+ rev?: string | undefined;
39
+ typeof?: string | undefined;
40
+ vocab?: string | undefined;
41
+ autoCapitalize?: string | undefined;
42
+ autoCorrect?: string | undefined;
43
+ autoSave?: string | undefined;
44
+ color?: string | undefined;
45
+ itemProp?: string | undefined;
46
+ itemScope?: boolean | undefined;
47
+ itemType?: string | undefined;
48
+ itemID?: string | undefined;
49
+ itemRef?: string | undefined;
50
+ results?: number | undefined;
51
+ security?: string | undefined;
52
+ unselectable?: "on" | "off" | undefined;
53
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
54
+ is?: string | undefined;
55
+ 'aria-activedescendant'?: string | undefined;
56
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
57
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
58
+ 'aria-braillelabel'?: string | undefined;
59
+ 'aria-brailleroledescription'?: string | undefined;
60
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
61
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
62
+ 'aria-colcount'?: number | undefined;
63
+ 'aria-colindex'?: number | undefined;
64
+ 'aria-colindextext'?: string | undefined;
65
+ 'aria-colspan'?: number | undefined;
66
+ 'aria-controls'?: string | undefined;
67
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
+ 'aria-describedby'?: string | undefined;
69
+ 'aria-description'?: string | undefined;
70
+ 'aria-details'?: string | undefined;
71
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
72
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
73
+ 'aria-errormessage'?: string | undefined;
74
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
75
+ 'aria-flowto'?: string | undefined;
76
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
77
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
78
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
79
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
80
+ 'aria-keyshortcuts'?: string | undefined;
81
+ 'aria-label'?: string | undefined;
82
+ 'aria-labelledby'?: string | undefined;
83
+ 'aria-level'?: number | undefined;
84
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
85
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
86
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
87
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
88
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
89
+ 'aria-owns'?: string | undefined;
90
+ 'aria-placeholder'?: string | undefined;
91
+ 'aria-posinset'?: number | undefined;
92
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
93
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
94
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
95
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
96
+ 'aria-roledescription'?: string | undefined;
97
+ 'aria-rowcount'?: number | undefined;
98
+ 'aria-rowindex'?: number | undefined;
99
+ 'aria-rowindextext'?: string | undefined;
100
+ 'aria-rowspan'?: number | undefined;
101
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
102
+ 'aria-setsize'?: number | undefined;
103
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
+ 'aria-valuemax'?: number | undefined;
105
+ 'aria-valuemin'?: number | undefined;
106
+ 'aria-valuenow'?: number | undefined;
107
+ 'aria-valuetext'?: string | undefined;
108
+ children?: React.ReactNode;
109
+ dangerouslySetInnerHTML?: {
110
+ __html: string | TrustedHTML;
111
+ } | undefined;
112
+ onCopy?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
113
+ onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
114
+ onCut?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
115
+ onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
116
+ onPaste?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
117
+ onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
118
+ onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
119
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
120
+ onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
121
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
122
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
123
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
124
+ onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
125
+ onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
126
+ onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
127
+ onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
128
+ onChange?: React.FormEventHandler<HTMLParagraphElement> | undefined;
129
+ onChangeCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
130
+ onBeforeInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
131
+ onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
132
+ onInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
133
+ onInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
134
+ onReset?: React.FormEventHandler<HTMLParagraphElement> | undefined;
135
+ onResetCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
136
+ onSubmit?: React.FormEventHandler<HTMLParagraphElement> | undefined;
137
+ onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
138
+ onInvalid?: React.FormEventHandler<HTMLParagraphElement> | undefined;
139
+ onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
140
+ onLoad?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
141
+ onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
142
+ onError?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
143
+ onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
144
+ onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
145
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
146
+ onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
147
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
148
+ onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
149
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
150
+ onAbort?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
151
+ onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
152
+ onCanPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
153
+ onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
154
+ onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
155
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
156
+ onDurationChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
157
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
158
+ onEmptied?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
159
+ onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
160
+ onEncrypted?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
161
+ onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
162
+ onEnded?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
163
+ onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
164
+ onLoadedData?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
165
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
166
+ onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
167
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
168
+ onLoadStart?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
169
+ onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
170
+ onPause?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
171
+ onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
172
+ onPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
173
+ onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
174
+ onPlaying?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
175
+ onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
176
+ onProgress?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
177
+ onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
178
+ onRateChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
179
+ onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
180
+ onResize?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
181
+ onResizeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
182
+ onSeeked?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
183
+ onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
184
+ onSeeking?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
185
+ onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
186
+ onStalled?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
187
+ onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
188
+ onSuspend?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
189
+ onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
190
+ onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
191
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
192
+ onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
193
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
194
+ onWaiting?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
195
+ onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
196
+ onAuxClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
197
+ onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
198
+ onClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
199
+ onClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
200
+ onContextMenu?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
201
+ onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
202
+ onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
203
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
204
+ onDrag?: React.DragEventHandler<HTMLParagraphElement> | undefined;
205
+ onDragCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
206
+ onDragEnd?: React.DragEventHandler<HTMLParagraphElement> | undefined;
207
+ onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
208
+ onDragEnter?: React.DragEventHandler<HTMLParagraphElement> | undefined;
209
+ onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
210
+ onDragExit?: React.DragEventHandler<HTMLParagraphElement> | undefined;
211
+ onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
212
+ onDragLeave?: React.DragEventHandler<HTMLParagraphElement> | undefined;
213
+ onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
214
+ onDragOver?: React.DragEventHandler<HTMLParagraphElement> | undefined;
215
+ onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
216
+ onDragStart?: React.DragEventHandler<HTMLParagraphElement> | undefined;
217
+ onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
218
+ onDrop?: React.DragEventHandler<HTMLParagraphElement> | undefined;
219
+ onDropCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
220
+ onMouseDown?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
221
+ onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
222
+ onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
223
+ onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
224
+ onMouseMove?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
225
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
226
+ onMouseOut?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
227
+ onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
228
+ onMouseOver?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
229
+ onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
230
+ onMouseUp?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
231
+ onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
232
+ onSelect?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
233
+ onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
234
+ onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
235
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
236
+ onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
237
+ onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
238
+ onTouchMove?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
239
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
240
+ onTouchStart?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
241
+ onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
242
+ onPointerDown?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
243
+ onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
244
+ onPointerMove?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
245
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
246
+ onPointerUp?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
247
+ onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
248
+ onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
249
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
250
+ onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
251
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
252
+ onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
253
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
254
+ onPointerOver?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
255
+ onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
256
+ onPointerOut?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
257
+ onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
258
+ onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
259
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
260
+ onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
261
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
262
+ onScroll?: React.UIEventHandler<HTMLParagraphElement> | undefined;
263
+ onScrollCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
264
+ onWheel?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
265
+ onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
266
+ onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
267
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
268
+ onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
269
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
270
+ onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
271
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
272
+ onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
273
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
274
+ }>;
275
+ export declare const NotificationDescription: import("styled-components").IStyledComponent<"web", {
276
+ ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
277
+ key?: React.Key | null | undefined;
278
+ defaultChecked?: boolean | undefined;
279
+ defaultValue?: string | number | readonly string[] | undefined;
280
+ suppressContentEditableWarning?: boolean | undefined;
281
+ suppressHydrationWarning?: boolean | undefined;
282
+ accessKey?: string | undefined;
283
+ autoFocus?: boolean | undefined;
284
+ className?: string | undefined;
285
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
286
+ contextMenu?: string | undefined;
287
+ dir?: string | undefined;
288
+ draggable?: (boolean | "true" | "false") | undefined;
289
+ hidden?: boolean | undefined;
290
+ id?: string | undefined;
291
+ lang?: string | undefined;
292
+ nonce?: string | undefined;
293
+ placeholder?: string | undefined;
294
+ slot?: string | undefined;
295
+ spellCheck?: (boolean | "true" | "false") | undefined;
296
+ style?: React.CSSProperties | undefined;
297
+ tabIndex?: number | undefined;
298
+ title?: string | undefined;
299
+ translate?: "yes" | "no" | undefined;
300
+ radioGroup?: string | undefined;
301
+ role?: React.AriaRole | undefined;
302
+ about?: string | undefined;
303
+ content?: string | undefined;
304
+ datatype?: string | undefined;
305
+ inlist?: any;
306
+ prefix?: string | undefined;
307
+ property?: string | undefined;
308
+ rel?: string | undefined;
309
+ resource?: string | undefined;
310
+ rev?: string | undefined;
311
+ typeof?: string | undefined;
312
+ vocab?: string | undefined;
313
+ autoCapitalize?: string | undefined;
314
+ autoCorrect?: string | undefined;
315
+ autoSave?: string | undefined;
316
+ color?: string | undefined;
317
+ itemProp?: string | undefined;
318
+ itemScope?: boolean | undefined;
319
+ itemType?: string | undefined;
320
+ itemID?: string | undefined;
321
+ itemRef?: string | undefined;
322
+ results?: number | undefined;
323
+ security?: string | undefined;
324
+ unselectable?: "on" | "off" | undefined;
325
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
326
+ is?: string | undefined;
327
+ 'aria-activedescendant'?: string | undefined;
328
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
329
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
330
+ 'aria-braillelabel'?: string | undefined;
331
+ 'aria-brailleroledescription'?: string | undefined;
332
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
333
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
334
+ 'aria-colcount'?: number | undefined;
335
+ 'aria-colindex'?: number | undefined;
336
+ 'aria-colindextext'?: string | undefined;
337
+ 'aria-colspan'?: number | undefined;
338
+ 'aria-controls'?: string | undefined;
339
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
340
+ 'aria-describedby'?: string | undefined;
341
+ 'aria-description'?: string | undefined;
342
+ 'aria-details'?: string | undefined;
343
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
344
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
345
+ 'aria-errormessage'?: string | undefined;
346
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
347
+ 'aria-flowto'?: string | undefined;
348
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
349
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
350
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
351
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
352
+ 'aria-keyshortcuts'?: string | undefined;
353
+ 'aria-label'?: string | undefined;
354
+ 'aria-labelledby'?: string | undefined;
355
+ 'aria-level'?: number | undefined;
356
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
357
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
358
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
359
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
360
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
361
+ 'aria-owns'?: string | undefined;
362
+ 'aria-placeholder'?: string | undefined;
363
+ 'aria-posinset'?: number | undefined;
364
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
365
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
366
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
367
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
368
+ 'aria-roledescription'?: string | undefined;
369
+ 'aria-rowcount'?: number | undefined;
370
+ 'aria-rowindex'?: number | undefined;
371
+ 'aria-rowindextext'?: string | undefined;
372
+ 'aria-rowspan'?: number | undefined;
373
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
374
+ 'aria-setsize'?: number | undefined;
375
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
376
+ 'aria-valuemax'?: number | undefined;
377
+ 'aria-valuemin'?: number | undefined;
378
+ 'aria-valuenow'?: number | undefined;
379
+ 'aria-valuetext'?: string | undefined;
380
+ children?: React.ReactNode;
381
+ dangerouslySetInnerHTML?: {
382
+ __html: string | TrustedHTML;
383
+ } | undefined;
384
+ onCopy?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
385
+ onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
386
+ onCut?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
387
+ onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
388
+ onPaste?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
389
+ onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
390
+ onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
391
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
392
+ onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
393
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
394
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
395
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
396
+ onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
397
+ onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
398
+ onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
399
+ onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
400
+ onChange?: React.FormEventHandler<HTMLParagraphElement> | undefined;
401
+ onChangeCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
402
+ onBeforeInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
403
+ onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
404
+ onInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
405
+ onInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
406
+ onReset?: React.FormEventHandler<HTMLParagraphElement> | undefined;
407
+ onResetCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
408
+ onSubmit?: React.FormEventHandler<HTMLParagraphElement> | undefined;
409
+ onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
410
+ onInvalid?: React.FormEventHandler<HTMLParagraphElement> | undefined;
411
+ onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
412
+ onLoad?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
413
+ onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
414
+ onError?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
415
+ onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
416
+ onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
417
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
418
+ onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
419
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
420
+ onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
421
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
422
+ onAbort?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
423
+ onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
424
+ onCanPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
425
+ onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
426
+ onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
427
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
428
+ onDurationChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
429
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
430
+ onEmptied?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
431
+ onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
432
+ onEncrypted?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
433
+ onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
434
+ onEnded?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
435
+ onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
436
+ onLoadedData?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
437
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
438
+ onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
439
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
440
+ onLoadStart?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
441
+ onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
442
+ onPause?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
443
+ onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
444
+ onPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
445
+ onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
446
+ onPlaying?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
447
+ onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
448
+ onProgress?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
449
+ onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
450
+ onRateChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
451
+ onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
452
+ onResize?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
453
+ onResizeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
454
+ onSeeked?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
455
+ onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
456
+ onSeeking?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
457
+ onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
458
+ onStalled?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
459
+ onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
460
+ onSuspend?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
461
+ onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
462
+ onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
463
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
464
+ onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
465
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
466
+ onWaiting?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
467
+ onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
468
+ onAuxClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
469
+ onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
470
+ onClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
471
+ onClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
472
+ onContextMenu?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
473
+ onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
474
+ onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
475
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
476
+ onDrag?: React.DragEventHandler<HTMLParagraphElement> | undefined;
477
+ onDragCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
478
+ onDragEnd?: React.DragEventHandler<HTMLParagraphElement> | undefined;
479
+ onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
480
+ onDragEnter?: React.DragEventHandler<HTMLParagraphElement> | undefined;
481
+ onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
482
+ onDragExit?: React.DragEventHandler<HTMLParagraphElement> | undefined;
483
+ onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
484
+ onDragLeave?: React.DragEventHandler<HTMLParagraphElement> | undefined;
485
+ onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
486
+ onDragOver?: React.DragEventHandler<HTMLParagraphElement> | undefined;
487
+ onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
488
+ onDragStart?: React.DragEventHandler<HTMLParagraphElement> | undefined;
489
+ onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
490
+ onDrop?: React.DragEventHandler<HTMLParagraphElement> | undefined;
491
+ onDropCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
492
+ onMouseDown?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
493
+ onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
494
+ onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
495
+ onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
496
+ onMouseMove?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
497
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
498
+ onMouseOut?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
499
+ onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
500
+ onMouseOver?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
501
+ onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
502
+ onMouseUp?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
503
+ onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
504
+ onSelect?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
505
+ onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
506
+ onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
507
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
508
+ onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
509
+ onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
510
+ onTouchMove?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
511
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
512
+ onTouchStart?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
513
+ onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
514
+ onPointerDown?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
515
+ onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
516
+ onPointerMove?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
517
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
518
+ onPointerUp?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
519
+ onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
520
+ onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
521
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
522
+ onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
523
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
524
+ onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
525
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
526
+ onPointerOver?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
527
+ onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
528
+ onPointerOut?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
529
+ onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
530
+ onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
531
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
532
+ onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
533
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
534
+ onScroll?: React.UIEventHandler<HTMLParagraphElement> | undefined;
535
+ onScrollCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
536
+ onWheel?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
537
+ onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
538
+ onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
539
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
540
+ onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
541
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
542
+ onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
543
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
544
+ onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
545
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
546
+ }>;
547
+ export declare const LinkContainer: import("styled-components").IStyledComponent<"web", {
548
+ ref?: React.LegacyRef<HTMLDivElement> | undefined;
549
+ key?: React.Key | null | undefined;
550
+ defaultChecked?: boolean | undefined;
551
+ defaultValue?: string | number | readonly string[] | undefined;
552
+ suppressContentEditableWarning?: boolean | undefined;
553
+ suppressHydrationWarning?: boolean | undefined;
554
+ accessKey?: string | undefined;
555
+ autoFocus?: boolean | undefined;
556
+ className?: string | undefined;
557
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
558
+ contextMenu?: string | undefined;
559
+ dir?: string | undefined;
560
+ draggable?: (boolean | "true" | "false") | undefined;
561
+ hidden?: boolean | undefined;
562
+ id?: string | undefined;
563
+ lang?: string | undefined;
564
+ nonce?: string | undefined;
565
+ placeholder?: string | undefined;
566
+ slot?: string | undefined;
567
+ spellCheck?: (boolean | "true" | "false") | undefined;
568
+ style?: React.CSSProperties | undefined;
569
+ tabIndex?: number | undefined;
570
+ title?: string | undefined;
571
+ translate?: "yes" | "no" | undefined;
572
+ radioGroup?: string | undefined;
573
+ role?: React.AriaRole | undefined;
574
+ about?: string | undefined;
575
+ content?: string | undefined;
576
+ datatype?: string | undefined;
577
+ inlist?: any;
578
+ prefix?: string | undefined;
579
+ property?: string | undefined;
580
+ rel?: string | undefined;
581
+ resource?: string | undefined;
582
+ rev?: string | undefined;
583
+ typeof?: string | undefined;
584
+ vocab?: string | undefined;
585
+ autoCapitalize?: string | undefined;
586
+ autoCorrect?: string | undefined;
587
+ autoSave?: string | undefined;
588
+ color?: string | undefined;
589
+ itemProp?: string | undefined;
590
+ itemScope?: boolean | undefined;
591
+ itemType?: string | undefined;
592
+ itemID?: string | undefined;
593
+ itemRef?: string | undefined;
594
+ results?: number | undefined;
595
+ security?: string | undefined;
596
+ unselectable?: "on" | "off" | undefined;
597
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
598
+ is?: string | undefined;
599
+ 'aria-activedescendant'?: string | undefined;
600
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
601
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
602
+ 'aria-braillelabel'?: string | undefined;
603
+ 'aria-brailleroledescription'?: string | undefined;
604
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
605
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
606
+ 'aria-colcount'?: number | undefined;
607
+ 'aria-colindex'?: number | undefined;
608
+ 'aria-colindextext'?: string | undefined;
609
+ 'aria-colspan'?: number | undefined;
610
+ 'aria-controls'?: string | undefined;
611
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
612
+ 'aria-describedby'?: string | undefined;
613
+ 'aria-description'?: string | undefined;
614
+ 'aria-details'?: string | undefined;
615
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
616
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
617
+ 'aria-errormessage'?: string | undefined;
618
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
619
+ 'aria-flowto'?: string | undefined;
620
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
621
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
622
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
623
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
624
+ 'aria-keyshortcuts'?: string | undefined;
625
+ 'aria-label'?: string | undefined;
626
+ 'aria-labelledby'?: string | undefined;
627
+ 'aria-level'?: number | undefined;
628
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
629
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
630
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
631
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
632
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
633
+ 'aria-owns'?: string | undefined;
634
+ 'aria-placeholder'?: string | undefined;
635
+ 'aria-posinset'?: number | undefined;
636
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
637
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
638
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
639
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
640
+ 'aria-roledescription'?: string | undefined;
641
+ 'aria-rowcount'?: number | undefined;
642
+ 'aria-rowindex'?: number | undefined;
643
+ 'aria-rowindextext'?: string | undefined;
644
+ 'aria-rowspan'?: number | undefined;
645
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
646
+ 'aria-setsize'?: number | undefined;
647
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
648
+ 'aria-valuemax'?: number | undefined;
649
+ 'aria-valuemin'?: number | undefined;
650
+ 'aria-valuenow'?: number | undefined;
651
+ 'aria-valuetext'?: string | undefined;
652
+ children?: React.ReactNode;
653
+ dangerouslySetInnerHTML?: {
654
+ __html: string | TrustedHTML;
655
+ } | undefined;
656
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
657
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
658
+ onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
659
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
660
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
661
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
662
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
663
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
664
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
665
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
666
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
667
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
668
+ onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
669
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
670
+ onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
671
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
672
+ onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
673
+ onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
674
+ onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
675
+ onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
676
+ onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
677
+ onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
678
+ onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
679
+ onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
680
+ onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
681
+ onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
682
+ onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
683
+ onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
684
+ onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
685
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
686
+ onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
687
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
688
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
689
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
690
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
691
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
692
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
693
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
694
+ onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
695
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
696
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
697
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
698
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
699
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
700
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
701
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
702
+ onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
703
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
704
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
705
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
706
+ onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
707
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
708
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
709
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
710
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
711
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
712
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
713
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
714
+ onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
715
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
716
+ onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
717
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
718
+ onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
719
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
720
+ onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
721
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
722
+ onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
723
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
724
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
725
+ onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
726
+ onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
727
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
728
+ onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
729
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
730
+ onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
731
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
732
+ onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
733
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
734
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
735
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
736
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
737
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
738
+ onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
739
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
740
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
741
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
742
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
743
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
744
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
745
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
746
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
747
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
748
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
749
+ onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
750
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
751
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
752
+ onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
753
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
754
+ onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
755
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
756
+ onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
757
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
758
+ onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
759
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
760
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
761
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
762
+ onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
763
+ onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
764
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
765
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
766
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
767
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
768
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
769
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
770
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
771
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
772
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
773
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
774
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
775
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
776
+ onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
777
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
778
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
779
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
780
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
781
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
782
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
783
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
784
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
785
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
786
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
787
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
788
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
789
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
790
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
791
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
792
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
793
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
794
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
795
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
796
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
797
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
798
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
799
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
800
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
801
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
802
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
803
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
804
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
805
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
806
+ onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
807
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
808
+ onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
809
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
810
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
811
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
812
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
813
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
814
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
815
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
816
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
817
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
818
+ }>;
6
819
  declare const C3NotificationContainer: FC<NotificationProps & {
7
820
  onRead: () => void;
8
821
  onDismiss: () => void;
package/lib/esm/components/c3-navigation/c3-notification-provider/c3-notification-provider.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { ComponentType, FC, ReactNode } from "react";
2
2
  import { AnalyticsEvent, Notification } from "../../../api/notifications";
3
- export declare type LinkProps = {
3
+ export type LinkProps = {
4
4
  label?: string;
5
5
  href?: string;
6
6
  entity?: {
@@ -12,7 +12,7 @@ export declare type LinkProps = {
12
12
  type: string;
13
13
  };
14
14
  };
15
- export declare type C3NotificationContextValue = {
15
+ export type C3NotificationContextValue = {
16
16
  enabled: boolean;
17
17
  notifications: Notification[];
18
18
  markAsRead: (notification: Notification) => void;
@@ -22,7 +22,7 @@ export declare type C3NotificationContextValue = {
22
22
  analytics: (event: AnalyticsEvent, id?: string) => void;
23
23
  };
24
24
  export declare const C3NotificationContext: React.Context<C3NotificationContextValue>;
25
- export declare type C3NotificationProviderProps = {
25
+ export type C3NotificationProviderProps = {
26
26
  children?: ReactNode;
27
27
  };
28
28
  declare const C3NotificationProvider: FC<C3NotificationProviderProps>;
package/lib/esm/components/c3-navigation/story-helpers.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import React from "react";
1
2
  import { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps } from "./c3-navigation.types";
2
3
  export declare function createAppProps(): C3NavigationAppProps;
3
4
  export declare function createAppBarProps(options?: {
@@ -17,7 +18,7 @@ export declare function createOrgSideBarProps(options: {
17
18
  }): C3NavigationProps["orgSideBar"];
18
19
  export declare function createUserSideBarProps(options: {
19
20
  isOpen: boolean;
20
- customSection?: JSX.Element;
21
+ customSection?: React.JSX.Element;
21
22
  }): C3NavigationProps["userSideBar"];
22
23
  export declare function createNotificationSideBarProps(options: {
23
24
  isOpen: boolean;
package/lib/esm/components/c3-user-configuration/c3-user-configuration-provider.d.ts CHANGED
@@ -1,17 +1,17 @@
1
1
  import React, { FC, ReactNode } from "react";
2
2
  import { Endpoints, Stage } from "../../api/endpoints.const";
3
- declare type C3UserConfigurationBase = {
3
+ type C3UserConfigurationBase = {
4
4
  activeOrganizationId: string;
5
5
  userToken: string;
6
6
  getNewUserToken: () => Promise<string>;
7
7
  };
8
- declare type C3UserConfigurationWithEndpoints = C3UserConfigurationBase & {
8
+ type C3UserConfigurationWithEndpoints = C3UserConfigurationBase & {
9
9
  endpoints: Endpoints;
10
10
  };
11
- declare type C3UserConfigurationWithStage = C3UserConfigurationBase & {
11
+ type C3UserConfigurationWithStage = C3UserConfigurationBase & {
12
12
  stage: Stage;
13
13
  };
14
- export declare type C3UserConfiguration = C3UserConfigurationWithEndpoints | C3UserConfigurationWithStage;
14
+ export type C3UserConfiguration = C3UserConfigurationWithEndpoints | C3UserConfigurationWithStage;
15
15
  export declare const C3UserConfigurationContext: React.Context<C3UserConfiguration | null>;
16
16
  declare const C3UserConfigurationProvider: FC<C3UserConfiguration & {
17
17
  children?: ReactNode;
package/lib/esm/icons/c3-icons.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import React from "react";
1
2
  import { C3IconProps } from "./c3-icons.types";
2
- export declare const C3AppMenuIcon: ({ size }: C3IconProps) => JSX.Element;
3
- export declare const C3NotificationsUnreadIcon: ({ size }: C3IconProps) => JSX.Element;
4
- export declare const C3BellIcon: ({ size }: C3IconProps) => JSX.Element;
5
- export declare const CamundaLogo: () => JSX.Element;
3
+ export declare const C3AppMenuIcon: ({ size }: C3IconProps) => React.JSX.Element;
4
+ export declare const C3NotificationsUnreadIcon: ({ size }: C3IconProps) => React.JSX.Element;
5
+ export declare const C3BellIcon: ({ size }: C3IconProps) => React.JSX.Element;
6
+ export declare const CamundaLogo: () => React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/camunda-composite-components",
3
- "version": "0.1.3-rc.8",
3
+ "version": "0.1.3",
4
4
  "scripts": {
5
5
  "clean": "rimraf lib/",
6
6
  "build": "yarn clean && tsc",
@@ -15,7 +15,7 @@
15
15
  "test:ts": "tsc --noEmit --project ./tsconfig.json",
16
16
  "test:storybook": "TEST_A11Y=true test-storybook",
17
17
  "test:storybook:smoke": "test-storybook",
18
- "start:docker-storybook": "yarn build:storybook && docker run --rm --network host -v $(pwd):/work/ -w /work/ -it --name c3-visual-regression mcr.microsoft.com/playwright:v1.37.0 yarn serve:storybook",
18
+ "start:docker-storybook": "yarn build:storybook && docker-compose up -d && docker-compose exec c3-visual-regression yarn serve:storybook",
19
19
  "test:visual-regression": "wait-on http://localhost:8081 && PWTEST_SKIP_TEST_OUTPUT=1 yarn playwright test",
20
20
  "test:visual-regression:ui": "yarn test:playwright --ui",
21
21
  "report:visual-regression": "yarn playwright show-report",
@@ -29,61 +29,64 @@
29
29
  "@babel/preset-env": "7.22.10",
30
30
  "@babel/preset-react": "7.22.5",
31
31
  "@babel/preset-typescript": "7.22.5",
32
- "@carbon/react": "1.35.0",
33
- "@mdx-js/react": "1.6.22",
34
- "@playwright/test": "1.37.0",
35
- "@storybook/addon-a11y": "7.0.18",
36
- "@storybook/addon-actions": "7.0.18",
37
- "@storybook/addon-docs": "7.0.18",
38
- "@storybook/addon-essentials": "7.0.18",
39
- "@storybook/addon-interactions": "7.0.18",
40
- "@storybook/addon-links": "7.0.18",
41
- "@storybook/blocks": "7.0.21",
32
+ "@carbon/react": "1.36.0",
33
+ "@mdx-js/react": "2.3.0",
34
+ "@playwright/test": "1.37.1",
35
+ "@storybook/addon-a11y": "7.3.2",
36
+ "@storybook/addon-actions": "7.3.2",
37
+ "@storybook/addon-docs": "7.3.2",
38
+ "@storybook/addon-essentials": "7.3.2",
39
+ "@storybook/addon-interactions": "7.3.2",
40
+ "@storybook/addon-links": "7.3.2",
41
+ "@storybook/blocks": "7.3.2",
42
42
  "@storybook/preset-scss": "1.0.3",
43
- "@storybook/react": "7.0.18",
44
- "@storybook/react-webpack5": "7.0.18",
43
+ "@storybook/react": "7.3.2",
44
+ "@storybook/react-webpack5": "7.3.2",
45
45
  "@storybook/test-runner": "0.13.0",
46
46
  "@storybook/testing-library": "0.2.0",
47
47
  "@types/carbon-components-react": "7.55.2",
48
48
  "@types/event-source-polyfill": "1.0.1",
49
- "@types/node": "18.17.5",
50
- "@types/react": "18.0.22",
51
- "@types/react-dom": "18.0.7",
49
+ "@types/node": "18.17.6",
50
+ "@types/react": "18.2.20",
51
+ "@types/react-dom": "18.2.7",
52
52
  "@types/styled-components": "5.1.26",
53
- "@typescript-eslint/eslint-plugin": "5.43.0",
54
- "@typescript-eslint/parser": "5.43.0",
53
+ "@typescript-eslint/eslint-plugin": "5.62.0",
54
+ "@typescript-eslint/parser": "5.62.0",
55
55
  "axe-playwright": "1.2.3",
56
56
  "babel-loader": "8.3.0",
57
57
  "copyfiles": "2.4.1",
58
+ "css-loader": "6.8.1",
58
59
  "eslint": "8.47.0",
59
60
  "eslint-config-prettier": "8.10.0",
60
61
  "eslint-import-resolver-typescript": "3.6.0",
61
- "eslint-plugin-import": "2.28.0",
62
+ "eslint-plugin-import": "2.28.1",
62
63
  "eslint-plugin-prettier": "4.2.1",
63
- "eslint-plugin-react": "7.31.10",
64
+ "eslint-plugin-react": "7.33.2",
64
65
  "eslint-plugin-react-hooks": "4.6.0",
65
66
  "eslint-plugin-storybook": "0.6.13",
66
67
  "event-source-polyfill": "1.0.31",
67
68
  "husky": "8.0.3",
69
+ "playwright": "1.37.1",
68
70
  "prettier": "2.8.8",
69
71
  "react": "18.2.0",
70
72
  "react-dom": "18.2.0",
71
73
  "rimraf": "3.0.2",
72
- "sass": "1.55.0",
73
- "sass-loader": "13.1.0",
74
+ "sass": "1.66.1",
75
+ "sass-loader": "13.3.2",
74
76
  "serve": "14.2.0",
75
- "storybook": "7.0.18",
77
+ "storybook": "7.3.2",
76
78
  "style-loader": "3.3.3",
77
- "styled-components": "5.3.11",
78
- "typescript": "4.8.4",
79
- "wait-on": "7.0.1"
79
+ "styled-components": "6.0.7",
80
+ "typescript": "5.1.6",
81
+ "wait-on": "7.0.1",
82
+ "webpack": "5.88.2"
80
83
  },
81
84
  "peerDependencies": {
82
85
  "@carbon/react": "1.x",
83
86
  "event-source-polyfill": "1.0.x",
84
87
  "react": "18.x",
85
88
  "react-dom": "18.x",
86
- "styled-components": "5.x"
89
+ "styled-components": "5.x || 6.x"
87
90
  },
88
91
  "description": "Camunda Composite Components",
89
92
  "main": "./lib/esm/index.js",
@@ -93,5 +96,5 @@
93
96
  ],
94
97
  "author": "Camunda",
95
98
  "license": "Apache-2.0",
96
- "packageManager": "yarn@3.6.1"
99
+ "packageManager": "yarn@3.6.2"
97
100
  }