@zendeskgarden/react-chrome 8.46.0 → 8.48.0

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 (45) hide show
  1. package/dist/index.cjs.js +766 -318
  2. package/dist/index.esm.js +678 -231
  3. package/dist/typings/elements/Chrome.d.ts +2 -3
  4. package/dist/typings/elements/SkipNav.d.ts +1 -2
  5. package/dist/typings/elements/body/Body.d.ts +3 -4
  6. package/dist/typings/elements/header/Header.d.ts +6 -3
  7. package/dist/typings/elements/header/HeaderItem.d.ts +15 -4
  8. package/dist/typings/elements/header/HeaderItemIcon.d.ts +3 -3
  9. package/dist/typings/elements/header/HeaderItemText.d.ts +6 -3
  10. package/dist/typings/elements/header/HeaderItemWrapper.d.ts +10 -3
  11. package/dist/typings/elements/nav/Nav.d.ts +1 -2
  12. package/dist/typings/elements/nav/NavItem.d.ts +1 -2
  13. package/dist/typings/elements/nav/NavItemIcon.d.ts +3 -3
  14. package/dist/typings/elements/nav/NavItemText.d.ts +6 -3
  15. package/dist/typings/elements/sheet/Sheet.d.ts +40 -0
  16. package/dist/typings/elements/sheet/components/Body.d.ts +11 -0
  17. package/dist/typings/elements/sheet/components/Close.d.ts +11 -0
  18. package/dist/typings/elements/sheet/components/Description.d.ts +11 -0
  19. package/dist/typings/elements/sheet/components/Footer.d.ts +15 -0
  20. package/dist/typings/elements/sheet/components/FooterItem.d.ts +11 -0
  21. package/dist/typings/elements/sheet/components/Header.d.ts +11 -0
  22. package/dist/typings/elements/sheet/components/Title.d.ts +11 -0
  23. package/dist/typings/elements/subnav/CollapsibleSubNavItem.d.ts +1 -1
  24. package/dist/typings/elements/subnav/SubNavItem.d.ts +3 -4
  25. package/dist/typings/elements/subnav/SubNavItemText.d.ts +9 -3
  26. package/dist/typings/index.d.ts +18 -1
  27. package/dist/typings/styled/header/StyledBaseHeaderItem.d.ts +0 -3
  28. package/dist/typings/styled/header/StyledHeader.d.ts +0 -1
  29. package/dist/typings/styled/header/StyledHeaderItemText.d.ts +0 -1
  30. package/dist/typings/styled/header/StyledLogoHeaderItem.d.ts +0 -5
  31. package/dist/typings/styled/index.d.ts +10 -0
  32. package/dist/typings/styled/nav/StyledNavItemText.d.ts +0 -2
  33. package/dist/typings/styled/sheet/StyledSheet.d.ts +18 -0
  34. package/dist/typings/styled/sheet/StyledSheetBody.d.ts +10 -0
  35. package/dist/typings/styled/sheet/StyledSheetClose.d.ts +16 -0
  36. package/dist/typings/styled/sheet/StyledSheetDescription.d.ts +11 -0
  37. package/dist/typings/styled/sheet/StyledSheetFooter.d.ts +15 -0
  38. package/dist/typings/styled/sheet/StyledSheetFooterItem.d.ts +11 -0
  39. package/dist/typings/styled/sheet/StyledSheetHeader.d.ts +14 -0
  40. package/dist/typings/styled/sheet/StyledSheetTitle.d.ts +11 -0
  41. package/dist/typings/styled/sheet/StyledSheetWrapper.d.ts +18 -0
  42. package/dist/typings/styled/subnav/StyledSubNavItemText.d.ts +0 -4
  43. package/dist/typings/utils/useFocusableMount.d.ts +14 -0
  44. package/dist/typings/utils/useSheetContext.d.ts +15 -0
  45. package/package.json +7 -6
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import React, { HTMLAttributes } from 'react';
8
- interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
8
+ export interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
9
9
  /** Applies a custom hue to the chrome navigation */
