@zendeskgarden/react-typography 9.0.0-next.2 → 9.0.0-next.21
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/Blockquote.js +34 -0
- package/dist/esm/elements/Code.js +43 -0
- package/dist/esm/elements/CodeBlock.js +124 -0
- package/dist/esm/elements/Ellipsis.js +50 -0
- package/dist/esm/elements/LG.js +43 -0
- package/dist/esm/elements/MD.js +43 -0
- package/dist/esm/elements/Paragraph.js +34 -0
- package/dist/esm/elements/SM.js +43 -0
- package/dist/esm/elements/XL.js +42 -0
- package/dist/esm/elements/XXL.js +42 -0
- package/dist/esm/elements/XXXL.js +42 -0
- package/dist/esm/elements/lists/OrderedList.js +53 -0
- package/dist/esm/elements/lists/OrderedListItem.js +34 -0
- package/dist/esm/elements/lists/UnorderedList.js +53 -0
- package/dist/esm/elements/lists/UnorderedListItem.js +34 -0
- package/dist/esm/elements/span/Icon.js +25 -0
- package/dist/esm/elements/span/Span.js +49 -0
- package/dist/esm/elements/span/StartIcon.js +27 -0
- package/dist/esm/index.js +20 -0
- package/dist/esm/styled/StyledBlockquote.js +26 -0
- package/dist/esm/styled/StyledCode.js +66 -0
- package/dist/esm/styled/StyledCodeBlock.js +36 -0
- package/dist/esm/styled/StyledCodeBlockContainer.js +24 -0
- package/dist/esm/styled/StyledCodeBlockLine.js +100 -0
- package/dist/esm/styled/StyledCodeBlockToken.js +183 -0
- package/dist/esm/styled/StyledEllipsis.js +22 -0
- package/dist/esm/styled/StyledFont.js +76 -0
- package/dist/esm/styled/StyledIcon.js +27 -0
- package/dist/esm/styled/StyledList.js +37 -0
- package/dist/esm/styled/StyledListItem.js +48 -0
- package/dist/esm/styled/StyledParagraph.js +23 -0
- package/dist/esm/types/index.js +14 -0
- package/dist/esm/utils/useOrderedListContext.js +18 -0
- package/dist/esm/utils/useUnorderedListContext.js +18 -0
- package/dist/index.cjs.js +377 -162
- package/dist/typings/elements/span/Icon.d.ts +3 -3
- package/dist/typings/elements/span/StartIcon.d.ts +3 -3
- package/dist/typings/styled/StyledCode.d.ts +3 -2
- package/dist/typings/styled/StyledCodeBlock.d.ts +1 -4
- package/dist/typings/styled/StyledCodeBlockLine.d.ts +0 -5
- package/dist/typings/styled/StyledCodeBlockToken.d.ts +1 -4
- package/dist/typings/styled/StyledIcon.d.ts +3 -3
- package/dist/typings/types/index.d.ts +1 -1
- package/package.json +10 -9
- package/dist/index.esm.js +0 -769
|
@@ -4,11 +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 React, {
|
|
7
|
+
import React, { SVGAttributes } from 'react';
|
|
8
8
|
/**
|
|
9
|
-
* @extends
|
|
9
|
+
* @extends SVGAttributes<SVGElement>
|
|
10
10
|
*/
|
|
11
11
|
export declare const Icon: {
|
|
12
|
-
(props:
|
|
12
|
+
(props: SVGAttributes<SVGElement>): React.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
@@ -4,11 +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 React, {
|
|
7
|
+
import React, { SVGAttributes } from 'react';
|
|
8
8
|
/**
|
|
9
|
-
* @extends
|
|
9
|
+
* @extends SVGAttributes<SVGElement>
|
|
10
10
|
*/
|
|
11
11
|
export declare const StartIcon: {
|
|
12
|
-
(props:
|
|
12
|
+
(props: SVGAttributes<SVGElement>): React.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
@@ -8,12 +8,13 @@ import { DefaultTheme } from 'styled-components';
|
|
|
8
8
|
import { IStyledFontProps } from './StyledFont';
|
|
9
9
|
import { ICodeProps } from '../types';
|
|
10
10
|
interface IStyledCodeProps extends Omit<IStyledFontProps, 'size'> {
|
|
11
|
-
hue?:
|
|
11
|
+
hue?: ICodeProps['hue'];
|
|
12
12
|
size?: ICodeProps['size'];
|
|
13
13
|
}
|
|
14
14
|
export declare const StyledCode: import("styled-components").StyledComponent<"code", DefaultTheme, {
|
|
15
15
|
'data-garden-id': string;
|
|
16
16
|
'data-garden-version': string;
|
|
17
17
|
as: string;
|
|
18
|
-
|
|
18
|
+
isMonospace: boolean;
|
|
19
|
+
} & IStyledCodeProps, "isMonospace" | "as" | "data-garden-id" | "data-garden-version">;
|
|
19
20
|
export {};
|
|
@@ -5,10 +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 interface IStyledCodeBlockProps {
|
|
9
|
-
isLight?: boolean;
|
|
10
|
-
}
|
|
11
8
|
export declare const StyledCodeBlock: import("styled-components").StyledComponent<"pre", DefaultTheme, {
|
|
12
9
|
'data-garden-id': string;
|
|
13
10
|
'data-garden-version': string;
|
|
14
|
-
}
|
|
11
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -10,15 +10,10 @@ import { Diff, Size } from '../types';
|
|
|
10
10
|
export interface IStyledCodeBlockLineProps {
|
|
11
11
|
language?: Language;
|
|
12
12
|
isHighlighted?: boolean;
|
|
13
|
-
isLight?: boolean;
|
|
14
13
|
isNumbered?: boolean;
|
|
15
14
|
diff?: Diff;
|
|
16
15
|
size?: Size;
|
|
17
16
|
}
|
|
18
|
-
/**
|
|
19
|
-
* 1. Fix line display for mobile.
|
|
20
|
-
* 2. Match parent padding for overflow scroll.
|
|
21
|
-
*/
|
|
22
17
|
export declare const StyledCodeBlockLine: import("styled-components").StyledComponent<"code", DefaultTheme, {
|
|
23
18
|
'data-garden-id': string;
|
|
24
19
|
'data-garden-version': string;
|
|
@@ -5,10 +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 interface IStyledCodeBlockTokenProps {
|
|
9
|
-
isLight?: boolean;
|
|
10
|
-
}
|
|
11
8
|
export declare const StyledCodeBlockToken: import("styled-components").StyledComponent<"span", DefaultTheme, {
|
|
12
9
|
'data-garden-id': string;
|
|
13
10
|
'data-garden-version': string;
|
|
14
|
-
}
|
|
11
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -4,12 +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
|
+
/// <reference types="react" />
|
|
7
8
|
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import React from 'react';
|
|
9
9
|
interface IStyledIconProps {
|
|
10
|
-
isStart?: boolean;
|
|
10
|
+
$isStart?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const StyledIcon: import("styled-components").StyledComponent<({ children,
|
|
12
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
14
14
|
'data-garden-version': string;
|
|
15
15
|
} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -10,7 +10,7 @@ export declare const SIZE: readonly ["small", "medium", "large"];
|
|
|
10
10
|
export declare const INHERIT_SIZE: readonly ["inherit", "small", "medium", "large"];
|
|
11
11
|
export declare const TYPE_ORDERED_LIST: readonly ["decimal", "decimal-leading-zero", "lower-alpha", "lower-roman", "upper-alpha", "upper-roman"];
|
|
12
12
|
export declare const TYPE_UNORDERED_LIST: readonly ["circle", "disc", "square"];
|
|
13
|
-
export declare const LANGUAGES: readonly ["
|
|
13
|
+
export declare const LANGUAGES: readonly ["bash", "css", "diff", "graphql", "javascript", "json", "jsx", "markdown", "markup", "python", "typescript", "tsx", "yaml"];
|
|
14
14
|
export type Diff = 'hunk' | 'add' | 'delete' | 'change';
|
|
15
15
|
export type Size = (typeof SIZE)[number];
|
|
16
16
|
export interface ITypescaleProps extends HTMLAttributes<HTMLDivElement> {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-typography",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.21",
|
|
4
4
|
"description": "Components relating to typography in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"url": "https://github.com/zendeskgarden/react-components/issues"
|
|
11
11
|
},
|
|
12
12
|
"main": "dist/index.cjs.js",
|
|
13
|
-
"module": "dist/index.
|
|
13
|
+
"module": "dist/esm/index.js",
|
|
14
14
|
"files": [
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
@@ -21,19 +21,20 @@
|
|
|
21
21
|
"sideEffects": false,
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@zendeskgarden/container-scrollregion": "^1.0.
|
|
25
|
-
"polished": "^4.
|
|
26
|
-
"prism-react-renderer": "^
|
|
24
|
+
"@zendeskgarden/container-scrollregion": "^1.0.9",
|
|
25
|
+
"polished": "^4.3.1",
|
|
26
|
+
"prism-react-renderer": "^2.3.1",
|
|
27
|
+
"prismjs": "^1.29.0",
|
|
27
28
|
"prop-types": "^15.5.7"
|
|
28
29
|
},
|
|
29
30
|
"peerDependencies": {
|
|
30
|
-
"@zendeskgarden/react-theming": "
|
|
31
|
+
"@zendeskgarden/react-theming": ">=9.0.0-next",
|
|
31
32
|
"react": ">=16.8.0",
|
|
32
33
|
"react-dom": ">=16.8.0",
|
|
33
|
-
"styled-components": "^5.1
|
|
34
|
+
"styled-components": "^5.3.1"
|
|
34
35
|
},
|
|
35
36
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
37
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.21"
|
|
37
38
|
},
|
|
38
39
|
"keywords": [
|
|
39
40
|
"components",
|
|
@@ -45,5 +46,5 @@
|
|
|
45
46
|
"access": "public"
|
|
46
47
|
},
|
|
47
48
|
"zendeskgarden:src": "src/index.ts",
|
|
48
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
|
|
49
50
|
}
|