@zendeskgarden/react-chrome 9.0.0-next.9 → 9.0.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.
- package/dist/esm/elements/Chrome.js +9 -8
- package/dist/esm/elements/footer/FooterItem.js +1 -1
- package/dist/esm/elements/header/HeaderItem.js +1 -1
- package/dist/esm/elements/header/HeaderItemIcon.js +3 -18
- package/dist/esm/elements/header/HeaderItemText.js +1 -1
- package/dist/esm/elements/header/HeaderItemWrapper.js +1 -1
- package/dist/esm/elements/nav/Nav.js +13 -7
- package/dist/esm/elements/nav/NavItem.js +6 -12
- package/dist/esm/elements/nav/NavItemIcon.js +3 -18
- package/dist/esm/elements/nav/NavItemText.js +1 -1
- package/dist/esm/elements/nav/NavList.js +1 -1
- package/dist/esm/elements/sheet/Sheet.js +2 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/link-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +1 -1
- package/dist/esm/styled/StyledChrome.js +2 -5
- package/dist/esm/styled/StyledSkipNav.js +36 -18
- package/dist/esm/styled/StyledSkipNavIcon.js +10 -7
- package/dist/esm/styled/body/StyledBody.js +6 -6
- package/dist/esm/styled/body/StyledContent.js +18 -9
- package/dist/esm/styled/body/StyledMain.js +6 -6
- package/dist/esm/styled/footer/StyledFooter.js +28 -10
- package/dist/esm/styled/footer/StyledFooterItem.js +2 -5
- package/dist/esm/styled/header/StyledBaseHeaderItem.js +25 -19
- package/dist/esm/styled/header/StyledHeader.js +39 -15
- package/dist/esm/styled/header/StyledHeaderItem.js +46 -17
- package/dist/esm/styled/header/StyledHeaderItemIcon.js +13 -8
- package/dist/esm/styled/header/StyledHeaderItemText.js +6 -9
- package/dist/esm/styled/header/StyledHeaderItemWrapper.js +2 -5
- package/dist/esm/styled/header/StyledLogoHeaderItem.js +33 -24
- package/dist/esm/styled/nav/StyledBaseNavItem.js +12 -15
- package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +2 -6
- package/dist/esm/styled/nav/StyledLogoNavItem.js +15 -25
- package/dist/esm/styled/nav/StyledNav.js +33 -16
- package/dist/esm/styled/nav/StyledNavButton.js +64 -38
- package/dist/esm/styled/nav/StyledNavItemIcon.js +12 -8
- package/dist/esm/styled/nav/StyledNavItemText.js +19 -17
- package/dist/esm/styled/nav/StyledNavList.js +2 -5
- package/dist/esm/styled/nav/StyledNavListItem.js +2 -5
- package/dist/esm/styled/sheet/StyledSheet.js +32 -20
- package/dist/esm/styled/sheet/StyledSheetBody.js +3 -6
- package/dist/esm/styled/sheet/StyledSheetClose.js +13 -19
- package/dist/esm/styled/sheet/StyledSheetDescription.js +6 -6
- package/dist/esm/styled/sheet/StyledSheetFooter.js +23 -7
- package/dist/esm/styled/sheet/StyledSheetFooterItem.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetHeader.js +27 -8
- package/dist/esm/styled/sheet/StyledSheetTitle.js +6 -6
- package/dist/esm/styled/sheet/StyledSheetWrapper.js +22 -22
- package/dist/esm/styled/utils.js +20 -0
- package/dist/index.cjs.js +632 -483
- package/dist/typings/elements/footer/Footer.d.ts +1 -1
- package/dist/typings/elements/header/Header.d.ts +1 -1
- package/dist/typings/elements/header/HeaderItemIcon.d.ts +4 -1
- package/dist/typings/elements/nav/Nav.d.ts +1 -1
- package/dist/typings/elements/nav/NavItemIcon.d.ts +4 -1
- package/dist/typings/elements/sheet/Sheet.d.ts +3 -1
- package/dist/typings/styled/StyledSkipNav.d.ts +0 -3
- package/dist/typings/styled/StyledSkipNavIcon.d.ts +2 -2
- package/dist/typings/styled/body/StyledContent.d.ts +2 -1
- package/dist/typings/styled/footer/StyledFooter.d.ts +1 -2
- package/dist/typings/styled/header/StyledBaseHeaderItem.d.ts +1 -6
- package/dist/typings/styled/header/StyledHeader.d.ts +1 -2
- package/dist/typings/styled/header/StyledHeaderItem.d.ts +0 -3
- package/dist/typings/styled/header/StyledHeaderItemIcon.d.ts +2 -4
- package/dist/typings/styled/header/StyledHeaderItemText.d.ts +0 -1
- package/dist/typings/styled/header/StyledLogoHeaderItem.d.ts +2 -4
- package/dist/typings/styled/nav/StyledBaseNavItem.d.ts +1 -2
- package/dist/typings/styled/nav/StyledBrandmarkNavItem.d.ts +0 -3
- package/dist/typings/styled/nav/StyledLogoNavItem.d.ts +3 -7
- package/dist/typings/styled/nav/StyledNav.d.ts +2 -6
- package/dist/typings/styled/nav/StyledNavButton.d.ts +2 -13
- package/dist/typings/styled/nav/StyledNavItemIcon.d.ts +2 -4
- package/dist/typings/styled/nav/StyledNavItemText.d.ts +2 -1
- package/dist/typings/styled/sheet/StyledSheet.d.ts +1 -0
- package/dist/typings/styled/sheet/StyledSheetClose.d.ts +3 -8
- package/dist/typings/styled/sheet/StyledSheetDescription.d.ts +2 -3
- package/dist/typings/styled/sheet/StyledSheetFooter.d.ts +2 -2
- package/dist/typings/styled/sheet/StyledSheetFooterItem.d.ts +2 -3
- package/dist/typings/styled/sheet/StyledSheetHeader.d.ts +2 -6
- package/dist/typings/styled/sheet/StyledSheetTitle.d.ts +2 -3
- package/dist/typings/styled/sheet/StyledSheetWrapper.d.ts +2 -2
- package/dist/typings/styled/utils.d.ts +15 -0
- package/dist/typings/utils/useChromeContext.d.ts +0 -1
- package/dist/typings/utils/useSheetContext.d.ts +0 -1
- package/package.json +8 -8
- package/LICENSE.md +0 -176
|
@@ -13,6 +13,6 @@ export declare const FooterComponent: React.ForwardRefExoticComponent<React.HTML
|
|
|
13
13
|
/**
|
|
14
14
|
* @extends HTMLAttributes<HTMLElement>
|
|
15
15
|
*/
|
|
16
|
-
export declare const Footer:
|
|
16
|
+
export declare const Footer: typeof FooterComponent & {
|
|
17
17
|
Item: typeof FooterItem;
|
|
18
18
|
};
|
|
@@ -14,7 +14,7 @@ export declare const HeaderComponent: React.ForwardRefExoticComponent<IHeaderPro
|
|
|
14
14
|
/**
|
|
15
15
|
* @extends HTMLAttributes<HTMLElement>
|
|
16
16
|
*/
|
|
17
|
-
export declare const Header:
|
|
17
|
+
export declare const Header: typeof HeaderComponent & {
|
|
18
18
|
Item: typeof HeaderItem;
|
|
19
19
|
ItemIcon: typeof HeaderItemIcon;
|
|
20
20
|
ItemText: typeof HeaderItemText;
|
|
@@ -10,4 +10,7 @@ import React, { PropsWithChildren, SVGAttributes } from 'react';
|
|
|
10
10
|
*
|
|
11
11
|
* @extends SVGAttributes<SVGElement>
|
|
12
12
|
*/
|
|
13
|
-
export declare const HeaderItemIcon:
|
|
13
|
+
export declare const HeaderItemIcon: {
|
|
14
|
+
({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
@@ -14,7 +14,7 @@ export declare const NavComponent: React.ForwardRefExoticComponent<INavProps & R
|
|
|
14
14
|
/**
|
|
15
15
|
* @extends HTMLAttributes<HTMLElement>
|
|
16
16
|
*/
|
|
17
|
-
export declare const Nav:
|
|
17
|
+
export declare const Nav: typeof NavComponent & {
|
|
18
18
|
List: typeof NavList;
|
|
19
19
|
Item: typeof NavItem;
|
|
20
20
|
ItemIcon: typeof NavItemIcon;
|
|
@@ -10,4 +10,7 @@ import React, { SVGAttributes, PropsWithChildren } from 'react';
|
|
|
10
10
|
*
|
|
11
11
|
* @extends SVGAttributes<SVGElement>
|
|
12
12
|
*/
|
|
13
|
-
export declare const NavItemIcon:
|
|
13
|
+
export declare const NavItemIcon: {
|
|
14
|
+
({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
@@ -13,10 +13,11 @@ import { Body } from './components/Body';
|
|
|
13
13
|
import { Footer } from './components/Footer';
|
|
14
14
|
import { FooterItem } from './components/FooterItem';
|
|
15
15
|
import { Close } from './components/Close';
|
|
16
|
+
declare const SheetComponent: React.ForwardRefExoticComponent<ISheetProps & React.RefAttributes<HTMLElement>>;
|
|
16
17
|
/**
|
|
17
18
|
* @extends HTMLAttributes<HTMLElement>
|
|
18
19
|
*/
|
|
19
|
-
export declare const Sheet:
|
|
20
|
+
export declare const Sheet: typeof SheetComponent & {
|
|
20
21
|
Body: typeof Body;
|
|
21
22
|
Close: typeof Close;
|
|
22
23
|
Description: typeof Description;
|
|
@@ -25,3 +26,4 @@ export declare const Sheet: React.ForwardRefExoticComponent<ISheetProps & React.
|
|
|
25
26
|
Header: typeof Header;
|
|
26
27
|
Title: typeof Title;
|
|
27
28
|
};
|
|
29
|
+
export {};
|
|
@@ -8,9 +8,6 @@ import { DefaultTheme } from 'styled-components';
|
|
|
8
8
|
interface IStyledSkipNavProps {
|
|
9
9
|
zIndex?: number;
|
|
10
10
|
}
|
|
11
|
-
/**
|
|
12
|
-
* 1. breaking LVHFA order for `<a>` to underline when focused and hovered
|
|
13
|
-
*/
|
|
14
11
|
export declare const StyledSkipNav: import("styled-components").StyledComponent<"a", DefaultTheme, {
|
|
15
12
|
'data-garden-id': string;
|
|
16
13
|
'data-garden-version': string;
|
|
@@ -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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export declare const StyledSkipNavIcon: import("styled-components").StyledComponent<any, DefaultTheme, object & {
|
|
9
9
|
'data-garden-id': string;
|
|
10
10
|
'data-garden-version': string;
|
|
11
|
-
}
|
|
11
|
+
}, string | number | symbol>;
|
|
@@ -4,10 +4,11 @@
|
|
|
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 { DefaultTheme } from 'styled-components';
|
|
7
8
|
interface IStyledContentProps {
|
|
8
9
|
hasFooter?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare const StyledContent: import("styled-components").StyledComponent<"div",
|
|
11
|
+
export declare const StyledContent: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
11
12
|
'data-garden-id': string;
|
|
12
13
|
'data-garden-version': string;
|
|
13
14
|
} & IStyledContentProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,8 +4,7 @@
|
|
|
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 {
|
|
8
|
-
export declare const getFooterHeight: (props: ThemeProps<DefaultTheme>) => string;
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
9
8
|
export declare const StyledFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
|
|
10
9
|
'data-garden-id': string;
|
|
11
10
|
'data-garden-version': string;
|
|
@@ -4,17 +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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledBaseHeaderItemProps {
|
|
9
9
|
maxX?: boolean;
|
|
10
10
|
maxY?: boolean;
|
|
11
11
|
isRound?: boolean;
|
|
12
12
|
}
|
|
13
|
-
export declare const getHeaderItemSize: (props: ThemeProps<DefaultTheme>) => string;
|
|
14
|
-
/**
|
|
15
|
-
* 1. Reset the stacking context for embedded menus
|
|
16
|
-
* 2. Button element reset
|
|
17
|
-
*/
|
|
18
13
|
export declare const StyledBaseHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
19
14
|
'data-garden-id': string;
|
|
20
15
|
'data-garden-version': string;
|
|
@@ -4,9 +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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledHeaderProps {
|
|
9
9
|
isStandalone?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const getHeaderHeight: (props: ThemeProps<DefaultTheme>) => string;
|
|
12
11
|
export declare const StyledHeader: import("styled-components").StyledComponent<"header", DefaultTheme, IStyledHeaderProps, never>;
|
|
@@ -6,9 +6,6 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { IStyledBaseHeaderItemProps } from './StyledBaseHeaderItem';
|
|
9
|
-
/**
|
|
10
|
-
* 1. Anchor reset.
|
|
11
|
-
*/
|
|
12
9
|
export declare const StyledHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
13
10
|
'data-garden-id': string;
|
|
14
11
|
'data-garden-version': string;
|
|
@@ -4,10 +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
|
-
|
|
8
|
-
|
|
9
|
-
**/
|
|
10
|
-
export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
11
9
|
'data-garden-id': string;
|
|
12
10
|
'data-garden-version': string;
|
|
13
11
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -7,5 +7,4 @@
|
|
|
7
7
|
export interface IStyledHeaderItemTextProps {
|
|
8
8
|
isClipped?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const clippedStyling: import("styled-components").FlattenSimpleInterpolation;
|
|
11
10
|
export declare const StyledHeaderItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledHeaderItemTextProps, never>;
|
|
@@ -4,14 +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 { DefaultTheme } from 'styled-components';
|
|
7
8
|
import { Product } from '../../types';
|
|
8
9
|
export interface IStyledLogoHeaderItemProps {
|
|
9
10
|
product?: Product;
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
-
* 1. Anchor reset
|
|
13
|
-
*/
|
|
14
|
-
export declare const StyledLogoHeaderItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
12
|
+
export declare const StyledLogoHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
15
13
|
'data-garden-id': string;
|
|
16
14
|
'data-garden-version': string;
|
|
17
15
|
} & import("./StyledBaseHeaderItem").IStyledBaseHeaderItemProps & {
|
|
@@ -4,8 +4,7 @@
|
|
|
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 {
|
|
8
|
-
export declare const getNavItemHeight: (props: ThemeProps<DefaultTheme>) => string;
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
9
8
|
export declare const StyledBaseNavItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
10
9
|
'data-garden-id': string;
|
|
11
10
|
'data-garden-version': string;
|
|
@@ -4,9 +4,6 @@
|
|
|
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
|
-
/**
|
|
8
|
-
* 1. Overrides flex default `min-height: auto`
|
|
9
|
-
*/
|
|
10
7
|
export declare const StyledBrandmarkNavItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
11
8
|
'data-garden-id': string;
|
|
12
9
|
'data-garden-version': string;
|
|
@@ -4,16 +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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { Product } from '../../types';
|
|
9
|
-
export interface IStyledLogoNavItemProps
|
|
9
|
+
export interface IStyledLogoNavItemProps {
|
|
10
|
+
hue: string;
|
|
10
11
|
product?: Product;
|
|
11
|
-
isDark?: boolean;
|
|
12
|
-
isLight?: boolean;
|
|
13
12
|
}
|
|
14
|
-
/**
|
|
15
|
-
* 1. Overrides flex default `min-height: auto`
|
|
16
|
-
*/
|
|
17
13
|
export declare const StyledLogoNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
18
14
|
'data-garden-id': string;
|
|
19
15
|
'data-garden-version': string;
|
|
@@ -4,14 +4,10 @@
|
|
|
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 {
|
|
8
|
-
interface IStyledNavProps
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledNavProps {
|
|
9
9
|
hue: string;
|
|
10
|
-
isDark?: boolean;
|
|
11
|
-
isLight?: boolean;
|
|
12
10
|
isExpanded?: boolean;
|
|
13
11
|
}
|
|
14
|
-
export declare const getNavWidth: (props: ThemeProps<DefaultTheme>) => string;
|
|
15
|
-
export declare const getExpandedNavWidth: () => string;
|
|
16
12
|
export declare const StyledNav: import("styled-components").StyledComponent<"nav", DefaultTheme, IStyledNavProps, never>;
|
|
17
13
|
export {};
|
|
@@ -4,22 +4,11 @@
|
|
|
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 {
|
|
8
|
-
interface IStyledNavItemProps
|
|
9
|
-
isCurrent?: boolean;
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledNavItemProps {
|
|
10
9
|
isExpanded?: boolean;
|
|
11
|
-
isDark?: boolean;
|
|
12
|
-
isLight?: boolean;
|
|
13
10
|
hue: string;
|
|
14
11
|
}
|
|
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
|
-
* 5. Overrides flex default `min-width: auto`
|
|
21
|
-
* https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox
|
|
22
|
-
*/
|
|
23
12
|
export declare const StyledNavButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
24
13
|
'data-garden-id': string;
|
|
25
14
|
'data-garden-version': string;
|
|
@@ -4,10 +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
|
-
|
|
8
|
-
|
|
9
|
-
**/
|
|
10
|
-
export declare const StyledNavItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledNavItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
11
9
|
'data-garden-id': string;
|
|
12
10
|
'data-garden-version': string;
|
|
13
11
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,8 +4,9 @@
|
|
|
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 { DefaultTheme } from 'styled-components';
|
|
7
8
|
export interface IStyledNavItemTextProps {
|
|
8
9
|
isWrapped?: boolean;
|
|
9
10
|
isExpanded?: boolean;
|
|
10
11
|
}
|
|
11
|
-
export declare const StyledNavItemText: import("styled-components").StyledComponent<"span",
|
|
12
|
+
export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", DefaultTheme, IStyledNavItemTextProps, never>;
|
|
@@ -4,13 +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 {
|
|
8
|
-
export declare const
|
|
9
|
-
top: number;
|
|
10
|
-
side: number;
|
|
11
|
-
size: number;
|
|
12
|
-
};
|
|
13
|
-
export declare const StyledSheetClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledSheetClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
|
|
14
9
|
'data-garden-id': string;
|
|
15
10
|
'data-garden-version': string;
|
|
16
|
-
}
|
|
11
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,8 +4,7 @@
|
|
|
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
|
-
|
|
8
|
-
export declare const StyledSheetDescription: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
7
|
+
export declare const StyledSheetDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
8
|
'data-garden-id': string;
|
|
10
9
|
'data-garden-version': string;
|
|
11
|
-
}
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,7 +4,7 @@
|
|
|
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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledSheetFooterProps {
|
|
9
9
|
/** Sets the SheetFooter padding to half the standard and centers the elements */
|
|
10
10
|
isCompact?: boolean;
|
|
@@ -12,4 +12,4 @@ export interface IStyledSheetFooterProps {
|
|
|
12
12
|
export declare const StyledSheetFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
14
14
|
'data-garden-version': string;
|
|
15
|
-
} & IStyledSheetFooterProps
|
|
15
|
+
} & IStyledSheetFooterProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,8 +4,7 @@
|
|
|
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
|
-
|
|
8
|
-
export declare const StyledSheetFooterItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
7
|
+
export declare const StyledSheetFooterItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
8
|
'data-garden-id': string;
|
|
10
9
|
'data-garden-version': string;
|
|
11
|
-
}
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,15 +4,11 @@
|
|
|
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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledSheetHeaderProps {
|
|
9
9
|
isCloseButtonPresent?: boolean;
|
|
10
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
11
|
export declare const StyledSheetHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
|
|
16
12
|
'data-garden-id': string;
|
|
17
13
|
'data-garden-version': string;
|
|
18
|
-
} & IStyledSheetHeaderProps
|
|
14
|
+
} & IStyledSheetHeaderProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,8 +4,7 @@
|
|
|
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
|
-
|
|
8
|
-
export declare const StyledSheetTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
7
|
+
export declare const StyledSheetTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
8
|
'data-garden-id': string;
|
|
10
9
|
'data-garden-version': string;
|
|
11
|
-
}
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,7 +4,7 @@
|
|
|
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 {
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { ISheetProps } from '../../types';
|
|
9
9
|
interface IStyledSheetWrapperProps {
|
|
10
10
|
isOpen?: boolean;
|
|
@@ -15,5 +15,5 @@ interface IStyledSheetWrapperProps {
|
|
|
15
15
|
export declare const StyledSheetWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
16
16
|
'data-garden-id': string;
|
|
17
17
|
'data-garden-version': string;
|
|
18
|
-
} & IStyledSheetWrapperProps
|
|
18
|
+
} & IStyledSheetWrapperProps, "data-garden-id" | "data-garden-version">;
|
|
19
19
|
export {};
|
|
@@ -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 { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { Product } from '../types';
|
|
9
|
+
export declare const getFooterHeight: (theme: DefaultTheme) => string;
|
|
10
|
+
export declare const getHeaderHeight: (theme: DefaultTheme) => string;
|
|
11
|
+
export declare const getHeaderItemSize: (theme: DefaultTheme) => string;
|
|
12
|
+
export declare const getNavItemHeight: (theme: DefaultTheme) => string;
|
|
13
|
+
export declare const getNavWidth: (theme: DefaultTheme) => string;
|
|
14
|
+
export declare const getNavWidthExpanded: () => string;
|
|
15
|
+
export declare const getProductColor: (product?: Product, fallback?: string) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-chrome",
|
|
3
|
-
"version": "9.0.0
|
|
3
|
+
"version": "9.0.0",
|
|
4
4
|
"description": "Components relating to Chrome within the Garden Design System.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -21,20 +21,21 @@
|
|
|
21
21
|
"sideEffects": false,
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
|
+
"@zendeskgarden/react-buttons": "^9.0.0",
|
|
24
25
|
"dom-helpers": "^5.2.1",
|
|
25
|
-
"polished": "^4.
|
|
26
|
+
"polished": "^4.3.1",
|
|
26
27
|
"prop-types": "^15.5.7",
|
|
27
28
|
"react-merge-refs": "^2.0.0"
|
|
28
29
|
},
|
|
29
30
|
"peerDependencies": {
|
|
30
31
|
"@zendeskgarden/react-theming": ">=9.0.0-next",
|
|
31
|
-
"react": "
|
|
32
|
-
"react-dom": "
|
|
32
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
33
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
33
34
|
"styled-components": "^5.3.1"
|
|
34
35
|
},
|
|
35
36
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^9.0.0
|
|
37
|
-
"@zendeskgarden/svg-icons": "7.
|
|
37
|
+
"@zendeskgarden/react-theming": "^9.0.0",
|
|
38
|
+
"@zendeskgarden/svg-icons": "7.2.0"
|
|
38
39
|
},
|
|
39
40
|
"keywords": [
|
|
40
41
|
"components",
|
|
@@ -45,6 +46,5 @@
|
|
|
45
46
|
"publishConfig": {
|
|
46
47
|
"access": "public"
|
|
47
48
|
},
|
|
48
|
-
"zendeskgarden:src": "src/index.ts"
|
|
49
|
-
"gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
|
|
49
|
+
"zendeskgarden:src": "src/index.ts"
|
|
50
50
|
}
|