10
10
  hue?: string;
11
11
  /** Prevents fixed positioning from being applied to the `<html>` element */
@@ -14,5 +14,4 @@ interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
14
14
  /**
15
15
  * @extends HTMLAttributes<HTMLDivElement>
16
16
  */
17
- declare const Chrome: React.ForwardRefExoticComponent<IChromeProps & React.RefAttributes<HTMLDivElement>>;
18
- export default Chrome;
17
+ export declare const Chrome: React.ForwardRefExoticComponent<IChromeProps & React.RefAttributes<HTMLDivElement>>;
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import React, { AnchorHTMLAttributes } from 'react';
8
- interface ISkipNavProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
8
+ export interface ISkipNavProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
9
9
  /** Sets the ID of the element to navigate to */
10
10
  targetId: string;
11
11
  /** Sets the `z-index` of the element */
@@ -15,4 +15,3 @@ interface ISkipNavProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
15
15
  * @extends AnchorHTMLAttributes<HTMLAnchorElement>
16
16
  */
17
17
  export declare const SkipNav: React.ForwardRefExoticComponent<ISkipNavProps & React.RefAttributes<HTMLAnchorElement>>;
18
- export {};
@@ -4,13 +4,12 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- interface IBodyProps {
7
+ import React, { HTMLAttributes } from 'react';
8
+ export interface IBodyProps extends HTMLAttributes<HTMLDivElement> {
9
9
  /** Adjusts the body content height to allow space for a footer component */
10
10
  hasFooter?: boolean;
11
11
  }
12
12
  /**
13
13
  * @extends HTMLAttributes<HTMLDivElement>
14
14
  */
15
- export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
16
- export {};
15
+ export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<HTMLDivElement>>;
@@ -4,9 +4,12 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- import { IStyledHeaderProps } from '../../styled';
7
+ import React, { HTMLAttributes } from 'react';
8
+ export interface IHeaderProps extends HTMLAttributes<HTMLElement> {
9
+ /** Displays logo for standlone usage */
10
+ isStandalone?: boolean;
11
+ }
9
12
  /**
10
13
  * @extends HTMLAttributes<HTMLElement>
11
14
  */
12
- export declare const Header: React.ForwardRefExoticComponent<IStyledHeaderProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
15
+ export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
@@ -5,13 +5,24 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import React, { ButtonHTMLAttributes } from 'react';
8
- import { IStyledBaseHeaderItemProps, IStyledLogoHeaderItemProps } from '../../styled';
9
- interface IHeadItemProps extends IStyledBaseHeaderItemProps, IStyledLogoHeaderItemProps, ButtonHTMLAttributes<HTMLButtonElement> {
8
+ import { PRODUCT } from '../../utils/types';
9
+ export interface IHeaderItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
10
+ /** Maximizes the width of a flex item in the header */
11
+ maxX?: boolean;
12
+ /** Maximizes the height of the item (i.e. contains a search input) */
13
+ maxY?: boolean;
14
+ /** Rounds the border radius of the item */
15
+ isRound?: boolean;
16
+ /**
17
+ * Applies a
18
+ * [brand color](/design/color#brand-colors)
19
+ * to the product logo
20
+ */
21
+ product?: PRODUCT;
10
22
  /** Applies header logo styles to the item */
11
23
  hasLogo?: boolean;
12
24
  }
13
25
  /**
14
26
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
15
27
  */
16
- export declare const HeaderItem: React.ForwardRefExoticComponent<IHeadItemProps & React.RefAttributes<HTMLButtonElement>>;
17
- export {};
28
+ export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;
@@ -4,8 +4,8 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React, { HTMLAttributes } from 'react';
7
+ import { HTMLAttributes, PropsWithChildren } from 'react';
8
8
  /**
9
- * @extends HTMLAttributes<any>
9
+ * @extends HTMLAttributes<HTMLElement>
10
10
  */
11
- export declare const HeaderItemIcon: React.FC<HTMLAttributes<any>>;
11
+ export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => JSX.Element | null;
@@ -4,9 +4,12 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- import { IStyledHeaderItemTextProps } from '../../styled';
7
+ import React, { HTMLAttributes } from 'react';
8
+ export interface IHeaderItemTextProps extends HTMLAttributes<HTMLElement> {
9
+ /** Hides item text. Text remains accessible to screen readers. */
10
+ isClipped?: boolean;
11
+ }
9
12
  /**
10
13
  * @extends HTMLAttributes<HTMLSpanElement>
11
14
  */
12
- export declare const HeaderItemText: React.ForwardRefExoticComponent<IStyledHeaderItemTextProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
15
+ export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;
@@ -4,9 +4,16 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- import { IStyledBaseHeaderItemProps } from '../../styled';
7
+ import React, { HTMLAttributes } from 'react';
8
+ export interface IHeaderItemWrapperProps extends HTMLAttributes<HTMLDivElement> {
9
+ /** Maximizes the width of a flex item in the header */
10
+ maxX?: boolean;
11
+ /** Maximizes the height of the item (i.e. contains a search input) */
12
+ maxY?: boolean;
13
+ /** Rounds the border radius of the item */
14
+ isRound?: boolean;
15
+ }
9
16
  /**
10
17
  * @extends HTMLAttributes<HTMLDivElement>
11
18
  */
12
- export declare const HeaderItemWrapper: React.ForwardRefExoticComponent<IStyledBaseHeaderItemProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
19
+ export declare const HeaderItemWrapper: React.ForwardRefExoticComponent<IHeaderItemWrapperProps & React.RefAttributes<HTMLDivElement>>;
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import React, { HTMLAttributes } from 'react';
8
- interface INavProps extends HTMLAttributes<HTMLElement> {
8
+ export interface INavProps extends HTMLAttributes<HTMLElement> {
9
9
  /** Expands the nav area to display the item text */
10
10
  isExpanded?: boolean;
11
11
  }
@@ -13,4 +13,3 @@ interface INavProps extends HTMLAttributes<HTMLElement> {
13
13
  * @extends HTMLAttributes<HTMLElement>
14
14
  */
15
15
  export declare const Nav: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>>;
16
- export {};
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import React, { ButtonHTMLAttributes } from 'react';
8
8
  import { PRODUCT } from '../../utils/types';
9
- interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
9
+ export interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
10
10
  /** Applies a product-specific color palette */
11
11
  product?: PRODUCT;
12
12
  /** Indicates that the item is current in the nav */
@@ -20,4 +20,3 @@ interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
20
20
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
21
21
  */
22
22
  export declare const NavItem: React.ForwardRefExoticComponent<INavItemProps & React.RefAttributes<HTMLButtonElement>>;
23
- export {};
@@ -4,8 +4,8 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React, { HTMLAttributes } from 'react';
7
+ import { HTMLAttributes, PropsWithChildren } from 'react';
8
8
  /**
9
- * @extends HTMLAttributes<any>
9
+ * @extends HTMLAttributes<HTMLElement>
10
10
  */
11
- export declare const NavItemIcon: React.FC<HTMLAttributes<any>>;
11
+ export declare const NavItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => JSX.Element | null;
@@ -4,9 +4,12 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- import { IStyledNavItemTextProps } from '../../styled';
7
+ import React, { HTMLAttributes } from 'react';
8
+ export interface INavItemTextProps extends HTMLAttributes<HTMLSpanElement> {
9
+ /** Wraps overflow item text instead of truncating long strings with an ellipsis **/
10
+ isWrapped?: boolean;
11
+ }
9
12
  /**
10
13
  * @extends HTMLAttributes<HTMLSpanElement>
11
14
  */
12
- export declare const NavItemText: React.ForwardRefExoticComponent<Pick<IStyledNavItemTextProps, "isWrapped"> & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLElement>>;
15
+ export declare const NavItemText: React.ForwardRefExoticComponent<INavItemTextProps & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1,40 @@
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 } from 'react';
8
+ import { Title } from './components/Title';
9
+ import { Description } from './components/Description';
10
+ import { Header } from './components/Header';
11
+ import { Body } from './components/Body';
12
+ import { Footer } from './components/Footer';
13
+ import { FooterItem } from './components/FooterItem';
14
+ import { Close } from './components/Close';
15
+ export interface ISheetProps extends HTMLAttributes<HTMLElement> {
16
+ /** Opens the Sheet **/
17
+ isOpen?: boolean;
18
+ /** Determines whether animation for opening and closing the Sheet is used **/
19
+ isAnimated?: boolean;
20
+ /** Focuses on the Sheet when `isOpen` is true and mounted **/
21
+ focusOnMount?: boolean;
22
+ /** Directs keyboard focus to the Sheet on mount **/
23
+ restoreFocus?: boolean;
24
+ /** Returns keyboard focus to the element that triggered the Sheet **/
25
+ placement?: 'start' | 'end';
26
+ /** Sets the width in pixels, based on the placement of the Sheet */
27
+ size?: string;
28
+ }
29
+ /**
30
+ * @extends HTMLAttributes<HTMLElement>
31
+ */
32
+ export declare const Sheet: React.ForwardRefExoticComponent<ISheetProps & React.RefAttributes<HTMLElement>> & {
33
+ Body: typeof Body;
34
+ Close: typeof Close;
35
+ Description: typeof Description;
36
+ Footer: typeof Footer;
37
+ FooterItem: typeof FooterItem;
38
+ Header: typeof Header;
39
+ Title: typeof Title;
40
+ };
@@ -0,0 +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 Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +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 ButtonHTMLAttributes<HTMLButtonElement>
10
+ */
11
+ export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +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 Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +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 React, { HTMLAttributes } from 'react';
8
+ export interface ISheetFooterProps extends HTMLAttributes<HTMLElement> {
9
+ /** Sets the footer padding to half the standard and centers the elements */
10
+ isCompact?: boolean;
11
+ }
12
+ /**
13
+ * @extends HTMLAttributes<HTMLElement>
14
+ */
15
+ export declare const Footer: React.ForwardRefExoticComponent<ISheetFooterProps & React.RefAttributes<HTMLElement>>;
@@ -0,0 +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 FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +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 Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
@@ -0,0 +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 Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -18,6 +18,6 @@ export interface ICollapsibleSubNavItemProps extends Omit<ButtonHTMLAttributes<H
18
18
  onChange?: (isExpanded: boolean) => void;
19
19
  }
20
20
  /**
21
- * @extends HTMLAttributes<HTMLDivElement>
21
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
22
22
  */
23
23
  export declare const CollapsibleSubNavItem: React.ForwardRefExoticComponent<ICollapsibleSubNavItemProps & React.RefAttributes<HTMLDivElement>>;
@@ -4,13 +4,12 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- interface ISubNavItemProps {
7
+ import React, { ButtonHTMLAttributes } from 'react';
8
+ export interface ISubNavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
9
9
  /** Indicates that the item is current in the subnav */
10
10
  isCurrent?: boolean;
11
11
  }
12
12
  /**
13
13
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
14
14
  */
15
- export declare const SubNavItem: React.ForwardRefExoticComponent<ISubNavItemProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
16
- export {};
15
+ export declare const SubNavItem: React.ForwardRefExoticComponent<ISubNavItemProps & React.RefAttributes<HTMLButtonElement>>;
@@ -4,9 +4,15 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React from 'react';
8
- import { IStyledSubNavItemTextProps } from '../../styled';
7
+ import React, { HTMLAttributes } from 'react';
8
+ export interface ISubNavItemTextProps extends HTMLAttributes<HTMLSpanElement> {
9
+ /**
10
+ * Wraps overflow item text instead of truncating long strings with an ellipsis.
11
+ * Use when `max-width` styling is applied to the subnav container.
12
+ **/
13
+ isWrapped?: boolean;
14
+ }
9
15
  /**
10
16
  * @extends HTMLAttributes<HTMLSpanElement>
11
17
  */
12
- export declare const SubNavItemText: React.ForwardRefExoticComponent<IStyledSubNavItemTextProps & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLElement>>;
18
+ export declare const SubNavItemText: React.ForwardRefExoticComponent<ISubNavItemTextProps & React.RefAttributes<HTMLElement>>;
@@ -4,24 +4,41 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- export { default as Chrome } from './elements/Chrome';
7
+ export { Chrome } from './elements/Chrome';
8
+ export type { IChromeProps } from './elements/Chrome';
8
9
  export { SkipNav } from './elements/SkipNav';
10
+ export type { ISkipNavProps } from './elements/SkipNav';
9
11
  export { Body } from './elements/body/Body';
12
+ export type { IBodyProps } from './elements/body/Body';
10
13
  export { Content } from './elements/body/Content';
11
14
  export { Main } from './elements/body/Main';
12
15
  export { Sidebar } from './elements/body/Sidebar';
13
16
  export { Header } from './elements/header/Header';
17
+ export type { IHeaderProps } from './elements/header/Header';
14
18
  export { HeaderItem } from './elements/header/HeaderItem';
19
+ export type { IHeaderItemProps } from './elements/header/HeaderItem';
15
20
  export { HeaderItemIcon } from './elements/header/HeaderItemIcon';
16
21
  export { HeaderItemText } from './elements/header/HeaderItemText';
22
+ export type { IHeaderItemTextProps } from './elements/header/HeaderItemText';
17
23
  export { HeaderItemWrapper } from './elements/header/HeaderItemWrapper';
24
+ export type { IHeaderItemWrapperProps } from './elements/header/HeaderItemWrapper';
18
25
  export { Footer } from './elements/footer/Footer';
19
26
  export { FooterItem } from './elements/footer/FooterItem';
20
27
  export { Nav } from './elements/nav/Nav';
28
+ export type { INavProps } from './elements/nav/Nav';
21
29
  export { NavItem } from './elements/nav/NavItem';
30
+ export type { INavItemProps } from './elements/nav/NavItem';
22
31
  export { NavItemIcon } from './elements/nav/NavItemIcon';
23
32
  export { NavItemText } from './elements/nav/NavItemText';
33
+ export type { INavItemTextProps } from './elements/nav/NavItemText';
24
34
  export { SubNav } from './elements/subnav/SubNav';
25
35
  export { SubNavItem } from './elements/subnav/SubNavItem';
36
+ export type { ISubNavItemProps } from './elements/subnav/SubNavItem';
26
37
  export { SubNavItemText } from './elements/subnav/SubNavItemText';
38
+ export type { ISubNavItemTextProps } from './elements/subnav/SubNavItemText';
27
39
  export { CollapsibleSubNavItem } from './elements/subnav/CollapsibleSubNavItem';
40
+ export type { ICollapsibleSubNavItemProps } from './elements/subnav/CollapsibleSubNavItem';
41
+ export { Sheet } from './elements/sheet/Sheet';
42
+ export type { ISheetProps } from './elements/sheet/Sheet';
43
+ export type { ISheetFooterProps } from './elements/sheet/components/Footer';
44
+ export { PRODUCT, PRODUCTS } from './utils/types';
@@ -6,11 +6,8 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  export interface IStyledBaseHeaderItemProps {
9
- /** Maximizes the width of a flex item in the header */
10
9
  maxX?: boolean;
11
- /** Maximizes the height of the item (i.e. contains a search input) */
12
10
  maxY?: boolean;
13
- /** Rounds the border radius of the item */
14
11
  isRound?: boolean;
15
12
  }
16
13
  export declare const getHeaderItemSize: (props: ThemeProps<DefaultTheme>) => string;
@@ -6,7 +6,6 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  export interface IStyledHeaderProps {
9
- /** Displays logo for standlone usage */
10
9
  isStandalone?: boolean;
11
10
  }
12
11
  export declare const getHeaderHeight: (props: ThemeProps<DefaultTheme>) => string;
@@ -5,7 +5,6 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  export interface IStyledHeaderItemTextProps {
8
- /** Hides item text. Text remains accessible to screen readers. */
9
8
  isClipped?: boolean;
10
9
  }
11
10
  export declare const clippedStyling: import("styled-components").FlattenSimpleInterpolation;
@@ -6,11 +6,6 @@
6
6
  */
7
7
  import { PRODUCT } from '../../utils/types';
8
8
  export interface IStyledLogoHeaderItemProps {
9
- /**
10
- * Applies a
11
- * [brand color](/design/color#brand-colors)
12
- * to the product logo
13
- */
14
9
  product?: PRODUCT;
15
10
  }
16
11
  /**
@@ -42,3 +42,13 @@ export { StyledSubNavItemHeader } from './subnav/StyledSubNavItemHeader';
42
42
  export type { IStyledSubNavItemHeaderProps } from './subnav/StyledSubNavItemHeader';
43
43
  export { StyledSubNavItemIconWrapper, StyledSubNavItemIcon } from './subnav/StyledSubNavItemIcon';
44
44
  export { StyledSubNavPanel } from './subnav/StyledSubNavPanel';
45
+ export { StyledSheet } from './sheet/StyledSheet';
46
+ export { StyledSheetWrapper } from './sheet/StyledSheetWrapper';
47
+ export { StyledSheetTitle } from './sheet/StyledSheetTitle';
48
+ export { StyledSheetDescription } from './sheet/StyledSheetDescription';
49
+ export { StyledSheetBody } from './sheet/StyledSheetBody';
50
+ export { StyledSheetClose } from './sheet/StyledSheetClose';
51
+ export { StyledSheetFooter } from './sheet/StyledSheetFooter';
52
+ export type { IStyledSheetFooterProps } from './sheet/StyledSheetFooter';
53
+ export { StyledSheetFooterItem } from './sheet/StyledSheetFooterItem';
54
+ export { StyledSheetHeader } from './sheet/StyledSheetHeader';
@@ -5,9 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  export interface IStyledNavItemTextProps {
8
- /** Wraps overflow item text instead of truncating long strings with an ellipsis **/
9
8
  isWrapped?: boolean;
10
- /** Reveals item text */
11
9
  isExpanded?: boolean;
12
10
  }
13
11
  export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledNavItemTextProps, never>;
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import { DefaultTheme } from 'styled-components';
8
+ interface IStyledSheetProps {
9
+ placement?: 'start' | 'end';
10
+ isOpen?: boolean;
11
+ isAnimated?: boolean;
12
+ size?: string;
13
+ }
14
+ export declare const StyledSheet: import("styled-components").StyledComponent<"aside", DefaultTheme, {
15
+ 'data-garden-id': string;
16
+ 'data-garden-version': string;
17
+ } & IStyledSheetProps, "data-garden-id" | "data-garden-version">;
18
+ export {};
@@ -0,0 +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">;
@@ -0,0 +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 baseMultipliers: {
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">;
@@ -0,0 +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">;
@@ -0,0 +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">;
@@ -0,0 +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">;
@@ -0,0 +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 { ThemeProps, DefaultTheme } from 'styled-components';
8
+ export interface IStyledSheetHeaderProps {
9
+ isCloseButtonPresent?: boolean;
10
+ }
11
+ export declare const StyledSheetHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
12
+ 'data-garden-id': string;
13
+ 'data-garden-version': string;
14
+ } & IStyledSheetHeaderProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
@@ -0,0 +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">;