@zendeskgarden/react-chrome 8.69.2 → 8.69.4
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 +43 -63
- package/dist/index.esm.js +41 -62
- 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 +31 -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
|
@@ -1,26 +1,26 @@
|
|
|
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 { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
interface IStyledNavItemProps extends ThemeProps<DefaultTheme> {
|
|
9
|
-
isCurrent?: boolean;
|
|
10
|
-
isExpanded?: boolean;
|
|
11
|
-
isDark?: boolean;
|
|
12
|
-
isLight?: boolean;
|
|
13
|
-
hue: string;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* 1. Anchor reset
|
|
17
|
-
* 2. Button reset
|
|
18
|
-
* 3. Override `focusStyles` outline (in `colorStyles`)
|
|
19
|
-
* 4. Use of negative offset to create an inset outline
|
|
20
|
-
*/
|
|
21
|
-
export declare const StyledNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
22
|
-
'data-garden-id': string;
|
|
23
|
-
'data-garden-version': string;
|
|
24
|
-
as: string;
|
|
25
|
-
} & IStyledNavItemProps, "as" | "data-garden-id" | "data-garden-version">;
|
|
26
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledNavItemProps extends ThemeProps<DefaultTheme> {
|
|
9
|
+
isCurrent?: boolean;
|
|
10
|
+
isExpanded?: boolean;
|
|
11
|
+
isDark?: boolean;
|
|
12
|
+
isLight?: boolean;
|
|
13
|
+
hue: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* 1. Anchor reset
|
|
17
|
+
* 2. Button reset
|
|
18
|
+
* 3. Override `focusStyles` outline (in `colorStyles`)
|
|
19
|
+
* 4. Use of negative offset to create an inset outline
|
|
20
|
+
*/
|
|
21
|
+
export declare const StyledNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
22
|
+
'data-garden-id': string;
|
|
23
|
+
'data-garden-version': string;
|
|
24
|
+
as: string;
|
|
25
|
+
} & IStyledNavItemProps, "as" | "data-garden-id" | "data-garden-version">;
|
|
26
|
+
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Applies styling directly to child component
|
|
9
|
-
**/
|
|
10
|
-
export declare const StyledNavItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Applies styling directly to child component
|
|
9
|
+
**/
|
|
10
|
+
export declare const StyledNavItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -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
|
-
export interface IStyledNavItemTextProps {
|
|
8
|
-
isWrapped?: boolean;
|
|
9
|
-
isExpanded?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledNavItemTextProps, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export interface IStyledNavItemTextProps {
|
|
8
|
+
isWrapped?: boolean;
|
|
9
|
+
isExpanded?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledNavItemTextProps, never>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ISheetProps } from '../../types';
|
|
9
|
-
interface IStyledSheetProps {
|
|
10
|
-
placement?: ISheetProps['placement'];
|
|
11
|
-
isOpen?: boolean;
|
|
12
|
-
isAnimated?: boolean;
|
|
13
|
-
size?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare const StyledSheet: import("styled-components").StyledComponent<"aside", DefaultTheme, {
|
|
16
|
-
'data-garden-id': string;
|
|
17
|
-
'data-garden-version': string;
|
|
18
|
-
} & IStyledSheetProps, "data-garden-id" | "data-garden-version">;
|
|
19
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ISheetProps } from '../../types';
|
|
9
|
+
interface IStyledSheetProps {
|
|
10
|
+
placement?: ISheetProps['placement'];
|
|
11
|
+
isOpen?: boolean;
|
|
12
|
+
isAnimated?: boolean;
|
|
13
|
+
size?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const StyledSheet: import("styled-components").StyledComponent<"aside", DefaultTheme, {
|
|
16
|
+
'data-garden-id': string;
|
|
17
|
+
'data-garden-version': string;
|
|
18
|
+
} & IStyledSheetProps, "data-garden-id" | "data-garden-version">;
|
|
19
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledSheetBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledSheetBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const BASE_MULTIPLIERS: {
|
|
9
|
-
top: number;
|
|
10
|
-
side: number;
|
|
11
|
-
size: number;
|
|
12
|
-
};
|
|
13
|
-
export declare const StyledSheetClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const BASE_MULTIPLIERS: {
|
|
9
|
+
top: number;
|
|
10
|
+
side: number;
|
|
11
|
+
size: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const StyledSheetClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
@@ -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 { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledSheetDescription: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledSheetDescription: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export interface IStyledSheetFooterProps {
|
|
9
|
-
/** Sets the SheetFooter padding to half the standard and centers the elements */
|
|
10
|
-
isCompact?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const StyledSheetFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
|
|
13
|
-
'data-garden-id': string;
|
|
14
|
-
'data-garden-version': string;
|
|
15
|
-
} & IStyledSheetFooterProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export interface IStyledSheetFooterProps {
|
|
9
|
+
/** Sets the SheetFooter padding to half the standard and centers the elements */
|
|
10
|
+
isCompact?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledSheetFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
|
|
13
|
+
'data-garden-id': string;
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & IStyledSheetFooterProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
@@ -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 { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledSheetFooterItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledSheetFooterItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export interface IStyledSheetHeaderProps {
|
|
9
|
-
isCloseButtonPresent?: boolean;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* 1. the padding size accounts for 40px (10 base units) size of the button,
|
|
13
|
-
* 8px additional padding and 8px padding for the button position from a given side.
|
|
14
|
-
*/
|
|
15
|
-
export declare const StyledSheetHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
|
|
16
|
-
'data-garden-id': string;
|
|
17
|
-
'data-garden-version': string;
|
|
18
|
-
} & IStyledSheetHeaderProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export interface IStyledSheetHeaderProps {
|
|
9
|
+
isCloseButtonPresent?: boolean;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* 1. the padding size accounts for 40px (10 base units) size of the button,
|
|
13
|
+
* 8px additional padding and 8px padding for the button position from a given side.
|
|
14
|
+
*/
|
|
15
|
+
export declare const StyledSheetHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
|
|
16
|
+
'data-garden-id': string;
|
|
17
|
+
'data-garden-version': string;
|
|
18
|
+
} & IStyledSheetHeaderProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
@@ -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 { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledSheetTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledSheetTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ISheetProps } from '../../types';
|
|
9
|
-
interface IStyledSheetWrapperProps {
|
|
10
|
-
isOpen?: boolean;
|
|
11
|
-
isAnimated?: boolean;
|
|
12
|
-
placement?: ISheetProps['placement'];
|
|
13
|
-
size?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare const StyledSheetWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
16
|
-
'data-garden-id': string;
|
|
17
|
-
'data-garden-version': string;
|
|
18
|
-
} & IStyledSheetWrapperProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
19
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ISheetProps } from '../../types';
|
|
9
|
+
interface IStyledSheetWrapperProps {
|
|
10
|
+
isOpen?: boolean;
|
|
11
|
+
isAnimated?: boolean;
|
|
12
|
+
placement?: ISheetProps['placement'];
|
|
13
|
+
size?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const StyledSheetWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
16
|
+
'data-garden-id': string;
|
|
17
|
+
'data-garden-version': string;
|
|
18
|
+
} & IStyledSheetWrapperProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
|
|
19
|
+
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
interface IStyledSubNavProps extends ThemeProps<DefaultTheme> {
|
|
9
|
-
hue: string;
|
|
10
|
-
isDark?: boolean;
|
|
11
|
-
isLight?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export declare const StyledSubNav: import("styled-components").StyledComponent<"nav", DefaultTheme, {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
} & IStyledSubNavProps, "data-garden-id" | "data-garden-version">;
|
|
17
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledSubNavProps extends ThemeProps<DefaultTheme> {
|
|
9
|
+
hue: string;
|
|
10
|
+
isDark?: boolean;
|
|
11
|
+
isLight?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const StyledSubNav: import("styled-components").StyledComponent<"nav", DefaultTheme, {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
} & IStyledSubNavProps, "data-garden-id" | "data-garden-version">;
|
|
17
|
+
export {};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export interface IStyledSubNavItemProps extends ThemeProps<DefaultTheme> {
|
|
9
|
-
isCurrent?: boolean;
|
|
10
|
-
isDark?: boolean;
|
|
11
|
-
isLight?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export declare const getSubNavItemHeight: (props: IStyledSubNavItemProps) => string;
|
|
14
|
-
/**
|
|
15
|
-
* 1. Anchor reset
|
|
16
|
-
* 2. Button reset
|
|
17
|
-
*/
|
|
18
|
-
export declare const StyledSubNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
19
|
-
'data-garden-id': string;
|
|
20
|
-
'data-garden-version': string;
|
|
21
|
-
} & IStyledSubNavItemProps, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
export interface IStyledSubNavItemProps extends ThemeProps<DefaultTheme> {
|
|
9
|
+
isCurrent?: boolean;
|
|
10
|
+
isDark?: boolean;
|
|
11
|
+
isLight?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const getSubNavItemHeight: (props: IStyledSubNavItemProps) => string;
|
|
14
|
+
/**
|
|
15
|
+
* 1. Anchor reset
|
|
16
|
+
* 2. Button reset
|
|
17
|
+
*/
|
|
18
|
+
export declare const StyledSubNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
19
|
+
'data-garden-id': string;
|
|
20
|
+
'data-garden-version': string;
|
|
21
|
+
} & IStyledSubNavItemProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { IStyledSubNavItemProps } from './StyledSubNavItem';
|
|
8
|
-
export interface IStyledSubNavItemHeaderProps extends IStyledSubNavItemProps {
|
|
9
|
-
isExpanded?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const StyledSubNavItemHeader: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
12
|
-
'data-garden-id': string;
|
|
13
|
-
'data-garden-version': string;
|
|
14
|
-
} & IStyledSubNavItemProps & IStyledSubNavItemHeaderProps, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { IStyledSubNavItemProps } from './StyledSubNavItem';
|
|
8
|
+
export interface IStyledSubNavItemHeaderProps extends IStyledSubNavItemProps {
|
|
9
|
+
isExpanded?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledSubNavItemHeader: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
} & IStyledSubNavItemProps & IStyledSubNavItemHeaderProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { ThemeProps } from 'styled-components';
|
|
9
|
-
import { IStyledSubNavItemHeaderProps } from './StyledSubNavItemHeader';
|
|
10
|
-
export declare const StyledSubNavItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IStyledSubNavItemHeaderProps & ThemeProps<React.HTMLAttributes<SVGElement>> & React.RefAttributes<SVGElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
-
export declare const StyledSubNavItemIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
12
|
-
'data-garden-id': string;
|
|
13
|
-
'data-garden-version': string;
|
|
14
|
-
} & IStyledSubNavItemHeaderProps, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ThemeProps } from 'styled-components';
|
|
9
|
+
import { IStyledSubNavItemHeaderProps } from './StyledSubNavItemHeader';
|
|
10
|
+
export declare const StyledSubNavItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IStyledSubNavItemHeaderProps & ThemeProps<React.HTMLAttributes<SVGElement>> & React.RefAttributes<SVGElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
+
export declare const StyledSubNavItemIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
} & IStyledSubNavItemHeaderProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -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 { DefaultTheme } from 'styled-components';
|
|
8
|
-
export interface IStyledSubNavItemTextProps {
|
|
9
|
-
isWrapped?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const StyledSubNavItemText: import("styled-components").StyledComponent<"span", DefaultTheme, IStyledSubNavItemTextProps, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export interface IStyledSubNavItemTextProps {
|
|
9
|
+
isWrapped?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledSubNavItemText: import("styled-components").StyledComponent<"span", DefaultTheme, IStyledSubNavItemTextProps, never>;
|
|
@@ -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
|
-
interface IStyledSubNavPanelProps {
|
|
8
|
-
isHidden?: boolean;
|
|
9
|
-
}
|
|
10
|
-
/** Accepts all `<div>` props */
|
|
11
|
-
export declare const StyledSubNavPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledSubNavPanelProps, never>;
|
|
12
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
interface IStyledSubNavPanelProps {
|
|
8
|
+
isHidden?: boolean;
|
|
9
|
+
}
|
|
10
|
+
/** Accepts all `<div>` props */
|
|
11
|
+
export declare const StyledSubNavPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledSubNavPanelProps, never>;
|
|
12
|
+
export {};
|