@zendeskgarden/react-chrome 9.0.0 → 9.1.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/LICENSE.md +176 -0
- package/dist/esm/elements/SkipNav.js +1 -1
- package/dist/esm/elements/body/Content.js +1 -1
- package/dist/esm/elements/header/Header.js +10 -3
- package/dist/esm/elements/header/HeaderItem.js +11 -2
- package/dist/esm/elements/header/HeaderItemText.js +10 -3
- package/dist/esm/elements/nav/Nav.js +11 -7
- package/dist/esm/elements/nav/NavItem.js +4 -4
- package/dist/esm/elements/nav/NavItemText.js +8 -3
- package/dist/esm/elements/sheet/Sheet.js +9 -9
- package/dist/esm/elements/sheet/components/Footer.js +8 -3
- package/dist/esm/elements/sheet/components/Header.js +1 -1
- package/dist/esm/styled/StyledChrome.js +1 -1
- package/dist/esm/styled/StyledSkipNav.js +2 -2
- package/dist/esm/styled/StyledSkipNavIcon.js +1 -1
- package/dist/esm/styled/body/StyledBody.js +1 -1
- package/dist/esm/styled/body/StyledContent.js +3 -3
- package/dist/esm/styled/body/StyledMain.js +1 -1
- package/dist/esm/styled/footer/StyledFooter.js +1 -1
- package/dist/esm/styled/footer/StyledFooterItem.js +1 -1
- package/dist/esm/styled/header/StyledBaseHeaderItem.js +7 -7
- package/dist/esm/styled/header/StyledHeader.js +4 -4
- package/dist/esm/styled/header/StyledHeaderItem.js +5 -5
- package/dist/esm/styled/header/StyledHeaderItemIcon.js +1 -1
- package/dist/esm/styled/header/StyledHeaderItemText.js +2 -2
- package/dist/esm/styled/header/StyledHeaderItemWrapper.js +1 -1
- package/dist/esm/styled/header/StyledLogoHeaderItem.js +3 -3
- package/dist/esm/styled/nav/StyledBaseNavItem.js +1 -1
- package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +1 -1
- package/dist/esm/styled/nav/StyledLogoNavItem.js +4 -4
- package/dist/esm/styled/nav/StyledNav.js +6 -6
- package/dist/esm/styled/nav/StyledNavButton.js +7 -7
- package/dist/esm/styled/nav/StyledNavItemIcon.js +1 -1
- package/dist/esm/styled/nav/StyledNavItemText.js +9 -9
- package/dist/esm/styled/nav/StyledNavList.js +1 -1
- package/dist/esm/styled/nav/StyledNavListItem.js +1 -1
- package/dist/esm/styled/sheet/StyledSheet.js +10 -10
- package/dist/esm/styled/sheet/StyledSheetBody.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetClose.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetDescription.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetFooter.js +4 -4
- package/dist/esm/styled/sheet/StyledSheetFooterItem.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetHeader.js +3 -3
- package/dist/esm/styled/sheet/StyledSheetTitle.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetWrapper.js +8 -8
- package/dist/index.cjs.js +169 -132
- package/dist/typings/styled/StyledSkipNav.d.ts +1 -1
- package/dist/typings/styled/body/StyledContent.d.ts +1 -1
- package/dist/typings/styled/header/StyledBaseHeaderItem.d.ts +3 -3
- package/dist/typings/styled/header/StyledHeader.d.ts +1 -1
- package/dist/typings/styled/header/StyledHeaderItemIcon.d.ts +1 -1
- package/dist/typings/styled/header/StyledHeaderItemText.d.ts +1 -1
- package/dist/typings/styled/header/StyledLogoHeaderItem.d.ts +1 -1
- package/dist/typings/styled/nav/StyledLogoNavItem.d.ts +2 -2
- package/dist/typings/styled/nav/StyledNav.d.ts +2 -2
- package/dist/typings/styled/nav/StyledNavButton.d.ts +2 -2
- package/dist/typings/styled/nav/StyledNavItemIcon.d.ts +1 -1
- package/dist/typings/styled/nav/StyledNavItemText.d.ts +2 -2
- package/dist/typings/styled/sheet/StyledSheet.d.ts +4 -4
- package/dist/typings/styled/sheet/StyledSheetFooter.d.ts +1 -1
- package/dist/typings/styled/sheet/StyledSheetHeader.d.ts +1 -1
- package/dist/typings/styled/sheet/StyledSheetWrapper.d.ts +4 -4
- package/package.json +6 -5
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledSkipNavProps {
|
|
9
|
-
zIndex?: number;
|
|
9
|
+
$zIndex?: number;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledSkipNav: import("styled-components").StyledComponent<"a", DefaultTheme, {
|
|
12
12
|
'data-garden-id': string;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledContentProps {
|
|
9
|
-
hasFooter?: boolean;
|
|
9
|
+
$hasFooter?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledContent: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
12
12
|
'data-garden-id': string;
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledBaseHeaderItemProps {
|
|
9
|
-
maxX?: boolean;
|
|
10
|
-
maxY?: boolean;
|
|
11
|
-
isRound?: boolean;
|
|
9
|
+
$maxX?: boolean;
|
|
10
|
+
$maxY?: boolean;
|
|
11
|
+
$isRound?: boolean;
|
|
12
12
|
}
|
|
13
13
|
export declare const StyledBaseHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
14
14
|
'data-garden-id': string;
|
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledHeaderProps {
|
|
9
|
-
isStandalone?: boolean;
|
|
9
|
+
$isStandalone?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledHeader: import("styled-components").StyledComponent<"header", DefaultTheme, IStyledHeaderProps, never>;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) =>
|
|
8
|
+
export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
9
9
|
'data-garden-id': string;
|
|
10
10
|
'data-garden-version': string;
|
|
11
11
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -5,6 +5,6 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
export interface IStyledHeaderItemTextProps {
|
|
8
|
-
isClipped?: boolean;
|
|
8
|
+
$isClipped?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export declare const StyledHeaderItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledHeaderItemTextProps, never>;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { Product } from '../../types';
|
|
9
9
|
export interface IStyledLogoHeaderItemProps {
|
|
10
|
-
product?: Product;
|
|
10
|
+
$product?: Product;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledLogoHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { Product } from '../../types';
|
|
9
9
|
export interface IStyledLogoNavItemProps {
|
|
10
|
-
hue: string;
|
|
11
|
-
product?: Product;
|
|
10
|
+
$hue: string;
|
|
11
|
+
$product?: Product;
|
|
12
12
|
}
|
|
13
13
|
export declare const StyledLogoNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
14
14
|
'data-garden-id': string;
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledNavProps {
|
|
9
|
-
hue: string;
|
|
10
|
-
isExpanded?: boolean;
|
|
9
|
+
$hue: string;
|
|
10
|
+
$isExpanded?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledNav: import("styled-components").StyledComponent<"nav", DefaultTheme, IStyledNavProps, never>;
|
|
13
13
|
export {};
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledNavItemProps {
|
|
9
|
-
isExpanded?: boolean;
|
|
10
|
-
hue: string;
|
|
9
|
+
$isExpanded?: boolean;
|
|
10
|
+
$hue: string;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledNavButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledNavItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) =>
|
|
8
|
+
export declare const StyledNavItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
9
9
|
'data-garden-id': string;
|
|
10
10
|
'data-garden-version': string;
|
|
11
11
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledNavItemTextProps {
|
|
9
|
-
isWrapped?: boolean;
|
|
10
|
-
isExpanded?: boolean;
|
|
9
|
+
$isWrapped?: boolean;
|
|
10
|
+
$isExpanded?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", DefaultTheme, IStyledNavItemTextProps, never>;
|
|
@@ -8,10 +8,10 @@ import { DefaultTheme } from 'styled-components';
|
|
|
8
8
|
import { ISheetProps } from '../../types';
|
|
9
9
|
interface IStyledSheetProps {
|
|
10
10
|
inert?: string;
|
|
11
|
-
placement?: ISheetProps['placement'];
|
|
12
|
-
isOpen?: boolean;
|
|
13
|
-
isAnimated?: boolean;
|
|
14
|
-
size?: string;
|
|
11
|
+
$placement?: ISheetProps['placement'];
|
|
12
|
+
$isOpen?: boolean;
|
|
13
|
+
$isAnimated?: boolean;
|
|
14
|
+
$size?: string;
|
|
15
15
|
}
|
|
16
16
|
export declare const StyledSheet: import("styled-components").StyledComponent<"aside", DefaultTheme, {
|
|
17
17
|
'data-garden-id': string;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
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
|
-
isCompact?: boolean;
|
|
10
|
+
$isCompact?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledSheetFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledSheetHeaderProps {
|
|
9
|
-
isCloseButtonPresent?: boolean;
|
|
9
|
+
$isCloseButtonPresent?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledSheetHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
|
|
12
12
|
'data-garden-id': string;
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { ISheetProps } from '../../types';
|
|
9
9
|
interface IStyledSheetWrapperProps {
|
|
10
|
-
isOpen?: boolean;
|
|
11
|
-
isAnimated?: boolean;
|
|
12
|
-
placement?: ISheetProps['placement'];
|
|
13
|
-
size?: string;
|
|
10
|
+
$isOpen?: boolean;
|
|
11
|
+
$isAnimated?: boolean;
|
|
12
|
+
$placement?: ISheetProps['placement'];
|
|
13
|
+
$size?: string;
|
|
14
14
|
}
|
|
15
15
|
export declare const StyledSheetWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
16
16
|
'data-garden-id': string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-chrome",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.1.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,7 +21,7 @@
|
|
|
21
21
|
"sideEffects": false,
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@zendeskgarden/react-buttons": "^9.
|
|
24
|
+
"@zendeskgarden/react-buttons": "^9.1.0",
|
|
25
25
|
"dom-helpers": "^5.2.1",
|
|
26
26
|
"polished": "^4.3.1",
|
|
27
27
|
"prop-types": "^15.5.7",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"styled-components": "^5.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@zendeskgarden/react-theming": "^9.
|
|
38
|
-
"@zendeskgarden/svg-icons": "7.
|
|
37
|
+
"@zendeskgarden/react-theming": "^9.1.0",
|
|
38
|
+
"@zendeskgarden/svg-icons": "7.3.0"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
41
41
|
"components",
|
|
@@ -46,5 +46,6 @@
|
|
|
46
46
|
"publishConfig": {
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
|
-
"zendeskgarden:src": "src/index.ts"
|
|
49
|
+
"zendeskgarden:src": "src/index.ts",
|
|
50
|
+
"gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
|
|
50
51
|
}
|