@stack-spot/portal-layout 0.0.37 → 0.0.39

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 (18) hide show
  1. package/dist/Layout.js +1 -1
  2. package/dist/Layout.js.map +1 -1
  3. package/dist/components/menu/MenuContent.d.ts +545 -2
  4. package/dist/components/menu/MenuContent.d.ts.map +1 -1
  5. package/dist/components/menu/MenuContent.js +15 -14
  6. package/dist/components/menu/MenuContent.js.map +1 -1
  7. package/dist/components/menu/MenuSections.d.ts.map +1 -1
  8. package/dist/components/menu/MenuSections.js +2 -2
  9. package/dist/components/menu/MenuSections.js.map +1 -1
  10. package/dist/components/menu/constants.d.ts +1 -1
  11. package/dist/components/menu/constants.js +1 -1
  12. package/dist/layout.css +4 -0
  13. package/package.json +1 -1
  14. package/src/Layout.tsx +4 -4
  15. package/src/components/menu/MenuContent.tsx +28 -17
  16. package/src/components/menu/MenuSections.tsx +11 -8
  17. package/src/components/menu/constants.ts +1 -1
  18. package/src/layout.css +4 -0
package/dist/Layout.js CHANGED
@@ -29,7 +29,7 @@ export const RawLayout = ({ menuSections, menuContent, header, children, extra,
29
29
  if (onError)
30
30
  ErrorManager.setErrorHandler(onError);
31
31
  }, []);
32
- return (_jsx(CSSToCitricAdapter, { children: _jsxs("div", { id: elementIds.layout, className: listToClass(classes), style: style, children: [children && _jsx("div", { id: elementIds.page, children: _jsx("article", { id: elementIds.content, children: _jsx(ErrorBoundary, { children: children }) }) }), extra && _jsx(SilentErrorBoundary, { children: extra }), _jsxs("aside", { id: elementIds.menu, children: [_jsx("nav", { id: elementIds.menuContent, children: _jsx(SilentErrorBoundary, { children: menuContent }) }), menuSections && _jsx("nav", { id: elementIds.menuSections, children: _jsx(SilentErrorBoundary, { children: menuSections }) })] }), header && _jsx("header", { id: elementIds.header, children: _jsx(SilentErrorBoundary, { children: header }) }), _jsx("div", { id: elementIds.bottomDialog, role: "dialog", children: _jsx(ErrorBoundary, { children: bottomDialog }) }), _jsxs("div", { id: elementIds.backdrop, children: [_jsx("div", { id: elementIds.rightPanel, "aria-modal": true, role: "dialog", children: _jsx(ErrorBoundary, { children: rightPanel }) }), _jsx("div", { id: elementIds.modal, "aria-modal": true, role: "dialog", children: _jsx(ErrorBoundary, { children: modal }) })] }), _jsx(Toaster, {}), _jsx("div", { id: elementIds.accessibilityAnnouncer, "aria-atomic": true, "aria-live": "assertive" })] }) }));
32
+ return (_jsx(CSSToCitricAdapter, { children: _jsxs("div", { id: elementIds.layout, className: listToClass(classes), style: style, children: [children && _jsx("div", { id: elementIds.page, children: _jsx("article", { id: elementIds.content, children: _jsx(ErrorBoundary, { children: children }) }) }), extra && _jsx(SilentErrorBoundary, { children: extra }), _jsxs("aside", { id: elementIds.menu, children: [_jsx("nav", { role: "menu", id: elementIds.menuContent, children: _jsx(SilentErrorBoundary, { children: menuContent }) }), menuSections && _jsx("nav", { role: "menu", id: elementIds.menuSections, children: _jsx(SilentErrorBoundary, { children: menuSections }) })] }), header && _jsx("header", { id: elementIds.header, children: _jsx(SilentErrorBoundary, { children: header }) }), _jsx("div", { id: elementIds.bottomDialog, role: "dialog", children: _jsx(ErrorBoundary, { children: bottomDialog }) }), _jsxs("div", { id: elementIds.backdrop, children: [_jsx("div", { id: elementIds.rightPanel, "aria-modal": true, role: "dialog", children: _jsx(ErrorBoundary, { children: rightPanel }) }), _jsx("div", { id: elementIds.modal, "aria-modal": true, role: "dialog", children: _jsx(ErrorBoundary, { children: modal }) })] }), _jsx(Toaster, {}), _jsx("div", { id: elementIds.accessibilityAnnouncer, "aria-atomic": true, "aria-live": "assertive" })] }) }));
33
33
  };
