@zendeskgarden/react-chrome 8.69.2 → 8.69.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +42 -57
- package/dist/index.esm.js +40 -56
- package/dist/typings/elements/Chrome.d.ts +12 -12
- package/dist/typings/elements/SkipNav.d.ts +12 -12
- package/dist/typings/elements/body/Body.d.ts +12 -12
- package/dist/typings/elements/body/Content.d.ts +11 -11
- package/dist/typings/elements/body/Main.d.ts +11 -11
- package/dist/typings/elements/body/Sidebar.d.ts +11 -11
- package/dist/typings/elements/footer/Footer.d.ts +11 -11
- package/dist/typings/elements/footer/FooterItem.d.ts +11 -11
- package/dist/typings/elements/header/Header.d.ts +12 -12
- package/dist/typings/elements/header/HeaderItem.d.ts +12 -12
- package/dist/typings/elements/header/HeaderItemIcon.d.ts +11 -11
- package/dist/typings/elements/header/HeaderItemText.d.ts +12 -12
- package/dist/typings/elements/header/HeaderItemWrapper.d.ts +12 -12
- package/dist/typings/elements/nav/Nav.d.ts +12 -12
- package/dist/typings/elements/nav/NavItem.d.ts +12 -12
- package/dist/typings/elements/nav/NavItemIcon.d.ts +11 -11
- package/dist/typings/elements/nav/NavItemText.d.ts +12 -12
- package/dist/typings/elements/sheet/Sheet.d.ts +27 -27
- package/dist/typings/elements/sheet/components/Body.d.ts +11 -11
- package/dist/typings/elements/sheet/components/Close.d.ts +11 -11
- package/dist/typings/elements/sheet/components/Description.d.ts +11 -11
- package/dist/typings/elements/sheet/components/Footer.d.ts +12 -12
- package/dist/typings/elements/sheet/components/FooterItem.d.ts +11 -11
- package/dist/typings/elements/sheet/components/Header.d.ts +11 -11
- package/dist/typings/elements/sheet/components/Title.d.ts +11 -11
- package/dist/typings/elements/subnav/CollapsibleSubNavItem.d.ts +12 -12
- package/dist/typings/elements/subnav/SubNav.d.ts +11 -11
- package/dist/typings/elements/subnav/SubNavItem.d.ts +12 -12
- package/dist/typings/elements/subnav/SubNavItemText.d.ts +12 -12
- package/dist/typings/index.d.ts +32 -32
- package/dist/typings/styled/StyledChrome.d.ts +13 -13
- package/dist/typings/styled/StyledSkipNav.d.ts +18 -18
- package/dist/typings/styled/StyledSkipNavIcon.d.ts +11 -11
- package/dist/typings/styled/body/StyledBody.d.ts +10 -10
- package/dist/typings/styled/body/StyledContent.d.ts +14 -14
- package/dist/typings/styled/body/StyledMain.d.ts +10 -10
- package/dist/typings/styled/body/StyledSidebar.d.ts +10 -10
- package/dist/typings/styled/footer/StyledFooter.d.ts +12 -12
- package/dist/typings/styled/footer/StyledFooterItem.d.ts +13 -13
- package/dist/typings/styled/header/StyledBaseHeaderItem.d.ts +21 -21
- package/dist/typings/styled/header/StyledHeader.d.ts +12 -12
- package/dist/typings/styled/header/StyledHeaderItem.d.ts +15 -15
- package/dist/typings/styled/header/StyledHeaderItemIcon.d.ts +13 -13
- package/dist/typings/styled/header/StyledHeaderItemText.d.ts +11 -11
- package/dist/typings/styled/header/StyledHeaderItemWrapper.d.ts +11 -11
- package/dist/typings/styled/header/StyledLogoHeaderItem.d.ts +21 -21
- package/dist/typings/styled/index.d.ts +44 -44
- package/dist/typings/styled/nav/StyledBaseNavItem.d.ts +16 -16
- package/dist/typings/styled/nav/StyledBrandmarkNavItem.d.ts +14 -14
- package/dist/typings/styled/nav/StyledLogoNavItem.d.ts +21 -21
- package/dist/typings/styled/nav/StyledNav.d.ts +17 -17
- package/dist/typings/styled/nav/StyledNavItem.d.ts +26 -26
- package/dist/typings/styled/nav/StyledNavItemIcon.d.ts +13 -13
- package/dist/typings/styled/nav/StyledNavItemText.d.ts +11 -11
- package/dist/typings/styled/sheet/StyledSheet.d.ts +19 -19
- package/dist/typings/styled/sheet/StyledSheetBody.d.ts +10 -10
- package/dist/typings/styled/sheet/StyledSheetClose.d.ts +16 -16
- package/dist/typings/styled/sheet/StyledSheetDescription.d.ts +11 -11
- package/dist/typings/styled/sheet/StyledSheetFooter.d.ts +15 -15
- package/dist/typings/styled/sheet/StyledSheetFooterItem.d.ts +11 -11
- package/dist/typings/styled/sheet/StyledSheetHeader.d.ts +18 -18
- package/dist/typings/styled/sheet/StyledSheetTitle.d.ts +11 -11
- package/dist/typings/styled/sheet/StyledSheetWrapper.d.ts +19 -19
- package/dist/typings/styled/subnav/StyledSubNav.d.ts +17 -17
- package/dist/typings/styled/subnav/StyledSubNavItem.d.ts +21 -21
- package/dist/typings/styled/subnav/StyledSubNavItemHeader.d.ts +14 -14
- package/dist/typings/styled/subnav/StyledSubNavItemIcon.d.ts +14 -14
- package/dist/typings/styled/subnav/StyledSubNavItemText.d.ts +11 -11
- package/dist/typings/styled/subnav/StyledSubNavPanel.d.ts +12 -12
- package/dist/typings/types/index.d.ts +117 -117
- package/dist/typings/utils/useBodyContext.d.ts +13 -13
- package/dist/typings/utils/useChromeContext.d.ts +15 -15
- package/dist/typings/utils/useFocusableMount.d.ts +14 -14
- package/dist/typings/utils/useNavContext.d.ts +13 -13
- package/dist/typings/utils/useSheetContext.d.ts +15 -15
- package/package.json +3 -3
package/dist/index.esm.js
CHANGED
|
@@ -15,6 +15,7 @@ import { useAccordion } from '@zendeskgarden/container-accordion';
|
|
|
15
15
|
import { getControlledValue } from '@zendeskgarden/container-utilities';
|
|
16
16
|
import { useUIDSeed } from 'react-uid';
|
|
17
17
|
import mergeRefs from 'react-merge-refs';
|
|
18
|
+
import activeElement from 'dom-helpers/activeElement';
|
|
18
19
|
|
|
19
20
|
function _extends$3() {
|
|
20
21
|
_extends$3 = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -41,7 +42,7 @@ const useChromeContext = () => {
|
|
|
41
42
|
const COMPONENT_ID$A = 'chrome.chrome';
|
|
42
43
|
const StyledChrome = styled.div.attrs({
|
|
43
44
|
'data-garden-id': COMPONENT_ID$A,
|
|
44
|
-
'data-garden-version': '8.69.
|
|
45
|
+
'data-garden-version': '8.69.3'
|
|
45
46
|
}).withConfig({
|
|
46
47
|
displayName: "StyledChrome",
|
|
47
48
|
componentId: "sc-1uqm6u6-0"
|
|
@@ -53,7 +54,7 @@ StyledChrome.defaultProps = {
|
|
|
53
54
|
const COMPONENT_ID$z = 'chrome.header_item_icon';
|
|
54
55
|
const StyledHeaderItemIcon = styled.div.attrs({
|
|
55
56
|
'data-garden-id': COMPONENT_ID$z,
|
|
56
|
-
'data-garden-version': '8.69.
|
|
57
|
+
'data-garden-version': '8.69.3'
|
|
57
58
|
}).withConfig({
|
|
58
59
|
displayName: "StyledHeaderItemIcon",
|
|
59
60
|
componentId: "sc-1jhhp6z-0"
|
|
@@ -70,7 +71,7 @@ const sizeStyles$4 = props => {
|
|
|
70
71
|
};
|
|
71
72
|
const StyledBaseHeaderItem = styled.button.attrs({
|
|
72
73
|
'data-garden-id': COMPONENT_ID$y,
|
|
73
|
-
'data-garden-version': '8.69.
|
|
74
|
+
'data-garden-version': '8.69.3'
|
|
74
75
|
}).withConfig({
|
|
75
76
|
displayName: "StyledBaseHeaderItem",
|
|
76
77
|
componentId: "sc-1qua7h6-0"
|
|
@@ -91,7 +92,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
|
|
|
91
92
|
const clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
|
|
92
93
|
const StyledHeaderItemText = styled.span.attrs({
|
|
93
94
|
'data-garden-id': COMPONENT_ID$x,
|
|
94
|
-
'data-garden-version': '8.69.
|
|
95
|
+
'data-garden-version': '8.69.3'
|
|
95
96
|
}).withConfig({
|
|
96
97
|
displayName: "StyledHeaderItemText",
|
|
97
98
|
componentId: "sc-goz7la-0"
|
|
@@ -115,7 +116,7 @@ const getExpandedNavWidth = () => {
|
|
|
115
116
|
};
|
|
116
117
|
const StyledNav = styled.nav.attrs({
|
|
117
118
|
'data-garden-id': COMPONENT_ID$w,
|
|
118
|
-
'data-garden-version': '8.69.
|
|
119
|
+
'data-garden-version': '8.69.3'
|
|
119
120
|
}).withConfig({
|
|
120
121
|
displayName: "StyledNav",
|
|
121
122
|
componentId: "sc-6j462r-0"
|
|
@@ -147,7 +148,7 @@ const retrieveProductColor$1 = props => {
|
|
|
147
148
|
};
|
|
148
149
|
const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
|
|
149
150
|
'data-garden-id': COMPONENT_ID$v,
|
|
150
|
-
'data-garden-version': '8.69.
|
|
151
|
+
'data-garden-version': '8.69.3',
|
|
151
152
|
as: 'div'
|
|
152
153
|
}).withConfig({
|
|
153
154
|
displayName: "StyledLogoHeaderItem",
|
|
@@ -168,7 +169,7 @@ const sizeStyles$3 = props => {
|
|
|
168
169
|
};
|
|
169
170
|
const StyledBaseNavItem = styled.button.attrs({
|
|
170
171
|
'data-garden-id': COMPONENT_ID$u,
|
|
171
|
-
'data-garden-version': '8.69.
|
|
172
|
+
'data-garden-version': '8.69.3'
|
|
172
173
|
}).withConfig({
|
|
173
174
|
displayName: "StyledBaseNavItem",
|
|
174
175
|
componentId: "sc-zvo43f-0"
|
|
@@ -183,7 +184,7 @@ const getHeaderHeight = props => {
|
|
|
183
184
|
};
|
|
184
185
|
const StyledHeader = styled.header.attrs({
|
|
185
186
|
'data-garden-id': COMPONENT_ID$t,
|
|
186
|
-
'data-garden-version': '8.69.
|
|
187
|
+
'data-garden-version': '8.69.3'
|
|
187
188
|
}).withConfig({
|
|
188
189
|
displayName: "StyledHeader",
|
|
189
190
|
componentId: "sc-1cexpz-0"
|
|
@@ -221,7 +222,7 @@ const sizeStyles$2 = props => {
|
|
|
221
222
|
};
|
|
222
223
|
const StyledSkipNav = styled.a.attrs({
|
|
223
224
|
'data-garden-id': COMPONENT_ID$s,
|
|
224
|
-
'data-garden-version': '8.69.
|
|
225
|
+
'data-garden-version': '8.69.3'
|
|
225
226
|
}).withConfig({
|
|
226
227
|
displayName: "StyledSkipNav",
|
|
227
228
|
componentId: "sc-1tsro34-0"
|
|
@@ -254,7 +255,7 @@ const sizeStyles$1 = theme => {
|
|
|
254
255
|
};
|
|
255
256
|
const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
|
|
256
257
|
'data-garden-id': COMPONENT_ID$r,
|
|
257
|
-
'data-garden-version': '8.69.
|
|
258
|
+
'data-garden-version': '8.69.3'
|
|
258
259
|
}).withConfig({
|
|
259
260
|
displayName: "StyledSkipNavIcon",
|
|
260
261
|
componentId: "sc-1ika5z4-0"
|
|
@@ -266,7 +267,7 @@ StyledSkipNavIcon.defaultProps = {
|
|
|
266
267
|
const COMPONENT_ID$q = 'chrome.body';
|
|
267
268
|
const StyledBody = styled.div.attrs({
|
|
268
269
|
'data-garden-id': COMPONENT_ID$q,
|
|
269
|
-
'data-garden-version': '8.69.
|
|
270
|
+
'data-garden-version': '8.69.3'
|
|
270
271
|
}).withConfig({
|
|
271
272
|
displayName: "StyledBody",
|
|
272
273
|
componentId: "sc-c7h9kv-0"
|
|
@@ -281,7 +282,7 @@ const getFooterHeight = props => {
|
|
|
281
282
|
};
|
|
282
283
|
const StyledFooter = styled.footer.attrs({
|
|
283
284
|
'data-garden-id': COMPONENT_ID$p,
|
|
284
|
-
'data-garden-version': '8.69.
|
|
285
|
+
'data-garden-version': '8.69.3'
|
|
285
286
|
}).withConfig({
|
|
286
287
|
displayName: "StyledFooter",
|
|
287
288
|
componentId: "sc-v7lib2-0"
|
|
@@ -293,7 +294,7 @@ StyledFooter.defaultProps = {
|
|
|
293
294
|
const COMPONENT_ID$o = 'chrome.content';
|
|
294
295
|
const StyledContent = styled.div.attrs({
|
|
295
296
|
'data-garden-id': COMPONENT_ID$o,
|
|
296
|
-
'data-garden-version': '8.69.
|
|
297
|
+
'data-garden-version': '8.69.3'
|
|
297
298
|
}).withConfig({
|
|
298
299
|
displayName: "StyledContent",
|
|
299
300
|
componentId: "sc-qcuzxn-0"
|
|
@@ -305,7 +306,7 @@ StyledContent.defaultProps = {
|
|
|
305
306
|
const COMPONENT_ID$n = 'chrome.main';
|
|
306
307
|
const StyledMain = styled.main.attrs({
|
|
307
308
|
'data-garden-id': COMPONENT_ID$n,
|
|
308
|
-
'data-garden-version': '8.69.
|
|
309
|
+
'data-garden-version': '8.69.3'
|
|
309
310
|
}).withConfig({
|
|
310
311
|
displayName: "StyledMain",
|
|
311
312
|
componentId: "sc-t61cre-0"
|
|
@@ -317,7 +318,7 @@ StyledMain.defaultProps = {
|
|
|
317
318
|
const COMPONENT_ID$m = 'chrome.sidebar';
|
|
318
319
|
const StyledSidebar = styled.aside.attrs({
|
|
319
320
|
'data-garden-id': COMPONENT_ID$m,
|
|
320
|
-
'data-garden-version': '8.69.
|
|
321
|
+
'data-garden-version': '8.69.3'
|
|
321
322
|
}).withConfig({
|
|
322
323
|
displayName: "StyledSidebar",
|
|
323
324
|
componentId: "sc-1q77fuw-0"
|
|
@@ -329,7 +330,7 @@ StyledSidebar.defaultProps = {
|
|
|
329
330
|
const COMPONENT_ID$l = 'chrome.footer_item';
|
|
330
331
|
const StyledFooterItem = styled.div.attrs({
|
|
331
332
|
'data-garden-id': COMPONENT_ID$l,
|
|
332
|
-
'data-garden-version': '8.69.
|
|
333
|
+
'data-garden-version': '8.69.3'
|
|
333
334
|
}).withConfig({
|
|
334
335
|
displayName: "StyledFooterItem",
|
|
335
336
|
componentId: "sc-1cktm85-0"
|
|
@@ -345,7 +346,7 @@ const imgStyles = props => {
|
|
|
345
346
|
};
|
|
346
347
|
const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
|
|
347
348
|
'data-garden-id': COMPONENT_ID$k,
|
|
348
|
-
'data-garden-version': '8.69.
|
|
349
|
+
'data-garden-version': '8.69.3'
|
|
349
350
|
}).withConfig({
|
|
350
351
|
displayName: "StyledHeaderItem",
|
|
351
352
|
componentId: "sc-14sft6n-0"
|
|
@@ -364,7 +365,7 @@ StyledHeaderItem.defaultProps = {
|
|
|
364
365
|
const COMPONENT_ID$j = 'chrome.header_item_wrapper';
|
|
365
366
|
const StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
|
|
366
367
|
'data-garden-id': COMPONENT_ID$j,
|
|
367
|
-
'data-garden-version': '8.69.
|
|
368
|
+
'data-garden-version': '8.69.3',
|
|
368
369
|
as: 'div'
|
|
369
370
|
}).withConfig({
|
|
370
371
|
displayName: "StyledHeaderItemWrapper",
|
|
@@ -402,7 +403,7 @@ const colorStyles$4 = props => {
|
|
|
402
403
|
};
|
|
403
404
|
const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
|
|
404
405
|
'data-garden-id': COMPONENT_ID$i,
|
|
405
|
-
'data-garden-version': '8.69.
|
|
406
|
+
'data-garden-version': '8.69.3',
|
|
406
407
|
as: 'div'
|
|
407
408
|
}).withConfig({
|
|
408
409
|
displayName: "StyledLogoNavItem",
|
|
@@ -415,7 +416,7 @@ StyledLogoNavItem.defaultProps = {
|
|
|
415
416
|
const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
|
|
416
417
|
const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
|
|
417
418
|
'data-garden-id': COMPONENT_ID$h,
|
|
418
|
-
'data-garden-version': '8.69.
|
|
419
|
+
'data-garden-version': '8.69.3',
|
|
419
420
|
as: 'div'
|
|
420
421
|
}).withConfig({
|
|
421
422
|
displayName: "StyledBrandmarkNavItem",
|
|
@@ -428,7 +429,7 @@ StyledBrandmarkNavItem.defaultProps = {
|
|
|
428
429
|
const COMPONENT_ID$g = 'chrome.nav_item_icon';
|
|
429
430
|
const StyledNavItemIcon = styled.div.attrs({
|
|
430
431
|
'data-garden-id': COMPONENT_ID$g,
|
|
431
|
-
'data-garden-version': '8.69.
|
|
432
|
+
'data-garden-version': '8.69.3'
|
|
432
433
|
}).withConfig({
|
|
433
434
|
displayName: "StyledNavItemIcon",
|
|
434
435
|
componentId: "sc-7w9rpt-0"
|
|
@@ -474,7 +475,7 @@ const colorStyles$3 = props => {
|
|
|
474
475
|
};
|
|
475
476
|
const StyledNavItem = styled(StyledBaseNavItem).attrs({
|
|
476
477
|
'data-garden-id': COMPONENT_ID$f,
|
|
477
|
-
'data-garden-version': '8.69.
|
|
478
|
+
'data-garden-version': '8.69.3',
|
|
478
479
|
as: 'button'
|
|
479
480
|
}).withConfig({
|
|
480
481
|
displayName: "StyledNavItem",
|
|
@@ -491,7 +492,7 @@ StyledNavItem.defaultProps = {
|
|
|
491
492
|
const COMPONENT_ID$e = 'chrome.nav_item_text';
|
|
492
493
|
const StyledNavItemText = styled.span.attrs({
|
|
493
494
|
'data-garden-id': COMPONENT_ID$e,
|
|
494
|
-
'data-garden-version': '8.69.
|
|
495
|
+
'data-garden-version': '8.69.3'
|
|
495
496
|
}).withConfig({
|
|
496
497
|
displayName: "StyledNavItemText",
|
|
497
498
|
componentId: "sc-13m84xl-0"
|
|
@@ -544,7 +545,7 @@ const getSubNavItemHeight = props => {
|
|
|
544
545
|
};
|
|
545
546
|
const StyledSubNavItem = styled.button.attrs({
|
|
546
547
|
'data-garden-id': COMPONENT_ID$d,
|
|
547
|
-
'data-garden-version': '8.69.
|
|
548
|
+
'data-garden-version': '8.69.3'
|
|
548
549
|
}).withConfig({
|
|
549
550
|
displayName: "StyledSubNavItem",
|
|
550
551
|
componentId: "sc-1yg9dpx-0"
|
|
@@ -567,7 +568,7 @@ const colorStyles$1 = props => {
|
|
|
567
568
|
};
|
|
568
569
|
const StyledSubNav = styled.nav.attrs({
|
|
569
570
|
'data-garden-id': COMPONENT_ID$c,
|
|
570
|
-
'data-garden-version': '8.69.
|
|
571
|
+
'data-garden-version': '8.69.3'
|
|
571
572
|
}).withConfig({
|
|
572
573
|
displayName: "StyledSubNav",
|
|
573
574
|
componentId: "sc-19hjou6-0"
|
|
@@ -585,7 +586,7 @@ const sizeStyles = props => {
|
|
|
585
586
|
};
|
|
586
587
|
const StyledSubNavItemText = styled.span.attrs({
|
|
587
588
|
'data-garden-id': COMPONENT_ID$b,
|
|
588
|
-
'data-garden-version': '8.69.
|
|
589
|
+
'data-garden-version': '8.69.3'
|
|
589
590
|
}).withConfig({
|
|
590
591
|
displayName: "StyledSubNavItemText",
|
|
591
592
|
componentId: "sc-1hy0pn7-0"
|
|
@@ -597,7 +598,7 @@ StyledSubNavItemText.defaultProps = {
|
|
|
597
598
|
const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
|
|
598
599
|
const StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
|
|
599
600
|
'data-garden-id': COMPONENT_ID$a,
|
|
600
|
-
'data-garden-version': '8.69.
|
|
601
|
+
'data-garden-version': '8.69.3',
|
|
601
602
|
'data-garden-header': 'true'
|
|
602
603
|
}).withConfig({
|
|
603
604
|
displayName: "StyledSubNavItemHeader",
|
|
@@ -644,7 +645,7 @@ StyledSubNavItemIcon.defaultProps = {
|
|
|
644
645
|
};
|
|
645
646
|
const StyledSubNavItemIconWrapper = styled.div.attrs({
|
|
646
647
|
'data-garden-id': COMPONENT_ID$9,
|
|
647
|
-
'data-garden-version': '8.69.
|
|
648
|
+
'data-garden-version': '8.69.3'
|
|
648
649
|
}).withConfig({
|
|
649
650
|
displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
|
|
650
651
|
componentId: "sc-1d02hho-1"
|
|
@@ -662,7 +663,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
|
|
|
662
663
|
const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
|
|
663
664
|
const StyledSubNavPanel = styled.div.attrs({
|
|
664
665
|
'data-garden-id': PANEL_COMPONENT_ID,
|
|
665
|
-
'data-garden-version': '8.69.
|
|
666
|
+
'data-garden-version': '8.69.3'
|
|
666
667
|
}).withConfig({
|
|
667
668
|
displayName: "StyledSubNavPanel",
|
|
668
669
|
componentId: "sc-1jv3rpv-0"
|
|
@@ -693,7 +694,7 @@ const borderStyle = _ref => {
|
|
|
693
694
|
};
|
|
694
695
|
const StyledSheet = styled.aside.attrs({
|
|
695
696
|
'data-garden-id': COMPONENT_ID$8,
|
|
696
|
-
'data-garden-version': '8.69.
|
|
697
|
+
'data-garden-version': '8.69.3'
|
|
697
698
|
}).withConfig({
|
|
698
699
|
displayName: "StyledSheet",
|
|
699
700
|
componentId: "sc-dx8ijk-0"
|
|
@@ -705,7 +706,7 @@ StyledSheet.defaultProps = {
|
|
|
705
706
|
const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
|
|
706
707
|
const StyledSheetWrapper = styled.div.attrs({
|
|
707
708
|
'data-garden-id': COMPONENT_ID$7,
|
|
708
|
-
'data-garden-version': '8.69.
|
|
709
|
+
'data-garden-version': '8.69.3'
|
|
709
710
|
}).withConfig({
|
|
710
711
|
displayName: "StyledSheetWrapper",
|
|
711
712
|
componentId: "sc-f6x9zb-0"
|
|
@@ -732,7 +733,7 @@ StyledSheetWrapper.defaultProps = {
|
|
|
732
733
|
const COMPONENT_ID$6 = 'chrome.sheet_title';
|
|
733
734
|
const StyledSheetTitle = styled.div.attrs({
|
|
734
735
|
'data-garden-id': COMPONENT_ID$6,
|
|
735
|
-
'data-garden-version': '8.69.
|
|
736
|
+
'data-garden-version': '8.69.3'
|
|
736
737
|
}).withConfig({
|
|
737
738
|
displayName: "StyledSheetTitle",
|
|
738
739
|
componentId: "sc-1gogk75-0"
|
|
@@ -744,7 +745,7 @@ StyledSheetTitle.defaultProps = {
|
|
|
744
745
|
const COMPONENT_ID$5 = 'chrome.sheet_description';
|
|
745
746
|
const StyledSheetDescription = styled.div.attrs({
|
|
746
747
|
'data-garden-id': COMPONENT_ID$5,
|
|
747
|
-
'data-garden-version': '8.69.
|
|
748
|
+
'data-garden-version': '8.69.3'
|
|
748
749
|
}).withConfig({
|
|
749
750
|
displayName: "StyledSheetDescription",
|
|
750
751
|
componentId: "sc-1puglb6-0"
|
|
@@ -756,7 +757,7 @@ StyledSheetDescription.defaultProps = {
|
|
|
756
757
|
const COMPONENT_ID$4 = 'chrome.sheet_body';
|
|
757
758
|
const StyledSheetBody = styled.div.attrs({
|
|
758
759
|
'data-garden-id': COMPONENT_ID$4,
|
|
759
|
-
'data-garden-version': '8.69.
|
|
760
|
+
'data-garden-version': '8.69.3'
|
|
760
761
|
}).withConfig({
|
|
761
762
|
displayName: "StyledSheetBody",
|
|
762
763
|
componentId: "sc-bt4eoj-0"
|
|
@@ -780,7 +781,7 @@ const colorStyles = props => {
|
|
|
780
781
|
};
|
|
781
782
|
const StyledSheetClose = styled.button.attrs({
|
|
782
783
|
'data-garden-id': COMPONENT_ID$3,
|
|
783
|
-
'data-garden-version': '8.69.
|
|
784
|
+
'data-garden-version': '8.69.3'
|
|
784
785
|
}).withConfig({
|
|
785
786
|
displayName: "StyledSheetClose",
|
|
786
787
|
componentId: "sc-1ab02oq-0"
|
|
@@ -792,7 +793,7 @@ StyledSheetClose.defaultProps = {
|
|
|
792
793
|
const COMPONENT_ID$2 = 'chrome.sheet_footer';
|
|
793
794
|
const StyledSheetFooter = styled.footer.attrs({
|
|
794
795
|
'data-garden-id': COMPONENT_ID$2,
|
|
795
|
-
'data-garden-version': '8.69.
|
|
796
|
+
'data-garden-version': '8.69.3'
|
|
796
797
|
}).withConfig({
|
|
797
798
|
displayName: "StyledSheetFooter",
|
|
798
799
|
componentId: "sc-2cktos-0"
|
|
@@ -804,7 +805,7 @@ StyledSheetFooter.defaultProps = {
|
|
|
804
805
|
const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
|
|
805
806
|
const StyledSheetFooterItem = styled.div.attrs({
|
|
806
807
|
'data-garden-id': COMPONENT_ID$1,
|
|
807
|
-
'data-garden-version': '8.69.
|
|
808
|
+
'data-garden-version': '8.69.3'
|
|
808
809
|
}).withConfig({
|
|
809
810
|
displayName: "StyledSheetFooterItem",
|
|
810
811
|
componentId: "sc-r9ixh-0"
|
|
@@ -816,7 +817,7 @@ StyledSheetFooterItem.defaultProps = {
|
|
|
816
817
|
const COMPONENT_ID = 'chrome.sheet_header';
|
|
817
818
|
const StyledSheetHeader = styled.header.attrs({
|
|
818
819
|
'data-garden-id': COMPONENT_ID,
|
|
819
|
-
'data-garden-version': '8.69.
|
|
820
|
+
'data-garden-version': '8.69.3'
|
|
820
821
|
}).withConfig({
|
|
821
822
|
displayName: "StyledSheetHeader",
|
|
822
823
|
componentId: "sc-o2ry8i-0"
|
|
@@ -1251,23 +1252,6 @@ const useSheetContext = () => {
|
|
|
1251
1252
|
return useContext(SheetContext);
|
|
1252
1253
|
};
|
|
1253
1254
|
|
|
1254
|
-
function ownerDocument(node) {
|
|
1255
|
-
return node && node.ownerDocument || document;
|
|
1256
|
-
}
|
|
1257
|
-
|
|
1258
|
-
function activeElement(doc) {
|
|
1259
|
-
if (doc === void 0) {
|
|
1260
|
-
doc = ownerDocument();
|
|
1261
|
-
}
|
|
1262
|
-
try {
|
|
1263
|
-
var active = doc.activeElement;
|
|
1264
|
-
if (!active || !active.nodeName) return null;
|
|
1265
|
-
return active;
|
|
1266
|
-
} catch (e) {
|
|
1267
|
-
return doc.body;
|
|
1268
|
-
}
|
|
1269
|
-
}
|
|
1270
|
-
|
|
1271
1255
|
function useFocusableMount(_ref) {
|
|
1272
1256
|
let {
|
|
1273
1257
|
isMounted,
|
|
@@ -1405,7 +1389,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
|
|
|
1405
1389
|
const sheetRef = useRef(null);
|
|
1406
1390
|
const seed = useUIDSeed();
|
|
1407
1391
|
const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
|
|
1408
|
-
const idPrefix = useMemo(() => id || seed(`sheet_${'8.69.
|
|
1392
|
+
const idPrefix = useMemo(() => id || seed(`sheet_${'8.69.3'}`), [id, seed]);
|
|
1409
1393
|
const titleId = `${idPrefix}--title`;
|
|
1410
1394
|
const descriptionId = `${idPrefix}--description`;
|
|
1411
1395
|
const sheetContext = useMemo(() => ({
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IChromeProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Chrome: React.ForwardRefExoticComponent<IChromeProps & React.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IChromeProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Chrome: React.ForwardRefExoticComponent<IChromeProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { ISkipNavProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends AnchorHTMLAttributes<HTMLAnchorElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const SkipNav: React.ForwardRefExoticComponent<ISkipNavProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ISkipNavProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends AnchorHTMLAttributes<HTMLAnchorElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const SkipNav: React.ForwardRefExoticComponent<ISkipNavProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IBodyProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IBodyProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLDivElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Main: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Main: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IHeaderProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IHeaderProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IHeaderItemProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IHeaderItemProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IHeaderItemTextProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLSpanElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IHeaderItemTextProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLSpanElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;
|