@zendeskgarden/react-chrome 9.0.0-next.3 → 9.0.0-next.5
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/README.md +15 -19
- package/dist/index.cjs.js +248 -233
- package/dist/index.esm.js +249 -234
- package/dist/typings/elements/footer/Footer.d.ts +8 -1
- package/dist/typings/elements/footer/FooterItem.d.ts +2 -0
- package/dist/typings/elements/header/Header.d.ts +11 -1
- package/dist/typings/elements/header/HeaderItem.d.ts +2 -0
- package/dist/typings/elements/header/HeaderItemIcon.d.ts +2 -0
- package/dist/typings/elements/header/HeaderItemText.d.ts +2 -0
- package/dist/typings/elements/header/HeaderItemWrapper.d.ts +2 -0
- package/dist/typings/elements/nav/Nav.d.ts +9 -1
- package/dist/typings/elements/nav/NavItem.d.ts +2 -0
- package/dist/typings/elements/nav/NavItemIcon.d.ts +2 -0
- package/dist/typings/elements/nav/NavItemText.d.ts +2 -0
- package/dist/typings/elements/subnav/CollapsibleSubNavItem.d.ts +2 -0
- package/dist/typings/elements/subnav/SubNav.d.ts +9 -1
- package/dist/typings/elements/subnav/SubNavItem.d.ts +2 -0
- package/dist/typings/elements/subnav/SubNavItemText.d.ts +2 -0
- package/dist/typings/index.d.ts +10 -10
- package/package.json +4 -4
|
@@ -5,7 +5,14 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
+
import { FooterItem } from './FooterItem';
|
|
8
9
|
/**
|
|
9
10
|
* @extends HTMLAttributes<HTMLElement>
|
|
10
11
|
*/
|
|
11
|
-
export declare const
|
|
12
|
+
export declare const FooterComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
/**
|
|
14
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
15
|
+
*/
|
|
16
|
+
export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
|
|
17
|
+
Item: typeof FooterItem;
|
|
18
|
+
};
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
/**
|
|
9
|
+
* @deprecated use `Footer.Item` instead
|
|
10
|
+
*
|
|
9
11
|
* @extends HTMLAttributes<HTMLElement>
|
|
10
12
|
*/
|
|
11
13
|
export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -6,7 +6,17 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { IHeaderProps } from '../../types';
|
|
9
|
+
import { HeaderItem } from './HeaderItem';
|
|
10
|
+
import { HeaderItemIcon } from './HeaderItemIcon';
|
|
11
|
+
import { HeaderItemText } from './HeaderItemText';
|
|
12
|
+
import { HeaderItemWrapper } from './HeaderItemWrapper';
|
|
13
|
+
export declare const HeaderComponent: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
|
|
9
14
|
/**
|
|
10
15
|
* @extends HTMLAttributes<HTMLElement>
|
|
11
16
|
*/
|
|
12
|
-
export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement
|
|
17
|
+
export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>> & {
|
|
18
|
+
Item: typeof HeaderItem;
|
|
19
|
+
ItemIcon: typeof HeaderItemIcon;
|
|
20
|
+
ItemText: typeof HeaderItemText;
|
|
21
|
+
ItemWrapper: typeof HeaderItemWrapper;
|
|
22
|
+
};
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { IHeaderItemProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `Header.Item` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
8
8
|
/**
|
|
9
|
+
* @deprecated use `Header.ItemIcon` instead
|
|
10
|
+
*
|
|
9
11
|
* @extends HTMLAttributes<HTMLElement>
|
|
10
12
|
*/
|
|
11
13
|
export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { IHeaderItemTextProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `Header.ItemText` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends HTMLAttributes<HTMLSpanElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { IHeaderItemWrapperProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `Header.ItemWrapper` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const HeaderItemWrapper: React.ForwardRefExoticComponent<IHeaderItemWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -6,7 +6,15 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { INavProps } from '../../types';
|
|
9
|
+
import { NavItem } from './NavItem';
|
|
10
|
+
import { NavItemIcon } from './NavItemIcon';
|
|
11
|
+
import { NavItemText } from './NavItemText';
|
|
12
|
+
export declare const NavComponent: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>>;
|
|
9
13
|
/**
|
|
10
14
|
* @extends HTMLAttributes<HTMLElement>
|
|
11
15
|
*/
|
|
12
|
-
export declare const Nav: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement
|
|
16
|
+
export declare const Nav: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>> & {
|
|
17
|
+
Item: typeof NavItem;
|
|
18
|
+
ItemIcon: typeof NavItemIcon;
|
|
19
|
+
ItemText: typeof NavItemText;
|
|
20
|
+
};
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { INavItemProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `Nav.Item` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const NavItem: React.ForwardRefExoticComponent<INavItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
8
8
|
/**
|
|
9
|
+
* @deprecated use `Nav.ItemIcon` instead
|
|
10
|
+
*
|
|
9
11
|
* @extends HTMLAttributes<HTMLElement>
|
|
10
12
|
*/
|
|
11
13
|
export declare const NavItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { INavItemTextProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `Nav.ItemText` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends HTMLAttributes<HTMLSpanElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const NavItemText: React.ForwardRefExoticComponent<INavItemTextProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { ICollapsibleSubNavItemProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `SubNav.CollapsibleItem` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const CollapsibleSubNavItem: React.ForwardRefExoticComponent<ICollapsibleSubNavItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -5,7 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
+
import { SubNavItem } from './SubNavItem';
|
|
9
|
+
import { SubNavItemText } from './SubNavItemText';
|
|
10
|
+
import { CollapsibleSubNavItem } from './CollapsibleSubNavItem';
|
|
11
|
+
export declare const SubNavComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
8
12
|
/**
|
|
9
13
|
* @extends HTMLAttributes<HTMLElement>
|
|
10
14
|
*/
|
|
11
|
-
export declare const SubNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement
|
|
15
|
+
export declare const SubNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
|
|
16
|
+
Item: typeof SubNavItem;
|
|
17
|
+
ItemText: typeof SubNavItemText;
|
|
18
|
+
CollapsibleItem: typeof CollapsibleSubNavItem;
|
|
19
|
+
};
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { ISubNavItemProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `SubNav.Item` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const SubNavItem: React.ForwardRefExoticComponent<ISubNavItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { ISubNavItemTextProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `SubNav.ItemText` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends HTMLAttributes<HTMLSpanElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const SubNavItemText: React.ForwardRefExoticComponent<ISubNavItemTextProps & React.RefAttributes<HTMLElement>>;
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -4,26 +4,26 @@
|
|
|
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 { Chrome } from './elements/Chrome';
|
|
8
|
-
export { SkipNav } from './elements/SkipNav';
|
|
9
|
-
export { Body } from './elements/body/Body';
|
|
10
|
-
export { Content } from './elements/body/Content';
|
|
11
|
-
export { Main } from './elements/body/Main';
|
|
12
|
-
export { Sidebar } from './elements/body/Sidebar';
|
|
13
|
-
export { Header } from './elements/header/Header';
|
|
14
7
|
export { HeaderItem } from './elements/header/HeaderItem';
|
|
15
8
|
export { HeaderItemIcon } from './elements/header/HeaderItemIcon';
|
|
16
9
|
export { HeaderItemText } from './elements/header/HeaderItemText';
|
|
17
10
|
export { HeaderItemWrapper } from './elements/header/HeaderItemWrapper';
|
|
18
|
-
export { Footer } from './elements/footer/Footer';
|
|
19
11
|
export { FooterItem } from './elements/footer/FooterItem';
|
|
20
|
-
export { Nav } from './elements/nav/Nav';
|
|
21
12
|
export { NavItem } from './elements/nav/NavItem';
|
|
22
13
|
export { NavItemIcon } from './elements/nav/NavItemIcon';
|
|
23
14
|
export { NavItemText } from './elements/nav/NavItemText';
|
|
24
|
-
export { SubNav } from './elements/subnav/SubNav';
|
|
25
15
|
export { SubNavItem } from './elements/subnav/SubNavItem';
|
|
26
16
|
export { SubNavItemText } from './elements/subnav/SubNavItemText';
|
|
27
17
|
export { CollapsibleSubNavItem } from './elements/subnav/CollapsibleSubNavItem';
|
|
18
|
+
export { Chrome } from './elements/Chrome';
|
|
19
|
+
export { SkipNav } from './elements/SkipNav';
|
|
20
|
+
export { Body } from './elements/body/Body';
|
|
21
|
+
export { Content } from './elements/body/Content';
|
|
22
|
+
export { Main } from './elements/body/Main';
|
|
23
|
+
export { Sidebar } from './elements/body/Sidebar';
|
|
24
|
+
export { Header } from './elements/header/Header';
|
|
25
|
+
export { Footer } from './elements/footer/Footer';
|
|
26
|
+
export { Nav } from './elements/nav/Nav';
|
|
27
|
+
export { SubNav } from './elements/subnav/SubNav';
|
|
28
28
|
export { Sheet } from './elements/sheet/Sheet';
|
|
29
29
|
export { PRODUCTS, type IChromeProps, type ISkipNavProps, type IBodyProps, type IHeaderProps, type IHeaderItemProps, type IHeaderItemTextProps, type IHeaderItemWrapperProps, type INavProps, type INavItemProps, type INavItemTextProps, type ISubNavItemProps, type ICollapsibleSubNavItemProps, type ISheetProps, type ISheetFooterProps } from './types';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-chrome",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.5",
|
|
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>",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
"@zendeskgarden/react-theming": "^8.67.0",
|
|
33
33
|
"react": ">=16.8.0",
|
|
34
34
|
"react-dom": ">=16.8.0",
|
|
35
|
-
"styled-components": "^5.1
|
|
35
|
+
"styled-components": "^5.3.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
38
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.5",
|
|
39
39
|
"@zendeskgarden/svg-icons": "7.0.0"
|
|
40
40
|
},
|
|
41
41
|
"keywords": [
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
50
|
"zendeskgarden:src": "src/index.ts",
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
|
|
52
52
|
}
|