34
34
  const MenuContentRenderer = ({ content }) => {
35
35
  const menuContent = typeof content === 'function' ? content() : content;
package/dist/Layout.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Layout.js","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Layout.js","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"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"}
package/dist/components/menu/MenuContent.d.ts CHANGED
@@ -1,7 +1,550 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import { MenuAction, MenuSectionContent } from './types.js';
3
- export declare const MenuGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
4
- export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
4
+ export declare const MenuGroup: import("styled-components").IStyledComponent<"web", {
5
+ ref?: import("react").LegacyRef<HTMLUListElement> | undefined;
6
+ key?: import("react").Key | null | undefined;
7
+ defaultChecked?: boolean | undefined;
8
+ defaultValue?: string | number | readonly string[] | undefined;
9
+ suppressContentEditableWarning?: boolean | undefined;
10
+ suppressHydrationWarning?: boolean | undefined;
11
+ accessKey?: string | undefined;
12
+ autoFocus?: boolean | undefined;
13
+ className?: string | undefined;
14
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
15
+ contextMenu?: string | undefined;
16
+ dir?: string | undefined;
17
+ draggable?: (boolean | "false" | "true") | undefined;
18
+ hidden?: boolean | undefined;
19
+ id?: string | undefined;
20
+ lang?: string | undefined;
21
+ nonce?: string | undefined;
22
+ placeholder?: string | undefined;
23
+ slot?: string | undefined;
24
+ spellCheck?: (boolean | "false" | "true") | undefined;
25
+ style?: import("react").CSSProperties | undefined;
26
+ tabIndex?: number | undefined;
27
+ title?: string | undefined;
28
+ translate?: "yes" | "no" | undefined;
29
+ radioGroup?: string | undefined;
30
+ role?: import("react").AriaRole | undefined;
31
+ about?: string | undefined;
32
+ content?: string | undefined;
33
+ datatype?: string | undefined;
34
+ inlist?: any;
35
+ prefix?: string | undefined;
36
+ property?: string | undefined;
37
+ rel?: string | undefined;
38
+ resource?: string | undefined;
39
+ rev?: string | undefined;
40
+ typeof?: string | undefined;
41
+ vocab?: string | undefined;
42
+ autoCapitalize?: string | undefined;
43
+ autoCorrect?: string | undefined;
44
+ autoSave?: string | undefined;
45
+ color?: string | undefined;
46
+ itemProp?: string | undefined;
47
+ itemScope?: boolean | undefined;
48
+ itemType?: string | undefined;
49
+ itemID?: string | undefined;
50
+ itemRef?: string | undefined;
51
+ results?: number | undefined;
52
+ security?: string | undefined;
53
+ unselectable?: "on" | "off" | undefined;
54
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
55
+ is?: string | undefined;
56
+ "aria-activedescendant"?: string | undefined;
57
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
58
+ "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
59
+ "aria-braillelabel"?: string | undefined;
60
+ "aria-brailleroledescription"?: string | undefined;
61
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
62
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
63
+ "aria-colcount"?: number | undefined;
64
+ "aria-colindex"?: number | undefined;
65
+ "aria-colindextext"?: string | undefined;
66
+ "aria-colspan"?: number | undefined;
67
+ "aria-controls"?: string | undefined;
68
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
69
+ "aria-describedby"?: string | undefined;
70
+ "aria-description"?: string | undefined;
71
+ "aria-details"?: string | undefined;
72
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
73
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
74
+ "aria-errormessage"?: string | undefined;
75
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
76
+ "aria-flowto"?: string | undefined;
77
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
78
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
79
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
80
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
81
+ "aria-keyshortcuts"?: string | undefined;
82
+ "aria-label"?: string | undefined;
83
+ "aria-labelledby"?: string | undefined;
84
+ "aria-level"?: number | undefined;
85
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
86
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
87
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
88
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
89
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
90
+ "aria-owns"?: string | undefined;
91
+ "aria-placeholder"?: string | undefined;
92
+ "aria-posinset"?: number | undefined;
93
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
94
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
95
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
+ "aria-required"?: (boolean | "false" | "true") | undefined;
97
+ "aria-roledescription"?: string | undefined;
98
+ "aria-rowcount"?: number | undefined;
99
+ "aria-rowindex"?: number | undefined;
100
+ "aria-rowindextext"?: string | undefined;
101
+ "aria-rowspan"?: number | undefined;
102
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
103
+ "aria-setsize"?: number | undefined;
104
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
105
+ "aria-valuemax"?: number | undefined;
106
+ "aria-valuemin"?: number | undefined;
107
+ "aria-valuenow"?: number | undefined;
108
+ "aria-valuetext"?: string | undefined;
109
+ children?: import("react").ReactNode;
110
+ dangerouslySetInnerHTML?: {
111
+ __html: string | TrustedHTML;
112
+ } | undefined;
113
+ onCopy?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
114
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
115
+ onCut?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
116
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
117
+ onPaste?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
118
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
119
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLUListElement> | undefined;
120
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLUListElement> | undefined;
121
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLUListElement> | undefined;
122
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLUListElement> | undefined;
123
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLUListElement> | undefined;
124
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLUListElement> | undefined;
125
+ onFocus?: import("react").FocusEventHandler<HTMLUListElement> | undefined;
126
+ onFocusCapture?: import("react").FocusEventHandler<HTMLUListElement> | undefined;
127
+ onBlur?: import("react").FocusEventHandler<HTMLUListElement> | undefined;
128
+ onBlurCapture?: import("react").FocusEventHandler<HTMLUListElement> | undefined;
129
+ onChange?: import("react").FormEventHandler<HTMLUListElement> | undefined;
130
+ onChangeCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
131
+ onBeforeInput?: import("react").FormEventHandler<HTMLUListElement> | undefined;
132
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
133
+ onInput?: import("react").FormEventHandler<HTMLUListElement> | undefined;
134
+ onInputCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
135
+ onReset?: import("react").FormEventHandler<HTMLUListElement> | undefined;
136
+ onResetCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
137
+ onSubmit?: import("react").FormEventHandler<HTMLUListElement> | undefined;
138
+ onSubmitCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
139
+ onInvalid?: import("react").FormEventHandler<HTMLUListElement> | undefined;
140
+ onInvalidCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
141
+ onLoad?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
142
+ onLoadCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
143
+ onError?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
144
+ onErrorCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
145
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLUListElement> | undefined;
146
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLUListElement> | undefined;
147
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLUListElement> | undefined;
148
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLUListElement> | undefined;
149
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLUListElement> | undefined;
150
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLUListElement> | undefined;
151
+ onAbort?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
152
+ onAbortCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
153
+ onCanPlay?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
154
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
155
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
156
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
157
+ onDurationChange?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
158
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
159
+ onEmptied?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
160
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
161
+ onEncrypted?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
162
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
163
+ onEnded?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
164
+ onEndedCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
165
+ onLoadedData?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
166
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
167
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
168
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
169
+ onLoadStart?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
170
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
171
+ onPause?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
172
+ onPauseCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
173
+ onPlay?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
174
+ onPlayCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
175
+ onPlaying?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
176
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
177
+ onProgress?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
178
+ onProgressCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
179
+ onRateChange?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
180
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
181
+ onResize?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
182
+ onResizeCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
183
+ onSeeked?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
184
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
185
+ onSeeking?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
186
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
187
+ onStalled?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
188
+ onStalledCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
189
+ onSuspend?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
190
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
191
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
192
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
193
+ onVolumeChange?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
194
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
195
+ onWaiting?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
196
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
197
+ onAuxClick?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
198
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
199
+ onClick?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
200
+ onClickCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
201
+ onContextMenu?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
202
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
203
+ onDoubleClick?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
204
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
205
+ onDrag?: import("react").DragEventHandler<HTMLUListElement> | undefined;
206
+ onDragCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
207
+ onDragEnd?: import("react").DragEventHandler<HTMLUListElement> | undefined;
208
+ onDragEndCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
209
+ onDragEnter?: import("react").DragEventHandler<HTMLUListElement> | undefined;
210
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
211
+ onDragExit?: import("react").DragEventHandler<HTMLUListElement> | undefined;
212
+ onDragExitCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
213
+ onDragLeave?: import("react").DragEventHandler<HTMLUListElement> | undefined;
214
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
215
+ onDragOver?: import("react").DragEventHandler<HTMLUListElement> | undefined;
216
+ onDragOverCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
217
+ onDragStart?: import("react").DragEventHandler<HTMLUListElement> | undefined;
218
+ onDragStartCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
219
+ onDrop?: import("react").DragEventHandler<HTMLUListElement> | undefined;
220
+ onDropCapture?: import("react").DragEventHandler<HTMLUListElement> | undefined;
221
+ onMouseDown?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
222
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
223
+ onMouseEnter?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
224
+ onMouseLeave?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
225
+ onMouseMove?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
226
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
227
+ onMouseOut?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
228
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
229
+ onMouseOver?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
230
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
231
+ onMouseUp?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
232
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLUListElement> | undefined;
233
+ onSelect?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
234
+ onSelectCapture?: import("react").ReactEventHandler<HTMLUListElement> | undefined;
235
+ onTouchCancel?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
236
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
237
+ onTouchEnd?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
238
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
239
+ onTouchMove?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
240
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
241
+ onTouchStart?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
242
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLUListElement> | undefined;
243
+ onPointerDown?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
244
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
245
+ onPointerMove?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
246
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
247
+ onPointerUp?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
248
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
249
+ onPointerCancel?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
250
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
251
+ onPointerEnter?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
252
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
253
+ onPointerLeave?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
254
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
255
+ onPointerOver?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
256
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
257
+ onPointerOut?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
258
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
259
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
260
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
261
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
262
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
263
+ onScroll?: import("react").UIEventHandler<HTMLUListElement> | undefined;
264
+ onScrollCapture?: import("react").UIEventHandler<HTMLUListElement> | undefined;
265
+ onWheel?: import("react").WheelEventHandler<HTMLUListElement> | undefined;
266
+ onWheelCapture?: import("react").WheelEventHandler<HTMLUListElement> | undefined;
267
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
268
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
269
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
270
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
271
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
272
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
273
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
274
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
275
+ }>;
276
+ export declare const Title: import("styled-components").IStyledComponent<"web", {
277
+ ref?: import("react").LegacyRef<HTMLElement> | undefined;
278
+ key?: import("react").Key | null | undefined;
279
+ defaultChecked?: boolean | undefined;
280
+ defaultValue?: string | number | readonly string[] | undefined;
281
+ suppressContentEditableWarning?: boolean | undefined;
282
+ suppressHydrationWarning?: boolean | undefined;
283
+ accessKey?: string | undefined;
284
+ autoFocus?: boolean | undefined;
285
+ className?: string | undefined;
286
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
287
+ contextMenu?: string | undefined;
288
+ dir?: string | undefined;
289
+ draggable?: (boolean | "false" | "true") | undefined;
290
+ hidden?: boolean | undefined;
291
+ id?: string | undefined;
292
+ lang?: string | undefined;
293
+ nonce?: string | undefined;
294
+ placeholder?: string | undefined;
295
+ slot?: string | undefined;
296
+ spellCheck?: (boolean | "false" | "true") | undefined;
297
+ style?: import("react").CSSProperties | undefined;
298
+ tabIndex?: number | undefined;
299
+ title?: string | undefined;
300
+ translate?: "yes" | "no" | undefined;
301
+ radioGroup?: string | undefined;
302
+ role?: import("react").AriaRole | undefined;
303
+ about?: string | undefined;
304
+ content?: string | undefined;
305
+ datatype?: string | undefined;
306
+ inlist?: any;
307
+ prefix?: string | undefined;
308
+ property?: string | undefined;
309
+ rel?: string | undefined;
310
+ resource?: string | undefined;
311
+ rev?: string | undefined;
312
+ typeof?: string | undefined;
313
+ vocab?: string | undefined;
314
+ autoCapitalize?: string | undefined;
315
+ autoCorrect?: string | undefined;
316
+ autoSave?: string | undefined;
317
+ color?: string | undefined;
318
+ itemProp?: string | undefined;
319
+ itemScope?: boolean | undefined;
320
+ itemType?: string | undefined;
321
+ itemID?: string | undefined;
322
+ itemRef?: string | undefined;
323
+ results?: number | undefined;
324
+ security?: string | undefined;
325
+ unselectable?: "on" | "off" | undefined;
326
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
327
+ is?: string | undefined;
328
+ "aria-activedescendant"?: string | undefined;
329
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
330
+ "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
331
+ "aria-braillelabel"?: string | undefined;
332
+ "aria-brailleroledescription"?: string | undefined;
333
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
334
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
335
+ "aria-colcount"?: number | undefined;
336
+ "aria-colindex"?: number | undefined;
337
+ "aria-colindextext"?: string | undefined;
338
+ "aria-colspan"?: number | undefined;
339
+ "aria-controls"?: string | undefined;
340
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
341
+ "aria-describedby"?: string | undefined;
342
+ "aria-description"?: string | undefined;
343
+ "aria-details"?: string | undefined;
344
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
345
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
346
+ "aria-errormessage"?: string | undefined;
347
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
348
+ "aria-flowto"?: string | undefined;
349
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
350
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
351
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
352
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
353
+ "aria-keyshortcuts"?: string | undefined;
354
+ "aria-label"?: string | undefined;
355
+ "aria-labelledby"?: string | undefined;
356
+ "aria-level"?: number | undefined;
357
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
358
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
359
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
360
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
361
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
362
+ "aria-owns"?: string | undefined;
363
+ "aria-placeholder"?: string | undefined;
364
+ "aria-posinset"?: number | undefined;
365
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
366
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
367
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
368
+ "aria-required"?: (boolean | "false" | "true") | undefined;
369
+ "aria-roledescription"?: string | undefined;
370
+ "aria-rowcount"?: number | undefined;
371
+ "aria-rowindex"?: number | undefined;
372
+ "aria-rowindextext"?: string | undefined;
373
+ "aria-rowspan"?: number | undefined;
374
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
375
+ "aria-setsize"?: number | undefined;
376
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
377
+ "aria-valuemax"?: number | undefined;
378
+ "aria-valuemin"?: number | undefined;
379
+ "aria-valuenow"?: number | undefined;
380
+ "aria-valuetext"?: string | undefined;
381
+ children?: import("react").ReactNode;
382
+ dangerouslySetInnerHTML?: {
383
+ __html: string | TrustedHTML;
384
+ } | undefined;
385
+ onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
386
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
387
+ onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
388
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
389
+ onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
390
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
391
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
392
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
393
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
394
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
395
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
396
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
397
+ onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
398
+ onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
399
+ onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
400
+ onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
401
+ onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
402
+ onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
403
+ onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
404
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
405
+ onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
406
+ onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
407
+ onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
408
+ onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
409
+ onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
410
+ onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
411
+ onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
412
+ onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
413
+ onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
414
+ onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
415
+ onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
416
+ onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
417
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
418
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
419
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
420
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
421
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
422
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
423
+ onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
424
+ onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
425
+ onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
426
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
427
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
428
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
429
+ onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
430
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
431
+ onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
432
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
433
+ onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
434
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
435
+ onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
436
+ onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
437
+ onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
438
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
439
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
440
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
441
+ onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
442
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
443
+ onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
444
+ onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
445
+ onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
446
+ onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
447
+ onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
448
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
449
+ onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
450
+ onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
451
+ onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
452
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
453
+ onResize?: import("react").ReactEventHandler<HTMLElement> | undefined;
454
+ onResizeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
455
+ onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
456
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
457
+ onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
458
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
459
+ onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
460
+ onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
461
+ onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
462
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
463
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
464
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
465
+ onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
466
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
467
+ onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
468
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
469
+ onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
470
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
471
+ onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
472
+ onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
473
+ onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
474
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
475
+ onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
476
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
477
+ onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
478
+ onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
479
+ onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
480
+ onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
481
+ onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
482
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
483
+ onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
484
+ onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
485
+ onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
486
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
487
+ onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
488
+ onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
489
+ onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
490
+ onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
491
+ onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
492
+ onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
493
+ onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
494
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
495
+ onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
496
+ onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
497
+ onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
498
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
499
+ onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
500
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
501
+ onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
502
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
503
+ onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
504
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
505
+ onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
506
+ onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
507
+ onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
508
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
509
+ onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
510
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
511
+ onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
512
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
513
+ onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
514
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
515
+ onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
516
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
517
+ onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
518
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
519
+ onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
520
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
521
+ onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
522
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
523
+ onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
524
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
525
+ onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
526
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
527
+ onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
528
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
529
+ onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
530
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
531
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
532
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
533
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
534
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
535
+ onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
536
+ onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
537
+ onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
538
+ onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
539
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
540
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
541
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
542
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
543
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
544
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
545
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
546
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
547
+ }>;
5
548
  export declare const ActionItem: ({ label, onClick, href, active, icon, badge, overflow }: MenuAction) => import("react/jsx-runtime").JSX.Element;
6
549
  export declare const MenuContent: ({ pageSelector, goBack, title, subtitle, afterTitle, options, loading, error }: MenuSectionContent) => import("react/jsx-runtime").JSX.Element;
7
550
  //# sourceMappingURL=MenuContent.d.ts.map
package/dist/components/menu/MenuContent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuContent.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAa,UAAU,EAAY,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAY7E,eAAO,MAAM,SAAS,oNAiIrB,CAAA;AAED,eAAO,MAAM,KAAK,0MAIjB,CAAA;AAED,eAAO,MAAM,UAAU,4DAAsE,UAAU,4CAsBtG,CAAA;AAuDD,eAAO,MAAM,WAAW,mFAAyF,kBAAkB,4CAsClI,CAAA"}
1
+ {"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuContent.tsx"],"names":[],"mappings":";;AAUA,OAAO,EAAa,UAAU,EAAY,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAY7E,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkIrB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIjB,CAAA;AAED,eAAO,MAAM,UAAU,4DAAsE,UAAU,4CAsBtG,CAAA;AAiED,eAAO,MAAM,WAAW,mFAAyF,kBAAkB,4CAsClI,CAAA"}
package/dist/components/menu/MenuContent.js CHANGED
@@ -29,13 +29,13 @@ export const MenuGroup = styled.ul `
29
29
  padding: 0;
30
30
  }
31
31
 
32
- .item-row-title > a {
33
- padding: 0 20px;
32
+ .item-row-group > a {
33
+ padding: 0 16px;
34
34
  margin: 0;
35
35
  border-radius: 0;
36
36
  }
37
37
 
38
- .item-row-title > a::before {
38
+ .item-row-group > a::before {
39
39
  content: '';
40
40
  position: absolute;
41
41
  top: 0;
@@ -64,15 +64,18 @@ export const MenuGroup = styled.ul `
64
64
  }
65
65
  }
66
66
  }
67
+
68
+ .item-row-group {
69
+ margin-top: 16px;
70
+ }
67
71
 
68
72
  li a {
69
73
  position: relative;
70
74
  height: 0;
71
75
  overflow: hidden;
72
76
  transition: height 0.3s, background-color 0.2s;
73
- margin: 0 ${PADDING - ITEM_PADDING}px;
74
- border-radius: 4px;
75
- padding: 0 ${ITEM_PADDING}px;
77
+ margin-left: ${PADDING - ITEM_PADDING}px;
78
+ padding-left: ${ITEM_PADDING}px;
76
79
 
77
80
  &:hover {
78
81
  background-color: ${theme.color.light['500']};
@@ -86,12 +89,10 @@ export const MenuGroup = styled.ul `
86
89
  width: 2px;
87
90
  height: 0;
88
91
  background: inherit;
89
- border-radius: 50%;
90
92
  transition: height 0.2s;
91
93
  }
92
94
 
93
95
  &.active {
94
- cursor: auto;
95
96
 
96
97
  &:hover {
97
98
  background-color: transparent;
@@ -120,7 +121,7 @@ export const MenuGroup = styled.ul `
120
121
  &.open {
121
122
  visibility: visible;
122
123
  transition: unset;
123
- & > li > a, & > li > .item-row-title > a {
124
+ & > li > a, & > li > .item-row-group > a {
124
125
  height: 40px;
125
126
  }
126
127
  }
@@ -156,7 +157,7 @@ export const Title = styled.header `
156
157
  export const ActionItem = ({ label, onClick, href, active, icon, badge, overflow = 'wrap' }) => {
157
158
  const { ref, overflow: textOverflow } = useCheckTextOverflow();
158
159
  const isTextLabel = typeof label === 'string';
159
- return (_jsxs("a", { href: active ? undefined : href, onClick: () => {
160
+ return (_jsxs("a", { href: href, onClick: () => {
160
161
  if (active)
161
162
  return;
162
163
  if (onClick)
@@ -166,21 +167,21 @@ export const ActionItem = ({ label, onClick, href, active, icon, badge, overflow
166
167
  _jsx(Text, { ref: ref, appearance: "body2", className: `label ${overflow}`, title: textOverflow ? label : '', children: label }) :
167
168
  label.element, badge] }));
168
169
  };
169
- const CollapsibleGroupItem = ({ label, open: initiallyOpened, children, icon, badge, overflow = 'wrap' }) => {
170
+ const CollapsibleGroupItem = ({ label, open: initiallyOpened, children, icon, badge, root, overflow = 'wrap' }) => {
170
171
  const [open, setOpen] = useState(initiallyOpened ?? children?.some(c => 'active' in c && c.active) ?? false);
171
172
  const items = useMemo(() => children?.filter(i => !i.hidden).map(renderOption), [children]);
172
173
  const id = `menuGroup${label}`;
173
- return (_jsxs(_Fragment, { children: [_jsxs("a", { onClick: () => setOpen(!open), onKeyDown: e => e.key === 'Enter' && setOpen(!open), className: "item-row", tabIndex: 0, "aria-controls": id, "aria-expanded": open, children: [icon, _jsx(Text, { appearance: "body2", className: `label ${overflow}`, children: label }), badge, _jsx(IconBox, { children: _jsx(ChevronDown, { className: listToClass(['chevron', open ? 'open' : '']) }) })] }), _jsx(MenuGroup, { id: id, className: open ? 'open' : undefined, "aria-hidden": !open, children: items })] }));
174
+ return (_jsxs(_Fragment, { children: [_jsxs("a", { onClick: () => setOpen(!open), onKeyDown: e => e.key === 'Enter' && setOpen(!open), className: "item-row", tabIndex: 0, "aria-controls": id, "aria-expanded": open, children: [icon, _jsx(Text, { appearance: root ? 'overheader2' : 'body2', colorScheme: root ? 'light.700' : 'light.contrastText', className: `label ${overflow}`, children: label }), badge, _jsx(IconBox, { sx: { mr: root ? undefined : '5' }, children: _jsx(ChevronDown, { className: listToClass(['chevron', open ? 'open' : '']) }) })] }), _jsx(MenuGroup, { id: id, className: `${open ? 'open' : undefined} ${root ? 'no-indentation' : undefined}`, "aria-hidden": !open, children: items })] }));
174
175
  };
175
176
  const RootGroupItem = (props) => {
176
177
  const items = useMemo(() => props.children?.filter(i => !i.hidden).map(renderOption), [props.children]);
177
- return _jsx(_Fragment, { children: items.length ? _jsx("div", { className: "item-row-title", children: _jsx(CollapsibleGroupItem, { ...props, open: true }) }) :
178
+ return _jsx(_Fragment, { children: items.length ? _jsx("div", { className: "item-row-group", children: _jsx(CollapsibleGroupItem, { ...props, open: true, root: true }) }) :
178
179
  _jsxs(_Fragment, { children: [_jsxs("div", { className: "item-row", children: [props.icon, _jsx(Text, { appearance: "overheader2", colorScheme: "light.700", className: `group-title label ${props.overflow}`, children: props.label }), props.badge] }), _jsx(MenuGroup, { className: "open no-indentation", children: items })] }) });
179
180
  };
180
181
  const GroupItem = ({ root, ...item }) => (root ? _jsx(RootGroupItem, { ...item }) : _jsx(CollapsibleGroupItem, { ...item }));
181
182
  function renderOption({ root, ...option }) {
182
183
  const labelText = typeof option.label === 'string' ? option.label : option.label.id;
183
- return _jsx("li", { children: 'children' in option ? _jsx(GroupItem, { root: root, ...option }) : _jsx(ActionItem, { ...option }) }, labelText);
184
+ return (_jsx("li", { role: "menuitem", "aria-selected": 'children' in option ? undefined : option.active, children: 'children' in option ? _jsx(GroupItem, { root: root, ...option }) : _jsx(ActionItem, { ...option }) }, labelText));
184
185
  }
185
186
  export const MenuContent = ({ pageSelector, goBack, title, subtitle, afterTitle, options = [], loading, error }) => {
186
187
  const items = useMemo(() => options.filter(o => !o.hidden).map(o => renderOption({ ...o, root: true })), [options]);
package/dist/components/menu/MenuContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuContent.js","sourceRoot":"","sources":["../../../src/components/menu/MenuContent.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MenuContent.js","sourceRoot":"","sources":["../../../src/components/menu/MenuContent.tsx"],"names":[],"mappings":"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"}
package/dist/components/menu/MenuSections.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuSections.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuSections.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAe,MAAM,SAAS,CAAA;AAsBhD,wBAAgB,sBAAsB,SAOrC;AAoHD,eAAO,MAAM,YAAY,2BAAiC,SAAS,4CA+FlE,CAAA"}
1
+ {"version":3,"file":"MenuSections.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuSections.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAe,MAAM,SAAS,CAAA;AAsBhD,wBAAgB,sBAAsB,SAOrC;AAyHD,eAAO,MAAM,YAAY,2BAAiC,SAAS,4CA6FlE,CAAA"}
package/dist/components/menu/MenuSections.js CHANGED
@@ -76,7 +76,7 @@ const Section = ({ icon, label, href, target, onClick, active, content, customCo
76
76
  hideOverlayImmediately();
77
77
  }
78
78
  const labelText = typeof label === 'string' ? label : label.id;
79
- return (_jsx(_Fragment, { children: _jsxs("li", { title: labelText, className: `section-submenu ${className || ''} ${active ? 'active' : ''}`, children: [_jsx("a", { href: href, target: target, onClick: click, onMouseEnter: prepareShowOverlay, onMouseLeave: () => shouldShowOverlay() && hideOverlay(), title: labelText, "aria-label": labelText, onKeyDown: onClick ? e => e.key === 'Enter' && onClick() : undefined, ...(active ? { 'aria-current': 'page' } : undefined), ...(!href ? { 'tabIndex': 0 } : undefined), children: _jsxs(Flex, { alignItems: "center", justifyContent: "center", px: 5, children: [_jsx(IconBox, { children: icon }), typeof label === 'string' ? _jsx(Text, { appearance: "microtext1", className: "section-label", ml: 3, children: label }) : label.element] }) }), shouldShowOverlay() &&
79
+ return (_jsx(_Fragment, { children: _jsxs("li", { role: "menuitem", title: labelText, className: `section-submenu ${className || ''} ${active ? 'active' : ''}`, "aria-selected": active, children: [_jsx("a", { href: href, target: target, onClick: click, onMouseEnter: prepareShowOverlay, onMouseLeave: () => shouldShowOverlay() && hideOverlay(), title: labelText, "aria-label": labelText, onKeyDown: onClick ? e => e.key === 'Enter' && onClick() : undefined, ...(active ? { 'aria-current': 'page' } : undefined), ...(!href ? { 'tabIndex': 0 } : undefined), children: _jsxs(Flex, { alignItems: "center", justifyContent: "center", px: 5, children: [_jsx(IconBox, { children: icon }), typeof label === 'string' ? _jsx(Text, { appearance: "microtext1", className: "section-label", ml: 3, children: label }) : label.element] }) }), shouldShowOverlay() &&
80
80
  _jsx(IconBox, { size: "sm", className: "section-submenu-icon", as: "button", "aria-label": interpolate(t.menuOptions, label), "aria-controls": MENU_OVERLAY_ID, "aria-expanded": false, onKeyDown: (event) => {
81
81
  if (event.key === 'Enter') {
82
82
  prepareShowOverlay(event);
@@ -143,7 +143,7 @@ export const MenuSections = ({ sections = [], ...props }) => {
143
143
  : _jsx(OverlayRenderer, { content: sections[currentOverlay].content, customContent: sections[currentOverlay].customContent }, currentOverlay);
144
144
  }
145
145
  return (_jsxs(_Fragment, { children: [_jsx("ul", { children: sectionItems }), _jsxs(Flex, { mb: 7, alignItems: "center", children: [_jsxs("button", { className: "toggle sections-footer", onClick: () => toggleMenu(!!props.content || !!props.customContent), title: t.toggle, tabIndex: -1, children: [_jsxs(IconBox, { children: [_jsx(Expand, { className: "expand" }), _jsx(Collapse, { className: "collapse" })] }), _jsx(Text, { appearance: "microtext1", ml: 8, className: "collapse", colorScheme: "light.contrastText", children: t.hide })] }), (props.settings?.show) &&
146
- _jsx("a", { href: props.settings?.href, onClick: props.settings?.onClick, className: "sections-footer", ...(props.settings.active ? { 'aria-current': 'page' } : undefined), children: _jsxs(Flex, { alignItems: "center", justifyContent: "center", children: [_jsx(IconBox, { "aria-label": t.settingsIcon, children: _jsx(Cog, {}) }), _jsx(Text, { appearance: "microtext1", ml: 2, children: t.settings })] }) })] }), _jsxs("div", { id: MENU_OVERLAY_ID, onMouseEnter: showOverlay, onMouseLeave: hideOverlay, ref: overlayRef, children: [renderMenuOverlay(), _jsx("div", { className: "arrow" })] })] }));
146
+ _jsxs("a", { href: props.settings?.href, onClick: props.settings?.onClick, className: "sections-footer toggle", ...(props.settings.active ? { 'aria-current': 'page' } : undefined), children: [_jsx(IconBox, { "aria-label": t.settingsIcon, children: _jsx(Cog, {}) }), _jsx(Text, { appearance: "microtext1", ml: 8, className: "collapse", children: t.settings })] })] }), _jsxs("div", { id: MENU_OVERLAY_ID, onMouseEnter: showOverlay, onMouseLeave: hideOverlay, ref: overlayRef, children: [renderMenuOverlay(), _jsx("div", { className: "arrow" })] })] }));
147
147
  };
148
148
  const dictionary = {
149
149
  en: {
package/dist/components/menu/MenuSections.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuSections.js","sourceRoot":"","sources":["../../../src/components/menu/MenuSections.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MenuSections.js","sourceRoot":"","sources":["../../../src/components/menu/MenuSections.tsx"],"names":[],"mappings":"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"}
package/dist/components/menu/constants.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const MENU_CONTENT_PADDING = 20;
2
- export declare const MENU_CONTENT_ITEM_PADDING = 12;
2
+ export declare const MENU_CONTENT_ITEM_PADDING = 16;
3
3
  //# sourceMappingURL=constants.d.ts.map
package/dist/components/menu/constants.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export const MENU_CONTENT_PADDING = 20;
2
- export const MENU_CONTENT_ITEM_PADDING = 12;
2
+ export const MENU_CONTENT_ITEM_PADDING = 16;
3
3
  //# sourceMappingURL=constants.js.map
package/dist/layout.css CHANGED
@@ -121,6 +121,10 @@ body {
121
121
  fill: var(--light-contrastText);
122
122
  }
123
123
 
124
+ #menu .item-row-group svg {
125
+ fill: var(--light-700);
126
+ }
127
+
124
128
  #menu .toggle .expand {
125
129
  fill: var(--primary-500);
126
130
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stack-spot/portal-layout",
3
- "version": "0.0.37",
3
+ "version": "0.0.39",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/Layout.tsx CHANGED
@@ -41,9 +41,9 @@ export const RawLayout = (
41
41
  const { bottomDialog, modal, rightPanel } = overlay.useOverlays()
42
42
  const { layout } = getLayoutElements()
43
43
  const isCompactedOnlyIcons = layout?.classList.contains('menu-compact')
44
-
44
+
45
45
  const classes = [
46
- menuContent && !isCompactedOnlyIcons? 'menu-content-visible' : undefined,
46
+ menuContent && !isCompactedOnlyIcons ? 'menu-content-visible' : undefined,
47
47
  menuSections ? undefined : 'no-menu-sections',
48
48
  className,
49
49
  isCompactedOnlyIcons ? 'menu-compact' : undefined,
@@ -62,8 +62,8 @@ export const RawLayout = (
62
62
  </div>}
63
63
  {extra && <SilentErrorBoundary>{extra}</SilentErrorBoundary>}
64
64
  <aside id={elementIds.menu}>
65
- <nav id={elementIds.menuContent}><SilentErrorBoundary>{menuContent}</SilentErrorBoundary></nav>
66
- {menuSections && <nav id={elementIds.menuSections}><SilentErrorBoundary>{menuSections}</SilentErrorBoundary></nav>}
65
+ <nav role="menu" id={elementIds.menuContent}><SilentErrorBoundary>{menuContent}</SilentErrorBoundary></nav>
66
+ {menuSections && <nav role="menu" id={elementIds.menuSections}><SilentErrorBoundary>{menuSections}</SilentErrorBoundary></nav>}
67
67
  </aside>
68
68
  {header && <header id={elementIds.header}><SilentErrorBoundary>{header}</SilentErrorBoundary></header>}
69
69
  <div id={elementIds.bottomDialog} role="dialog"><ErrorBoundary>{bottomDialog}</ErrorBoundary></div>
package/src/components/menu/MenuContent.tsx CHANGED
@@ -31,13 +31,13 @@ export const MenuGroup = styled.ul`
31
31
  padding: 0;
32
32
  }
33
33
 
34
- .item-row-title > a {
35
- padding: 0 20px;
34
+ .item-row-group > a {
35
+ padding: 0 16px;
36
36
  margin: 0;
37
37
  border-radius: 0;
38
38
  }
39
39
 
40
- .item-row-title > a::before {
40
+ .item-row-group > a::before {
41
41
  content: '';
42
42
  position: absolute;
43
43
  top: 0;
@@ -66,15 +66,18 @@ export const MenuGroup = styled.ul`
66
66
  }
67
67
  }
68
68
  }
69
+
70
+ .item-row-group {
71
+ margin-top: 16px;
72
+ }
69
73
 
70
74
  li a {
71
75
  position: relative;
72
76
  height: 0;
73
77
  overflow: hidden;
74
78
  transition: height 0.3s, background-color 0.2s;
75
- margin: 0 ${PADDING - ITEM_PADDING}px;
76
- border-radius: 4px;
77
- padding: 0 ${ITEM_PADDING}px;
79
+ margin-left: ${PADDING - ITEM_PADDING}px;
80
+ padding-left: ${ITEM_PADDING}px;
78
81
 
79
82
  &:hover {
80
83
  background-color: ${theme.color.light['500']};
@@ -88,12 +91,10 @@ export const MenuGroup = styled.ul`
88
91
  width: 2px;
89
92
  height: 0;
90
93
  background: inherit;
91
- border-radius: 50%;
92
94
  transition: height 0.2s;
93
95
  }
94
96
 
95
97
  &.active {
96
- cursor: auto;
97
98
 
98
99
  &:hover {
99
100
  background-color: transparent;
@@ -122,7 +123,7 @@ export const MenuGroup = styled.ul`
122
123
  &.open {
123
124
  visibility: visible;
124
125
  transition: unset;
125
- & > li > a, & > li > .item-row-title > a {
126
+ & > li > a, & > li > .item-row-group > a {
126
127
  height: 40px;
127
128
  }
128
129
  }
@@ -162,7 +163,7 @@ export const ActionItem = ({ label, onClick, href, active, icon, badge, overflow
162
163
  const isTextLabel = typeof label === 'string'
163
164
  return (
164
165
  <a
165
- href={active ? undefined : href}
166
+ href={href}
166
167
  onClick={() => {
167
168
  if (active) return
168
169
  if (onClick) onClick()
@@ -181,7 +182,8 @@ export const ActionItem = ({ label, onClick, href, active, icon, badge, overflow
181
182
  )
182
183
  }
183
184
 
184
- const CollapsibleGroupItem = ({ label, open: initiallyOpened, children, icon, badge, overflow = 'wrap' }: ItemGroup) => {
185
+ const CollapsibleGroupItem = ({ label, open: initiallyOpened, children, icon, badge, root, overflow = 'wrap' }:
186
+ ItemGroup & { root?: boolean }) => {
185
187
  const [open, setOpen] = useState(initiallyOpened ?? children?.some(c => 'active' in c && c.active) ?? false)
186
188
  const items = useMemo(() => children?.filter(i => !i.hidden).map(renderOption), [children])
187
189
  const id = `menuGroup${label}`
@@ -197,11 +199,16 @@ const CollapsibleGroupItem = ({ label, open: initiallyOpened, children, icon, ba
197
199
  aria-expanded={open}
198
200
  >
199
201
  {icon}
200
- <Text appearance="body2" className={`label ${overflow}`}>{label}</Text>
202
+ <Text appearance={root ? 'overheader2' : 'body2'}
203
+ colorScheme={root ? 'light.700': 'light.contrastText'} className={`label ${overflow}`}>{label}</Text>
201
204
  {badge}
202
- <IconBox><ChevronDown className={listToClass(['chevron', open ? 'open' : ''])} /></IconBox>
205
+ <IconBox sx={{ mr: root ? undefined : '5' }}>
206
+ <ChevronDown className={listToClass(['chevron', open ? 'open' : ''])} />
207
+ </IconBox>
203
208
  </a>
204
- <MenuGroup id={id} className={open ? 'open' : undefined} aria-hidden={!open}>{items}</MenuGroup>
209
+ <MenuGroup id={id}
210
+ className={`${open ? 'open' : undefined} ${root ? 'no-indentation' : undefined}`}
211
+ aria-hidden={!open}>{items}</MenuGroup>
205
212
  </>
206
213
  )
207
214
  }
@@ -210,8 +217,8 @@ const RootGroupItem = (props: ItemGroup) => {
210
217
  const items = useMemo(() => props.children?.filter(i => !i.hidden).map(renderOption), [props.children])
211
218
 
212
219
  return <>
213
- {items.length ? <div className="item-row-title">
214
- <CollapsibleGroupItem {...props} open={true} />
220
+ {items.length ? <div className="item-row-group">
221
+ <CollapsibleGroupItem {...props} open={true} root={true}/>
215
222
  </div> :
216
223
  <>
217
224
  <div className="item-row">
@@ -231,7 +238,11 @@ const GroupItem = ({ root, ...item }: ItemGroup & { root?: boolean }) => (
231
238
 
232
239
  function renderOption({ root, ...option }: MenuItem & { root?: boolean }) {
233
240
  const labelText = typeof option.label === 'string' ? option.label : option.label.id
234
- return <li key={labelText}>{'children' in option ? <GroupItem root={root} {...option} /> : <ActionItem {...option} />}</li>
241
+ return (
242
+ <li key={labelText} role="menuitem" aria-selected={'children' in option ? undefined : option.active}>
243
+ {'children' in option ? <GroupItem root={root} {...option} /> : <ActionItem {...option} />}
244
+ </li >
245
+ )
235
246
  }
236
247
 
237
248
  export const MenuContent = ({ pageSelector, goBack, title, subtitle, afterTitle, options = [], loading, error }: MenuSectionContent) => {
package/src/components/menu/MenuSections.tsx CHANGED
@@ -104,7 +104,12 @@ const Section = ({
104
104
 
105
105
  return (
106
106
  <>
107
- <li key={labelText} title={labelText} className={`section-submenu ${className || ''} ${active ? 'active' : ''}`}>
107
+ <li
108
+ role="menuitem"
109
+ key={labelText}
110
+ title={labelText}
111
+ className={`section-submenu ${className || ''} ${active ? 'active' : ''}`}
112
+ aria-selected={active}>
108
113
  <a
109
114
  href={href}
110
115
  target={target}
@@ -227,14 +232,12 @@ export const MenuSections = ({ sections = [], ...props }: MenuProps) => {
227
232
  </button>
228
233
  {(props.settings?.show) &&
229
234
  <a href={props.settings?.href} onClick={props.settings?.onClick}
230
- className="sections-footer"
235
+ className="sections-footer toggle"
231
236
  {...(props.settings.active ? { 'aria-current': 'page' } : undefined)}>
232
- <Flex alignItems="center" justifyContent="center">
233
- <IconBox aria-label={t.settingsIcon}>
234
- <Cog />
235
- </IconBox>
236
- <Text appearance="microtext1" ml={2}>{t.settings}</Text>
237
- </Flex>
237
+ <IconBox aria-label={t.settingsIcon}>
238
+ <Cog />
239
+ </IconBox>
240
+ <Text appearance="microtext1" ml={8} className="collapse">{t.settings}</Text>
238
241
  </a>
239
242
  }
240
243
  </Flex>
package/src/components/menu/constants.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export const MENU_CONTENT_PADDING = 20
2
- export const MENU_CONTENT_ITEM_PADDING = 12
2
+ export const MENU_CONTENT_ITEM_PADDING = 16
package/src/layout.css CHANGED
@@ -121,6 +121,10 @@ body {
121
121
  fill: var(--light-contrastText);
122
122
  }
123
123
 
124
+ #menu .item-row-group svg {
125
+ fill: var(--light-700);
126
+ }
127
+
124
128
  #menu .toggle .expand {
125
129
  fill: var(--primary-500);
126
130
  }